@charset "Shift-JIS";

/* ===================================================
  Infomation
------------------------------------------------------


=================================================== */

/* --------------------------------------------------
  reset
-------------------------------------------------- */
html,body,h1,h2,h3,h4,h5,h6,div,p,ul,ol,li,dl,dt,dd,table,th,td,form,pre{
	margin: 0;
	padding: 0;
}
ul,ol{list-style: none;}
img{text-decoration: none; border: 0; font-size: 0px;}
hr{display: none;}
table{border-collapse: collapse;}
th,td{text-align: left;}
caption,th{text-align: left;}


/* --------------------------------------------------
  global
-------------------------------------------------- */

/*font*/
body, th, td, textarea{
	font-family: Lucida Grande, "‚l‚r ‚oƒSƒVƒbƒN", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", sans-serif;
	font-size: 12px;
	line-height: 1.5;
	color: #333;
}
a{color: #004263; text-decoration: underline;}
a:hover{color: #336699; text-decoration: none;}


/* body */
body{
	text-align: center;
	background: url(../img/bg.gif);
	min-width: 968px;
	margin: 0px;
	padding: 0px;
}

#container{background: url(../img/container_bg.gif) repeat-y; width: 968px; margin: 0 auto;}
#wrapper{text-align: left; background-color: #fff; width: 954px; margin: 0 7px; position: relative;}
#main{text-align: left; width: 900px; margin: 0 25px 35px 25px; zoom: 1;}
#main:after{clear: both; display: block; content: "."; visibility: hidden; height: 0;}

h1{font-size: 10px; font-weight: normal; position: absolute; top: 0; left: 35px; z-index: 1;}


/* --------------------------------------------------
  header
-------------------------------------------------- */
#header_container{
	margin-bottom: 15px;
}
#header{
	background: url(../img/header_bar.gif) repeat-x;
	width: 900px;
	margin: 0 25px;
	position: relative;
}


/* logo */
#header h2#logo{line-height: 100%; margin-bottom: 8px; padding-top: 0.8em;}


/* head_nav */
#head_nav{
	width: 401px;
	position: absolute;
	top: 1px;
	right: 0;
}
#head_nav li{
	display: inline;
}
#head_nav li a{
	text-indent: -9999px;
	height: 20px;
	display: block;
	float: left;
	overflow: hidden;
}
#head_nav li.hnav_start a{background: url(../img/hanv_start.gif) no-repeat 0 0; width: 101px;}
#head_nav li.hnav_start a:hover,#head_nav li.hnav_start a:active{background-position: 0 -20px;}
#head_nav li.hnav_company a{background: url(../img/hnav_company.gif) no-repeat 0 0; width: 100px;}
#head_nav li.hnav_company a:hover,#head_nav li.hnav_company a:active{background-position: 0 -20px;}
#head_nav li.hnav_sitemap a{background: url(../img/hnav_sitemap.gif) no-repeat 0 0; width: 100px;}
#head_nav li.hnav_sitemap a:hover,#head_nav li.hnav_sitemap a:active{background-position: 0 -20px;}
#head_nav li.hnav_contact a{background: url(../img/hnav_contact.gif) no-repeat 0 0; width: 100px;}
#head_nav li.hnav_contact a:hover,#head_nav li.hnav_contact a:active{background-position: 0 -20px;}
#head_nav li.hnav_logout a{background: url(../img/hnav_logout.gif) no-repeat 0 0; width: 100px;}
#head_nav li.hnav_logout a:hover,#head_nav li.hnav_logout a:active{background-position: 0 -20px;}

/* rec_search */
#rec_search{
	background: url(../img/rec_search_bg.gif) no-repeat;
	width: 347px;
	height: 30px;
	overflow: hidden;
	position: absolute;
	top: 32px;
	right: 0;
	zoom: 1;
}
#rec_search:after{clear: both; display: block; content: "."; visibility: hidden; height: 0;}
#rec_search div#rec_search_ttl{
	text-indent: -9999px;
	background: url(../img/rec_search_ttl.gif) no-repeat;
	width: 91px;
	height: 20px;
	margin: 5px 0 0 12px;
	_margin: 5px 0 0 6px;	/* for IE6 bugfix */
	overflow: hidden;
	float: left;
}
#rec_search input.input_head_search{
	font-size: 11px;
	background-color: #fff;
	border: 1px solid #ccc;
	width: 158px;
	height: 16px;
	margin: 6px 7px 0 0;
	display: block;
	float: left;
}
#rec_search input.submit_head_search{
	margin-top: 6px;
}


