@charset "UTF-8";
/* CSS Document */
html{-webkit-text-size-adjust:100%;}
@font-face {
	font-family: 'Arkhip';
	src: url('../font/Arkhip.eot'); /* IE9 Compat Modes */
	src: local('myfont Regular'), /* フォントがローカルにインストールされている場合に有効 */
	     url('../font/Arkhip.ttf.eot?#iefix') format('embedded-opentype'), /* eof - IE6-IE8 */
	     url('../font/Arkhip.ttf.woff') format('woff'), /* woff - Modern Browsers */
	     url('../font/Arkhip.ttf.woff')  format('truetype'), /* ttf - Safari, Android, iOS */
	     url('../font/Arkhip.ttf.svg') format('svg'); /* svg - Legacy iOS */
}

body{
	fon-size:1em;
	line-height: 1.6em;
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	margin:0;
	padding:0;
	color:#333;
	word-break: break-all;
}

li{list-style:none;}

#wrapper{
	width:100%;
	margin:0 auto;
	padding:0;
}

.sec{
	position:relative;
	width:100%;
	max-width:1920px;	
	margin:0 auto;
	padding:0;
	}
.sec.navy{
	background:url(../img/navy_bk.png) repeat;
	padding:15px 0;
}
.sec.black{
	background:#292929;
	padding:15px 0;
}


/*----------------------------------------------------
	header
----------------------------------------------------*/

header{
	width:100%;
	margin:0 auto;
	padding:0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;	
	box-sizing:border-box;
	position:relative;	
}

#header{
	width:100%;
	margin:0 auto;
	padding:0 auto;
}

#header a#logo{
	width:20%;
	max-width:260px;
	float:left;
	margin:8px auto 8px 10px;
	padding:0;
	transition:0.2s;
}

#header a#logo img{
	display:block;
	width:100%;
	}

#header a#logo:hover,
a.login:hover,
ul.language_li li a:hover{
	opacity:0.6;
	-ms-filter: "alpha(opacity=60)";
	}

#header_nav{
	width:24%;
	min-width:350px;	
	max-width:350px;	
	float:right;
	margin:0 auto;	
	padding:0;
	}

a.login{
	float:right;
	font-size:14px;
	line-height:1.6em;
	color:#fff;
	text-decoration:none;
	padding:18px 12px 17px 42px;
	display:block;
	width:50%;
	background:url(../img/key.png) left 12px center no-repeat,#897533;
	box-sizing:border-box;
	transition:0.2s;
}
a.login .eg{
	display:block;
	font-size:12px;
	line-height:1.1em;
}

ul.language_li{
	float:right;
	width:50%;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}
ul.language_li li{
	float:left;
	display:table-cell;
	width:50%;
	margin:0;
	padding:0;
}
ul.language_li li.search{
	float:right;
	position:relative;
	display:block;
	width:100%;
	padding:0;
	margin:0;
	
}

ul#contact_and_search li#searchBox{width: 100%;}
#searchform {font-size:81%; position: relative;}
#s {
	float:left;
    width: 80%;
    padding:2px 0;
	height:30px;
	border:none;
	box-sizing:border-box;
}
#searchsubmit {
	float:right;
    color:#fff;
    width:20%;
    height:30px;
    border: none;
    cursor: pointer;
	text-indent:-9999px;
    background:url(../img/search.png) center/15px no-repeat;	
}
/* webkit solution */
::-webkit-input-placeholder {text-align: right;}
/* ie10+ solution */
:-ms-input-placeholder {text-align: right;}
/* mozilla18 solution */
:-moz-placeholder {text-align: right;}
/* mozilla19+ solution */
::-moz-placeholder {text-align: right;}

