/*  Typo
----------------------------------------------- */

a:link, a:visited
{
    text-decoration: underline;
    color:#ffffff;
}
a:active { 	text-decoration: underline; }
a:hover { text-decoration:none; }


h1 { 
font:bold 18px/140% "Trebuchet MS", Verdana, sans-serif; 
}
h2 { font:bold 14px/140% "Trebuchet MS", Verdana, sans-serif; color:#F90; padding-left: 10px;}

p {	font: 11px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;}


.line {
background: linear-gradient(rgba(254,254,152,0) 30%,#FEFE98 90%);
}



/*  Layout
----------------------------------------------- */

body {
    background-color: #ffffff;
    width:100%;
    padding: 0;
    margin:0;
    font: 11px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;
}



#container
{
    margin:0 auto;
    padding: 0;
    width:920px;
    background:white;
}

#header
{
    background-image: url('https://u.jimcdn.com/cms/o/s517f2e2764e28a42/userlayout/img/top-kv.jpg?t=1555033680');
    background-position: right bottom;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}







#header h1,
#header a
{
    padding-top:3px;
    font-family:"Helvetica","Lucida Sans Unicode",Tahoma,Verdana,Arial,Helvetica,sans-serif;
    font-size:12px;
    font-weight:normal;
    text-decoration:none;
    line-height:15px;
    color:#333333;
    text-align:left;
}



#header a:hover { text-decoration:none;  }


#navigation
{
    background-image:url(https://u.jimcdn.com/cms/o/s517f2e2764e28a42/userlayout/img/menu-y-bg.jpg?t=1301121659);
    background-repeat: no-repeat;
    width:900px;
    height:0px;
    padding:0 10px;
}

#sidebar
{
    float:right;
background-color:#DCDCDC;
    width:300px;
    padding-top:0px;
}

#content
{


    width:100%;
    padding:0 0px;

}

#content h1{

clear:both;
    padding:0 0px;
font:bold 18px/140% "Trebuchet MS", Verdana, sans-serif; 
background-image:url(topics_bar.gif); 
background-repeat:no-repeat;
padding: 0px 0px;
margin: 0px 0 0px 0;
width: 640px;
height: 20px;
color:#5792B9;
}

#footer
{
    clear:both;
    margin-top:10px;
    background-color:#333333;
    height:200px;
}

#footer .gutter 
{
    height:100px;
    padding:25px 15px 0 15px;
font-size:13px;
color:#ffffff;
}

#footer a, #footer a:link, #footer a:visited
{
font-size:13px;
color:#ffffff;
}

/*  Navigation
----------------------------------------------- */

ul {list-style: none;}

ul.mainNav1,
ul.mainNav2
{
    margin:0;
    padding: 0;
}


#navigation ul.mainNav1 li {
        display: inline;
        float: left;
        width:150px;
        height: auto;
        margin: 0;      
}
#navigation ul.mainNav2 li { 
        display: none;
}

ul.mainNav1 li a { padding:0; }
ul.mainNav2 li a { padding:0; }
ul.mainNav3 li a { padding:4px 4px 4px 24px; }


ul.mainNav1 li a{
    background-image: url(https://u.jimcdn.com/cms/o/s517f2e2764e28a42/userlayout/img/menu-mouseout.gif?t=1301121647);
    backgroundrepeat: no-repeat;
   text-decoration: none;
   text-align:center;
    display: block;
    color:#333;
    font-size: 14px;
    width: 150px;
    height: 35px;
    padding: 15px 0 0 0;
}


ul.mainNav1 a:hover
{
background-image: url(https://u.jimcdn.com/cms/o/s517f2e2764e28a42/userlayout/img/menu-mouseover.gif?t=1301121653);
    backgroundrepeat: no-repeat;
    text-align:center;
    display: block;
    color:#333;
    width: 150px;
    height: 35px;
    padding: 15px 0 0 0;
}

ul.mainNav1 a.current { font-weight:bold; }

#side {
        float: left;
        width: 210px;
        padding-right:10px;
        background-color: #fff;
}
#side ul.mainNav1 li,
#side ul.mainNav2 li
{
        display: inline;
        margin: 0;      
        padding: 0;
}
#side ul.mainNav1 li .level_1 {
        display: none;
}

