@charset "UTF-8";

/*============================================================
//  
//  CMスタイル--------------------
//  ・detail
//  会社概要
//  ニュースリリーす
//  会社概要・MAP・採用情報　table
//  会社沿革　table
//==========================================================*/

.test{ border:1px solid #f00; }

.icon_maru{
	margin:2px 4px 0 0;
	float:left;
	background:url(/img/common/icon_maru.gif) no-repeat -55px;
}


/*============================================================
//  ・detail
//==========================================================*/
.detail{
	width:640px;
	margin:0;
	float:left;
	padding:13px 0 0;
}
.detail .wrapper_header{
	width:640px;
	height: 20px;
	margin:0;
	padding:0;
	background:url(../img/cm/detail_bg_header.gif) no-repeat;
}
.detail .wrapper_body{
	width:640px;
	height: auto;
	margin:0;
	padding:0;
	background:url(../img/cm/detail_bg_body.gif) repeat-y;
}
.detail .wrapper_footer{
	width:640px;
	height: 20px;
	margin:0;
	padding:0;
	background:url(../img/cm/detail_bg_footer.gif) no-repeat;
}

.detail .wrapper_body .inner{
	width:600px;
	margin:0 auto;
	border: 0px solid #000;
	position:relative;
	
}

.detail .wrapper_body .inner h2{
	width:585px;
	height:24px;
	padding:0px 0 0 10px;
	margin:0;
	font-size:18px;
	line-height: 24px;
	font-weight:normal;
	border-left: 5px solid #47CFF3;

}
.detail .wrapper_body .inner .en{
	width:585px;
	height:14px;
	padding:0 0 0 10px;
	margin:0 0 15px 0;
	font-size:10px;
	line-height: 14px;
	color: #00BFF2;
	border-left: 5px solid #00BFF2;
}



/*------------------------------------------------
//  会社情報
//------------------------------------------------*/



.detail .wrapper_body .inner .policy{
	margin:0 auto;
	width:600px;
	padding:0 0 10px;
	border: 0px solid #C00;
}

.detail .wrapper_body .inner .policy h3{
	width:575px;
	height:19px;
	padding:5px 0 0 25px;
	margin:0 0 15px 0;
	font-size:14px;
	background:url(../img/cm/left_title_policy.jpg) no-repeat;
}

.detail .wrapper_body .inner .policy p{
	font-size:12px;
	color:#333333;
	line-height: 150%;
}
.detail .wrapper_body .inner .policy .name{
	margin:20px 0 40px;
	font-size:12px;
	color:#333333;
	line-height: 150%;
	text-align: right;
}
.detail .wrapper_body .inner .syaze{
	margin:0 0 20px;
	width: 600px;
}

/*------------------------------------------------
//  ニュースリリース
//------------------------------------------------*/

.detail .wrapper_body .inner .section{
	padding:0;
	margin:30px 0 0;
	width: 600px;
}

.detail .wrapper_body .inner .section .article{
	padding:0 0 25px 0;
	margin:0;
	width: 600px;
}
.detail .wrapper_body .inner .section .article .new{
	padding:0;
	margin:0;
	text-indent:50px;
	font-size:12px;
	color:#00BFF2;
	background:url(../img/cm/icon_new.jpg) no-repeat;
}
.detail .wrapper_body .inner .section .article .past{
	padding:0;
	margin:0;
	font-size:12px;
	color:#00BFF2;
}

.detail .wrapper_body .inner .section .article .txt{
	padding:0;
	margin:0;
	font-size:12px;
	color:#11318C;
}

.detail .wrapper_body .inner .section .article .txt a{
	color:#333;
	text-decoration:none;
}
.detail .wrapper_body .inner .section .article .txt a:hover{
	background:#333;
	color:#fff;
}

/*------------------------------------------------
//  会社概要・MAP・採用情報　table
//------------------------------------------------*/
.detail .wrapper_body .inner .overview,
.detail .wrapper_body .inner .recruit,
.detail .wrapper_body .inner .access_map{
	margin:0;
	width:600px;
	padding:0 0 10px 0;
}

.detail .wrapper_body .inner .overview table,
.detail .wrapper_body .inner .recruit table,
.detail .wrapper_body .inner .access_map table{
	margin: 0;
	padding: 0;
	width: 600px;
	border-collapse: separate;
	border: none;
	border-spacing: 2px;
	}
.detail .wrapper_body .inner .overview th,
.detail .wrapper_body .inner .recruit th,
.detail .wrapper_body .inner .access_map th{
	margin: 0;
	padding: 15px 10px 15px 0;
	width: 116px;
	background-color: #E6F9FE;
	border-right: 2px solid #00BFF2;
	border-bottom: 0px solid #FFFFFF;
	font-size: 12px;
	color: #333;
	text-align: right;
	}
.detail .wrapper_body .inner .overview td,
.detail .wrapper_body .inner .recruit td,
.detail .wrapper_body .inner .access_map td{
	margin: 0;
	padding: 15px 0 15px 20px;
	width: 436px;
	border-bottom: 2px solid #FFFFFF;
	font-size: 12px;
	color: #333;
	}
.detail .wrapper_body .inner .overview td a,
.detail .wrapper_body .inner .recruit td a,
.detail .wrapper_body .inner .access_map td a{
	color: #333;
	text-decoration: none;
	}
.detail .wrapper_body .inner .overview td a:hover,
.detail .wrapper_body .inner .recruit td a:hover,
.detail .wrapper_body .inner .access_map td a:hover{
	background:#333;
	color:#fff;
	}


.detail .wrapper_body .inner .access_map h3,
.detail .wrapper_body .inner .recruit h3{
	width:575px;
	height:19px;
	padding:5px 0 0 25px;
	margin:0 0 15px 0;
	font-size:14px;
	background:url(../img/cm/left_title_saiyo.jpg) no-repeat;
}

/*　MAP　*/
.detail .wrapper_body .inner .access_map .map_image{
	margin: 0 auto 30px auto;
	width:516px;
	}

.detail .wrapper_body .inner .access_map .map_image .googlemap{
	width:200px;
	height:14px;
	background:url(../img/cm/icon_allow_black.gif) no-repeat 0px 2px;
	text-indent:20px;
	font-size: 12px;
	/*font-weight:bold;*/
	}

.detail .wrapper_body .inner .access_map .map_image img{
	margin-bottom:5px;
	}

.detail .wrapper_body .inner .access_map .map_image .googlemap a{
	text-decoration:underline;
	color:#000000;
	}
.detail .wrapper_body .inner .access_map .map_image .googlemap a:hover{
	background:#333;
	color:#fff;
	}


/*採用情報*/



.detail .wrapper_body .inner .recruit .recruit_inner{
	margin-bottom:20px;
	}

/*------------------------------------------------
//  会社沿革　table
//------------------------------------------------*/
.detail .wrapper_body .inner .enkaku{
	margin:0;
	padding:0;
	width:600px;
}
.detail .wrapper_body .inner .enkaku table,
.detail .wrapper_body .inner .enkaku th,
.detail .wrapper_body .inner .enkaku td{
	margin: 0;
	padding: 0;
	border-collapse: separate;
	border: none;
	border-spacing: 0;
}

.detail .wrapper_body .inner .enkaku table{
	margin: 0;
	padding: 0;
	width: 600px;
	}
.detail .wrapper_body .inner .enkaku th{
	margin: 0;
	padding: 20px 0 20px;
	border-bottom: 1px solid #cccccc;
	font-size: 12px;
	color: #333;
	text-align: left;
	vertical-align: top;
	}

.detail .wrapper_body .inner .enkaku td{
	margin: 0;
	padding: 20px 0 20px;
	border-bottom: 1px solid #cccccc;
	font-size: 12px;
	color: #333;
	vertical-align: top;
	}
.detail .wrapper_body .inner .enkaku #year{
	width: 70px;
}
.detail .wrapper_body .inner .enkaku #month{
	width: 50px;
}
.detail .wrapper_body .inner .enkaku #history{
	width: 480px;
}

