@charset "Shift_JIS";

/*-------------------------------------------------
 for [?]?㎕??
 Style Name: blogtop.css
 Created: 2011-10-7
 Description by R3.inc
 -------------------------------------------------*/

body{background:#fff;padding:0;margin:0;text-align:left;font-family:"?l?r ?o?S?V?b?N", "MS PGothic", "???C???I", Meiryo, Osaka, sans-serif;}
img{border:0;}

div#wrap{position:relative;width:780px;}
div#content{padding:5px 5px 0 0;background:url(../../images/common/top_04.gif) repeat-y left #99AF55;}
div#Maincontents{width:610px;float:right;margin:0 0 10px 5px;_height:560px;min-height:560px;background:#fff;}

header{display:block;}
footer{display:block;}

/*Header*/
#header{margin:0;padding:0;height:131px;}
#header h1{margin:0;padding:0;font-size:100%;}

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

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

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

#pagetop{position:absolute;right:5px;top:-45px;_top:-29px;}

/*Navigation*/
ul#nav{width:160px;padding:0;margin:0;float:left;}
ul#nav a{text-decoration:none;color:#333366;}
ul#nav a:hover{text-decoration:underline;}
ul#nav li{list-style:none;margin:0;padding:0;width:158px;}

ul#nav li p{font-size:90%;margin:0;padding:0 0 0 25px;height:30px;}
ul#nav li p span{display:block;padding-top:8px;}

ul#nav li#navInfo p{background:url(../../images/common/bg_navinfo.gif) no-repeat left top;}
ul#nav li#navTreat p{background:url(../../images/common/bg_navtreat.gif) no-repeat left top;}
ul#nav li#navReserve p{background:url(../../images/common/bg_navreserve.gif) no-repeat left top;}
ul#nav li#navTop p{background:url(../../images/common/bg_navtop.gif) no-repeat left top;height:27px;}
ul#nav li#navBlog p{background:url(../../images/common/bg_navblog.gif) no-repeat left top;height:27px;}

ul#nav li#navTop p span,ul#nav li#navBlog p span{padding-top:6px;}

ul#nav li ul{font-size:80%;padding:0;margin:0;width:150px;}
ul#nav li ul a{color:#09339f;background:url(../../images/common/nav_arrow.gif) no-repeat left center;padding-left:10px;}
ul#nav li ul a:visited{color:#663399;}
ul#nav li ul li{list-style:none;padding:5px 5px 5px 15px;width:auto;}

ul#nav li#navInfo ul li{background:url(../../images/common/bg_subnav_info.gif) no-repeat left bottom;}
ul#nav li#navTreat ul li{background:url(../../images/common/bg_subnav_treat.gif) no-repeat left bottom;}
ul#nav li#navReserve ul li{background:url(../../images/common/bg_subnav_reserve.gif) no-repeat left bottom;}


/*Copyright*/
div#copyright{background:url(../images/common/top_83.gif) no-repeat right top #AFC5D0;color:#47545A;font-size:55%;line-height:1.1em;height:21px;}
div#copyright p{text-align:center;background:url(../../images/common/top_80.gif) no-repeat left top;margin:0;padding:4px 0 0 0;}


h2#BlogH2{background:url(../../images/blog/blogtop_t.gif) no-repeat left top;color:#fff;font-size:18px;font-weight:bold;height:44px;padding:8px 0 0 25px;width:585px;margin:0 0 10px 0;}

#TopNewsBox{padding:0 15px;}
#TopNewsBox h2{margin:0 0 10px 0;padding:0;}
#TopNewsBox h3{margin:0 0 10px 0;padding:0 0 5px 0;/*font-size:10%;*/}
h3#knowH3,h3#ekcH3,h3#sblogH3,h3#hirokoH3,h3.blogH3{width:275px;font-size:15px;font-weight:bold;border-bottom:3px solid #ccc;}
#TopNewsBox dl{line-height:1.5em;margin:5px 5px 20px 5px;padding:0;font-size:80%;width:265px;}
#TopNewsBox dl dt{width:6em;padding:0;margin:0;}
#TopNewsBox dl dd{margin:-1.5em 0 5px 5px;padding:0 0 0 6.5em;border-bottom:1px dotted #ccc;}

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

/*news title color*/
h3#knowH3{color:#090;border-color:#090;}
h3#ekcH3{color:#630;border-color:#630;}
h3#sblogH3,h3.blogH3{color:#36C;border-color:#36C;}
h3#hirokoH3{color:#F69;border-color:#F69;}

/*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,
.bloglist a{color:#36C;}
#sbloglist a:hover,
.bloglist a:hover{text-decoration:none;color:#3CF;}
#hirokolist a{color:#F69;}
#hirokolist a:hover{text-decoration:none;color:#F9C;}
#knowlist a{color:#060;}
#knowlist a:hover{text-decoration:none;color:#390;}


#blogsSNSArea{padding:20px 20px 40px 20px;}
#blogsSNSArea #gplus{float:left;}
#blogsSNSArea #fb{float:right;}

/*clearfix*/

.clearfix:after,#wrap:after,#content:after,#Footer:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix,*html #wrap,* html #content,* html #Footer{ zoom: 1; } /* IE6 */
*:first-child+html .clearfix,*:first-child+html #wrap,*:first-child+html #content,*:first-child+html #Footer{ zoom: 1; } /* IE7 */