#side ul.mainNav2 li
{
   clear: both;
    width: 200px;
}

#side ul.mainNav2 li a
{
   background-image: url(https://u.jimcdn.com/cms/o/s517f2e2764e28a42/userlayout/img/menu-t-mouseout.jpg?t=1301129289);
    font-size: 12px;
    text-decoration: none;
    text-align: left;
    display: block;
    color:#fff;
    width:180px;
    height:35px;
    margin:0 !important;
    padding:0 0 0 20px; !important;
    line-height: 35px;
}
.clear { clear:both; }   
.clear hr { display:none; }

#cm{
background-image: url(https://u.jimcdn.com/cms/o/s517f2e2764e28a42/userlayout/img/back-middle.gif?t=1301174029);
background-repeat: repeat-y;
width: 180px;
height: auto;
padding: 10px;
}

#main_base{
padding: 265px 0 0 0; 
}

#main_base .main_btn{
padding-left 5px;
float: left;
}

.contents_box{
padding: 0px 0px;
width:500px;
height:auto;
line-height: 18px;
}

#insistence1{
background-image: url(https://u.jimcdn.com/cms/o/s517f2e2764e28a42/userlayout/img/1.jpg?t=1301263257);
background-repeat: no-repeat;
width:580px;
height:70px;
padding:80px 10px 0 60px;
margin-bottom: 20px;
font-size: 10px;
line-height: 12px;
}
.detail{
padding:10px 0;
float:right;
}

#insistence2{
background-image: url(https://u.jimcdn.com/cms/o/s517f2e2764e28a42/userlayout/img/2.jpg?t=1301262624);
background-repeat: no-repeat;
width:580px;
height:70px;
padding:110px 10px 0 60px;
margin-bottom: 20px;
font-size: 10px;
line-height: 12px;
}
#insistence3{
background-image: url(https://u.jimcdn.com/cms/o/s517f2e2764e28a42/userlayout/img/3.jpg?t=1301262631);
background-repeat: no-repeat;
width:580px;
height:60px;
padding:50px 10px 0 60px;
margin-bottom: 20px;
font-size: 10px;
line-height: 12px;
}
#insistence4{
background-image: url(https://u.jimcdn.com/cms/o/s517f2e2764e28a42/userlayout/img/4.jpg?t=1301262637);
background-repeat: no-repeat;
width:580px;
height:70px;
padding:80px 10px 0 60px;
margin-bottom: 20px;
font-size: 10px;
line-height: 12px;
}
#insistence5{
background-image: url(https://u.jimcdn.com/cms/o/s517f2e2764e28a42/userlayout/img/5.jpg?t=1301262642);
background-repeat: no-repeat;
width:580px;
height:70px;
padding:80px 10px 0 60px;
margin-bottom: 20px;
font-size: 10px;
line-height: 12px;
}

#pankuzu{
padding-left:10px;
font-size:10px;
}

#pankuzu strong{
font-weight: normal;
}

#pankuzu h1{
font-weight: normal;
}


.box1{
float:left;
width: 700px;
padding: 30px 0px 350px 30px;
backgroun-color:#eeeeee;
border: 0px solid #000000; 
}





.box2{
float:right;
    padding:30px 30px 0px 0px;
    font-family:"Helvetica","Lucida Sans Unicode",Tahoma,Verdana,Arial,Helvetica,sans-serif;
    font-size:20px;
    font-weight:normal;
    text-decoration:none;
text-align:right;
    line-height:10px;
    color:#333333;
backgroun-color:#eeeeee;
border: 0px solid #000000; 
}

.box2 img {
display: inline-block;
padding: 0 0 5px 0;
}


@media only screen and (max-width: 1400px){
.box3 img{
    width: 80%;
    height: auto;
}

.box3{
top:60%;
right:5%;
}

}

@media only screen and (max-width: 1000px){
.box3 img{
    width: 50%;
    height: auto;
}

.box3{
top:45%;
right:5%;
}

}



