@charset "utf-8";
/* ===================================================================
全頁共通CSS
=================================================================== */



/*--------------------------------------------------------------
	リセット（すべてのサイトに共通）
--------------------------------------------------------------*/
/* 
html5doctor.com Reset Stylesheet
v1.4.1 
2010-03-01
Author: Richard Clark - http://richclarkdesign.com
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
	display: block;
}
ul{list-style: none;}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}
input, select {vertical-align: middle;}



/*--------------------------------------------------------------
	汎用
--------------------------------------------------------------*/
/* clerfix */
.clearfix{zoom:1;}
.clearfix:after{
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
* html .clearfix{
	display:inline-table;
	/*\*/display:block;/**/
}

/* sup */
sup{
	font-size:70%;
	position:relative;
	top:-6px;
}

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

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

.mr0{margin-right:0px !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;}

.mb0{margin-bottom:0px !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;}
.mb55{margin-bottom:55px !important;}
.mb60{margin-bottom:60px !important;}

.m0a{margin:0px auto;}

/* padding */
.pt0{padding-top:0px !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;}
.pt55{padding-top:55px !important;}
.pt60{padding-top:60px !important;}

.pl0{padding-left:0px !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;}

.pr0{padding-right:0px !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;}

.pb0{padding-bottom:0px !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;}
.pb55{padding-bottom:55px !important;}
.pb60{padding-bottom:60px !important;}

/* text-align */
.tal{text-align:left!important;}
.tac{text-align:center!important;}
.tar{text-align:right!important;}

/* flaot */
.fl{
	float:left;
	margin-right:15px;
}
.fr{
	float:right;
	margin-left:15px;
}

/* width */

.wid180{width:180px;box-sizing:border-box;}
.wid500{width:500px;box-sizing:border-box;}

.wid210{width:210px;box-sizing:border-box;}
.wid470{width:470px;box-sizing:border-box;}

.wid680{width:680px;box-sizing:border-box;}

.wid840{width:840px;box-sizing:border-box;}

.wid920{width:920px;box-sizing:border-box;}

span.nowprinting{
	display:table-cell;
	border:1px solid #CCC;
	color:#CCC;
	text-align:center;
	font-size:16px;
	vertical-align: middle;
}

span.nowprinting2{
	display:table-cell;
	border:1px solid #CCC;
	color:#CCC;
	text-align:center;
	font-size:16px;
	vertical-align: middle;
}

/* display */
.dis_block{
	display:block;
}
.dis_iblock{
	display:inline-block;
}
.dis_cell{
	display:table-cell;
}

/* align */
.val_mid{
	vertical-align:middle;
}

/* font-size */
.fs12{font-size:12px;}
.fs14{font-size:14px;}
.fs16{font-size:16px;}
.fs18{font-size:18px;}
.fs20{font-size:20px;}

/* line-height */
.lh12{line-height:1.2em;}
.lh15{line-height:1.5em;}
.lh18{line-height:1.8em;}
.lh20{line-height:2.0em;}

/*--------------------------------------------------------------
	このサイト、全ページで共通
--------------------------------------------------------------*/
body {
	background: #FFF;
}

/* フォント */
body, input, textarea, select{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333;
	font-size: 12px;
	line-height: 1.5;
}	

/* リンク */
a {
/*	text-decoration:none;*/
}
a:link {}
a:visited {}
a:hover {
	text-decoration:underline;
}
a:active {}



/*--------------------------------------------------------------
	各パーツ
--------------------------------------------------------------*/

/* header（ヘッダ）
----------------------------------------------------*/
header{
	width:100%;
	background: #FFF url(../img/header_bg.gif) repeat-x scroll left top;
}


header a{color:#999999;}
header .inner{
	width:1096px;
	margin:0px auto;
}
header .inner .inquire_mail{
	text-align:right;
	padding-top:19px;
	padding-right:71px;
	margin-bottom:5px;
}
header .inner .inquire_tel{
	position:relative;
}
header .inner .inquire_tel > p{
	position:absolute;
	right:71px;
	text-align:right;
	font-size:10px;
}
header .inner h1{
	text-align:center;
}
header .inner .text01{
	text-align:center;
	color:#666;
	font-size:11px;
	margin-bottom:25px;
}

header .nav_main{
	display:block;
	background-color:#dcdddd;
	text-align:center;
}
header .nav_main > ul{
	width:1096px;
	margin:0px auto;
}
header .nav_main > ul > li{
	display:inline-block;
	width:20%;
}
header .nav_main > ul > li a{
	display:block;
	padding:6px 0px 3px;
	color:#484848;
	font-size:12px;
	text-decoration:none;
}
header .nav_main > ul > li a:hover{
	text-decoration:none;
	color:#bf0000;
}
header .nav_main > ul > li.active a{
	color:#bf0000;
}

header .nav_sub{
	display:none;
	background-color:#bf0000;
	text-align:center;
}

body#aboutus header .nav_sub.aboutus,
body#service header .nav_sub.service,
body#recruit header .nav_sub.recruit,
body#assets header .nav_sub.assets{display:block;}

/*
body#index header{position:relative;}
body#index header .nav_sub{position:absolute;width:100%;z-index:10000;}
*/

header .nav_sub > ul{
	width:1096px;
	margin:0px auto;
}
header .nav_sub > ul > li{
	display:inline-block;
}
header .nav_sub > ul > li a{
	display:block;
	padding:6px 15px 3px;
	color:#FFF;
	font-size:11px;
	text-decoration:none;
}
header .nav_sub > ul > li.active a{
	background-color:#d24c4c;
}


/* h2
----------------------------------------------------*/

h2.title{
	text-align:center;
	padding-top:59px;
	padding-bottom:28px;
	border-bottom:1px dashed #b2b2b2;
	color:#000;
	font-size:20px;
	font-weight:normal;
	line-height:1em;
	letter-spacing:4px;
	width:1096px;
	margin:0px auto;
}
h2.title > span{
	color:#999;
	font-size:14px;
	font-weight:bold;
	line-height:1em;
	letter-spacing:1px;
}

h2.title.no_border{
	border-bottom:none;
}

/* #contents（メインとサイド）
----------------------------------------------------*/
#contents {
	width: 1096px;
	padding-bottom:65px;
	margin:0px auto 0px;
}

/* #main（メインコンテンツ）
----------------------------------------------------*/
#main {
	display:block;
	width:1096px;
	background-color:#FFF;
}

