@charset "UTF-8";


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	/*vertical-align: baseline;*/
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* すべてのブラウザで、どのような状況でも縦スクロールバーを表示 */
html {
	overflow: scroll;
	overflow: -moz-scrollbars-vertical; /* Firefoxの先行実装 */
	overflow-x: scroll; /* Firefoxで横スクが表示されない問題を回避 */
}

/* IE 7のhasLayout問題を解決 */
*:first-child+html * {
	letter-spacing: 0;
}

/* 画像のリンクボーダーを非表示に */
img {
	border: 0;
}

/* 画像とフォームパーツの上下位置をテキストの真ん中に */
img, input, select, textarea {
	vertical-align: middle;
}


* {
	margin:0;
	padding:0;
	color:#333;
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック", "Osaka";
	/* font-family:"ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka; */
	text-align:left;
}
body {
	font-size: 13px; /* modern browser */
 *font-size: small; /* IE 7 */
 *font: x-small;
	background: #F7F7EF url(../common/images/bg_shadow.jpg) no-repeat center top;
	letter-spacing: 0.2px;
}
h1,
h2,
h3,
h4,
h5,
h6,
.copyright {
	color: #494925;
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック", "Osaka";
	/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
}
h2 span.text88N {
	color: #494925;
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック", "Osaka";
	/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
}
/* Start clearFix */
.clearfix:after {
	display: block;
	clear: both;
	content: "";
}
.clearfix {
*zoom: 1;
}
/* End clearFix */

p {
	line-height: 1.6;
	color: #3A3C2D;
	padding: 0.5em 1em 0.25em;
}
.text88N {
	font-size: 88%;
}
a span.text88N {
	font-size: 88%;
	color: #060;
}
a:visited span.text88N {
	font-size: 88%;
	color: #666;
}
a {
	color: #060;
	text-decoration: none;
}
a:visited {
	color: #666;
}
a:hover {
	text-decoration: underline;
}
dt,
dd,
li {
	line-height: 1.3;
	color: #3A3C2D;
}
div#container {
	background: #fff url(../common/images/hd_bgimg.png) no-repeat center top;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
div#header {
	height: 135px;
	position: relative;
}
div#headerSokai {
	height: 105px;
	position: relative;
}
div#globalNavi ul li {
	float: left;
	margin-top: 105px;
}
div#header h1#logo,
div#header p#logo {
	position: absolute;
	left: 20px;
	top: 46px;
	line-height: 0;
	padding: 0px;
}
div#headerSokai h1#logo,
div#headerSokai p#logo {
	position: absolute;
	left: 44px;
	top: 50px;
	line-height: 0;
	padding: 0px;
}
div#headerNavi {
	position: absolute;
	left: 325px;
	top: 63px;
	width: 300px;
}
div#headerNavi ul li {
	float: left;
	padding-right: 0.5em;
	padding-left: 0.5em;
	line-height: 1.2;
	font-size: 93%;
	border-left: 1px solid #999;
}
div#headerNavi ul li.end {
	border-right: 1px solid #999;
}
div#toTop p {
	font-size: 85%;
	text-align: right;
	margin-top: 30px;
	color: #666;
	overflow: hidden;
}
div#footer {
	width: 960px;
	padding-bottom: 30px;
	height: 90px;
	background: url(../common/images/ft_img.png) no-repeat center top;
	margin-top: 30px;
	position: relative;
}
div#footer .copyright {
	font-size: 85%;
	position: absolute;
	top: 70px;
	right: 3px;
}
div#footerNavi ul li {
	float: left;
	padding-right: 0.5em;
	padding-left: 0.5em;
	line-height: 1.2;
	font-size: 93%;
	border-left: 1px solid #999;
}
div#footerNavi ul li.end {
	border-right: 1px solid #999;
}
div#footerNavi {
	position: absolute;
	top: 75px;
	left: 8px;
}



/* CSS Document */

html{overflow-x: hidden;}


/* text-align 
*****************************************************/
.taL{text-align:left;}
.taR{text-align:right;}
.taC{text-align:center;}
/* vertical-align
*****************************************************/
.vaM{vertical-align: middle}

/* 余白 
*****************************************************/
.pt0 { padding-top: 0!important; }
.pt5 { padding-top: 5px!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; }

.pr0 { padding-right: 0!important; }
.pr5 { padding-right: 5px!important; }
.pr10 { padding-right: 10px!important; }
.pr15 { padding-right: 15px!important; }
.pr20 { padding-right: 20px!important; }
.pr25 { padding-right: 25px!important; }
.pr30 { padding-right: 30px!important; }
.pr35 { padding-right: 35px!important; }
.pr40 { padding-right: 40px!important; }
.pr45 { padding-right: 45px!important; }
.pr50 { padding-right: 50px!important; }

