@charset "utf-8";

/* ===================================================================
CSS Document

 file name  :contents.css
 style info :第2階層以下、ポップアップのコンテンツエリア関係 他
=================================================================== */

/*----------------------------------------------------
	☆パーツ
----------------------------------------------------*/
#contents .key_mv{
	height:200px;
	margin-bottom:70px;
}

#contents p.key_text{
	padding-top:82px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}


/*----------------------------------------------------
	■about
----------------------------------------------------*/

#contents .key_about_mv{
	height:100%;
	background-image:url(../../about/image/key_index.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
}

.main_area ul.about_list{
	overflow:hidden;
	/zoom:1;
	width:740px;
	margin:40px auto 30px;
}

.main_area ul.about_list li{
	float:left;
	margin-right:30px;
	border-bottom:2px dotted #C8C8C8;
}

#contents .key{
	height:250px;
	margin-top:70px;
	margin-bottom:70px;
}

#contents .key_bg_01{
	height:100%;
	background-image:url(../../about/image/key_index_02.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
}

#contents .key_bg_02{
	height:100%;
	background-image:url(../../about/image/key_index_03.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
}

/*----------------------------------------------------
	■flow
----------------------------------------------------*/
#contents .key_flow_mv{
	height:100%;
	background-image:url(../../flow/image/key_index.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
}

#contents .key_bg_03{
	height:100%;
	background-image:url(../../flow/image/key_index_02.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
}

#contents .key_bg_04{
	height:100%;
	background-image:url(../../flow/image/key_index_03.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
}

.main_area ul.btn_list{
	overflow:hidden;
	/zoom:1;
	margin-top:55px;
}

.main_area ul.btn_list li{
	float:left;
	margin-right:24px;
}

.main_area table.flow{
	padding-top:30px;
}

.main_area table.flow th{
	padding-right:15px;
}

.main_area table.flow td{
	padding-left:12px;
	border-left:1px solid #b5b5b5;
}

.main_area table.flow td span{
	display:block;
	margin-bottom:10px;
	color:#ffb200;
	font-size:18px;
}

.main_area p.arrow{
	margin-left:25px;
}

.main_area table.flow02{
	margin-top:0;
	margin-bottom:20px;
	padding-top:5px;
}

/*----------------------------------------------------
	■work
----------------------------------------------------*/
#contents .key_work_mv{
	height:100%;
	background-image:url(../../work/image/key_index.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
}

.main_area ul.work_list{
	overflow:hidden;
	/zoom:0;
	margin-top:57px;
	margin-right:-20px;
}

.main_area ul.work_list li{
	float:left;
	margin-right:20px;
	margin-bottom:18px;
}

.main_area ul.work_pager{
	margin:30px 0 20px;
	text-align:center;
}

.main_area ul.work_pager li{
	display:inline;
}

