@charset "Shift_JIS";

/*-------------------------------------------------

 for [�]�㎕��]

 Style Name: basic.css
 
 Site URL: 

 File URL: css/basic.css

 Created: 2009-05-21
 
 Description by suzuki_rui

 -------------------------------------------------*/

#ID{margin:0;padding:0;}


/* utility
-------------------- */
.red {color: #990000;}
.left{float: left;}
.MT30{margin-top: 30px;}
.linkSelf{}
.linkSelf a{padding:0.5em 0.8em;background:#c60;color:#fff;text-decoration:none;}
.linkSelf a:hover{background:#c00;}


/* index.html
-------------------- */
div#wrap {
	position: relative;
	width: 780px;
}
p#hirokoLink {
	position: absolute;
	top: 444px;
	left: 680px;
}
p#hirokoLink a {
	display: block;
	width: 80px;
	height: 40px;
	text-indent: -10000em;
	background: url(../images/top/hiroko_bnr.gif) no-repeat;
}
p#hirokoLink a:hover {
	background: url(../images/top/hiroko_bnr_h.gif) no-repeat;
}


div#Flash{margin:0;padding:0;}
div#Flash p{position:absolute;left:50px;top:60px;z-index:100;}
* html div#Flash p{top:75px;}

div.topbox{width:299px;height:97px;background:url(../images/top/bg_topsbox.gif) no-repeat left bottom;}
div.topbox img{display:block;margin-bottom:5px;}
div.topbox p{margin:5px 20px;padding:0;font-size:12px;line-height:18px;}
div.topbox p#Houshin{margin:10px 20px;}

img#toptel{margin-top:10px;margin-left:20px;}

#toptels{text-align:center;margin:0 0 5px 0;}

div#TopNews{margin:8px 0 8px 9px;width:605px;background:url(../images/top/bg_toplbox.gif) repeat-y;font-size:12px;}
div#TopNews img{display:block;}

div#TopNews p{margin:5px 20px;padding:0;}
div#NewsL{margin:10px 0;float:left;width:300px;}
div#NewsR{margin:10px 0;float:right;width:300px;}

div#NewsR h2{font-size:12px;margin:0 20px 10px 20px;padding:0 0 2px 0;color:#668cbb;border-bottom:3px double #668cbb;}

div#Topics{overflow-y:scroll;height:120px;margin:10px 20px 0 20px;padding-top:5px}
div#Topics dl{line-hegiht:16px;margin:0;padding:0;width:235px;line-hegiht:140%;}
div#Topics dl dt{width:65px;padding:0;margin:0;}
div#Topics dl dd{margin:-14px 0 8px 0;padding:0 0 0 70px;border-bottom:1px dotted #ccc;}

div#TopNews div#NewsL dl{line-height:16px;margin:10px 20px;padding:0;}
div#TopNews div#NewsL dl dt{width:65px;padding:0;margin:0;}
div#TopNews div#NewsL dl dd{margin:-17px 0 8px 0;padding:0 0 0 70px;border-bottom:1px dotted #ccc;}

#TopNewsBox{margin:0 4px 5px 4px;padding:5px;background:#fff;
-webkit-border-bottom-right-radius:10px;-webkit-border-bottom-left-radius:10px;
-moz-border-radius-bottomright:10px;-moz-border-radius-bottomleft:10px;
}
#TopNewsBox h2{margin:0 0 10px 0;padding:0;}
#TopNewsBox h3{margin:0 0 10px 0;padding:0;font-size:10%;}
#TopNewsBox dl{line-height:1.5em;margin:5px;padding:0;font-size:80%;width:265px;}
#TopNewsBox dl dt{width:70px;padding:0;margin:0;}
#TopNewsBox dl dd{margin:-1.5em 0 8px 0;padding:0 0 0 75px;border-bottom:1px dotted #ccc;}

/*news link color*/
#handnews a{color:#090;}
#handnews a:hover{text-decoration:none;color:#9C0;}
#ekclist a{color:#630;}
#ekclist a:hover{text-decoration:none;color:#960;}
#sbloglist a{color:#36C;}
#sbloglist a:hover{text-decoration:none;color:#3CF;}
#hirokolist a{color:#F69;}
#hirokolist a:hover{text-decoration:none;color:#F9C;}


.NewsLBox{width:275px;float:left;margin-left:5px;}
.NewsRBox{width:275px;float:right;margin-right:5px;}
.NewsLBox div{margin:0 5px;width:265px;}
.NewsLBox p{font-size:80%;margin:.5em 0;}
.NewsLBox p.lastupdate{text-align:right;font-size:75%;margin-top:-22px;margin-bottom:15px;}

