@charset "utf-8";

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

common.css

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/* font-size===========================================

10px -> 72%
11px -> 79%
12px -> 86%
13px -> 93%
14px -> 100%
15px -> 108%
16px -> 115%
17px -> 122%
18px -> 129%
19px -> 136%
20px -> 143%
21px -> 150%
22px -> 158%
23px -> 165%
24px -> 172%
25px -> 179%
26px -> 186%

===================================================== */





/* common
---------------------------------- */

.box01{
	width: 1200px;
	margin: 0 auto;
}

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

header

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

#header{
	padding-bottom: 8px;
	border-bottom: 4px solid #CCCCCC;
}

#header h1{
	float: left;
	margin-top: 13px;
}



#header .btnLang{
	float: right;
	margin-top: 30px;
}

#header .btnLang li{
	float: left;
	margin-left: 8px;
	font-size:86%; /*12px*/
	
}

#header .btnLang li:first-child{
	margin-left: 0;
}

#header .btnLang li.en{
	background:#344587;
}

#header .btnLang li.en a:hover{
	background:#4055A8;
}

#header .btnLang li.en a::before{
	background:url(../common/btnIcon01.png) 0 0 no-repeat;
	background-size:31px 20px;
	width: 31px;
	height: 20px;
	content:"";
	display:block;
	position:absolute;
	top:10px;
	left:10px;
}

#header .btnLang li.cha{
	background:#EC3341;
}

#header .btnLang li.cha a:hover{
	background:#EF525E;
}



#header .btnLang li.cha a::before{
	background:url(../common/btnIcon02.png) 0 0 no-repeat;
	background-size:31px 20px;
	width: 31px;
	height: 20px;
	content:"";
	display:block;
	position:absolute;
	top:10px;
	left:10px;
}

#header .btnLang li.jap{
	background:#EAF6CF;
	
}

#header .btnLang li.jap a:hover{
	background:#DAEFA9;
}



#header .btnLang li.jap a::before{
	background:url(../common/btnIcon03.png) 0 0 no-repeat;
	background-size:31px 20px;
	width: 31px;
	height: 20px;
	content:"";
	display:block;
	position:absolute;
	top:10px;
	left:10px;
}


#header .btnLang li a{
	display:block;
	width: 130px;
	height: 40px;
	line-height: 40px;
	color:#FFF;
	vertical-align:middle;
	text-align:center;
	padding-left: 12px;
	position:relative;
}

#header .btnLang li.jap a{
	color: #47A151;
}


#header .btnLang li a::after{
	background: url(../common/arw01.png) 0 0 no-repeat;
	background-size:5px 9px;
	width:5px;
	height: 9px;
	display:block;
	content:"";
	position:absolute;
	top: 15px;
	right:18px;

}

#header .btnLang li.jap a::after{
	background: url(../common/arw04.png) 0 0 no-repeat;
	background-size:5px 9px;
	width:5px;
	height: 9px;
	display:block;
	content:"";
	position:absolute;
	top: 15px;
	right:18px;

}



/* nav
---------------------------------- */

nav.gNavi{
	background:url(../common/bgNav.png) 0 0 repeat-x;
	height: 80px;
}


nav.gNavi li{
	float: left;
	
	
}

nav.gNavi li a{
	font-size:122%;/*17px*/
	height: 80px;
	display:block;
}

/* topicPass
---------------------------------- */

.topicPass{
	background:#EAF6CF;
	height: 46px;
}

.topicPass ul li{
	float: left;
	padding-top: 16px;
	font-size:79%;/* 11px*/
	 background: url(../common/arw02.png) left 21px no-repeat;
	 padding-left: 15px;
    margin-left: 10px;
}

.topicPass ul li:first-child {
    background: none;
    padding-left: 0px;
}

/* ttlBox
---------------------------------- */

.ttlBox{
	float: left;
}

/* contents
---------------------------------- */

.contents{
	float: right;
	position:relative;
	width: 960px;
	min-height:900px;
	margin-bottom: 80px;
	box-sizing:border-box;
}

.contents::before{
	background: url(../common/mainbk01.jpg) right 0 no-repeat;
	content:"";
	display:inline-block;
	width: 33px;
	height:860px;
	position:absolute;
	top:0;
	right:0;
}