.main_area ul.work_pager li a.cr{
	border:1px solid #ffb200;
	background:#ffb200;
	color:#FFFFFF;}

.main_area ul.work_pager li a{
	margin:0 5px;
	padding:6px 7px 5px;
	border:1px solid #c5c5c5;
	text-decoration:none;
	display:inline-block;
	color:#6a6a6a;
}

.main_area ul.work_pager li.none a{
	margin:0 10px;
	border:none;
}

.main_area ul.work_pager li a:hover{
	text-decoration:underline;
}

.main_area ul.work_pager li.none a:hover{
	color:#ffb200;
}

/*----------------------------------------------------
	■company
----------------------------------------------------*/
#contents .key_company_mv{
	height:100%;
	background-image:url(../../company/image/key_index.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
}

.main_area .map{
	position:relative;
}

.main_area .map p.map_btn{
	position:absolute;
	bottom:10px;
	left:40px;
}

.main_area .message{
	margin:100px 0 75px;
	padding:30px;
	background:#fcecda;
}

.main_area ul.production{
	overflow:hidden;
	/zoom:1;
	margin-right:-38px;
}

.main_area ul.production li{
	float:left;
	width:447px;
	margin-right:38px;
	padding:15px 15px 0;
	border-left:1px solid #cbcbcb;
	border-right:1px solid #cbcbcb;
	border-bottom:1px solid #cbcbcb;
	border-top:5px solid #34a34d;
}


/*----------------------------------------------------
	■question
----------------------------------------------------*/
#contents .key_question_mv{
	height:100%;
	background-image:url(../../question/image/key_index.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
}

.main_area table.question,
.main_area table.answer{
	margin-bottom:15px;}


.question{
	width: 100%;}

	
.main_area table.question th{
	width:45px;
	padding:8px 10px;
	background:url(../../question/image/bg_th_q.gif) no-repeat 17px 2px;
	color:#FFFFFF;
	font-size:14px;
	text-align:center;
	padding-bottom: 30px;
	border-right:1px solid #cbcbcb;}

.main_area table.question td{
	padding-left:20px;
	padding-bottom: 30px;}

.main_area table.question td a{
	color:#6a6a6a;
	text-decoration:none;}

.main_area table.question td a:hover{
	text-decoration:underline;}

.main_area table.question td.question{
	padding-left:0;
	border:none;
	font-size:16px;}

.main_area table.answer{
	width:100%;
	margin-bottom:45px;
	padding-bottom:45px;
	border-bottom:1px dotted #bebebe;
}

.main_area table.answer02{
	margin-bottom:80px;
	border:none;
}

.main_area table.answer th{
	width:45px;
	padding:10px;
	background:url(../../question/image/bg_th_a.gif) no-repeat 17px 4px;
	color:#FFFFFF;
	font-size:14px;
	text-align:center;
	vertical-align:top;
}

.main_area table.answer td span{
	display:block;
	padding-top:10px;
	padding-bottom:5px;
	color:#34a34d;
	font-size:16px;}

.que-box{
	clear: both;
	height: 31px;
	width: auto;
	padding-bottom: 20px !important;}

.que-box .q-mark{
		width:31px;
		height: 31px;
		background:url(../../question/image/bg_th_q.gif) no-repeat;
		color: #FFFFFF;
		text-align: center;
		line-height: 31px;
		float: left;}
	
.que-box .q-txt{
	float: left;
	line-height: 31px;
	margin-left: 15px;
	border-left: 1px solid #cbcbcb;}

.que-box .q-txt a{
	text-decoration: none !important;
	font-size: 14px;
	font-weight: normal !important;
	color: #6a6a6a;
	margin-left: 15px;}

.que-box .q-txt a:hover{
	text-decoration: underline !important; }


.que-all-anbox{
	width: auto;
	height: auto;
	margin-top: 50px;
	padding-bottom: 50px;}


.que-all-anbox .q-mark{
	  width:31px;
		height: 31px;
		background:url(../../question/image/bg_th_q.gif) no-repeat;
		color: #FFFFFF;
		text-align: center;
		line-height: 31px;
		float: left;}

.que-all-anbox .ans-txt{
	padding-left: 50px;
	margin-top: 5px;}

.que-all-anbox .a-mark{
		width:31px;
		height: 31px;
		background: url(../../question/image/bg_th_a.gif) no-repeat;
		color: #FFFFFF;
		text-align: center;
		line-height: 31px;
		float: left;}

.ans-txt01{
		font-size: 1.3em;}

.ans-txt02{
	color: #34a34d !important;
	font-size: 1.3em;
	padding-left: 19px;}

.mt40{margin-top: 40px;}

.under-line-dot{
	border-bottom: 1px dotted #cbcbcb;}



/*----------------------------------------------------
	■サイトマップ
----------------------------------------------------*/

.main_area.sitemap .sectionBlock{
	overflow:hidden;
	width:706px;
	background:url(../../site/image/bg_sitemap_01.gif) repeat-y;
}
.main_area.sitemap h2{
	float:left;
	margin:0 20px 0 0 ;
	padding:10px 0 10px 10px;
	_padding:5px 0 10px 10px;
	width:260px;
	background:none;
	color:#6a6a6a;
}


.main_area.sitemap .sectionBlock div{
	float:right;
	width:410px;
	border-bottom:1px dotted #666;
}

.main_area.sitemap .link{
	overflow:hidden;
	clear:none;
	_width:400px;
	margin:0 0 0 15px;
	padding:10px 0;
	line-height:1.4
}

.main_area.sitemap .link li{
	float:left;
	margin:0 10px 5px 0;
	padding:0 0 0 13px;
	min-width:170px;
	white-space:nowrap;
	background:url(../image/icon_arrow_03.gif) no-repeat left 0.6em
}

.ie6 .main_area.sitemap .link li{
	width:auto !important;
	width:170px;
}

.main_area .boxTypeB{
	margin-top:30px;
	padding:10px 20px 0;
	border:1px solid #999
}

.main_area .boxTypeB .link{
	border:none;
	_width:640px;
}

.main_area .boxTypeB .link li{
	width:150px;
}

.main_area.sitemap h3{
	margin:0;
	padding:2px 2px 2px 10px;
	background:#efefef;
}

.main_area.sitemap h3 a{
	padding-left:10px;
	color:#000;
	background:url(../image/icon_arrow_bodynavi.gif) no-repeat left 0.5em
}
/*----------------------------------------------------
	■最新情報
----------------------------------------------------*/

.main_area .topicsBlock .date{
	border-bottom:dotted 1px #666;
	text-align:right
}

/*--CKEditor用------------------*/

.main_area .topicsBlock em{
 font-style:italic !important;
 color:#6a6a6a;
 font-weight:normal;
}

.main_area .topicsBlock u{
 text-decoration:underline !important
}

.main_area .topicsBlock strike{
 text-decoration:line-through !important;
}

.main_area .topicsBlock blockquote{
 margin-left:10px;
}

.main_area .topicsBlock del{
	text-decoration:line-through
}

/*--タイトル一覧------------------*/

.main_area .topicsBlock dl {
	clear:both;
	overflow:hidden;
	width:687px;
	margin-left:10px;
	padding:8px 0 8px 0;
	border-bottom:1px dotted #6a6a6a;
}

.main_area .topicsBlock dl dt {
	float:left;
	width:140px;
	clear:both;
	text-align:center;
}

.main_area .topicsBlock dl dd {
	float:left;
	width:510px;
	padding-left:15px;
	background: url(../image/icon_arrow_03.gif) no-repeat left 0.45em;
	line-height:1.3;
}

.main_area .topicsBlock dl dt img{
	vertical-align:bottom;
}

.main_area .topicsBlock dl dt span{
	float:left;
	font-size:11px;
	font-weight:bold;
}

.main_area .topicsBlock dl dd span{
	font-weight:bold;
	font-size:11px;
	color:#F00
}

.main_area .topicsBlock dl dd a:link,
.main_area .topicsBlock dl dd a:visited{
	text-decoration:none;
	margin:0;
	padding:0;
}

.main_area .topicsBlock dl dd a:hover{
	text-decoration: underline
}


.main_area .topicsBlock .item{
	overflow:hidden;
	margin:0 10px;
	padding:7px 25px 3px 0;
	background:#e4e4e4;
	text-align:right;
}

.main_area .topicsBlock .item li{
	display:inline;
}


/*----------------------------------------------------
	■フォーム関連
----------------------------------------------------*/
.main_area table.contacts{
	margin:30px auto 60px;
	width:890px;
}

.main_area table.contacts th{
	width:25%;
	padding:16px;
	border-bottom:1px dotted #cacaca;
	text-align:right;
	vertical-align:top;
}

.main_area table.contacts td{
	line-height:1.4;
	padding:16px;
	border-bottom:1px dotted #cacaca;
	color:#2b2b2b;
	font-weight:bold;
}

.main_area table.contacts .none{
	border:none;
	vertical-align:middle;
}

.main_area table.contacts th.none02{
	border:none;
	vertical-align:top;
}

.main_area table.contacts td.none02{
	border:none;
	padding-right:30%;
}

.main_area p.tel{
	width:430px;
	margin:0 auto 20px;
	padding-bottom:10px;
	border-bottom:2px dotted #D7D7D7;
	color:#2c9f46;
	font-size:15px;
	text-align:center;
}

.main_area p.mail_c{
	width:430px;
	margin:0 auto 20px;
	padding-bottom:10px;
	border-bottom:2px dotted #D7D7D7;
	color:#6a6a6a;
	font-size:15px;
	text-align:center;
}

.main_area p.error{
	margin:0 105px;
	padding:30px;
	border:1px solid #e01010;
	color:#e01010;
	text-align:center;
}

.main_area table.contacts textarea{
	clear:both;
	margin-top:5px;
	width:392px;
}

.main_area .form_button{
	overflow:hidden;
	text-align:center;
}

/*--ボタン------------*/
.main_area .form_button input{
	display:inline;
	cursor:pointer;
}


.main_area input.kakunin {
	margin-top:8px;
    border: 0px;
    width: 228px;
    height: 36px;
    background: url(../image/btn_form_kakunin.gif) left top no-repeat;
}

.main_area input.reset {
		margin-top:8px;
    border: 0px;
    width: 130px;
    height: 36px;
    background: url(../image/btn_form_reset.gif) left top no-repeat;
}

.main_area input.modoru {
		margin-top:8px;
    border: 0px;
    width: 130px;
    height: 36px;
    background: url(../image/btn_form_modoru.gif) left top no-repeat;
}

.main_area input.soushin {
		margin-top:8px;
    border: 0px;
    width: 228px;
    height: 36px;
    background: url(../image/btn_form_soushin.gif) left top no-repeat;
}
/*--thanks------------*/
.main_area p.kanryou{
	width:380px;
	margin:80px auto 20px;
	padding-bottom:10px;
	border-bottom:1px dotted #8b8b8b;
	color:#34a34d;
	font-size:18px;
	text-align:center;
}
/*----------------------------------------------------
	■print
----------------------------------------------------*/

.cl{
	clear: both !important;}

.mr20{
	margin-right: 20px;}

.mt20{margin-top: 20px;}

#work-allbox{
	height: auto;
	margin-top: 60px;
	margin-left: auto;
	margin-right: auto;}



/**.cr{
margin: 0 5px;
padding: 6px 7px 5px;
border: 1px solid #ffb200;
text-decoration: none;
display: inline-block;
color: #fff;
background: #ffb200;}**/