@charset "UTF-8";

/**********************************************
 For Foundation of Style
**********************************************/


/*---------------------------------------------
 Initialization
---------------------------------------------*/
body,
p, blockquote,
div,
dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre,
table, th, td,
embed, object {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

body {
	font-size: 12px;
	line-height: 1.5;
	font-family: "Lucida Grande", Verdana, sans-serif;
	/*ackground: #ffffff;*/
	color: #505050;
	background: url(../img/bd_bg.gif) 50% 0 repeat-y;
}

address, em, cite { font-style: normal; }

form, fieldset, legend, input, textarea { margin: 0; }
select, input, textarea { font-size: 12px; }
input { vertical-align: middle; }

hr { display: none; }
img { border: none; }
.clear { clear: both; }

ul {
	list-style: none;
}
ul.normal {
	list-style: disc;
	padding-left: 20px;
}
ol.normal {
	list-style: decimal;
	padding-left: 25px;
}
.non{display:none;}
.small{
	font-size:10px;
	_font-size:65%;
}
.marginBottom5{
	margin-bottom:5px;
}

/*---------------------------------------------
 Link
---------------------------------------------*/
a:link,
a:visited { color: #08427c; text-decoration: none; }
a:hover,
a:active  { color: #08427c; text-decoration: underline; }


/*=============================================
 clearFix
=============================================*/
.clearFix:after {
	content:".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

/* ---- for IE7 and Mac ---- */
.clearFix {
	display: inline-block;
	min-height: 1%;
	/* escape MacIE5 \*/
	display: block;
	/* escape MacIE5 */
}

/* ---- for IE5 IE6... ---- */
/* escape MacIE5 \*/
* html .clearFix {
	height: 1%;
}
/* escape MacIE5 */



/********************************************************************

	Header

********************************************************************/

#header{
	width:917px;
	height:129px;
	background:url(../../img/bg_header.gif) repeat-x;
}
#header HdLeft{
	width:679px;
	float:left;
}
#header p.logo01{
	float:left;
	margin-top:30px;
	position:relative;
	left:43px;
	height:14px;
	font-size:0;
}
#header p.logo02{
	float:left;
	margin-top:30px;
	position:relative;
	left:72px;
	height:14px;
	font-size:0;
}
#header ul.hdNavi{
	float:left;
	width:454px;
	margin-top:31px;
	position:relative;
	left:43px;
}
#header ul.hdNavi li{
	float:left;
	font-size:0;
}
#header p.logo03{
	float:right;
}

/********************************************************************

	Footer

********************************************************************/
#Footer{
	width:875px;
	position:relative;
	left:42px;
	top:4px;
	padding-bottom:40px;
}
#Footer ul,#Footer li{
	float:left;
}
#Footer .copy{
	float:right;
}

/********************************************************************

	PageLayout

********************************************************************/
#BodyArea{
	width:875px;
	background:url(../../img/bg_main.gif) no-repeat left bottom;
	position:relative;
	left:42px;
	padding-bottom:100px;
}
#ContentsArea{
	position:relative;
	top:30px;
	float:left;
	width:622px;
}

/********************************************************************

	Subarea

********************************************************************/

#SubArea{
	float:right;
	width:221px;
	position:relative;
	right:1px;
	top:25px;
}
#SubArea div.update{
	width:201px;
	margin:10px 0 0 10px;
	padding-top:6px;
}
#SubArea div.update p.date{
	color:white;
	font-size:10px;
	margin:0 8px;
}
#SubArea div.update p.txt{
	font-size:10px;
	margin:0 8px;
}
#SubArea div.update p.btm{
	height:1px;
	font-size:0;
	line-height:1px;
	margin-top:5px;
}
#SubArea div.update.pink{
	background:url(../../img/sub_bg_pink.gif) no-repeat left top;
}
#SubArea div.update.pink p.btm{
	background:url(../../img/sub_bg_pink.gif) no-repeat left bottom;
}
#SubArea div.update.blue{
	background:url(../../img/sub_bg_blue.gif) no-repeat left top;
}
#SubArea div.update.blue p.btm{
	background:url(../../img/sub_bg_blue.gif) no-repeat left bottom;
}
#SubArea div.update.green{
	background:url(../../img/sub_bg_green.gif) no-repeat left top;
}
#SubArea div.update.green p.btm{
	background:url(../../img/sub_bg_green.gif) no-repeat left bottom;
}