.detail .wrapper_body .inner .enkaku p{
	margin:20px 0 0;
	padding:0;
	width:600px;
	font-size: 12px;
	color: #333;
	text-align: right;
}

/*------------------------------------------------
//  サイトポリシー
//------------------------------------------------*/
.detail .wrapper_body .inner .sitepolicy{
	margin:0;
	width:600px;
	padding:0 0 10px 0;
}

.detail .wrapper_body .inner .sitepolicy h3{
	width:575px;
	height:19px;
	padding:5px 0 0 25px;
	margin:0 0 15px 0;
	font-size:14px;
	background:url(../img/cm/left_title_saiyo.jpg) no-repeat;
}

.detail .wrapper_body .inner .sitepolicy p{
	font-size:12px;
	color:#333333;
	line-height: 150%;
}
.detail .wrapper_body .inner .sitepolicy .name{
	margin:20px 0;
	padding:0;
	width:600px;
	font-size: 12px;
	color: #333;
	text-align: right;
}
.detail .wrapper_body .inner .sitepolicy table,
.detail .wrapper_body .inner .sitepolicy th,
.detail .wrapper_body .inner .sitepolicy td{
	margin: 0;
	padding: 0;
	border-collapse: separate;
	border: none;
	border-spacing: 0;
}

.detail .wrapper_body .inner .sitepolicy table{
	margin: 0;
	padding: 0;
	width: 600px;
	}