.contents h2{
	width: 808px;
	font-size: 193%;/*27px*/
	font-weight: normal;
	position: relative;
	padding-bottom: .3em;
	border-bottom: 3px solid #CFE8A6;
}

.contents h2::after {
	position: absolute;
	bottom: -3px;
	left: 0;
	z-index: 2;
	content: '';
	width: 50%;
	height: 3px;
	background-color:#A6CF29;
}

.contents h3{
	position: relative;
	padding: .15em 0 .15em .8em;
	border-left: 4px solid #A6CF29;
	font-size: 158%;/* 22px*/
	font-weight: normal;
}
.contents h3::before {
	position: absolute;
	left: -4px;
	bottom: 0;
	content: '';
	width: 4px;
	height: 50%;
	background-color: #CFE8A6;
}



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

footer

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

footer{
	height: 290px;
}

footer .box01{
	position: relative;
}

footer .box01 .logo02{
	position: absolute;
	content: "";
	right: 0;
	top: 31px;
	
}

footer .box01 .logo02 p{
	display: inline-block;
	font-size: 86%; /*12px*/
	width: 220px;
	line-height: 1.7;
	padding-top: 0px;
	letter-spacing: -0.03em;
	padding-left: 10px;
}


/* linkBox
---------------------------------- */

.linkBox{
	background: url(../common/ftbk.png) 0 0 repeat;
	height: 140px;
}

.linkBox ul{
	padding-top: 38px;
}

.linkBox ul li{
	float: left;
	margin-left: 20px;
}

.linkBox ul li:first-child{
	margin-left: 0;
}

.linkBox ul li a{
	border: 1px solid #CCCCCC;
	display:block;
	width: 283px;
	height: 62px;
}

.linkBox ul li a:hover{
	border: 1px solid #799E2C;
}

/* addBox{
---------------------------------- */

.addBox{
	background: #FFF;
	height: 123px;
}

.addBox dl{
	padding-top: 31px;
}

.addBox dt{
	float: left;
	margin-right: 40px;
}

.addBox dd{
	font-size:93%;/*13px*/
	padding-top: 5px;
}

.addBox dd a{
	float: left;
	text-decoration:underline;
	background: url(../common/mailIcon01.jpg) left 0 no-repeat;
	height: 25px;
	padding-left:36px;
	padding-top: 4px;
	color:#46A051;
	
}

.addBox dd a:hover{
	color:#398443;
}


.addBox dd.adtxt01{
	font-size:108%;/*15px*/
	margin-left: 20px;
	display:inline-block;
	padding-top: 2px;
	
	
}

/* copy
---------------------------------- */

.copy{
	background: #000000;
	
	height: 27px;
}

.copy p{
	color:#FFF;
	padding-top: 6px;
	font-size:72%;/*10px*/
}


/*　エラーページ
-----------------------------------------------------*/
/*ヘッダ*/
/*.errorTit{
	color: #B20000;
	font-size: 108.4%;
	font-weight: bold;
	text-align: center;
	background-color: #ffecec;
	border: #B20000 solid 3px;
	padding: 15px 10px 13px;
	margin-bottom: 20px;
	border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
}*/

/*セルごと*/
/*.err{
	background-color: #ffecec !important;
	border: #B20000 solid 1px !important;
}*/

/*　完了ページ
-----------------------------------------------------*/
/*#thanksArea{
	border: #CCCCCC solid 1px;
	padding: 40px 60px 40px;
}

#thanksBox{
	width: 758px;
	font-size: 116.7%;
	text-align: center;
	background-color: #EEEEEE;
	padding: 30px 60px 30px;
	margin: 0px auto 0px auto;
}*/























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

	テーブル
	
----------------------------------------------------------*/
/* tbl01 */
/*.tbl01{
	width: 440px;
	border-top: #CCCCCC solid 1px;
	border-collapse: collapse;
	table-layout: fixed;
}

.tbl01 th,
.tbl01 td{
	border-bottom: #CCCCCC solid 1px;
	padding: 10px 10px;
	word-wrap: break-word;
	overflow-wrap:break-word;
}

	.tbl01 th{
		font-weight: normal;
		background-color: #EEEEEE;
	}
	.tbl01 td{
		vertical-align: top;
		background-color: #FFFFFF;
	}*/