.pb0 { padding-bottom: 0!important; }
.pb5 { 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; }
.pb35 { padding-bottom: 35px!important; }
.pb40 { padding-bottom: 40px!important; }
.pb45 { padding-bottom: 45px!important; }
.pb50 { padding-bottom: 50px!important; }

.pl0 { padding-left: 0!important; }
.pl5 { 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; }
.pl35 { padding-left: 35px!important; }
.pl40 { padding-left: 40px!important; }
.pl45 { padding-left: 45px!important; }
.pl50 { padding-left: 50px!important; }

.mt0 { margin-top: 0!important; }
.mt5 { 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; }
.mt60 { margin-top: 60px!important; }

.mr0 { margin-right: 0!important; }
.mr5 { margin-right: 5px!important; }
.mr10 { margin-right: 10px!important; }
.mr15 { margin-right: 15px!important; }
.mr20 { margin-right: 20px!important; }
.mr25 { margin-right: 25px!important; }
.mr30 { margin-right: 30px!important; }
.mr35 { margin-right: 35px!important; }
.mr40 { margin-right: 40px!important; }
.mr45 { margin-right: 45px!important; }
.mr50 { margin-right: 50px!important; }

.mb0 { margin-bottom: 0!important; }
.mb5 { margin-bottom: 5px!important; }
.mb10 { margin-bottom: 10px!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; }
.mb60 { margin-bottom: 60px!important; }

.ml0 { margin-left: 0!important; }
.ml5 { 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; }

.w5pc { width: 5%!important; }
.w10pc { width: 10%!important; }
.w15pc { width: 15%!important; }
.w20pc { width: 20%!important; }
.w25pc { width: 25%!important; }
.w30pc { width: 30%!important; }
.w33pc { width: 33%!important; }
.w35pc { width: 35%!important; }
.w40pc { width: 40%!important; }
.w45pc { width: 45%!important; }
.w50pc { width: 50%!important; }
.w55pc { width: 55%!important; }
.w60pc { width: 60%!important; }
.w65pc { width: 65%!important; }
.w70pc { width: 70%!important; }
.w75pc { width: 75%!important; }
.w80pc { width: 80%!important; }
.w85pc { width: 85%!important; }
.w90pc { width: 90%!important; }
.w95pc { width: 95%!important; }
.w100pc { width: 100%!important; }

a img:hover{
	opacity:0.6;
	transition-duration:0.5s;}


.flex{
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;}
.jcsb{
	-webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content:space-between;
	}
	
.jcsa{
	-webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content:space-around;
	}
	
.jcc{
	-webkit-justify-content:center;
    -moz-justify-content: center;
    justify-content:center;
	}		
.fww{
	
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;}	



	
	
#about a{
	color:inherit;}
	
body#about {
	background: #fff;
	
}	
	
	
#about header{
	border-top:5px solid #f6ad3d;
	background:#fff;
	filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.3));
	border-bottom: 1px solid #cdcdcd;}
	
	
#about h2{
	
	padding:20px;	
	max-width:1140px;
	width:100%;
	margin: 0 auto;
	box-sizing:border-box;}
	
#about h2 img{
	max-width:100%;}	
	
#about h1{
	text-align:center;
	font-size:24px;
	margin:30px auto;
	border-bottom:1px solid #333;
	padding-bottom:20px;
	color:#3a3a3a;}	
	
#about .contents{
	max-width:1000px;
	width:100%;
	margin:0 auto;}	
	
#about .contents img{
	max-width:100%;}	
	
.toptext{
	/*text-align:center;*/
	margin-bottom:30px;}
	
.about_btn div:nth-child(1){
	width:48%;
	float:left;
	}	
		
	.about_btn div:nth-child(2){
	width:48%;
	float:right;
	}		
footer{
	background:#FFE0B8;
	padding:30px 0 0;}
	
.f_nav{
	max-width:500px;
	width:100%;
	margin:0 auto 30px;}
	
.f_nav ul li:nth-child(1){
	
	float:left;
	}
	
.f_nav ul li:nth-child(2){
	
	float:right;
	}		
.f_nav ul li{
	padding: 0 9%;}
	
.f_nav ul li:nth-child(1){
	border-right:1px solid #333;}
	
.copy{
	background:#f6ad3d;
	text-align:center;
	padding:10px 0;
	font-size:10px;}
		
				
				
@media screen and (max-width: 480px){
.about_btn div:nth-child(1),
.about_btn div:nth-child(2){
	width:100%;
	float:none;
	margin-bottom:20px;}
	
	.f_nav{
	max-width:315px;}
	
	.f_nav ul li{
	padding: 0 1%;}
	
	}