.box20{
float:left;
width: 50px;
    padding:4px 5px 0px 0px;
    font-family:"Helvetica","Lucida Sans Unicode",Tahoma,Verdana,Arial,Helvetica,sans-serif;
    font-size:20px;
    font-weight:normal;
    text-decoration:none;
    line-height:10px;
    color:#333333;
backgroun-color:#eeeeee;
border: 0px solid #000000; 
}



.box21{
float:left;
width: 50px;
    padding:0px 0px 0px -30px;
backgroun-color:#eeeeee;
border: 0px solid #000000; 
}




.box22{
float:left;
width: 50px;
    padding:0px 0px 0px 10px;
    font-family:"Helvetica","Lucida Sans Unicode",Tahoma,Verdana,Arial,Helvetica,sans-serif;
    font-size:20px;
    font-weight:normal;
    text-decoration:none;
    line-height:10px;
    color:#333333;

backgroun-color:#eeeeee;
border: 0px solid #000000; 
}


.lines{
clear:both;
width: 100%;
height: 55px;
background-color: #ffffff;
background-repeat: no-repeat;
background-position: 50%;
padding:35px 0 0 0;
font-family:"Helvetica","Lucida Sans Unicode",Tahoma,Verdana,Arial,Helvetica,sans-serif;
font-size:400%;
font-weight:bold;
text-decoration:none;
text-align: center;
vertical-align: middle;
color:#f7468a;
border: 0px solid #000000; 
}




.profile{
clear:both;
width: 100%;
height: 100%;
    padding:12px 0px 0px 0px;
    font-family:"Helvetica","Lucida Sans Unicode",Tahoma,Verdana,Arial,Helvetica,sans-serif;
    font-size:18px;
    font-weight:bold;
    text-decoration:none;
text-align: center;
vertical-align: middle;
    color:#FFCC00;
background-color:#eeeeee;
border: 0px solid #000000; 
}




.profile-1{
margin: 0 auto; 
clear:both;
width: 920px;
height: 100%;
    padding:12px 0px 0px 0px;
    font-family:"Helvetica","Lucida Sans Unicode",Tahoma,Verdana,Arial,Helvetica,sans-serif;
    font-size:18px;
    font-weight:bold;
    text-decoration:none;
text-align: center;
vertical-align: middle;
    color:#FFCC00;
background-color:#eeeeee;
border: 0px solid #000000; 
}



.profile-2{
margin: 0 auto; 
clear:both;
width: 820px;
height: 100%;
    padding:12px 0px 0px 30px;
    font-family:"Helvetica","Lucida Sans Unicode",Tahoma,Verdana,Arial,Helvetica,sans-serif;
    font-size:18px;
    font-weight:bold;
    text-decoration:none;
text-align: center;
vertical-align: middle;
    color:#FFCC00;
background-color:#eeeeee;
border: 0px solid #000000; 
}




.cnt{
 display: block;
 margin-left: auto;
 margin-right: auto;
}






.message{
clear:both;
width: 100%;
height: 100%;
    padding:12px 0px 0px 0px;
    font-family:"Helvetica","Lucida Sans Unicode",Tahoma,Verdana,Arial,Helvetica,sans-serif;
    font-size:30px;
    font-weight:bold;
    text-decoration:none;
text-align: center;
vertical-align: middle;
    color:#FFCC00;
background-color:#FFCC00;
border: 0px solid #000000; 

}




.message-1{
margin: 0 auto; 
clear:both;
width: 920px;
height: 100%;
    padding:12px 0px 0px 0px;
    font-family:"Helvetica","Lucida Sans Unicode",Tahoma,Verdana,Arial,Helvetica,sans-serif;
    font-size:30px;
    font-weight:bold;
    text-decoration:none;
text-align: center;
vertical-align: middle;
    color:#FFCC00;
background-color:#FFCC00;
border: 0px solid #000000; 
}