#main h3{
	background-color:#bf0000;
	padding-left:5px;
}
#main h3 > span{
	display:block;
	background-color:#FFF;
	padding:2px 0px 0px 5px;
}
#main .photo_area{
	margin-left:-10px;
}
#main .wid840 .photo_area.col3 .photo_item{
	display:block;
	float:left;
	width:273px;
	margin-left:10px;
}
#main .wid840 .photo_area.col2 .photo_item{
	display:block;
	float:left;
	width:415px;
	margin-left:10px;
}

#main .wid920 .photo_area{
	margin-left:-80px;
}
#main .wid920 .photo_area.col2 .photo_item{
	display:block;
	float:left;
	width:420px;
	margin-left:80px;
}


/* footer
----------------------------------------------------*/
footer{
	color:#DDD;
	clear: both;
	background: #888;
	padding:24px 0px;
	min-height:358px;
}
footer a{
	color:#DDD;
}
footer .inner{
	width:953px;
	margin:0px auto;
}

footer h2{
	color:#FFF;
	font-weight:bold;
}
footer h3 a{
	color:#FFF;
	font-weight:bold;
}

footer .area01{
	display:block;
	float:left;
	width:281px;
	margin-right:40px;
}
footer .area01 .logo{
	margin-bottom:15px;
}
footer .area01 .movie{
	width:281px;
	margin-bottom:15px;
}
footer .area01 ul{
	margin-bottom:10px;
}
footer .area01 ul li{
	display:inline-block;
	border-right:1px solid #DDD;
	padding:0px 10px 0px 0px;
	margin-right:10px;
	margin-bottom:1px;
	font-size:11px;
}
footer .area01 .copyright{
	font-size:10px;
}

footer .area02{
	display:block;
	float:left;
	width:250px;
}
footer .area02 h2{
	padding-top:14px;
}
footer .area02 ul{
	padding-bottom:13px;
	border-bottom:1px solid #DDD;
	margin-bottom:13px;
}
footer .area02 ul.last{
	border-bottom:none ;
}
footer .area02 ul li{
	display:inline-block;
	padding:0px 10px 0px 0px;
	font-size:11px;
}

footer .area03{
	display:block;
	float:right;
	width:330px;
	font-size:11px;
}
footer .area03 h2{
	padding-top:14px;
	font-size:12px;
}
footer .area03 .name{
	font-size:12px;
	color:#FFF;
}
footer .area03 .image{
	display:block;
	float:left;
	width:154px;
	margin-right:10px;
}
footer .area03 .factory01{
	margin-bottom:14px;
}
footer .area03 .company{
	display:block;
	float:left;
	width:154px;
	margin-right:10px;
}
footer .area03 .recruit{
	background-color:#bf0000;
	padding:4px;
	text-align:center;
}
footer .area03 .recruit > p{
	border:1px solid #DDD;
	padding:10px 10px 7px;
}
footer .area03 .recruit > p a{
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
footer .btop{
	border-top:1px solid #DDD;
}

/*お問合せレスポンシブ*/
@media screen and (max-width:572px) {
/*　画面サイズが572px以下はここを読み込む　*/

#formWrap {
	width:90%;
	margin:0 auto;
}
table.formTable th, table.formTable td {
	width:auto;
	display:block;
}
table.formTable th {
	margin-top:5px;
	border-bottom:0;
}
input[type="text"], textarea {
	width:80%;
	padding:5px;
	font-size:110%;
	display:block;
}
input[type="submit"], input[type="reset"], input[type="button"] {
	display:block;
	width:100%;
	height:40px;
}

}