@charset "utf-8";

/*---------------------------------------------------------
　サイト共通
---------------------------------------------------------*/
*{
	margin:0;
	padding:0;
}

html
{
	/*font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;*/
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	margin: 0;
	padding: 0;
	height:100%;
}

body
{
	text-align:center;
	font-size:small;
	line-height:1.5;
	height:100%;
	color: #333;
	border-top:5px solid #ffde01;
}

body > #container
{
	height: auto;
}

h1, h2, h3, h4, h5, p, li, ul, form{margin:0px;padding:0px;}
table td
{
	vertical-align: top;
	text-align: left;
}
img{border:none;}
ul, li{list-style:none;}

a, a:link, a:visited, a:active{color:#0d34a2;text-decoration:none;}
a:hover{color:#0d34a2;text-decoration:underline;}


/* For modern browsers */
.cf:before,
.cf:after {content:"";display:table;}
.cf:after {clear:both;}

/* For IE 6/7 (trigger hasLayout) */
.cf {zoom:1;}

* html div#container{height:100%;}

div#container{
	width:980px;
	text-align:center;
	margin:0 auto;
	min-height:100%;
	height: auto !important;
	height: 100%;
	position:relative;
}


	/*--CLEAR--*/
	div#container:after{content:"";display:table;clear:both;zoom:1;}



/*---------------------------------------------------------
　HEADER
---------------------------------------------------------*/
#header{margin:0 auto;width:100%;height:105px;position:relative;background:url(../img/cmn_line.jpg) 0 bottom repeat-x;}
#header h1{float:left;margin:18px 0 0 0;}
#header h1 a{display:block;text-indent:100%;white-space:nowrap;overflow:hidden;background:url(../img/cmn_siteid.jpg) 0 0 no-repeat;width:410px;height:57px;}
#header img{float:right;margin:30px 0 0 0;}

#topicPath{width:100%;text-align:right;padding:10px 0;}
#topicPath p{font-size:12px;}
#topicPath a{text-decoration:underline;}

	/*--CLEAR--*/
	#header:after{content:"";display:table;clear:both;zoom:1;}




/*---------------------------------------------------------
　BASE / 共通
---------------------------------------------------------*/
#wrapper{width:100%;margin:0.5em 0 0 0;}

#columnSide{width:210px;float:left;background:#fffcf4;border:1px solid #eeb51c;}
#columnMain{width:750px;float:right;}

.column1 #columnMain{width:100%;}
.column1 #columnMain h2{font-size:30px;text-align:left;margin-bottom:20px;}

.floL{float:left;}
.floLR{float:right;}


	/*--CLEAR--*/
	#wrapper:after,
	#columnMain:after{content:"";display:table;clear:both;zoom:1;}


/*---------------------------------------------------------
　FOOTER
---------------------------------------------------------*/
#footer{width:100%;border-top:1px solid #eeb51c;padding:10px 0 30px 0;text-align:center;clear:both;height:100px;}
#footer p{font-size:12px;color:#666;}


/*---------------------------------------------------------
　NAVI AREA
---------------------------------------------------------*/
#columnSide h2{background:#eeb51c;padding:5px;color:#fff;font-size:16px;text-align:left;margin-bottom:3px;}
#columnSide ul{width:100%;text-align:left;}
#columnSide li{font-size:15px;border-top:2px dotted #ccc;}
#columnSide li:first-child{border:none;}
#columnSide li span{padding:0 10px;}

#columnSide li a, #columnSide li a:link, #columnSide li a:visited, #columnSide li a:active{display:block;padding:8px 0 8px 0;color:#35240b;text-decoration:none;}
#columnSide li a:hover,
#columnSide li.current a{color:#35240b;text-decoration:none;background:#f9d880;}




/*---------------------------------------------------------
　columnMain＞トップページ
---------------------------------------------------------*/
#columnCon{width:435px;float:left;}
#columnCon h2{text-align:left;background:#eeb51c;color:#fff;font-size:16px;padding:5px;margin-bottom:6px;}

.conBox{width:433px;border:1px solid #eeb51c;text-align:left;padding-bottom:10px;margin-bottom:10px;}

	#columnCon .conBox ul{width:250px;float:left;margin:6px 0 0 10px;}
	#columnCon .conBox ul li{margin-bottom:6px;background:url(../img/z_arrow.jpg) 0 3px no-repeat;padding:0 0 0 12px;}
	#columnCon .conBox ul a, #columnCon .conBox ul a:link, #columnCon .conBox ul a:visited, #columnCon .conBox ul a:active{color:#1d3994;text-decoration:none;}
	#columnCon .conBox ul a:hover{color:#1d3994;text-decoration:underline;}

	#columnCon .conBox .phArea{width:158px;float:right;background:#f9f9f9;border:1px solid #e8e8e6;text-align:center;padding:6px 0 0 0;margin:6px 10px 0 0;}
	#columnCon .conBox .phArea p{text-align:left;font-size:11px;line-height:1.3;margin:6px;}

	#columnCon .conBox #movie{width:200px;float:left;margin:10px 0 0 10px;z-index:10;}
	#columnCon .conBox .txt{width:190px;float:right;margin:10px 10px 0 0;}
	#columnCon .conBox .txt h3{font-size:16px;margin-bottom:6px;}
	#columnCon .conBox .txt p{font-size:12px;}

	#columnCon .conBox dl{width:93%;margin:10px auto 0;text-align:left;}
	#columnCon .conBox dl dt{margin: 0;padding: 3px;width: auto;font-size:14px;font-weight:bold;}
	#columnCon .conBox dl dd{padding:3px 3px 6px 3.5em;margin:-1.5em 0 10px 0;font-size:21px;font-weight:bold;border-bottom:2px dotted #ccc;}
	#columnCon .conBox dl dd.kai{font-size:18px;padding-left:4.3em;margin-top:-1.7em;}

	#columnCon .conBox dl dd span{font-size:0.7em;font-weight:lighter;}
	#columnCon .conBox dl dd.last{border:none;margin-bottom:0;}


#colimnBnr{width:300px;float:right;}

.banner{width:300px;height:250px;position:relative;margin-bottom:6px;}
.banner .ov{width:300px;height:15px;position:absolute;top:0;right:0;}
.banner .ov a{background:url(../img/z_mark_i.png) 0 0 no-repeat;display:block;text-indent:100%;white-space:nowrap;overflow:hidden;width:300px;height:15px;}
.banner .ov a:hover{background:url(../img/z_mark_i2.png) 0 0 no-repeat;}


	/*--CLEAR--*/
	.conBox:after{content:"";display:table;clear:both;zoom:1;}




/*---------------------------------------------------------
　columnMain　＞扉
---------------------------------------------------------*/
.index #columnMain{padding:30px 0 0 0;}

#tobira{width:96%;margin-left:2em;text-align:left;}
#tobira h2{font-size:30px;margin-bottom:45px;}
#tobira h2 a, #tobira h2 a:link, #tobira h2 a:visited, #tobira h2 a:active{color:#0e86cb;text-decoration:underline;}
#tobira h2 a:hover{color:#0e86cb;text-decoration:none;}

#tobira .boxGy{background:#f7f7f7;border:1px solid #ccc;width:40%;padding:10px;margin:0 0 0 0;float:right;text-align:center;}
#tobira .boxGy img{margin-bottom:10px;}
#tobira .boxGy p{font-size:21px;}

#tobira .box_con1{width:400px;float:left;}



	/*--CLEAR--*/
	.boxGy:after{content:"";display:table;clear:both;zoom:1;}




/*---------------------------------------------------------
　1 look
---------------------------------------------------------*/
#look.column1 #columnMain h2{color:#fff;text-align:left;padding:20px 15px;margin-bottom:20px;}

#lookcase1 h2{background:#47bbbc;}
#lookcase2 h2{background:#b970be;}
#lookcase3 h2{background:#68bd86;}

#lookcase1 p{text-align:left;font-size:16px;margin-bottom:5em;}
#lookcase2 p{text-align:left;font-size:16px;margin-bottom:8em;}

#lookcase3 .phBox{width:100%;margin-top:3em;}
#lookcase3 .phBox img{float:right;}
#lookcase3 .phBox div{width:70%;float:left;}
#lookcase3 .phBox div p{margin-bottom:1.5em;text-align:left;font-size:16px;}


	/*--CLEAR--*/
	.phBox:after{content:"";display:table;clear:both;zoom:1;}



/*---------------------------------------------------------
　2 opetation
---------------------------------------------------------*/
#opetation.column1 #columnMain h2{color:#fff;text-align:left;padding:20px 15px;margin-bottom:20px;}

#ope_case1 h2{background:#99cc00;}
#ope_case1{text-align:left;margin-bottom:50px;}
#ope_case1 p{font-size:18px;line-height:1.8;margin-bottom:3em;}
#ope_case1 p.sizeM{font-size:14px;}
#ope_case1 p.sizeS{font-size:11px;}

#ope_case2 h2{background:#66b82b;}
#ope_case2{text-align:left;margin-bottom:50px;}
#ope_case2 p{font-size:14px;line-height:1.8;}
#ope_case2 p img{vertical-align:middle;margin:0 5px;}

	.scroll #container{width:100%;}
	.scroll #header,
	.scroll #topicPath{width:980px;margin:0 auto;}
	.scroll #columnMain{width:980px;margin:0 auto;float:none;}

	#box_scroll{width:1800px;margin:0 auto;height:2000px;position:relative;}
	#box_scroll img{position:absolute;bottom:20px;right:20px;}

#ope_case3 h2{background:#3ca767;}
#ope_case3{text-align:center;margin-bottom:50px;}
#ope_case3 p{font-size:14px;line-height:1.8;text-align:left;}

#ope_case4 h2{background:#15a77c;}
#ope_case4{text-align:left;margin-bottom:50px;}
#ope_case4 p{font-size:14px;line-height:1.8;}


	/*--CLEAR--*/
	#box_scroll:after{content:"";display:table;clear:both;zoom:1;}




/*---------------------------------------------------------
　3 open
---------------------------------------------------------*/
#open.column1 #columnMain h2{color:#fff;text-align:left;padding:20px 15px;margin-bottom:20px;}

#opencase1 h2{background:#c67f9d;}
#opencase1 img{margin:30px 0;}
#opencase1 p{font-size:16px;text-align:left;}

#opencase2 h2{background:#c53c76;}
#opencase2 img{margin:30px 0;}
#opencase2 p{font-size:16px;text-align:left;}

.open3{border:none;}
#opencase3 h2{background:#9f2430;}
#opencase3 img{margin:30px 0;}
#opencase3 p{font-size:16px;text-align:left;margin:0 0 1em 1em;}

.open3 #container,
.open3 #columnMain{width:750px;margin:0 auto;}


/*---------------------------------------------------------
　4 trouble
---------------------------------------------------------*/
#trouble.column1 #columnMain h2{color:#fff;text-align:left;padding:20px 15px;margin-bottom:20px;}


#tro_case2 h2{background:#e5be46;}
#tro_case3 h2{background:#e59c46;}
#tro_case4 h2{background:#e57746;}



.mb30{margin-bottom:30px!important;}
.mb100{margin-bottom:100px!important;}

#trouble.case1 #columnMain,
#trouble.case2 #columnMain,
#trouble.case3 #columnMain,
#trouble.case4 #columnMain{width:100%;}


#trouble.case1 #columnMain h2,
#trouble.case2 #columnMain h2,
#trouble.case3 #columnMain h2,
#trouble.case4 #columnMain h2{font-size:36px;color:#fff;text-align:left;padding:20px 15px;margin-bottom:15px;}


#trouble.case1 #columnMain p,
#trouble.case2 #columnMain p,
#trouble.case3 #columnMain p,
#trouble.case4 #columnMain p{font-size:16px;margin:0 0 0 2em;text-align:left;}

#popMesse{position:fixed;bottom:0;left:0;width:100%;}


/*---------------------------------------------------------
　5 imgdl
---------------------------------------------------------*/
#imgdl #tobira p{font-size:16px;margin-bottom:2em;}
#imgdl #tobira .inner{width:100%;margin-bottom:30px;}
#imgdl #tobira .inner img{float:left;margin:0 20px;}


	/*--CLEAR--*/
	#imgdl #tobira .inner:after{content:"";display:table;clear:both;zoom:1;}


/*---------------------------------------------------------
　ログイン
---------------------------------------------------------*/
#login{border:none;}

#loginBox{width:400px;background:#f7f7f7;margin:150px auto;padding:30px 15px;border:1px solid #ccc;}
#loginBox h1{
	display:block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	background:url(../img/cmn_siteid_s.png) 0 0 no-repeat;
	width:300px;
	height:42px;
	margin:0 auto 1em;
}

#loginBox p{font-size:14px;margin-bottom:1em;}
#loginBox div{width:100%;}
#loginBox div input{border:1px solid #ccc;padding:5px;width:200px;margin:0 5px 0 0;vertical-align:middle;color:#666;}
#loginBox div img{vertical-align:middle;}
#loginBox div p.alert{font-size:12px;color:#db2b1e;margin:0.5em 0 0 5em;text-align:left;}


/*---------------------------------------------------------
　トップ＞モーダル
---------------------------------------------------------*/
div#modal {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index:999;
}
div#modal div.background {
	position: fixed;
	width: 100%;
	height: 100%;
/*
	background-color: #000000;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
*/
}
div#modal div.container {
	position: relative;
	width: 750px;
	height: 550px;
	background:#fff;
	z-index:9999;
}
div#modal div.container img{z-index:10000;}