.map{
clear:both;
width: 100%;
height: 100%;
    padding:12px 0px 0px 0px;
    font-family:"Helvetica","Lucida Sans Unicode",Tahoma,Verdana,Arial,Helvetica,sans-serif;
    font-size:18px;
    font-weight:bold;
    text-decoration:none;
text-align: center;
vertical-align: middle;
    color:#FFCC00;
background-color:#FFCC00;
border: 0px solid #000000; 
}




.map-1{
margin: 0 auto; 
clear:both;
width: 600px;
height: 100%;
    padding:12px 0px 0px 0px;
    font-family:"Helvetica","Lucida Sans Unicode",Tahoma,Verdana,Arial,Helvetica,sans-serif;
    font-size:18px;
    font-weight:bold;
    text-decoration:none;
text-align: left;
vertical-align: middle;
    color:#FFCC00;
background-color:#FFCC00;
border: 0px solid #000000; 
}




#headbar {
   /* ▼上端に固定するCSS */
   position: fixed;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 70px;

   /* ▼バーの装飾 */
   background-color: #333333;  /* 背景色 */
   color: white;             /* 文字色 */

}






.header_box1{
float:left;
width: 500px;
    padding:0px 0px 0px 0px;
backgroun-color:#eeeeee;
border: 0px solid #000000; 
}


.header_box2{
float:right;
width: 250px;
    padding:8px 30px 0px 0px;
    font-family:"Helvetica","Lucida Sans Unicode",Tahoma,Verdana,Arial,Helvetica,sans-serif;
    font-size:20px;
    font-weight:normal;
    text-decoration:none;
text-align:right;
    line-height:10px;
    color:#333333;

backgroun-color:#eeeeee;
border: 0px solid #000000; 
}





.header_box21{
float:left;
width: 50px;
    padding:0px 0px 0px -30px;
backgroun-color:#eeeeee;
border: 0px solid #000000; 
}


.header_box22{
float:left;
width: 50px;
    padding:0px 0px 0px 0px;
    font-family:"Helvetica","Lucida Sans Unicode",Tahoma,Verdana,Arial,Helvetica,sans-serif;
    font-size:20px;
    font-weight:normal;
    text-decoration:none;
    line-height:10px;
    color:#333333;

backgroun-color:#eeeeee;
border: 0px solid #000000; 
}





.header_box23{
float:left;
width: 50px;
    padding:5px 20px 0px 0px;
    font-family:"Helvetica","Lucida Sans Unicode",Tahoma,Verdana,Arial,Helvetica,sans-serif;
    font-size:20px;
    font-weight:normal;
    text-decoration:none;
    line-height:10px;
    color:#333333;

backgroun-color:#eeeeee;
border: 0px solid #000000; 
}






.bora{
clear:both;
width: 100%;
height: 100%;
    padding:12px 0px 0px 0px;
    font-family:"Helvetica","Lucida Sans Unicode",Tahoma,Verdana,Arial,Helvetica,sans-serif;
    font-size:18px;
    font-weight:bold;
    text-decoration:none;
text-align: center;
vertical-align: middle;
    color:#FFCC00;
background-color:#eeeeee;
border: 0px solid #000000; 
}




.bora-1{
margin: 0 auto; 
clear:both;
width: 820px;
height: 100%;
    padding:12px 0px 0px 0px;
    font-family:"Helvetica","Lucida Sans Unicode",Tahoma,Verdana,Arial,Helvetica,sans-serif;
    font-size:18px;
    font-weight:bold;
    text-decoration:none;
text-align: center;
vertical-align: middle;
    color:#FFCC00;
background-color:#eeeeee;
border: 0px solid #000000; 
}








#menu div {
  position: relative;
height: 400px;
background-color:#eeeeee;
border: 1px solid #000000; 
    padding:0px 0px 0px -50px;
}

span {
  cursor: pointer;
}

ul {

margin: 0px 0px 0px -100px;
    padding:20px 0px 0px 10px;
  display: none;
  position: absolute;
height: 280px;
width: 400px;
background-color:#333333;
border: 0px solid #000000; 
text-align: left;
line-height: 300%;
}

.newsboxs div {
    float: left;
    margin: 0 60px;
}

.newsboxs {
    padding: 0 0 0 100px;
}

.clear {
    clear: both;
}