@charset "UTF-8";
/*sp.css */

/*reset css */
h1,h2,h3,h4,h5,h6{ margin:0; padding:0}
img{ max-width:100%; border:0; margin:0; vertical-align:bottom}

body{-webkit-text-size-adjust: 100%;}
body{ font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:15px; color:#333333}

.logo_area_sp{ height:64px; padding-top:17px; padding-bottom:8px; font-size:0px;}
.logo{text-align:center;margin-top:0; padding:0}
.logo img{width:172px; height:auto; margin-bottom:3px}

.eyecatch{ font-size:10px}


h2{ background-color:#082775; color:#ffffff; text-align:center; font-size:16px; line-height:1em; font-weight:normal; margin:7px auto; padding:8px}

#about{}

#about .box{ border:solid 2px #dedede; margin:6px 4px; padding:0}

#about a{ color:#333333; text-decoration:none}

#about .box:hover{ opacity:0.8}

#about .box:after{content:""; display:block; clear:both;}

#about .box-left{ float:left; max-width:34%; margin-right:3px}

#about .box-right{float:left; width:62%; padding:4px;}

#about h3{ font-size:16px; margin:0px; margin-bottom:4px; line-height:100%}

#about p{ font-size:14px; margin:0; line-height:1.3em}

.message{ border:solid 2px #dedede; text-align:center; margin:1em; border-radius:6px}



/* topics --------------------------------------------------------------------------*/

#topics{ vertical-align:top}
#topics h2{ font-size:22px; margin-bottom:1.5em; border-left:solid 5px #0a1885; padding-left:7px}

#topics ul{ list-style:none; margin-left:0}
#topics li{ margin-left:-2em; margin-bottom:1em; padding-bottom:0.5em; border-bottom:solid 1px #dedede}
#topics li a{ display: table-cell; text-decoration:none; color:#333}
#topics li a:hover{ text-decoration: underline}
#topics ul li:after{content:""; display:block; clear:both; list-style:none}

#topics .info{ display:block; width:160px; font-size:12px}
#topics p{ display:block; vertical-align:top}
#topics info{}

#topics .cate-news {background-color: #c62828; color:#fff;width:4em; padding:2px 10px; margin-left:10px;font-size:11px;}
#topics .cate-whatsnew {background-color: #1864c0; color:#fff;width:4em; padding:2px 10px; margin-left:10px;font-size:11px;}
#topics .cate-recruit {background-color: #2f7d32; color:#fff;width:4em; padding:2px 10px; margin-left:10px;font-size:11px;}



#news-btn{ display: table; text-align:center; margin:auto; width:auto; margin-bottom:1em}
#news-btn:after{content:""; display:block; clear:both;}

.sinchaku{ width:150px; text-align:center;border:solid 2px #CC0000; padding:3px; font-size:12px}
.sinchaku img{ margin-bottom:1px; margin-right:4px; width:20px}
.sinchaku a{ text-decoration:none; color:#cc0000}
.sinchaku:hover{ background-color:#fff2f2}

.spacer{ max-width:10%}

.newsrelease{ width:150px; text-align:center;border:solid 2px #CC0000; padding:3px; font-size:12px}
.newsrelease:hover{ background-color:#fff2f2}
.newsrelease img{ margin-bottom:1px; margin-right:4px; width:20px}
.newsrelease a{ text-decoration:none; color:#cc0000}



/* pickup --------------------------------------------------------------------------*/

#pickup{ text-align:center; padding:4px}

#pickup img{ width:47%; margin:1% 2px}


/* group --------------------------------------------------------------------------*/

.group{width: 47%;margin: auto}



/* footermenu --------------------------------------------------------------------------*/

.footermenu table{ border-collapse:collapse}
.footermenu td{ text-align:left; font-size:13px; line-height:2em; border:solid 1px #ffffff}
.footermenu td a{ display:block; color:#000000; text-decoration:none; padding:7px}

#wrap{ padding-left:10px; line-height:1.6em;}

.title{ width:100%}
.title img{ width:100%}


#wrap h2 .eng{ color:#000;font-weight:bold;}
#wrap h2 .bar{ color:#ccc; font-weight:bold}

#wrap h3{font-size:18px;font-weight:normal; color:#666; margin-bottom:1em}
#wrap h3 .eng{ color:#000;font-weight:bolder;}
#wrap h3 .bar{ color:#ccc; font-weight:bold}

#wrap h4{font-size:16px;background-color:#aabbdb; margin:1em auto}
h4 span{ display:inline-block; padding:4px 10px 2px 10px;background-color:#5c73af; color:#fff;}

#wrap h5{ font-size:15px}





#wrap li{ margin-bottom:0.8em; padding-left:0.6em; padding-right:0.5em}

.silent a{ text-decoration:none; color:#333}

.content_main{ margin-top:2em}
.content_main td{ padding:0}
.menuinfo{ margin:0 auto 0 1.5em;}
.menuinfo h3{ font-size:16px; letter-spacing:0.1em; line-height:1em;}
.menuinfo p{ font-size:12px; margin-top:5px; line-height:1.3em}
.menuinfo a{ color:#000; text-decoration:none}

.contact{ background-color:#edeff2;border-radius:4px; padding:10px; font-size:12px; line-height:1.4em}


.pic{ margin-bottom:2em}

/* corporate index ------------------------------------*/

#corp-top{ margin-top:30px;padding-right:10px}
#corp-top h3{ font-size:16px; letter-spacing:0.1em; line-height:1em; color:#000; font-weight:bold}

#corp-top .menuinfo{ margin:0 auto 0 1.5em;}
#corp-top .menuinfo h3{ font-size:16px; letter-spacing:0.1em; line-height:1em; color:#000; font-weight:bold; margin-bottom:0}
#corp-top .menuinfo p{ font-size:12px; margin-top:px; line-height:1.3em}
#corp-top .menuinfo a{ color:#000; text-decoration:none}

/* message ------------------------------------*/

#message{ padding-right:10px}

#message p{ font-size:14px; line-height:1.5em}


/*philosophy ------------------------------------*/

#philosophy{ padding-right:10px}
#philosophy h3{ background:#163c93; line-height:100%}
#philosophy h3 span{ display:inline-block; line-height:100%; background:#CCC; margin-left:7px; padding:4px 6px; font-size:16px; color:#000}
#philosophy table{ line-height:1.4em}
#philosophy table span{ font-weight:bold}
#philosophy table td{ padding:2px;padding-bottom:10px}

#philosophy p{ font-size:14px;line-height:1.5em}
#philosophy .quote{ text-align:right; color:#999; font-size:12px}

/*outline ------------------------------------*/

#outline{ padding-right:10px}
#outline table{ border-collapse:collapse; font-size:13px; line-height:1.6em}
#outline th{ background-color: #eee; text-align: left; vertical-align: top; padding:2px; padding-left:6px; border-left:solid 6px #366CA4}
#outline td{padding:0.5em 0.5em 0.5em 1em}
#outline .ruby{ margin-left:130px}

#outline .map{ display: inline; margin-left:1em; font-size:11px}
#outline .map a{ text-decoration:none; padding:1px 4px 0px 4px;border:solid 1px gray; color:#4c59bb}
#outline .map a:hover{ background:#cfdde9}


#outline .inner td,th{ border:none; padding:0px}
#outline .inner .pad-l-1{ padding-left:1.5em}
#outline .inner .pad-l-2{ padding-left:3em; padding-right:2em}
#outline .inner a{ color:#333333; text-decoration:none; margin-left:1em}
#outline .inner a:hover{ color:#1b56cf; text-decoration:underline}

#outline .tel a{ color:#4c59bb; text-decoration:none; margin-left:0.5em}
#outline .tel a:hover{ color:#1b56cf; text-decoration:underline}


/* offices ---------------------------------- */

#offices{ padding-right:10px;font-size:14px}
#offices h3{ font-size:20px; margin-top:-5px; line-height:1.5em; color:#000; font-weight:bold}
#offices p{ line-height:1.7em}
#offices table{ font-size:11px}
#offices .bordercell{ border:solid 1px #999999; color:#000}
#offices .tell{ font-size:12px; padding:4px 0px}

#offices .mapimg{ padding-left:8px}

#offices .tell a{ color:#4c59bb; text-decoration:none; margin-left:0.5em}
#offices .tell a:hover{ color:#1b56cf; text-decoration:underline}
#offices .maplink{ text-align:right}
#offices .gyomu{ font-size:10px}
#offices .kabu{ font-size:16px}
#offices .honsha{ text-align:center; margin-bottom:30px}
#offices .honsha img{ width:65%}

#offices .map{}
#offices .map h4{ font-size:14px; line-height:1.2em; font-weight:bold; background-color:#ccccff; padding:3px}
#offices .map ul{ margin-left:-2.1em}
#offices .map li { list-style:none; line-height:1.5em; margin:0}
#offices .map li:before {content:"■ "; margin-left:-1.4em}

#close{ width:100px; background-color: #888; padding:10px 20px; color:white; text-decoration:none; font-size:16px;
border-radius:4px}
#close a{ color:white; text-decoration:none}

.maplink a{ text-decoration:none; color: #36C}


/* organization ----------------------------------- */

#organization{ font-size:14px; padding-right:10px}
#organization h3{ font-size:20px; margin-top:-5px; line-height:1.5em; color:#000; font-weight: bold}
#organization p{ line-height:1.7em}
#organization table{ font-size:11px}
#organization .bordercell{ border:solid 1px #999999; color:#000}
#organization .tell{ font-size:12px; padding:4px 0px}

#organization .tell a{ color:#4c59bb; text-decoration:none; margin-left:0.5em}
#organization .tell a:hover{ color:#1b56cf; text-decoration:underline}

#organization .gyomu{ font-size:10px}


/* history --------------------------------- */

#history{ padding-right:10px}
#history table{ border-collapse:collapse}
#history .year{ background:#eee; padding: 3px 4px;font-weight:bold; font-size:14px}
#history td{border:solid 1px #ccc; line-height:1.5em}
#history .lead{ font-size:15px; margin-top:-0.5em; line-height:1.5em}
#history .photo{ float:right;width:147px; text-align:center; font-size:12px; color:#666; margin-top:1em}
#history li{ line-height:1.5em; padding:0; margin:0; margin-left:1em; list-style:none}
#history li:before{content:"・"; margin-left:-1em}
#history a{ text-decoration:none; color:#333}


/* quality ----------------------------------- */

#quality{ padding-right:10px}
#quality h3{ font-size:16px; padding-top:10px; color: #555; font-weight:bold}
#quality p{ font-size:14px; line-height:1.5em}

#quality .housin{padding:0}
#quality .housin h3{ font-size:16px;line-height:100%;margin:0; padding:5px 10px;background:#ebebeb; border-radius:3px}
#quality .housin p{ padding-left:10px;}

#quality .envi-list{ line-height:1.6em; margin:0em; font-size:14px}
#quality .envi-list ol{ margin-left:-1.5em}
#quality .envi-list ol li{ margin:0; list-style-position:inside; text-indent:-1.2em}


/* biz-tie-up -------------------------------------- */

#tie-up{ padding-right:10px}
#tie-up .titleTable{ width:100%}
#tie-up .titleTable .disc{ border-left:solid 6px #3a4b9d; background:#eee; padding:3px; font-size:14px; font-weight:bold}
#tie-up .titleTable img{ width:85%}
#tie-up .address{ font-size:14px; line-height:1.5em}

#tie-up h3{ background:#6389ea; font-size:16px; color:white; line-height:100%; padding:6px 10px; border-radius:3px; margin-bottom:0.5em;font-weight:bold}
#tie-up .art{width:100%; text-align:center;margin-left:auto; margin-right:auto}

#tie-up h4{color:#3a4b9d; background:white; font-size:14px; font-weight:bold}
#tie-up .tell a{ text-decoration:none; color:#369}

#tie-up p{ font-size:14px; line-height:1.5em}

#tie-up .sekkei-tbl td{ font-size:14px; line-height:1.5em}

#tie-up .more{ text-align:center; margin:auto; margin-top:2em; margin-bottom:3em;width:170px}
#tie-up .more a{ ;color:white; text-decoration:none; padding:6px 8px; background:#36C;
	border-radius:6px; font-weight:bold}
#tie-up .more a:hover{ background:#6389ea}

#tie-up td{ font-size:14px; line-height:1.5em}

.tieup-nav{}
.tieup-nav .nav1 a{ display:block;padding:10px 20px; text-decoration:none; color:#fff; background:#069eb7; border-radius:8px; margin-bottom:8px; font-weight:bold}
.tieup-nav .nav2 a{ display:block;padding:10px 20px; text-decoration:none; color:#fff; background:#5282c5; border-radius:8px; margin-bottom:8px; font-weight:bold}
.tieup-nav .nav3 a{ display:block;padding:10px 20px; text-decoration:none; color:#fff; background:#733d93; border-radius:8px; margin-bottom:8px; font-weight:bold}



.tieup-nav td{ text-align:center; border-radius:8px;}
.tieup-nav td:hover{}
.tieup-nav{} .active{ background:#21449d; color:white}
.tieup-nav{} .active a{ color:white}


/* awards ------------------------------------*/

#awards{ padding-right:10px}
#awards h3{ font-size:16px; color: #555; line-height:1.5em; margin-top:-4px; padding:0}
#awards .lead{ font-size:14px; line-height:1.5em}

#awards table{ border-collapse:collapse;}
#awards tr{ border-bottom:solid 1px #c0c0c0}
#awards td{font-size:12px; vertical-align:top; padding:0}

#awards .year{ background-color:#eee; line-height:100%; padding:4px; padding-left:6px; font-weight:bold}
#awards .info{ padding-right:3px}
#awards .info strong{ color:#000}
#awards .info sup{ font-size:9px}
#awards .info p{ line-height:1.3em; margin-bottom:0.8em; margin-top:0.5em;}
#awards .photo{ vertical-align:top;text-align:right;padding:7px 0}





#awards .notice{ font-size:12px; text-align:right;color:#39F}




/* sitemap ------------------------------------*/

.map th{ border:solid 1px #888888; border-left:solid 6px #435480; padding-left:0.5em;}
.map .title{ margin-bottom:1em}
.map a{ text-decoration:none; color:#222}
.map a:hover{ color:#C60; text-decoration:underline}

.jump-pc a:hover{ text-decoration:none; color:#222}

.searchtable{ width:282px; margin:1em auto;font-size:12px;border:solid 2px #dedede; border-radius:5px; background:#eaeaea}

.linkred{ color:#930; font-size:12px}
.linkred a{ color: #C03}


#Footer {
	background-color:#ececec;
	margin-top:2em;
	padding: 0;
	font-size: 10px;
	color: #222;
	position: relative;
	text-align:center;
}



.footerlogo{ padding:1.4em; text-align:center}


.fl td{ text-align:left}

.footerlink{font-size:13px; color:#888888; line-height:2.4em; padding:1em}
.footerlink a{ text-decoration:none; color:#000000; display:inline-block}
.footerlink a:hover{ text-decoration: underline; opacity:0.5}



#Footer #Copyright {clear: both; padding:1em; text-align:center}

.clear{ clear:both}



@media print, screen and (min-width: 568px) {
	
.logo_area_sp{ height:64px; padding-top:12px; padding-bottom:13px; font-size:0px;}
.logo{text-align:center;margin-top:0; padding:0}
.logo img{width:214px; height:auto; margin-bottom:3px}

}



/* ページトップへ戻るボタン */
#page-top{position: fixed; width: 44px; height:44px; bottom: 20px;right: 16px; z-index:10}
#page-top a {padding: 0;text-align: center;display: block;}
#page-top a:hover {opacity:0.8;}

/* ページトップへ戻るボタン　印刷時に隠す */
@media print{
	#page-top{ visibility:hidden}
	}