@charset "utf-8";

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
base.css Over Write
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.header { width: 1000px; height: 94px; margin:0 auto; position: relative;  top: -333px; background: url(../images/header_second.jpg)} /* bg_wrap_topのheightをマイナス  */

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
base.css Over Write
bg_wrap container wrap   (height for each pages)   
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/*  背景(下部画像 とフッターまでの高さ) */
#bg_wrap { background: url(../images/background_bottom.jpg) no-repeat bottom center; overflow: hidden; margin: 0 auto; width: 1000px; height: 1395px;}

/*  背景色を当てる高さ */
#container { padding: 0; width: 1000px; height: 1200px; text-align: left; margin:0 auto; background-color:#ffffff;}

#wrap {	width: 1000px; margin: 0 auto; padding: 0;}
* html #wrap { height: 1%;}


/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Page Format (for each pages) 　(margin t r b l)
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#full_wide { 
	width: 960px; 
	height: 150px; 
	padding: 0; 
	margin-top: 100px;
	margin-right: 20px;
	margin-left: 20px;
	auto; 
	position: relative; 
	background-color:#999999;
	/* background-color:#ffffff; */
	}

.full_wide_lbox { position: relative; font-size: 14px; color:#FFFFFF; font-weight: bold;}


#primary {
	position: relative;
	clear: both;
	float: left;
	width: 710px;
	height: 400px;
	display: inline;
	margin: 0;
	margin-top:110px;
	margin-left: 20px;
	margin-bottom : 50px;
	background: url(../../images/company/keyvisual_boss.jpg) no-repeat top left;
	background-color:#ffffff;
	/* background-color:#ffffff; */
	}

#secondary {
	position: relative;
	float: right;
	width: 230px;
	height: 400px;
	font-size: 10px;
	line-height: 1.55em;
	display: inline;
	margin-top: 110px;
	margin-right: 20px;
	margin-left: 20px;
	background: url(../images/cherryblossom.jpg) top left;
	background-color:#ffffff;
	/* background-color:#ffffff; */
	}


/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
common
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.content_img { margin: 0;}




/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

Page Parts (for each pages) 
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/


/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
access
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.page_title  { 
	position: absolute; 
	top: 220px;
	width: 710px;
	height: 35px;
	background: url(../../images/company/title_company.jpg) no-repeat top left;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	}

.company_data { 
	position: absolute; 
	top: 280px;
	}


.box_gmap  {
	border: 2px solid #e4e2e2;
	margin: 250px 0 20px 0;
	padding: 0;
	background: #fff;
	text-align: left;
	}

.box_white  {
	margin-top: 20px;
	height: 200px;
	border: 2px solid #e4e2e2;
	padding: 10px 0 40px 20px;
	background: #fff;
	}


.go_access  {
	position: absolute;
	top: 120px;
	left: 520px;
	}



.sitebanner_01  {
	position: absolute;
	top: 400px;
	left: 190px;
	}

.sitebanner_02  {
	position: absolute;
	top: 400px;
	left: 350px;
	}
	
.sitebanner_03  {
	position: absolute;
	top: 390px;
	left: 520px;
	}
	
.office_photo { 
	position: absolute;
	top: 510px;
	left: 20px;
	}
	
.zoom { 
	position: absolute;
	top: 505px;
	left: 100px;
	}
	
.image_01  { 
	position: absolute;
	top: 540px;
	left: 20px;
	}


.image_02  { 
	position: absolute;
	top: 540px;
	left: 310px;
	}
	
.image_03  { 
	position: absolute;
	top: 540px;
	left: 580px;
	}
	
	
/* Table Basic */
table {
	width: 100%;
	background: #fff;
	border: 1px solid #ddd;
	border-collapse: collapse;
	}
	table caption {
		font-weight: bold;
		color: #282828;
		text-align: left;
		margin: 0 0 6px;
		}

	table th ,
	table td {
		table-layout: fixed;
		text-align: left;
		vertical-align: top;
		font-weight: normal;
		padding: 7px 9px;
		border: 1px solid #ddd;
		}
		table th { background: transparent url("../images/carbon.gif") left top; }
		table thead th { background: transparent url("../images/carbon-gray.gif") left top; }
		table td ul { margin: 0 0 0 0; }