ul.language_li li a{
	display:block;
	color:#fff;
	font-size:12px;
	line-height:1.4em;
	text-decoration:none;
	padding:10px 8px 10px 25px;
	transition:0.2s;
}
ul.language_li li:first-child a{
	border-right:1px solid #555;
	background:#333;
	/*background:url(../img/eng.png) left 8px center no-repeat,#333;*/
}
ul.language_li li:nth-child(2) a{background:#333;padding:10px 8px 10px 30px;}
/*ul.language_li li:nth-child(2) a{background:url(../img/chi.png) left 8px center no-repeat,#333;}*/


/*----------------------------------------------------
	headerここまで
----------------------------------------------------*/


/**お問い合わせ**/
.sec.content{
	width:100%;
	margin:0 auto;
	padding:30px 0;
	background:#38485e;
}
.sec.content p.f18.center{
	font-size:18px;
	color:#fff;
	text-align:center;
}

.sec.content ul{
	width:100%;
	max-width:1080px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}
.sec.content ul li{
	float:left;
	color:#fff;
	font-size:12px;
	text-align:center;
	width:32%;
	margin:0 2% 0 0;
}
.sec.content ul li img{
	display:block;
	margin:0 auto;
}
.sec.content ul li:last-child{margin-right:0;}

.sec.content ul li a{
	display:block;
	width:100%;
	color:#000;
	font-size:18px;
	text-decoration:none;
	padding:20px 0;
	margin:15px auto;
	transition:0.2s;
}

.sec.content ul li a.content_icon01{background:url(../img/bnr_icon01.png) left 20px center no-repeat,#fff;}
.sec.content ul li a.content_icon02{background:url(../img/bnr_icon02.png) left 20px center no-repeat,#fff;}

.sec.content ul li a:hover{
	opacity:0.6;
	filter:"alpha(opacity=0.6)";
}


/*----------------------------------------------------
	footer
----------------------------------------------------*/
footer{
	width:100%;
	background:#333;
	padding:30px 0;
	overflow:hidden;
	}

#footer_innder{
	width:100%;
	max-width:1080px;
	margin:0 auto 15px;
	padding-bottom:15px;
	border-bottom:3px solid #404040;
}
#footer_innder ul{
	width:100%;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}
#footer_innder ul li{
	float:left;
	width:23.5%;
	margin:0 2% 30px 0;
}
#footer_innder ul li:nth-child(4n){margin-right:0;}

#footer_innder ul li a{
	display:table;
	color:#fff;
	font-size:16px;
	text-decoration:none;
	margin:0;
	padding:0;
}

#footer_innder ul li ul li{
	float:none;
	width:100%;
	margin:0;
	padding:0;
}
#footer_innder ul li ul li a{
	display:inline-block;
	font-size:14px;
	color:#d9d9d9;
	padding-left:15px;
	background:url(../img/footer_icon.png) left top 8px no-repeat;
}
#footer_innder ul li a:hover{text-decoration:underline;}

.sns_box{
	width:auto;
	margin:0;
	padding:0;
}
.sns_box a{
	display:inline-block;
	margin:0 4px 0 0;
	padding:0;
	transition:0.2s;
	transform: scale(0.8,0.8);	
}
.sns_box a:hover{transform: scale(1,1);}

.footer_bottom{
	width:100%;
	max-width:1080px;
	margin:0 auto;
	padding:0;
}
.footer_bottom p{
	float:left;
	font-size:12px;
	color:#d9d9d9;
	margin:0;
	padding:0;
}

a#foot_logo{
	float:right;
	display:block;
	margin:15px 0 0 0;
	padding:0;
	transition:0.2s;
}
a#foot_logo:hover{
	opacity:0.6;
	filter:"alpha(opacity=0.6)";
}

#copy{
	width:100%;
	color:#d9d9d9;
	overflow:hidden;
	font-size:12px;
	text-align:center;
	margin:0 auto;
	padding:40px 0 0;
	}

a#page_top {
	position:absolute;
	right:30px;
	bottom:30px;
	text-indent:-9999px;
	display: block;
	width: 32px;
	height:32px;
	background:url(../img/pagetop.png) no-repeat;
	z-index:9999;
}

/*----------------------------------------------------
	各ページ共通レイアウト（h1〜h5やテーブルなど）
----------------------------------------------------*/
.br:before {
	content: "\A" ;
	white-space: pre ;
}
.clearfix{overflow: visible !important;}
.clearfix:after{
    content: "";
    clear: both;
    display: block;
}