/* tbl02 */
/*.tbl02{
	width: 440px;
	border-top: #CCCCCC solid 1px;
	border-left: #CCCCCC solid 1px;
	border-right: #CCCCCC solid 1px;
	border-collapse: collapse;
	table-layout: fixed;
}

.tbl02 th,
.tbl02 td{
	border-bottom: #CCCCCC solid 1px;
	padding: 20px 20px;
	word-wrap: break-word;
	overflow-wrap:break-word;
}

	.tbl02 th{
		font-weight: normal;
		background-color: #F1F8FF;
	}
	.tbl02 td{
		font-size: 116.7%;
		vertical-align: top;
	}*/


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

	リスト
	
----------------------------------------------------------*/
/*横3つ並び*/
/*.ulList{
	margin-right: -50px;
}

.ulList > li{
	float: left;
	width: 300px;
	margin-right: 50px;
}
*/

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

	layout
	
----------------------------------------------------------*/

.txtCenter{ text-align:center !important;}
.txtLeft{ text-align:left !important;}
.txtRight{ text-align:right!important;}


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

	inner
	
----------------------------------------------------------*/
.inner{
	width: 1000px;
	margin: 0px auto 0px auto;
}


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

	float
	
----------------------------------------------------------*/

.fLeft{ float: left !important;}
.fRight{ float: right !important;}

img.fLeft{ margin-right: 20px;}
img.fRight{	margin-left: 20px;}


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

	color
	
----------------------------------------------------------*/