/* Form */
form table input ,
form table select ,
form table textarea {
	margin: 0 2px 0 0; padding: 1px 2px;
	background: #f3f3f3;
	border: 1px solid #ddd;
	}
	#primary form .inpitXshort { width: 128px; }
	#primary form .inpitShort  { width: 200px; }
	#primary form .inpitMiddle { width: 300px; }
	#primary form .inpitLarge  { width: 400px; }
	#primary form label        { margin: 0 10px 0 0; }


form ul#formControl {
	position: relative;
	margin : 20px 0 0 0; padding: 0 0 0 235px;
	}	
	form ul#formControl li {
		float: left;
		list-style: none;
		margin: 0 0 0 30px; padding: 0;
		}
		form ul#formControl li button {
			width: 200px; height: 40px;
			border: none;
			}
			form ul#formControl li#btnConfirm button { background: transparent url("../images/btnConfirmCf.gif") no-repeat left top; }
			/* Hover */
			form ul#formControl li button:hover {
				background-position: left bottom !important;
				cursor: pointer;
				}
				form ul#formControl li button p { text-indent: -99999px; }
			
			form ul#formControl li#btnReset { position: absolute; right: 0; top: 0; }










.caution {
	font-size: 60%;
	color: #ff0000;
	}
	




/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
common
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.bttl { width: 1000px; margin-bottom: 16px;}
.mainread { width: 1000px; margin: 0 auto 50px auto;}
.mainread p , .second_read p { color: #666666;}


/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 Table
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

body, table { 
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	/* font-family: Verdana,Arial,MSGothic,osaka ,sans-serif; */
	font-size: 90%;
	line-height: 1.6em;
	color: #333333;
	}
	h1,h2,h3,h4,h5,h6 { font-size: 90%;   }
	p,ul              { margin: 0 0 0.8em 0; }
	address           { font-style: normal;  }

	/* Anchor */
	a { outline: none; }
	a:link ,
	a:visited {
		color: #227f2b;
		text-decoration: none;
		}
	a:hover ,
	a:active {
		color: #227f2b;
		text-decoration: underline;
		}



/* Clear */
.clear { clear: both; }

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: ".";
	clear: both;
	height: 0;
	}
	* html .clearfix { zoom: 1; } /* IE6 */
	*:first-child+html .clearfix { zoom: 1; } /* IE7 */





/* Table Basic */
table {
	width: 100%;
	background: #fff;
	border: 1px solid #ddd;
	border-collapse: collapse;
	}
	table caption {
		font-weight: bold;
		color: #282828;
		text-align: left;
		margin: 0 0 6px;
		}

	table th ,
	table td {
		table-layout: fixed;
		text-align: left;
		vertical-align: top;
		font-weight: normal;
		padding: 7px 9px;
		border: 1px solid #ddd;
		}
		table th { background: transparent url("../images/carbon.gif") left top; width:165px;}
		table thead th { background: transparent url("../images/carbon-gray.gif") left top; }
		table td ul { margin: 0 0 0 0; }


/* Form */
form table input ,
form table select ,
form table textarea {
	margin: 0 2px 0 0; padding: 1px 2px;
	background: #f3f3f3;
	border: 1px solid #ddd;
	}
	#primary form .inpitXshort { width: 128px; }
	#primary form .inpitShort  { width: 200px; }
	#primary form .inpitMiddle { width: 300px; }
	#primary form .inpitLarge  { width: 400px; }
	#primary form label        { margin: 0 10px 0 0; }


form ul#formControl {
	position: relative;
	margin : 20px 0 0 0; padding: 0 0 0 235px;
	}	
	form ul#formControl li {
		float: left;
		list-style: none;
		margin: 0 0 0 30px; padding: 0;
		}
		form ul#formControl li button {
			width: 200px; height: 40px;
			border: none;
			}
			form ul#formControl li#btnConfirm button { background: transparent url("../images/btnConfirmCf.gif") no-repeat left top; }
			/* Hover */
			form ul#formControl li button:hover {
				background-position: left bottom !important;
				cursor: pointer;
				}
				form ul#formControl li button p { text-indent: -99999px; }
			
			form ul#formControl li#btnReset { position: absolute; right: 0; top: 0; }