/********************************************************************

	2nd contents

********************************************************************/

h2{
	margin-bottom:30px;
}
h2.contact-complete{
	margin-bottom:20px;
}
p.txt-service{
	margin-bottom:8px;
}
.wrk-contents{
	width:600px;
	margin-left:10px;
	margin-bottom:60px;
}
h3.pr-name{
	width:600px;
	border-bottom:1px solid #CCC;
	padding-bottom:5px;
	padding-left:3px;
}
h3.pr-name span{
	margin-left:20px;
	position:relative;
	top:2px;
}
.wrk-contents .pic{
	float:left;
	width:263px;
	margin-top:20px;
	margin-left:5px;
}
.wrk-description{
	float:right;
	width:330px;
	margin-top:50px;
}
span.new{
	margin-left:3px;
}
table.co-info{
	border-collapse:collapse;
	margin:0 0 0 20px;
	padding:0;
}
table.co-info th{
	vertical-align:top;
	font-weight:normal;
	text-align:left;
	width:110px;
	line-height:180%;
}
table.co-info td{
	line-height:180%;
	padding-bottom:10px;
}
table.co-info td span{
	line-height:180%;
	margin-left:15px;
}

/* ****************************************************
		
	お問い合わせ
		
***************************************************** */

#contact div.form-contents{
	width:580px;
	_width:620px;
	margin:0px;
	padding:18px;
	/*background:#fafafa;*/
	background:white;
	border:2px solid #e4e4e4;
}
#contact div.form-contents.nobg{
	background:#FFF;
}
#contact div.form-contents.bottom{
	border-top:none;
}
#contact div.form-contents p.title{
	font-size:14px;
	_font-size:110%;
	font-weight:800;
	margin:0 0 15px 3px;
}
#contact .form-contents p.note{
	margin:17px 0 0 5px;
	line-height:150%;
}
#contact span.alert{
	color:#e79935;
	font-weight:800;
}
#contact .form_area{
	border:1px solid #bfbfbf;
	width:573px;
	_width:581px;
	height:142px;
	_height:150px;
	padding:3px;
}
#contact table.form-fill{
	width:581px;
	border:1px solid #dbdada;
	background:#FFF;
	border-collapse:collapse;
}
#contact table.form-fill th,
#contact table.form-fill td{
	border-collapse:collapse;
	border:1px solid #dbdada;
	padding:17px 12px;
	font-size:12px;
	_font-size:70%;
	vertical-align:middle;
	text-align:left;
}
#contact table.form-fill th{
	width:150px;
	font-weight:800;
	white-space:nowrap;
}
#contact table.form-fill th.top{
	vertical-align:top;
}
#contact table.form-fill td{
	width:460px;
}
#contact table.form-fill td.noborder{
	border:none;
	padding:17px 12px 12px 12px;
}
#contact table.form-fill td.noborder.second{
	padding:0 12px;
}	
#contact table.form-fill td.noborder.third{
	padding:12px 12px 17px 12px;
}
#contact span.narrow{
	width:30px;
	float:left;
	padding:4px 0 0 0;
	_padding:6px 0 0 0;
}
#contact span.wide{
	width:90px;
	float:left;
	padding:4px 0 0 0;
	_padding:6px 0 0 0;
}
#contact span.wide.lessmargin{
	padding:2px 0 0 0;
	_padding:3px 0 0 0;
}
#contact span.fill-area{
	float:left;
}
#contact span.fill-area input{
	border:1px solid #bfbfbf;
	height:100%;
	_height:23px;
	padding:5px;
	font-size:12px;
	_font-size:120%;
}
#contact span.fill-area .pulldown{
	border:1px solid #bfbfbf;
	height:23px;
	padding:1px 0 0 3px;
	width:149px;
	font-size:12px;
	_font-size:120%;
}
#contact .fill-area .size-01{
	width:138px;
	_width:150px;
	margin:0 24px 0 0px;
}
#contact .fill-area .size-02{
	width:283px;
	_width:297px;
}
#contact .fill-area .size-03{
	width:374px;
	_width:405px;
}
#contact .form-fill .contact-check{
	margin:0 40px 0 0;
}
#contact .form-fill .contact-check input{
	margin:0 3px 0 0;
	position:relative;
	top:1px;
}
/* ***************************
	ボタンなど
**************************** */

