@charset "UTF-8";
*{margin:0;padding:0;font-family:'Hiragino Kaku Gothic ProN','Lucida Grande',Meiryo,sans-serif;box-sizing:border-box;letter-spacing:1px}
body{font-size:14px;margin:0 4px}
header,section,footer,small{display:block}
a,img{outline:0;overflow:hidden}
p{color:#555}
li{list-style:none}
#banner_link li{display: inline-block;}
#wrap{width:1000px;margin:0 auto;position:relative}
#sharehead{position:relative;height:200px;background:url(../img/share/headback.jpg)right -60px bottom -50px no-repeat;border-left:20px groove royalblue;border-right:20px ridge royalblue;margin:10px 0;padding:20px 30px 0}
#sharehead h1{font-size:50px}
#sharehead h1 a{color:black;text-decoration:none}
#sharehead h1 span{color:#0000cd}
#h1p{color:#777;font-weight:lighter}
#sharehead ul{position:absolute;left:50px;bottom:2px}
#sharehead li{float:left;border-right:1px solid #ddd;height:20px;line-height:20px;margin-right:30px;padding-right:30px}
#sharehead li:last-child{border-right:0}
#sharehead li a{color:#aaa}
#sharehead li a:hover,#here a{color:deeppink !important}
#breadcrumbs{color:#ea5532;font-size:16px;margin:30px 0 10px;border-bottom:1px solid #999;font-weight:bold;line-height:50px;text-indent:10px;box-shadow:0 0 10px #aaa inset}
#breadcrumbs a{font-weight:normal;text-decoration:none}
#b_home{color:#bbb;margin-right:10px}
#b_c_01{margin-right:10px;color:#aaa}
#b_c_02{margin-right:10px;color:#999}
#b_c_03{margin-right:10px;color:#888}
#page{font-weight:normal;color:lightseagreen}
#breadcrumbs a span:hover{color:red}
#item,.item{position:relative}
#itemhead{width:690px;padding:10px 30px 40px;border:1px solid black;border-bottom:0}
#itemhead h1{font-size:30px;border-bottom:5px solid #4d4398;margin-bottom:50px}
#itemhead h1 span{color:royalblue}
.emergency{font-weight:bold;font-size:12px;color:indigo;padding-bottom:20px}
.content{width:690px;border:1px solid black;border-top:0;padding:10px;margin-bottom:20px}
.content small{color:#999}
p.number{float:left}
#widget{width:290px;border:1px solid black;position:absolute;top:0;right:0;padding:20px 20px 0}
#widget h1,#widget h1 a{font-size:18px;margin-bottom:10px;padding-top:8px;color:black;border-bottom:5px solid #ea5532;text-decoration:none}
#widget aside:not(#news){padding:10px;margin-bottom:20px}
#before img,#after img{cursor:pointer}
#widget aside:nth-of-type(1){border:3px solid #f6ad3c}
#widget aside:nth-of-type(2){border:3px solid #e85298}
#widget aside:nth-of-type(3){border:3px solid #a64a97}
#widget aside:nth-of-type(4){border:3px solid #4d4398}
#widget aside:nth-of-type(5){border:3px solid #187fc4}
#widget hr{margin:30px 0}
#widget h2,#widget h2 a{font-size:16px;color:black;text-decoration:none}
#widget h2 a:hover{color:pink}
#widget span{font-weight:normal}
#widget li{padding-left:10px;color:#888}
#widget li a{color:#888}
#widget li a:visited{color:dodgerblue}
#widget li a:hover{color:#ea5532}
#bookmark{color:#ea5532 !important}
#news{margin-bottom:20px;font-size:11px;height:192px}
#news h1{margin-bottom:20px;border-bottom:5px solid royalblue}
#news h1 span{font-size:14px;margin-left:20px}
#news ul{height:120px;overflow:scroll;padding-right:4px}
#news li{color:#555;border-bottom:1px dotted gray;padding-left:0;height:20px;width:400px}
#news time{margin-right:10px}
#news a{color:#555}
#sns{height:100px;overflow:hidden;padding:20px;text-align:center}
#sns>div{display:inline-block;height:62px;vertical-align:bottom !important}
footer{border-top:5px solid black}
footer nav{width:1000px;margin:0 auto}
footer section{float:left;width:25%;padding:10px;height:200px}
footer>section p:last-child{margin-left:12px}
footer li{text-indent:1em}
footer a{color:#aaa}
footer a:hover{color:darkred}
#copy{text-align:center;margin:20px 0 4px}
#totop{cursor:pointer;position:fixed;right:50px;bottom:50px;display:none}
.bb1dot{border-bottom:1px dotted gray !important}
.b-none{border:none !important}
.clear{clear:both}
.fr{float:right !important}
.fl{float:left !important}
.middle{vertical-align:middle;}
.ct{text-align:center !important}
.tr{text-align:right !important}
.fwb{font-weight:bold}
.fwn{font-weight:normal}
.pb2{padding-bottom:20px !important}
.ml1{margin-left:10px !important}
.ml2{margin-left:20px !important}
.ml3{margin-left:30px !important}
.ml4{margin-left:40px !important}
.ml5{margin-left:50px !important}
.ml10{margin-left:100px !important}
.ml15{margin-left:150px !important}
.mt1{margin-top:10px !important}
.mt2{margin-top:20px !important}
.mt3{margin-top:30px !important}
.mt4{margin-top:40px !important}
.mt5{margin-top:50px !important}
.mr1{margin-right:10px !important}
.mr2{margin-right:20px !important}
.mr3{margin-right:30px !important}
.mr4{margin-right:40px !important}
.mr5{margin-right:50px !important}
.ml1{margin-left:10px !important}
.ml2{margin-left:20px !important}
.ml3{margin-left:30px !important}
.ml4{margin-left:40px !important}
.ml5{margin-left:50px !important}
.mb1{margin-bottom:10px !important}
.mb2{margin-bottom:20px !important}
.mb3{margin-bottom:30px !important}
.mb4{margin-bottom:40px !important}
.mb5{margin-bottom:50px !important}
.c999{color:#999 !important}
.c_dp{color:deeppink !important}
.c_mam{color:mediumaquamarine !important}
.c_rb{color:royalblue !important}
.boxshadow{-webkit-box-shadow:1px 1px 3px gray !important;-moz-box-shadow:1px 1px 3px gray !important;box-shadow:1px 1px 3px gray !important}
.fs30{font-size:30px !important}
.bold{font-weight:bold !important}
.black{color:black !important}
/*
@media screen and (max-width: 900px) {
#wrap{width:320px;}
#mainhead{width:320px;background-size:cover;}
#content{width:100%;}
#widget{width:100%;}
footer nav{width:100%;}
}
*/