p.LeftBana{margin:10px;text-align:center;font-size:11px;color:#444;}
p.LeftBana img{display:block;margin-bottom:5px;border:0;}

div#gosoudan{/*border:3px solid #00a16a;*/}
div#goyoyaku{/*border:3px solid #a17200;*/}
div.topwindow{margin:0 4px 5px 4px;background:url(../images/top/bg_topwindow.gif) repeat #fff;width:615px;}
div.topwindow h3{float:left;padding:0 25px 10px 10px;margin:0;}
div.topwindow p.toptel{width:420px;text-align:center;float:left;padding:10px 0!important;margin:0!important;}
div.topwindow p.topwinBtn{float:left;margin:0 5px!important;padding:5px 0!important;}

/*other*/
div#Header{margin:0;padding:0;}
div#Header img{display:block;}
div#Header p#Tel{position:absolute;left:50px;top:60px;z-index:100;}
* html div#Header p#Tel{top:75px;}
div.qrcode{text-align:center;padding:10px 0;width:150px;}
div.qrcode p{font-size:70%;margin:5px 0;padding:0;}

div#HeaderC{width:780px;margin:0 auto;padding:0;position:relative;}
div#HeaderC img{display:block;}
div#HeaderC p#Tel{position:absolute;left:50px;top:75px;z-index:100;}

p#ekcBanner{text-align:center;margin:10px 9px;width:605px;}
p#ekcBanner a{background:#fff;display:block;}
p#ekcBanner img{border:0;background:#fff;}
p#ekcBanner a.topbnrfl{float:left;margin-right:5px;}
p#ekcBanner a.topbnrfr{float:right;}
p#ekcBanner a:hover img{filter:alpha(opacity=70);-moz-opacity:0.70;opacity:0.7;}

div#hitcontents{background:#fff;margin:0 5px 5px 5px;}
div#hitcontents h3{padding:10px 10px 0 10px;margin:0 0 10px 0;}
div#hitcontents ul{padding:0;margin:0;}
div#hitcontents ul li{margin:0;padding:0;list-style:none;float:left;width:122px;font-size:70%;text-align:center;}
div#hitcontents ul li img{margin-bottom:5px;}
div#hitcontents ul li span{display:block;margin-bottom:10px;color:#333;}

div#BphList{width:614px;background:#fff;position:relative;margin-left:5px;margin-bottom:5px;padding-bottom:10px;}
.scrollable{position:relative;overflow:hidden;width:564px;height:80px;padding-top:10px;margin-left:25px;}
a.prev, a.next, a.prevPage, a.nextPage{
	display:block;
	width:16px;
	height:16px;
	cursor:pointer;
	background-image: url(../images/top/scroll_nav.gif);
	background-repeat: no-repeat;
	position: absolute;
	top:50%;
	margin-top: -8px;
}
a.prev,a.prevPage{background-position:0px -16px;}
a.next,a.nextPage{background-position:0px 0px;}

a.prev:hover,a.prevPage:hover{background-position:-16px -16px;}
a.next:hover,a.nextPage:hover{background-position:-16px 0px;}


a.disabled {visibility:hidden !important;}
a.prev, a.prevPage {
	left:5px;
}
a.next, a.nextPage {
	right:5px;
}
div.navi{width:50px;height:8px;margin-right:auto;margin-left:auto;text-align:center;margin-bottom:5px;margin-top:10px;}
div.navi a{float:left;width:8px;height:8px;cursor:pointer;background-color:transparent;background-image: url(../images/top/navigator.gif);background-repeat:no-repeat;background-position: 0 0;margin-right:3px;margin-left:3px;text-indent:-999em;}
*html div.navi a{font-size:1px;}
div.navi a:hover { background-position:0 -8px; }
div.navi a.active { background-position:0 -16px; }


#thumbs {position:absolute;width:20000em;clear:both;padding:0;margin:0;}
#thumbs li {
	position:relative;
	float:left;
	width:120px;
	margin:0 10px 0 0;
	padding:0;
	text-align:center;
	list-style:none;
}
#thumbs li img{display:block;border:none;}

#hitbox{width:605px;background:url(../images/common/top_27.gif);padding:0 0 10px 0;margin-bottom:5px;}
#hitbox p{text-align:left;margin:0 0 5px 6px;}

/*Footer*/
div#Footer{width:780px;background:url(../images/bg_footer.gif) repeat-x top #efefef;padding:20px 0 0 0;}
div#Footer a{color:#006699;}
div#Footer a:hover{color:#003366;}
div#Footer ul{margin:0;padding:0 0 0 20px;}
div#Footer ul li{padding:0;float:left;color:#666666;list-style:none;}
div#Footer ul li#FootL{width:240px;margin-right:20px;}
div#Footer ul li.FootC{width:90px;text-align:center;margin-right:20px;}
div#Footer ul li#FootR{width:260px;text-align:center;}

div#Footer ul li#FootL p{font-size:12px;padding:0;margin:5px 0;line-height:140%;}
div#Footer ul li.FootC p{font-size:10px;padding:0;margin:5px 0;line-height:140%;}
div#Footer ul li#FootR p{font-size:11px;padding:0;margin:5px 0;line-height:140%;}

div#Footer span#FooterTel{font-size:125%;font-weight:bold;margin-right:10px;color:#FF6600;}
div#Footer ul li p.FootSTxt{font-weight:bold;border-bottom:1px dotted #999;padding-bottom:2px;}
div#Footer img{display:block;}
div#Footer img#FBImg{padding-top:10px;}


table.knowTbl{width:100%;font-size:12px;line-height:140%;border-top:1px solid #999;border-left:1px solid #999;}
table.knowTbl caption{text-align:left;font-weight:bold;color:#006633;}
table.knowTbl th,table.knowTbl td{padding:5px;border-right:1px solid #999;border-bottom:1px solid #999;}
table.knowTbl th{background:#efefef;}

.mb15{margin-bottom:15px!important;}
.mb20{margin-bottom:20px!important;}


/*clearfix*/

div#TopNews:after,div#Footer ul:after,.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
div#TopNews,div#Footer ul,.clearfix{display:inline-block;}
*html div#TopNews,*html div#Footer ul,*html .clearfix{height:1%;}
*html div#TopNews,*html div#Footer ul,*html .clearfix{display:block;}


/* css hack
-------------------- */
/* hack for IE7 */
/* index.html */
*:first-child+html p#hirokoLink {
	top: 592px;
}

/* hack for IE6 */
/* index.html */
* html p#hirokoLink {
	top: 592px;
}


/* hack for Firefox */
/* index.html */
html:not([lang*=""]) p#hirokoLink { top: 582px; }

/* hack for Safari */
/* index.html */
html:not(:only-child:only-child) p#hirokoLink { top: 582px; }