/* global_nav */
#global_nav{
	background: url(../img/gnav_bg.png) repeat-x;
	height: 32px;
	overflow: hidden;
}
#global_nav ul{
	width: 900px;
	margin: 0 25px;
}
#global_nav li{
	display: inline;
}
#global_nav a{
	text-indent: -9999px;
	height: 32px;
	display: block;
	float: left;
	overflow: hidden;
}
#global_nav li.gnav_home a{background: url(../img/gnav_home.png) no-repeat 0 0; width: 180px;}
#global_nav li.gnav_home a:hover{background-position: 0 -32px;}
#global_nav li.gnav_advantage a{background: url(../img/gnav_advantage.png) no-repeat 0 0; width: 180px;}
#global_nav li.gnav_advantage a:hover{background-position: 0 -32px;}
#global_nav li.gnav_job a{background: url(../img/gnav_job.png) no-repeat 0 0; width: 180px;}
#global_nav li.gnav_job a:hover{background-position: 0 -32px;}
#global_nav li.gnav_service a{background: url(../img/gnav_service.png) no-repeat 0 0; width: 180px;}
#global_nav li.gnav_service a:hover{background-position: 0 -32px;}
#global_nav li.gnav_knowhow a{background: url(../img/gnav_knowhow.png) no-repeat 0 0; width: 180px;}
#global_nav li.gnav_knowhow a:hover{background-position: 0 -32px;}
#global_nav li.gnav_mypage a{background: url(../img/gnav_mypage.png) no-repeat 0 0; width: 130px;}
#global_nav li.gnav_mypage a:hover{background-position: 0 -32px;}

/* --------------------------------------------------
  content
-------------------------------------------------- */
#content{
	width: 685px;
	float: right;
}


#content h2.pagettl{
	color: #004263;
	border-bottom: 3px solid #004263;
	margin: 30px 0;
	padding-bottom: 3px;
}

#content div.ttl{
	background: url(../img/ttl_bg.png) no-repeat bottom;
	margin-bottom: 1em;
}
#content div.ttl h3{
	font-size: 16px;
	line-height: 100%;
	color: #004263;
	background: url(../img/ttl_head.png) no-repeat top;
	padding: 10px 20px 9px 20px;
}

/* contentlead */
.contentlead{
	margin-bottom: 2em;
}


/* pankuzu */
#content #pankuzu{
	font-size: 11px;
}
#content #pankuzu strong{
	color: #336699;
}


/* pagetop */
.pagetop{
	text-align: right;
}
.pagetop a{
	background: url(../img/arrow_pagetop.png) no-repeat left center;
	margin: 1em 0;
	padding: 3px 0 3px 15px;
}


/* --------------------------------------------------
  section_common
-------------------------------------------------- */
#content div.section_common{
	margin: 0 15px 30px 15px;
	zoom: 1;
}
#content div.section_common:after{clear: both; display: block; content: "."; visibility: hidden; height: 0;}

#content div.section_common p{
	line-height: 1.6;
	margin: 1em 0;
}
#content div.section_common p.section_lead{
	font-size: 14px;
}


/* goto01 */
#content div.section_common ul.goto01{
	margin: 1em 0;
}
#content div.section_common ul.goto01 li{
	background: url(../img/arrow_01.png) no-repeat 0 0.3em;
	margin: 0.25em 0;
	padding-left: 15px;
}
#content div.section_common ul.goto01 li a{
	color: #004263;
}
#content div.section_common ul.goto01 li a:hover{
	color: #336699;
}



/* backto */
#content div.section_common ul.backto{
	margin: 1em 0;
}
#content div.section_common ul.backto li{
	background: url(../img/arrow_02.png) no-repeat left center;
	margin: 0.25em 0;
	padding-left: 15px;
}
#content div.section_common ul.backto li a{
	font-size: 14px;
	color: #004263;
}
#content div.section_common ul.backto li a:hover{
	color: #336699;
}



/* img float */
img.img_right{
	margin: 0 0 15px 15px;
	float: right;
}
img.img_left{
	margin: 0 15px 15px 0;
	float: left;
}


/* ul ol */
ul.ul_disc{
	list-style-type: disc;
	margin-left: 2em;
}
ul.ul_disc li{
	margin-bottom: 0.5em;
}

ul.ul_circle{
	list-style-type: circle;
	margin-left: 2em;
}
ul.ul_circle li{
	margin-bottom: 0.5em;
}

ol.num{
	list-style-type: decimal;
	margin-left: 2em;
}


/* --------------------------------------------------
  btm_btn
-------------------------------------------------- */
#content div.btm_btn{
	margin-bottom: 30px;
	zoom: 1;
}
#content div.btm_btn:after{clear: both; display: block; content: "."; visibility: hidden; height: 0;}


