@charset "utf-8";


/* common */
/* -------------------------------------------------------- */
body {font:16px Meiryo,MS PGothic,Osaka,arial,helvetica,sans-serif; color:#323232; text-align:center; background:url(../img/parts/h_bg.gif) repeat-x left top;}
body#popup {background:none; overflow:auto;}

h1, h2, h3, h4, h5, h6, h7 {line-height:140%;}
p, ul, ol, dl, address, blockquote, table, div {line-height:160%;}
input, select, textarea, button, label {vertical-align:middle;}

ol {list-style-type:decimal; margin-left:2.2em;}

/*img {line-height:0; border:0; display:block;} 
a img { display:inline; vertical-align:top;}*/


/* container */
/* -------------------------------------------------------- */
#container {width:100%; min-width:903px; text-align:center;}


/* header */
/* -------------------------------------------------------- */
#header {width:900px; text-align:left; margin:0 auto 0 auto; padding:272px 0 0 0; position:relative;}

#hLogo {width:130px; position:absolute; top:106px; left:5px; z-index:10;}

#hNav {position:absolute; top:0; left:0;}
#hNav li {float:left;}

/*#hSearch {width:190px; height:31px; font-size:14px; line-height:100%; background:url(../img/header/bg_search.gif) no-repeat left top; position:absolute; top:130px; left:232px; z-index:10;}
#hSearch form {padding:3px 0 0 20px; display:block;}
#hSearch input {float:left;}
#hSearch input.area {width:120px !important; height:20px !important; line-height:22px !important; border:0 !important; overflow:hidden;}
#hSearch form input[type="submit"] {display:none;}*/


#hSearch {line-height:100%; position:absolute; top:130px; left:232px; z-index:10;}
#hSearch form {display:block;}
#hSearch input {float:left;}
#hSearch input[type="text"] {width:180px;height:25px;
	border-width:1px!important;
	border-style:solid!important;
	border-color:#d0d0d0!important;
	padding:2px 6px;
	border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	-webkit-border-radius: 2px 2px 2px 2px;
	-webkit-appearance: none;
}
#hSearch form input[type="submit"] {display:none;}

/*
#hSearch input.area {width:167px !important; height:25px !important; line-height:25px !important; border:0 !important; overflow:hidden;}
#hSearch form input[type="submit"] {display:none;}
*/

#hBtn1 {
	padding:0 0 0 9px;
	/* border-left:dashed 1px #d0d0d0; */
	background:url(../../img/dot_y01.gif) repeat-y left top;
	position:absolute; 
	top:130px;
	left:442px
	;
	z-index:1;}
#hBtn1 li {float:left;}

#hBtn2 {position:absolute; top:212px; left:0;}
#hBtn2 li {float:left;}

#hFont { 
	width:224px;
	font-size:12px;
	/*border-left:dashed 1px #d0d0d0; */
	background:url(../../img/dot_y01.gif) repeat-y left top;
	position:absolute;
	top:130px;
	right:0;
	z-index:10;
	}
#hFont li {padding:0 0 0 8px; float:left;}
#hFont li.ttl {padding:0 0 0 17px;}
#hFont li a {width:54px; height:31px; text-indent:-9999px; background-repeat:no-repeat; background-position:left top; display:block; zoom:1;}
#hFont li a:link,
#hFont li a:visited,
#hFont li a:active {background-position:left top;}
#hFont li a:hover,
#hFont li a.on {background-position:left bottom;}
#hFont li.fontM a {background-image:url(../img/header/font_m.gif);}
#hFont li.fontL a {background-image:url(../img/header/font_l.gif);}

#hInfo {width:900px; position:relative;}
#hInfo .txt {width:620px; font-size:16px; line-height:140%; position:absolute; top:8px; left:200px;}
#hInfo .btn {width:74px; position:absolute; top:4px; right:4px;}

#idxCntBnr li {
	float:left;
	margin-right:20px;
	}

#idxCntBnr li.last { margin-right:0 ; }


/* add 20150422 social_button */
.social_buttonArea {
	padding:20px 0; margin-bottom:90px;
}

.social_buttonArea ul {
	 margin:0 auto;
}