.fRed01{ color: #D80000;}


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

	font-size
	
----------------------------------------------------------*/
.fs12rem{ font-size: 1.2rem;}


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

	font-weight
	
----------------------------------------------------------*/
.fBold{ font-weight: bold !important;}


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

	Link
	
----------------------------------------------------------*/
/*.txtLink{
	background: url(../common/arw02.png) left 6px no-repeat;
	padding-left: 9px;
}

.txtLink a{
	color: #FFFFFF;
}
	.txtLink a[target="_blank"]{
		background: url(../common/icon_blank.gif) right 5px no-repeat;
		padding-right: 16px;
	}
*/
/*--------------------------------------------------------

	text-indent
	
----------------------------------------------------------*/
/*.txtIndent{
	line-height: 1.3em;
	text-indent: -1em;
	padding-left: 1em;
}*/

/*リスト*/
/*.indentList li{
	line-height: 1.4em;
	text-indent: -2em;
	padding-left: 2em;
	margin-bottom: 10px;
}
	.indentList li:last-child{
		margin-bottom: 0px;
	}*/


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

	margin
	
----------------------------------------------------------*/
.mbAuto{ margin: 0px auto 0px auto !important;}

.mb00{ margin-bottom:0px !important;}
.mb05{ margin-bottom:5px !important;}
.mb08{ margin-bottom:8px !important;}
.mb10{ margin-bottom:10px !important;}
.mb12{ margin-bottom:12px !important;}
.mb15{ margin-bottom:15px !important;}
.mb20{ margin-bottom:20px !important;}
.mb25{ margin-bottom:25px !important;}
.mb30{ margin-bottom:30px !important;}
.mb35{ margin-bottom:35px !important;}
.mb40{ margin-bottom:40px !important;}
.mb45{ margin-bottom:45px !important;}
.mb50{ margin-bottom:50px !important;}
.mb55{ margin-bottom:55px !important;}
.mb60{ margin-bottom:60px !important;}
.mb65{ margin-bottom:65px !important;}
.mb70{ margin-bottom:70px !important;}
.mb75{ margin-bottom:75px !important;}
.mb80{ margin-bottom:80px !important;}
.mb85{ margin-bottom:85px !important;}
.mb90{ margin-bottom:90px !important;}
.mb95{ margin-bottom:95px !important;}
.mb100{ margin-bottom:100px !important;}
.mb110{ margin-bottom:110px !important;}

.ml00{ margin-left:0px !important;}
.ml05{ margin-left:5px !important;}
.ml10{ margin-left:10px !important;}
.ml15{ margin-left:15px !important;}
.ml20{ margin-left:20px !important;}
.ml25{ margin-left:25px !important;}
.ml30{ margin-left:30px !important;}
.ml35{ margin-left:35px !important;}
.ml40{ margin-left:40px !important;}
.ml45{ margin-left:45px !important;}
.ml50{ margin-left:50px !important;}
.ml55{ margin-left:55px !important;}

.mr05{ margin-right:5px !important;}
.mr10{ margin-right:10px !important;}
.mr15{ margin-right:15px !important;}
.mr20{ margin-right:20px !important;}
.mr30{ margin-right:30px !important;}
.mr40{ margin-right:40px !important;}
.mr50{ margin-right:50px !important;}
.mr60{ margin-right:60px !important;}
.mr70{ margin-right:70px !important;}
.mr80{ margin-right:80px !important;}
.mr90{ margin-right:90px !important;}
.mr100{ margin-right:100px !important;}

.mt00{ margin-top:0px !important;}
.mt05{ margin-top:5px !important;}
.mt10{ margin-top:10px !important;}
.mt15{ margin-top:15px !important;}
.mt20{ margin-top:20px !important;}
.mt25{ margin-top:25px !important;}
.mt30{ margin-top:30px !important;}
.mt35{ margin-top:35px !important;}
.mt40{ margin-top:40px !important;}
.mt45{ margin-top:45px !important;}
.mt50{ margin-top:50px !important;}
.mt55{ margin-top:55px !important;}

.pt00{ padding-top:0px !important;}
.pt05{ padding-top:5px !important;}
.pt06{ padding-top:6px !important;}
.pt07{ padding-top:7px !important;}
.pt08{ padding-top:8px !important;}
.pt10{ padding-top:10px !important;}
.pt15{ padding-top:15px !important;}
.pt20{ padding-top:20px !important;}
.pt25{ padding-top:25px !important;}
.pt30{ padding-top:30px !important;}
.pt35{ padding-top:35px !important;}
.pt40{ padding-top:40px !important;}
.pt45{ padding-top:45px !important;}
.pt50{ padding-top:50px !important;}
.pt55{ padding-top:55px !important;}
.pt60{ padding-top:60px !important;}
.pt65{ padding-top:65px !important;}
.pt70{ padding-top:70px !important;}
.pt75{ padding-top:75px !important;}
.pt80{ padding-top:80px !important;}

.pb00{ padding-bottom:0px !important;}
.pb05{ padding-bottom:5px !important;}
.pb10{ padding-bottom:10px !important;}
.pb15{ padding-bottom:15px !important;}
.pb20{ padding-bottom:20px !important;}
.pb25{ padding-bottom:25px !important;}
.pb30{ padding-bottom:30px !important;}

.pl00{ padding-left:0px !important;}
.pl05{ padding-left:5px !important;}
.pl10{ padding-left:10px !important;}
.pl15{ padding-left:15px !important;}
.pl20{ padding-left:20px !important;}
.pl25{ padding-left:25px !important;}
.pl30{ padding-left:30px !important;}

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

	width
	
----------------------------------------------------------*/

.wAuto{ width:auto !important}
.w30{ width:30px !important}
.w40{ width:40px !important}
.w50{ width:50px !important}
.w60{ width:60px !important}
.w70{ width:70px !important}
.w80{ width:80px !important}
.w90{ width:90px !important}
.w100{ width:100px !important}
.w110{ width:110px !important}
.w116{ width:116px !important}
.w126{ width:126px !important}
.w132{ width:132px !important}
.w140{ width:140px !important}
.w150{ width:150px !important}
.w160{ width:160px !important}
.w180{ width:180px !important}
.w190{ width:190px !important}
.w200{ width:200px !important}
.w210{ width:210px !important}
.w220{ width:220px !important}
.w230{ width:230px !important}
.w240{ width:240px !important}
.w250{ width:250px !important}
.w265{ width:265px !important}
.w270{ width:270px !important}
.w284{ width:284px !important}
.w300{ width:300px !important}
.w310{ width:310px !important}
.w320{ width:320px !important}
.w330{ width:330px !important}
.w340{ width:340px !important}
.w350{ width:350px !important}
.w360{ width:360px !important}
.w395{ width:395px !important}
.w400{ width:400px !important}
.w420{ width:420px !important}
.w424{ width:424px !important}
.w450{ width:450px !important}
.w460{ width:460px !important}
.w470{ width:470px !important}
.w480{ width:480px !important}
.w500{ width:500px !important}
.w530{ width:530px !important}
.w600{ width:600px !important}
.w620{ width:620px !important}
.w660{ width:660px !important}
.w680{ width:680px !important}
.w700{ width:700px !important}
.w730{ width:730px !important}
.w740{ width:740px !important}
.w750{ width:750px !important}