/* btm_btnarea */
#content div.btm_btnarea{
	background-color: #ececec;
	border: 3px solid #bfbfbf;
	margin-bottom: 10px;
	padding: 15px 20px;
	zoom: 1;
}
#content div.btm_btnarea:after{clear: both; display: block; content: "."; visibility: hidden; height: 0;}
#content div.btm_btnarea p{
	width: 325px;
	float: left;
	display: block;
}
#content div.btm_btnarea a{
	width: 272px;
	margin: 1em 0;
	float: right;
	display: block;
}

/* btm_btnarea_big */
#content div.btm_btnarea_big{
	background-color: #ececec;
	border: 3px solid #bfbfbf;
	margin-bottom: 10px;
	padding: 15px 20px;
	zoom: 1;
}
#content div.btm_btnarea_big:after{clear: both; display: block; content: "."; visibility: hidden; height: 0;}
#content div.btm_btnarea_big p{
	width: 325px;
	float: left;
	display: block;
	font-size:14px
}
#content div.btm_btnarea_big a{
	width: 272px;
	margin: 1em 0;
	float: right;
	display: block;
}


/* btm_btnarea02 */
#content div.btm_btn02_bg{
	background: url(../img/btm_btn02_bg.gif) no-repeat bottom;
	padding-bottom: 55px;
	position: relative;
}

#content div.btm_btnarea02_left,
#content div.btm_btnarea02_right{
	text-align: center;
	border-top: 3px solid #bfbfbf;
	width: 335px;
	zoom: 1;
}
#content div.btm_btnarea:after{clear: both; display: block; content: "."; visibility: hidden; height: 0;}
#content div.btm_btnarea02_left{
	float: left;
}
#content div.btm_btnarea02_right{
	float: right;
}

#content div.btm_btnarea02_left p,
#content div.btm_btnarea02_right p{
	text-align: left;
	margin: 15px;
	display: block;
}
#content div.btm_btnarea02_left a,
#content div.btm_btnarea02_right a{
	display: block;
	position: absolute;
	bottom: 15px;
}
#content div.btm_btnarea02_left a{left: 30px;}
#content div.btm_btnarea02_right a{left: 380px;}


/* --------------------------------------------------
  side
-------------------------------------------------- */
#side{
	width: 200px;
	float: left;
}
#side h2{}


/* side_pr */
#side_pr li{
	margin-bottom: 5px;
}


/* side_nav */
#side_nav{
	color: #333;
	background: url(../img/side_nav_bg.png) repeat-y;
	border: 1px solid #cfcfcf;
	margin-bottom: 10px;
}
#side_nav h2{
	width: 198px;
	height: 24px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#side_nav h2 a,#side_nav h2 a:visited{
	font-size: 1px;
	text-indent: -9999px;
	display: block;
	width: 198px;
	height: 144px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#side_nav ul{
	border-bottom: 1px solid #ccc;
}
#side_nav ul.side_nav_btm{
	border: none;
}
#side_nav ul.side_nav_btm li a{
	text-decoration:none;
}
#side_nav ul.side_nav_btm li a:hover{
	text-decoration:underline;
}
#side_nav li{
	width: 198px;
}
#side_nav li a, #side_nav li a:visited{
	text-decoration: none;
	line-height: 1.3;
	color: #333;
	margin: 0 1px;
	padding: 2px 4px 2px 30px;
	display: block;
	_height: 1em;	/* for IE6 bugfix */
}
/* for IE7 bugfix */
*:first-child+html #side_nav li a,
*:first-child+html #side_nav li a:visited{
	height: auto;
	overflow: visible;
}
#side_nav li a:hover, #side_nav li a:active{
	background-color: #fff;
}
#side_nav li a.stay{
	background-color: #fff;
}

#side_nav ul.side_nav_2nd{
	border: none;
	margin-left: 5px;
}
#side_nav ul.side_nav_2nd li{
	width: 193px;
}



/* --------------------------------------------------
  footer
-------------------------------------------------- */
#footer{
	background: url(../img/footer_bg.png) repeat-x;
	padding: 20px 25px;
}


/* foot_nav */
#foot_nav{
	font-size: 11px;
	margin-bottom: 1em;
	padding-bottom: 15px;
	border-bottom: 4px solid #d9d9d9;
	zoom: 1;
}
#foot_nav:after{height: 0; content: "."; display: block; visibility: hidden; clear: both;}
#foot_nav li{
	padding: 0.4em 0;
	float: left;
}
#foot_nav a, #footer a:visited{
	white-space: nowrap;
}


/* copyrihgt */
#copyright{
	text-indent: -9999px;
	background: url(../img/copyright.png) no-repeat;
	width: 416px;
	height: 15px;
	overflow: hidden;
	margin-left: auto;
}.iheader {
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}