/* CSS Document */
@charset "utf-8";

/* tags */
html{
	height: 100%;
}
body{
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	height: 100%;
}

/* common */
#container{
	position: relative; 
	min-height:100%; 
	_height:100%; 
}

#header{
	width : 889px;
	margin: 0 auto;
	padding: 10px 0 15px 0;
}
#header .logo{
	float: left;
}
#header div{
	float: right;
}
#header ul#fontsize{
	float: right;
	padding-left: 67px;
	height: 15px;
}
#header ul#fontsize li{
	float: left;
	margin-left: 3px;
}
#header ul#fontsize li a{
	display: block;
	width: 21px;
	height: 21px;
	text-indent: -9999px;
}

#header h1{
	clear: left;
	margin-top: 20px;
}
* html #header h1{
	position: relative;
	left: 320px;
	top: 20px;
}
*:first-child +html #header h1{
	position: relative;
	left: 320px;
	top: 20px;
	overflow-x: auto;
}

#navigation{
	height: 49px;
	background-color: #2f2f2f;
}
#navigation ul{
	width: 900px;
	margin: 0 auto;
}
#navigation ul li{
	float: left;
}
#navigation ul li a{
	display: block;
	width: 135px;
	height: 49px;
	text-indent: -9999px;
}
#navigation ul li.product a{
	background : url(navigation.png) left top / auto auto no-repeat scroll padding-box border-box #2f2f2f;
}
#navigation ul li.product a:hover, #navigation ul li.product a.selected{
	background : url(navigation.png) left -49px / auto auto no-repeat scroll padding-box border-box #2f2f2f;
}
#navigation ul li.company a{
	background : url(navigation.png) -135px top / auto auto no-repeat scroll padding-box border-box #2f2f2f;
}
#navigation ul li.company a:hover, #navigation ul li.company a.selected{
	background : url(navigation.png) -135px -49px / auto auto no-repeat scroll padding-box border-box #2f2f2f;
}
#navigation ul li.recruit a{
	background : url(navigation.png) -270px top / auto auto no-repeat scroll padding-box border-box #2f2f2f;
}
#navigation ul li.recruit a:hover, #navigation ul li.recruit a.selected{
	background : url(navigation.png) -270px -49px / auto auto no-repeat scroll padding-box border-box #2f2f2f;
}
#navigation ul li.inquiry a{
	background : url(navigation.png) -405px top / auto auto no-repeat scroll padding-box border-box #2f2f2f;
}
#navigation ul li.inquiry a:hover, #navigation ul li.inquiry a.selected{
	background : url(navigation.png) -405px -49px / auto auto no-repeat scroll padding-box border-box #2f2f2f;
}
#navigation ul li.telnum{
	width: 350px;
	height: 38px;
	margin-top: 2px;
	padding: 7px 0 0 10px;
	background : url(tel_bg.jpg) left top / auto auto no-repeat scroll padding-box border-box #2f2f2f;
}
#navigation ul li.telnum img.fst{
	margin-right: 14px;
}

#wrapper{
	background-color: #f8f8f8;
	border-bottom: 1px solid #dddddd;
	padding-bottom: 30px;
}
#primary{
	width: 900px;
	margin: 0 auto;
	background : url(primary_bg.png) right top / auto auto repeat-y scroll padding-box border-box transparent;
}

#footer{
	clear: both;
	width : 1036px;
	margin: 10px auto;
}
#footer .left{
	float: left;
	width: 253px;
	border-right: 1px solid #dddddd;
	padding: 10px 0 20px 0;
}
#footer .left p{
	padding: 5px 0;
}
#footer .left p.logo a{
	background: none;
	padding-left: 0;
}
#footer .left p.link{
	text-align: right;
	padding: 0;
	margin-right: 20px;
}
#footer .right{
	float: right;
	width : 750px;
	padding-left: 20px;
}
#footer .right a.homebt{
	float: left;
	color: white;
	border: 1px solid #1a5189;
	display: inline-block;
	text-align: center;
	padding: 1px 10px;
	
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.95, #5085bb), color-stop(0.00, #356aa0));
	background: -webkit-linear-gradient(top, #5085bb 0%, #356aa0 95%);
	background: -moz-linear-gradient(top, #5085bb 0%, #356aa0 95%);
	background: -o-linear-gradient(top, #5085bb 0%, #356aa0 95%);
	background: -ms-linear-gradient(top, #5085bb 0%, #356aa0 95%);
	background: linear-gradient(top, #5085bb 0%, #356aa0 95%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#5085bb', endColorstr='#356aa0');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#5085bb', endColorstr='#356aa0')";
}
#footer .right ul{
	border-bottom: 1px solid #dddddd;
	margin: 5px 0 10px 70px;
	height: 20px;
}
#footer .right ul li{
	float: left;
	margin: 0 15px 0 0;
}
#footer .right ul li.nolink{
	color: #999999;
	background : url(footer_yard.gif) left 7px / auto auto no-repeat scroll padding-box border-box transparent;
	padding-left: 5px;
}

#footer a{
	color: #000066;
	text-decoration: none;
	background : url(footer_yard.gif) left 7px / auto auto no-repeat scroll padding-box border-box transparent;
	padding-left: 5px;
}
#footer a:hover{
	text-decoration: underline;
}

p.copyright{
	clear: both;
	background-color: #2f2f2f;
	color: #ffffff;
	text-align: center;
	padding: 5px 0;
}


/* General Contents */
#submenu{
	float: left;
	width: 150px;
	z-index: 10;
	position: relative;
	text-align: right;
}
#submenu ul{
}
#submenu ul li{
	margin-left: 11px;
}
#submenu ul li.selected{
	margin-left: 0;
}
#content{
	float: right;
	width: 761px;
	height: 100%;
	margin-left: -11px;
	z-index: 1;
	position: relative;
}
#content .inbox{
	background-color: #ffffff;
	height: 100%;
	margin-left: 11px;
	padding: 20px 15px;
}
.pagetop{
	clear: both;
	width: 161px;
	height: 48px;
	background : url(content_bottom.jpg) left top / auto auto no-repeat scroll padding-box border-box #f8f8f8;
	margin-left: 139px;
	padding-left: 600px;
	padding-top: 20px;
}

#pankuzu{
	color: #999999;
	text-align: left;
	font-size: 100%;
	padding: 5px 8px;
	border: 1px solid #dddddd;
	margin-bottom: 8px;
	
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.95, #ffffff), color-stop(0.00, #eeeeee));
	background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 95%);
	background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 95%);
	background: -o-linear-gradient(top, #ffffff 0%, #eeeeee 95%);
	background: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 95%);
	background: linear-gradient(top, #ffffff 0%, #eeeeee 95%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#eeeeee');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#eeeeee')";
}
#pankuzu a{
	color: #000066;
	text-decoration: none;
}
#pankuzu a:hover{
	text-decoration: underline;
}

h2.subtitle{
	border: 1px solid #a4a4a4;
	border-left: 5px solid #238c47;
	padding: 4px 5px;
	font-size: 120%;
	font-weight: bold;
	margin: 5px 0 15px 0;
	
}

h3{
	font-weight: bold;
	border-bottom: 1px dotted #047700;
	margin-bottom: 4px;
	font-size: 120%;
	background : url(circle.gif) left 5px / auto auto no-repeat scroll padding-box border-box #ffffff;
	padding-left: 15px;
}

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

.center{
	text-align: center;
}

hr{
	border: none;
	border-bottom: 1px solid #cccccc;
	clear: both;
	margin: 10px 0;
}

.imgBtm{
	vertical-align: bottom;
}

.imgTop{
	vertical-align: top;
}