/* Ÿ‘S‘ÌŸ */
html{
overflow-y:scroll
}
body{
font-family:'ƒƒCƒŠƒI',
'Hiragino Kaku Gothic Pro',
sans-serif;
background-color:#fff;
margin:0;
overflow:hidden;
position: relative;
}
h1{
font-size:38px;
margin-top:0;
margin-bottom:0;
}
p{
line-height:1.5
}
li.selected{
color:#000000;
}
li{
list-style-type:none;
}
/* ƒŠƒ“ƒN@*/
a{
text-decoration:none;
color:#4069e1;
}
a:hover{
color:#4069e1;
text-decoration:underline;
}
a img{
border:none;
}
/* Ÿƒwƒbƒ_[Ÿ */
#header{
margin-bottom:10px;
padding:3px 5px 0px 0px;
}
header h1{
width:900px;
margin-left:auto;
margin-right:auto;
}
header h1 a{
text-decoration:none;
margin-left:-15px;
}
header h1 a img{
margin-left:15px;
width:360px;
height:60px;
}
/* ŸƒiƒrƒQ[ƒVƒ‡ƒ“ƒƒjƒ…[Ÿ */
nav{
margin-bottom:-30px;
clear: both;
display: block;
float: left;
padding:6px 500% 0 500%;
margin: 0 -500% 6px;
width: 100%;
clear: both;
background:#7f7f7f;
background : -webkit-gradient(linear, left top, left bottom, from(#7f7f7f), to(#262626));
background : -webkit-linear-gradient(top, #7f7f7f, #262626);
background : linear-gradient(to bottom, #7f7f7f, #262626);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#7f7f7f, endcolorstr=#262626)";
-webkit-box-shadow:0 1px 2px #ababab;
-moz-box-shadow:0 1px 2px #ababab;
box-shadow:0 1px 2px #ababab;
}
nav ul{
width:900px;
margin-left:auto;
margin-right:auto;
background:#fff;
list-style-type:none;
}
#header li{
margin-top:-20px;
float:left;
width:180px;
font-size:14px;
}
nav li a,nav li.selected{
display:block;
position:relative;
height:30px;
width:180px;
text-decoration:none;
line-height:30px;
text-align:center;
color:#000000;
font-weight:600;
color:#fff;
text-shadow:0px 1px 0px #222;
}
nav li a{
border-left:1px solid #888;
}
nav a:hover,nav a:active,nav li.selected{
color:#eee;
background:#262626;
background:-moz-linear-gradient(top,#262626,#7f7f7f);
background:-o-linear-gradient(top,#262626,#7f7f7f);
background:-ms-linear-gradient(top,#262626,#7f7f7f);
background:linear-gradient(top,#262626,#7f7f7f);
-pie-background:linear-gradient(top,#262626,#7f7f7f);
}
nav li.selected{
display:block;
position:relative;
margin-top:0px;
height:30px;
width:180px;
text-decoration:none;
text-align:center;
font-weight:600;
line-height:30px;
border-left:1px solid #888;
}
nav a:hover{
text-decoration:none;
font-weight:600;
height:30px;
margin-top:0px;
line-height:30px;
}
nav li:first-child{
margin-left:-20px;
}
:root nav li.selected:first-child a{
border-left:1px solid #888;
}
:root nav li:last-child a{
border-right:1px solid #888;
}
/* ŸƒƒCƒ“Ÿ */
#body{
margin-top:-15px;
width:900px;
margin-right:auto;
margin-left:auto;
}
/* ŸƒRƒ“ƒeƒ“ƒcŸ */
#contents_body{
float:left;
width:675px;
margin-top:7px;
margin-bottom:20px;
}
/* žŠeƒRƒ“ƒeƒ“ƒcž */
article {
margin:10px 0 30px ;
}
article p{
text-indent: 2ex;
font-size:100%;
}
/* ž¬Œ©o‚µž */
article h2{
font-size:17px;
font-weight:800;
color:#000;
border-bottom:3px solid #262626;
margin:0 ;
margin-bottom:20px ;
padding:5px 40px;
font-size:170%;
}
article #subhead img{
float: left;
height:40px;
width:40px;
margin:0 ;
padding: 0px;
}
article {
clear: both;
}
/* Ÿ‰EƒTƒCƒhŸ */
#right{
float:right;
width:200px;
}
#siderbar2{
width:200px;
margin-top:25px;
}
/* žé“`‰æ‘œž */
#siderbar2 img{
width:200px;
margin-left:-1px;
}
#siderbar2 a img:hover{
opacity:0.6;
}
/* žSNSž */
#sns{
width:194px;
height:40px;
padding-top:-30px;
margin-top:10px;
margin-bottom:10px;
margin-left:0px;
background:#fff;
border:3px solid #d9d9d9;
}
#sns ul{
margin-left:-21px;
margin-top:5px;
}
#sns li{
margin:0 5px 10px;
padding:0 0px;
float:left;
}
#sns li a img:hover{
opacity:0.6;
}
#sns li a img{
height:30px;
width:30px;
}
#sns li a img.burogu{
height:30px;
width:50px;
}
#siderbar2 a{
text-decoration:none;
}
#siderbar2 li{
margin-bottom:10px;
}
#sns li a img{
height:30px;
width:30px;
}
#sns li a img:hover{
opacity:0.6;
}
#sns li:first-child{
margin-left:-10px;
}
/* žŠé‹ÆE’c‘Ìî•ñž */
#jouhou{
float:right;
width:180px;
padding:0px 10px 10px;
margin-bottom:30px;
background:#eaeaea;
color:#191970;
letter-spacing:1px;
line-height:1.2;
font-size:12px;
}
#jouhou hr{
border:0;
width:180px;
height:1px;
background:#b6b1a9;
-webkit-box-shadow:0 1px 0 #fff;
-moz-box-shadow:0 1px 0 #fff;
box-shadow:0 1px 0 #fff;
}
#jouhou h3{
margin-bottom:-5px;
font-size:16px;
font-weight:700;
color:#191970;
}
#jouhou h4{
margin:0px 0px 2px;
}
.jouhounaiyou th{
width:50px;
}
.jouhounaiyou p{
margin-top:0px;
text-indent:-1em;
padding-left:1em;
}
.jouhounaiyou span{
margin-top:-10px;
}
.jouhounaiyou img{
height:180px;
width:180px;
}
/* Ÿƒtƒbƒ^[ƒƒjƒ…[Ÿ */
div#footer{
clear:both;
width:900px;
margin-left:auto;
margin-right:auto;
}
#footer hr{
border:1px solid #b6b1a9;
height:1px;
padding:0 500% 0;
margin:0 -500% 0px;
background:#b6b1a9;
-webkit-box-shadow:0 1px 0 #fff;
-moz-box-shadow:0 1px 0 #fff;
box-shadow:0 1px 0 #fff;
}
#footer a{
text-decoration:none;
}
#footer a:hover{
text-decoration:underline;
}
ul.footermenu{
list-style-type:none;
margin:0 auto 30px;
padding-left:0;
}
#footer li{
display:inline;
font-size:12px;
border-right:solid 1px #000000;
padding-left:10px;
padding-right:10px;
}
#footer li:first-child{
border-left:solid 1px #000000;
}
#ftmn{
width:250px;
margin:10px auto;
font-size:14px;
float:right;
}
/* ŸƒRƒs[ƒ‰ƒCƒgŸ */
#copyryght{
font-size:12px;
margin:10px auto;
float:left;
}
/* Ÿƒy[ƒW‚̃gƒbƒv‚Ö–ß‚éŸ */
#pagetop img{
height:70px;
width:110px;
position: fixed;
bottom: 20px;
right:0;
}