#contact #form-buttons{
	margin:37px 0 60px 0;
	width:657px;
}

/* ボタン */
#contact #form-buttons p.btn-reset{
	float:left;
	margin:0 9px 0 150px;
	_margin:0 9px 0 75px;
	width:118px;
	height:36px;
/*	background:url(/contact/img/btn_reset.gif) no-repeat left top;*/
}
#contact #form-buttons p.btn-reset a{
	width:118px;
	height:36px;
	display:block;
	background:url(/contact/img/btn_reset.gif) no-repeat left top;
}
#contact #form-buttons p.btn-reset a:hover{
	background-position:0 -36px;
}
/* ボタン */
#contact #form-buttons p.btn-confirm{
	width:164px;
	height:36px;
	float:left;
/*	background:url(/common/img/contact/btn_confirm.gif) no-repeat left top;*/
}
/*#contact #form-buttons p.btn-confirm a{
	width:164px;
	height:36px;
	display:block;
	background:url(/common/img/contact/btn_confirm.gif) no-repeat left top;
}
#contact #form-buttons p.btn-confirm a:hover{
	background-position:0 -36px;
}*/

/* ボタン */
#contact #form-buttons p.btn-modify{
	float:left;
	margin:0 9px 0 150px;
	_margin:0 9px 0 75px;
	width:118px;
	height:36px;
	background:url(/contact/img/btn_modify.gif) no-repeat left top;
}
#contact #form-buttons p.btn-modify a{
	width:118px;
	height:36px;
	display:block;
	background:url(/contact/img/btn_modify.gif) no-repeat left top;
}
#contact #form-buttons p.btn-modify a:hover{
	background-position:0 -36px;
}
/* ボタン */
#contact #form-buttons p.btn-send{
	width:164px;
	height:36px;
	float:left;
	background:url(/common/img/contact/btn_send.gif) no-repeat left top;
}
#contact #form-buttons p.btn-send a{
	width:164px;
	height:36px;
	display:block;
	background:url(/common/img/contact/btn_send.gif) no-repeat left top;
}
#contact #form-buttons p.btn-send a:hover{
	background-position:0 -36px;
}
/* ボタン */
#contact p.btn-top{
	width:164px;
	height:36px;
	margin:0 0 10px 210px;
	background:url(/contact/img/btn_top.gif) no-repeat left top;
}
#contact p.btn-top a{
	width:164px;
	height:36px;
	display:block;
	background:url(/contact/img/btn_top.gif) no-repeat left top;
}
#contact p.btn-top a:hover{
	background-position:0 -36px;
}

/* ***************************
	確認＆サンクスページ
**************************** */

#contact p.text-written{
/*	margin:10px 15px 45px 15px;
	font-size:12px;
	_font-size:100%;*/
}
#contact span.narrow.confirm{
	width:40px;	
}
#contact span.narrow.confirm,
#contact span.wide.confirm{
	padding:0;
}
#contact span.filled{
	float:left;
}
#contact span.filled.size-01{
	width:100px;
	margin:0 24px 0 0px;
}
#contact table.form-fill th.noborderside{
	border-right:none;
}
#contact table.form-fill td.noborderside{
	border-left:none;
}
/* ***************************
	エラー表示
**************************** */
#contact .error{
	color: black;
	background-color:rgb(248, 220, 224);
	padding: 2px 10px;
	margin: 0px;
	clear: both;
	display: block;
}