@charset "utf-8";
/* ===================================================================
CSS information

 file name  :style.css
 author     :hirasawa (admin)
 style info :コンテンツエリア関係 他
 
このスタイルシートの構成
 基本設定、レイアウト、横幅設定など
 汎用class
 #navSkip
 #page
  #contents
   #main
   #sub
=================================================================== */

/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/
body {
	background-color:#F3F1E9;
	font-size:75%;
}

a:link {
	color:#006666;
}

a:visited {
	color:#006666;
}

a:hover {
	color:#006666;
	text-decoration: none;
}

a:active {
	color:#006666;
}


/*----------------------------------------------------
	汎用class
----------------------------------------------------*/
.imgR {
	float: right;
	margin: 0 0 10px 10px;
}

.imgL {
	float: left;
	margin: 0 10px 10px 0;
}

.btn {
	text-align: center;
}

/* 外部リンクは別窓用の指定 */
.externalIcon {
	padding-left: 5px;
	vertical-align: middle;
}

/* clearfix */
#hoge:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}


/*----------------------------------------------------
	#navSkip (NavigationSkip)
----------------------------------------------------*/
span#navSkip {
	position: absolute;
	top: 0;
	left: 0;
}


/*----------------------------------------------------
	.contact_thx
----------------------------------------------------*/
.contact_thx{
	background:url(../img/share/bg_contact.gif) repeat-y 0 0;
	background-color:#F3F1E9;
}


/*----------------------------------------------------
	#wrap
----------------------------------------------------*/
#wrap{
	padding:0 0 118px 0;

}


/*----------------------------------------------------
	#head
----------------------------------------------------*/
#head {
	position:relative;
	height:821px;
	overflow:hidden;
}
#head_img{
	position:absolute;
	background-repeat: no-repeat;
	margin:0px;
	width:1200px;
	height:450px;
	background: url(../img/top/main_img01.jpg) no-repeat 0 0 #000000;
	top:0;
	left:0;
}
h1{
	display:block;
	width:1200px;
	height:450px;
	text-indent:-9999px;
	position:absolute;
	top:0;
	left:0;
}
#head_info{
	height:821px;
	background: url(../img/top/head_img01.gif) no-repeat 0 450px #000000;
	padding:495px 0 0 80px;
}
#head_info p{
	color:#FFFFFF;
	display:block;
}
#head_info p.himrg{
	margin:0 0 18px 0;
}
#head_info p strong{
	font-size:25px;
	font-weight:normal;
	line-height:1.1;
	display:block;
	margin:0 0 8px 0;
}
#head_info p em{
	font-weight:normal;
	font-style:normal;
	line-height:1.5;
	display:block;
	margin:0 0 0 0;
	padding:0 0 20px 0;
}
#head_info p.ctxt{
	display:block;
	font-weight:normal;
	line-height:1.1;
	color:#F0E7C8;
}



/* -----------------------------------------------------------
	.contents_area
		コンテンツエリア
----------------------------------------------------------- */
.contents_area {
	background-color:#F3F1E9;
	width:960px;
	background: url(../img/share/bg_contents_ttl.gif) repeat-y 0 0;
	padding:134px 0 0 0;
}
.contents_area .contents_ttl {
	float:left;
	width:304px;
	text-align:right;
	padding:0 0 142px 0;
}
.contents_area .contents_ttl h2{
	display:block;
	padding:0 19px 0 0;
	font-size:36px;
	line-height:1.1;
	font-weight:bold;
}
.contents_area .contents_body {
	float:right;
	width:656px;
	padding:0 0 142px 0;
}
.contents_area .contents_body .contents_body_in {
	padding:0 0 0 19px;
}
.contents_area .contents_body .contents_body_in p {
	margin:0 0 15px 0;
}

/* -----------------------------------------------------------
	.contents_area
		コンテンツエリア内　認証フォーム
----------------------------------------------------------- */
.contents_area .contents_body .contents_body_in table.login{

}
.contents_area .contents_body .contents_body_in table.login td{
	padding:0 7px 7px 0;
}
.contents_area .contents_body .contents_body_in table.login td input.txtf{
	border:#E7E3D7 solid 1px;
	padding:3px 0 3px 0;
	width:171px;
}
.contents_area .contents_body .contents_body_in table.login td p.btn{
	display:block;
	width:100px;
	height:25px;
	margin:0;
	overflow:hidden;
}
.contents_area .contents_body .contents_body_in table.login td p.btn a:link,
.contents_area .contents_body .contents_body_in table.login td p.btn a:visited{
	text-align:left;
	background: url(../img/share/btn_login_bg.gif) no-repeat 0 0;
	display:block;
	width:100px;
	height:25px;
	line-height:25px;
	font-size:18px;
	text-indent:30px;
	color:#FFFFFF;
	text-decoration:none;
}
.contents_area .contents_body .contents_body_in table.login td p.btn a:hover{
	text-align:left;
	background: url(../img/share/btn_login_bg_ov.gif) no-repeat 0 0;
	display:block;
	width:100px;
	height:25px;
	line-height:25px;
	font-size:18px;
	text-indent:30px;
	color:#FFFFFF;
	text-decoration:none;
}