.social_button { width: 410px; line-height: 1; text-align: left; }
.social_button > li { height: 23px; display: inline-block; vertical-align: top; text-align: left; }
.social_button > li.button01 { width: 100px; }
.social_button > li.button02 { width: 110px; }
.social_button > li.button03 { width: 95px; }
.social_button > li.button04 { width: 80px; margin-top: -2px; }


/* contents */
/* -------------------------------------------------------- */
#contents {width:900px; text-align:left; margin:0 auto 100px auto;}


/* footer */
/* -------------------------------------------------------- */
#footer {width:100%; text-align:center;}

#fBnr1 {
	width:900px;
	text-align:left;
	/* margin:0 auto 50px auto; */
	margin:0 auto 0 auto;
	padding:40px 0 40px 0;
	/* border-bottom:solid 1px #d0d0d0; */
	border-top:solid 1px #d0d0d0; 
	}
#fBnr1 li {padding:0 20px 0 0; float:left;}
#fBnr1 li.lst {padding:0;}

#fBnr2 {width:900px; text-align:left; margin:0 auto 70px auto;}
#fBnr2 li {padding:0 20px 0 0; float:left;}
#fBnr2 li.lst {padding:0;}

#fBnr2 .contactBox {
	padding:0 0 50px 0;
	margin:0 0 100px 0;
	}

#fBnr2 .contactBox p.ex {
	background:#ffcc00;
	line-height:100%;
	}

#fBtn {margin:0 0 30px 0; border-bottom:solid 1px #e0e0e0;}
#fBtn p {width:900px; text-align:right; margin:0 auto;}

#fNav {width:900px; text-align:left; margin:0 auto 40px auto; padding:0 0 35px 0; background:url(../img/footer/bg_01.gif) repeat-y left top; position:relative;}
#fNav .nav {font-size:88%; float:left; position:relative; z-index:10;}
#fNav .nav li {margin:0 0 0 20px; padding:0 0 0 14px; background:url(../img/parts/icon_04.gif) no-repeat 0 7px;}
#fNav .nav li.no {background:none;}
#fNav .nav li.ttl {margin:0 0 0 20px; padding:0 0 0 0; background:none;}

#fNav .nav1 {width:270px;}
#fNav .nav2 {width:251px;}
#fNav .nav3 {width:270px;}
#fNav .logo {width:100px; position:absolute; bottom:0; right:0;}
#fNav .snsBtn {position:absolute; top:0; right:0;}
#fNav .snsBtn li {padding:0 0 0 9px; float:left;}

#fCopy {font-size:75%; text-align:center; padding:0 0 20px 0;}

#tpBnrCnt {
	background:#f7f7f7;
	-webkit-border-radius: 4px;
       -moz-border-radius: 4px;
         -o-border-radius: 4px;
            border-radius: 4px;
			padding:23px 0 23px 23px;
	}
	
#tpBnrCnt li {
	width:196px;
	float:left;
	margin-right:23px!important;
	padding:0px!important;
	}

#rinji {margin:0 0 25px;}
#rinji dl {border:1px solid #f0f0f0;padding:10px 10px 10px 0;background:#edf8fe;}
#rinji dl dt {color:#ff0000;width:110px;text-align:center;line-height:25px;border-right:1px solid #dfdfdf}
#rinji dl dd {line-height:25px;margin:-25px 0 0 130px}

#rinji02 {margin:0 0 25px;}
#rinji02 dl {border:1px solid #f0f0f0;padding:10px 10px 10px 0;background:#edf8fe;}
#rinji02 dl dt {color:#ff0000;width:110px;text-align:center;line-height:25px;/* border-right:1px solid #dfdfdf */}
#rinji02 dl dd {line-height:25px;margin:-25px 0 0 110px; border-left:1px solid #dfdfdf; padding:0 0 0 20px;}
#rinji02 dl dd span {display:block; margin:10px 0 0 0;}




/* clear */
/* -------------------------------------------------------- */
.cfix:after {content:" "; display:block; visibility:hidden; clear:both; height:0.1px; font-size:0.1em; line-height:0;}
.cfix {display:inline-block;}
/* no ie mac \*/
* html .cfix {height:1%;}
.cfix {display:block;}
/* */

.noWrap {_zoom: 1; overflow: hidden;}