.table_st{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
	border:1px solid #ccc;
}

.table_st tr th,
.table_st tr td{
	padding:12px 8px;
	border:1px solid #ccc;
}

.table_st tr th{
	width:20%;
	background:#f9f9f9;
	color:#133f85;
	}
.table_st tr td.green{
	background:#F3FFDC;
	}

.table_st a{
	color:#133f85;
	text-decoration:none;
}

.table_st a:hover{text-decoration:underline;}
.over{overflow:hidden;}
.sp_only{display:none !important;}
.pc_only{display:block !important;}

/* 画面サイズが980px以下の場合に適用 */
@media screen and (max-width:980px) {
#header{height:56px;}
#header a#logo{
	position:relative;
	width:25%;
	max-width:auto;
	min-width:180px;
	margin:6px 0 6px 8px;
	padding:0;
	z-index:9999;
}

#header_nav{
	width:auto;
	min-width:auto;	
	max-width:auto;	
	margin:0 56px 0 0;	
	}

a.login{display:none;}
	
ul.language_li{
	float:right;
	width:auto;
	max-width:90px;
	margin-left:4px;
	max-height:56px;
}
ul.language_li li{
	display:block;
	width:100%;	
}
ul.language_li li.search{display:none;}
ul.language_li li:first-child a{border-right:none;}
ul.language_li li a{
	position:relative;
	padding:6px 8px 6px 32px;
	z-index:9999;
	}
a.pc-,
a.tel-{
	display:block;
	position:relative;
	float:right;
	text-indent:-9999px;
	width:56px;
	height:48px;
	z-index:9999;
	padding:4px 0;
	}
	
a.pc-{background:url(../img/pc_icon.png) center center/56px no-repeat;}	
a.tel-{background:url(../img/tel_sp.png) center center/48px no-repeat;}	

a.pc-:hover,a.tel-:hover{
	opacity:0.6;
	filter:"alpha(opacity=0.6)";
	}	
	

/**お問い合わせ**/

.sec.content ul{
	width:90%;
	max-width:auto;
}
.sec.content ul li{
	float:none;
	width:100%;
	max-width:640px;
	margin:0 auto 15px;
}
.sec.content ul li:last-child{margin-right:auto;}	
	
/*----------------------------------------------------
	footer
----------------------------------------------------*/

#footer_innder{
	width:90%;
	max-width:980px;
	border-bottom:none;
	margin:0 auto;
	padding:0;
}
#footer_innder ul{margin-bottom:15px;}	
#footer_innder ul li{display:none;}

#footer_innder ul li:last-child{
	display:block;
	width:100%;
	margin:0 auto;
	padding:0;
}	
	
#footer_innder ul li a{
	position:relative;
	display:block;
	color:#fff;
	font-size:16px;
	text-decoration:none;
	border-bottom:1px solid #fff;
	margin:0 auto;
	padding:15px 0;
}
#footer_innder ul li a:before{
	content: '';
	width: 6px;
	height: 6px;
	border: 0px;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 8px;
	margin-top:-5px;	
}	
.sns_box{
	display:table;
	width:auto;
	margin:0 auto;
	padding:0;
}

.footer_bottom{
	width:90%;
	max-width:980px;
	margin:0 auto;
	padding:0;
}
.footer_bottom p{
	float:none;
	margin:0 auto 15px;
	}

a#foot_logo{
	float:none;
	display:table;
	margin:0 auto 15px;
}

#copy{padding:0 0 15px;}

a#page_top {
	right:15px;
	bottom:15px;
}
		
.sp_only{display:block !important;}
.pc_only{display:none !important;}
	
}

/* 画面サイズが640px以下の場合に適用 */
@media screen and (max-width:640px) {
	
#header a#logo{
	width:20%;
	min-width:120px;
	max-width:120px;
	margin:20px 0 6px 8px;
	padding:0;
}
ul.language_li{
	max-width:60px;
}
ul.language_li li a{
	font-size:8px;
	padding:9px 4px 8px 16px;
	}
ul.language_li li:nth-child(2) a{padding:10px 8px 10px 20px;}
}