/* -----------------------------------------------------------
	.contents_area
		コンテンツエリア内　サービス
----------------------------------------------------------- */
.contents_area .contents_body .contents_body_in .service_ttl_box{
	min-height:60px;
	height: auto !important;
	height: 60px;
	background-color:#000000;
	color:#FFFFFF;
	width:623px;
	margin:0 0 20px 0;
}
.contents_area .contents_body .contents_body_in .service_ttl_box .stb_l{
	padding:15px 20px 0 15px;
	float:left;
	font-size:28px;
}
.contents_area .contents_body .contents_body_in .service_ttl_box .stb_l p{
	line-height:1.1;
}
.contents_area .contents_body .contents_body_in .service_ttl_box .stb_r{
	padding:25px 0 0 0;
	float:left;
}
.contents_area .contents_body .contents_body_in .service_ttl_box .stb_r h3{
	line-height:1.1;
	font-weight:normal;
	display:block;
}

.contents_area .contents_body .contents_body_in .txt_area{
	padding:0 25px 25px 11px;
	clear:both;
}
.contents_area .contents_body .contents_body_in .txt_area h4{
	font-size:20px;
	line-height:1.1;
	margin:0 0 15px 0;
}
.contents_area .contents_body .contents_body_in .txt_area{
	padding:0 25px 25px 11px;
	clear:both;
}
.contents_area .contents_body .contents_body_in .txt_area p{
	clear:both;
}
.contents_area .contents_body .contents_body_in .txt_area ul{
	display:block;
	padding:10px 0 20px 0;
}
.contents_area .contents_body .contents_body_in .txt_area ul li{
	float:left;
	background: url(../img/share/point_list.gif) no-repeat 0 50%;
	width:290px;
	text-indent:13px;
	margin:0 0 7px 0;
	line-height:1.1;
}


/* -----------------------------------------------------------
	.contents_area
		コンテンツエリア内　カンパニー
----------------------------------------------------------- */
.contents_area .contents_body .company dl{
	clear:both;
	margin:0 0 10px 0;
}
.contents_area .contents_body .company dl dt{
	float:left;
	width:80px;
}
.contents_area .contents_body .company dl dd{
	float:left;
}


/* -----------------------------------------------------------
	.contents_area
		コンテンツエリア内　コンタクト
----------------------------------------------------------- */
dl#formcontact {
  position: relative;
  margin: 0;
  padding: 0;
}

dl#formcontact dt {
  position: absolute;
  padding: 3px 0;
  margin: 0;
  text-align:right;
  width: 175px;
}

dl#formcontact dd {
  padding: 3px 0 3px 185px;
  margin: 0;
}
dl#formcontact dd input.txtf01{
	border:#E7E3D7 solid 1px;
	padding:3px 0 3px 0;
	width:215px;
}
dl#formcontact dd input.txtf02{
	border:#E7E3D7 solid 1px;
	padding:3px 0 3px 0;
	margin:0 5px 0 5px;
	width:85px;
}
dl#formcontact dd input.txtf03{
	border:#E7E3D7 solid 1px;
	padding:3px 0 3px 0;
	margin:0 5px 0 0;
	width:150px;
}
dl#formcontact dd .txtf04{
	border:#E7E3D7 solid 1px;
	padding:3px 0 3px 0;
	margin:0 5px 0 0;
	width:383px;
	height:140px;
	font-size:small;
}
.contents_area .contents_body .contents_body_in table.login td p.btn{
	display:block;
	width:100px;
	height:25px;
	margin:0;
	overflow:hidden;
}
dl#formcontact dd p.btn{
	display:block;
	padding:10px 0 0 0;
}
dl#formcontact dd p.btn a:link,
dl#formcontact dd p.btn a:visited{
	text-align:left;
	background: url(../img/share/btn_login_bg.gif) no-repeat 0 0;
	display:block;
	width:100px;
	height:25px;
	line-height:25px;
	font-size:18px;
	text-indent:30px;
	color:#FFFFFF;
	text-decoration:none;
}
dl#formcontact dd p.btn a:hover{
	text-align:left;
	background: url(../img/share/btn_login_bg_ov.gif) no-repeat 0 0;
	display:block;
	width:100px;
	height:25px;
	line-height:25px;
	font-size:18px;
	text-indent:30px;
	color:#FFFFFF;
	text-decoration:none;
}