.detail .wrapper_body .inner .sitepolicy th{
	margin: 0;
	padding: 20px 0 0;
	font-size: 12px;
	color: #333;
	text-align: left;
	}

.detail .wrapper_body .inner .sitepolicy td{
	margin: 0;
	padding: 10px 0 20px;
	font-size: 12px;
	color: #333;
	line-height: 140%;
	}

.detail .wrapper_body .inner .sitepolicy td .note{
	margin: 0;
	padding: 15px;
	background-color: #F5F5F5;
	}

.detail .wrapper_body .inner .sitepolicy td .mail{
	margin: 0;
	padding: 22px 0 0 140px;
	height: 60px;
	font-size: 14px;
	background:url(../img/cm/sitepolicy_mail_bg.jpg) no-repeat;
	}
.detail .wrapper_body .inner .sitepolicy td .mail a{
	color:#333;
	text-decoration:none;
	}
.detail .wrapper_body .inner .sitepolicy td .mail a:hover{
	background:#333;
	color:#fff;
	}

.detail .wrapper_body .inner .sitepolicy td .add{
	margin: 10px 0 0;
	padding: 24px 0 0 140px;
	height: 100px;
	font-size: 14px;
	background:url(../img/cm/sitepolicy_add_bg.jpg) no-repeat;
	}

.detail .wrapper_body .inner .sitepolicy #item{
	width: 40px;
}
.detail .wrapper_body .inner .sitepolicy #itemttl{
	width: 560px;
}

/*------------------------------------------------
//  よくあるご質問・お問い合わせ
//------------------------------------------------*/
.detail .wrapper_body .inner .qa{
	margin:0;
	width:600px;
	padding:0 0 10px 0;
}

.detail .wrapper_body .inner .qa p{
	font-size:12px;
	color:#333333;
	line-height: 150%;
}

.detail .wrapper_body .inner .qa .question{
	margin: 20px 0 0;
	padding: 20px 0 20px 85px;
	font-size: 14px;
	color: #333;
	line-height: 140%;
	background:url(../img/cm/qa_question_bg.gif) no-repeat;
	background-color: #F5F5F5;
}
.detail .wrapper_body .inner .qa .answer{
	margin: 0;
	padding: 15px 0 0 85px;
	font-size: 12px;
	color: #333;
	line-height: 140%;
	background:url(../img/cm/qa_answer_bg.gif) no-repeat;
}
.detail .wrapper_body .inner .qa .answer a{
	color:#333;
	text-decoration:none;
	}
.detail .wrapper_body .inner .qa .answer a:hover{
	background:#333;
	color:#fff;
	}

.detail .wrapper_body .inner .qa .answer span{
	color: #FF6600;
	/*font-weight: bold;*/
}


/*============================================================
//  ・right_clm
//==========================================================*/
.right_clm{
	width:300px;
	float:right;
	border: 0px solid #000;
}
#series_menu{
	margin:10px 0 0;
}
#series_menu dl{margin:0; padding:0;}
#series_menu dt{
	width:300px;
	height:30px;
}
#series_menu dt a{
	width:265px;
	height:22px;
	padding:8px 0 0 35px;
	display:block;
	font-size:14px;
	/*font-weight: bold;*/
	text-decoration:none;
	color:#333;
}
#series_menu dt.active a{
	width:265px;
	height:22px;
	padding:8px 0 0 35px;
	color:#fff;
	background:none;
}
#series_menu dd.active a{
	width:244px;
	height:18px;
	padding:2px 0 0 20px;
	color:#fff;
	background:none;
}
#series_menu dd{
	width:264px;
	height:20px;
	margin: 6px 0 0 20px;
	background:url(/img/cm/mn_sub_bg_on.jpg) no-repeat;
}

#series_menu dd a{
	width:244px;
	height:18px;
	padding:2px 0 0 20px;
	text-decoration:none;
	color:#333;
	display:block;
	background:url(/img/cm/mn_sub_bg_off.jpg) no-repeat;
}
#company{background:url(/img/cm/mn_obj_cminfo_on.jpg)    no-repeat;}
#recruit {background:url(/img/cm/mn_obj_recruting_on.jpg) no-repeat; margin:10px 0 0 0;}
#map    {background:url(/img/cm/mn_obj_cminfo_on.jpg)    no-repeat; margin:10px 0 0 0;}
#company a{background:url(/img/cm/mn_obj_cminfo_off.jpg)    no-repeat;}
#recruit a {background:url(/img/cm/mn_obj_recruting_off.jpg) no-repeat;}
#map a    {background:url(/img/cm/mn_obj_cminfo_off.jpg)    no-repeat;}
#series_menu dd a:hover,
#series_menu dt a:hover{
	background:none;
	color:#fff;
}


/*------------------------------------------------
//  サイトポリシーメニュー
//------------------------------------------------*/

#series_menu .site_navi{
	margin: 20px 0 0;
	padding: 10px 0 0;
	width: 300px;
	height: 85px;
	background: url(../img/cm/mn_down_bg.jpg) no-repeat;
}

#series_menu .site_navi ul#nav,
#series_menu .site_navi ul#nav li,
#series_menu .site_navi ul#nav li a{
	margin: 0 auto;
	padding: 0;
	display:block;
	text-decoration:none;
	width: 280px;
	font-size: 10px;
}

#series_menu .site_navi ul#nav li#mn_sitemap{
	text-indent:20px;
	background: url(../img/cm/mn_down_icon_off.gif) no-repeat;
}
#series_menu .site_navi ul#nav li#mn_sitemap_on{
	text-indent:20px;
	background: url(../img/cm/mn_down_icon_oon.gif) no-repeat;
}

#series_menu .site_navi ul#nav li#mn_sitemap a{
	color: #fff;
}
#series_menu .site_navi ul#nav li#mn_sitemap a:hover{
	color: #333;
	background: url(../img/cm/mn_down_icon_on.gif) no-repeat;
}

#series_menu .site_navi ul#nav li#mn_policy{
	text-indent:20px;
	background: url(../img/cm/mn_down_icon_off.gif) no-repeat;
}
#series_menu .site_navi ul#nav li#mn_policy_on{
	text-indent:20px;
	background: url(../img/cm/mn_down_icon_on.gif) no-repeat;
}
#series_menu .site_navi ul#nav li#mn_policy a{
	color: #fff;
}
#series_menu .site_navi ul#nav li#mn_policy a:hover{
	color: #333;
	background: url(../img/cm/mn_down_icon_on.gif) no-repeat;
}


#series_menu .site_navi ul#nav li#mn_qa{
	text-indent:20px;
	background: url(../img/cm/mn_down_icon_off.gif) no-repeat;
}
#series_menu .site_navi ul#nav li#mn_qa_on{
	text-indent:20px;
	background: url(../img/cm/mn_down_icon_on.gif) no-repeat;
}
#series_menu .site_navi ul#nav li#mn_qa a{
	color: #fff;
}
#series_menu .site_navi ul#nav li#mn_qa a:hover{
	color: #333;
	background: url(../img/cm/mn_down_icon_on.gif) no-repeat;
}

#series_menu .site_navi ul#nav li#mn_inq{
	text-indent:20px;
	background: url(../img/cm/mn_down_icon_off.gif) no-repeat;
}
#series_menu .site_navi ul#nav li#mn_inq_on{
	text-indent:20px;
	background: url(../img/cm/mn_down_icon_on.gif) no-repeat;
}
#series_menu .site_navi ul#nav li#mn_inq a{
	color: #fff;
}
#series_menu .site_navi ul#nav li#mn_inq a:hover{
	color: #333;
	background: url(../img/cm/mn_down_icon_on.gif) no-repeat;
}