/* -----------------------------------------------------------
	.contents_area
		コンテンツエリア内　マップ
----------------------------------------------------------- */
.contents_area .contents_body .map_txt{
	margin:0 0 15px 0;
}
.contents_area .contents_body .map_txt .mt_l{
	float:left;
	width:383px;
}
.contents_area .contents_body .map_txt .mt_r{
	float:left;
	width:104px;
}


.contents_area .contents_body .map_txt p.btn{
	display:block;
	padding:10px 0 0 0;
}
.contents_area .contents_body .map_txt p.btn a:link,
.contents_area .contents_body .map_txt p.btn a:visited{
	text-align:left;
	background: url(../img/share/btn_login_bg02.gif) no-repeat 0 0;
	display:block;
	width:104px;
	height:25px;
	line-height:25px;
	font-size:14px;
	text-indent:18px;
	color:#FFFFFF;
	text-decoration:none;
}
.contents_area .contents_body .map_txt p.btn a:hover{
	text-align:left;
	background: url(../img/share/btn_login_bg02ov.gif) no-repeat 0 0;
	display:block;
	width:104px;
	height:25px;
	line-height:25px;
	font-size:14px;
	text-indent:18px;
	color:#FFFFFF;
	text-decoration:none;
}


/* -----------------------------------------------------------
	body.work
		WORK専用
----------------------------------------------------------- */
#work_header{
	height:17px;
	background-color:#000000;
}
#work{
	width:960px;
}

#work #side{
	width:303px;
	float:left;
}
#work #side #side_in{
	padding:67px 0 0 80px;
}
#work #side #side_in a:link,
#work #side #side_in a:visited{
	line-height:1.1;
	margin:0 0 8px 0;
	color:#000000;
	text-decoration:none;
}
#work #side #side_in a:hover{
	line-height:1.1;
	margin:0 0 8px 0;
	color:#FFFFFF;
	text-decoration:none;
	background-color:#000000;
}
#work #side #side_in h2{
	display:block;
	font-size:36px;
	line-height:1.1;
	margin:0 0 38px 0;
}
#work #side #side_in h3{
	display:block;
	font-size:24px;
	line-height:1.1;
	margin:0 0 8px 0;
	padding:0 0 0 20px;
	font-weight:normal;
}
#work #side #side_in ul{
	display:block;
	font-size:20px;
	line-height:1.1;
	margin:0 0 10px 0;
	padding:0 0 0 35px;
}
#work #side #side_in ul li{
	display:block;
	line-height:1.1;
	margin:0 0 8px 0;
}

#work #main{
	width:657px;
	float:right;
	padding:67px 0 0 0;
}
#work #main #work_head_link{
	padding:0 57px 0 57px;
	margin:0 0 35px 0;
}
#work #main #work_head_link ul{
}
#work #main #work_head_link ul li{
	float:left;
	border-right:#666666 1px solid;
	padding:0 10px 0 0;
	margin:0 10px 5px 0;
	line-height:1.1;
}
#work #main #work_head_link li.last_child{
	border-right:0px;
}
#work #main #work_head_link{
	padding:0 57px 0 57px;
	margin:0 0 35px 0;
}
#work #main #work_box{
}
#work #main #work_box  #wbl{
	float:left;
	width:57px;
	padding:236px 0 0 0;
}
#work #main #work_box  #wbc{
	float:left;
	width:539px;
}
#work #main #work_box  #wbc h4{
	font-size:18px;
	line-height:1.1;
	border-bottom:2px solid #000000;
	display:block;
	margin: 0 0 10px 0;
	padding:0 0 3px 0;
}
#work #main #work_box  #wbc ul{
	display:block;
	margin: 0 0 10px 0;
	padding:0 0 3px 0;
}
#work #main #work_box  #wbc ul li{
	float:left;
	margin:0 10px 0 0;
}
#work #main #work_box  #wbc ul li.off{
	color:#BFBCAF;
}
#work #main #work_box  #wbc p.img_box{
	clear:both;
	margin:0 0 10px 0;
}
#work #main #work_box  #wbc img{
	border:#000000 2px solid;
}
#work #main #work_box  #wbc p.txt_box{
	clear:both;
}
#work #main #work_box  #wbr{
	float:right;
	width:57px;
	padding:236px 0 0 0;
}


.clear{
	font-size:1px;
	line-height:1;
	clear:both;
}