@charset "ISO-8859-1";



@import 'menu.css';

@import 'footer.css';

@import 'top.css';



/* LAYOUT

------------------------------------------------*/

body {

	text-align: center;

	margin: 0px;

	padding: 0px;

	background-image: url(../img/bg01b.gif);

	background-repeat: repeat-x;

	background-position: left top;

	font-size: 12px;

	line-height:1;

	font-family: Arial, Verdana, Geneva, sans-serif;

	color:#666666;}



body#home {

	text-align: center;

	margin: 0px;

	padding: 0px;

	background-image: url(../img/bg01.gif);

	background-repeat: repeat-x;

	background-position: left top;

	font-size: 12px;

	line-height:1;

	font-family: Arial, Verdana, Geneva, sans-serif;

	color:#666666;}





* {margin: 0px;padding: 0px;}



/*LINK*/

a {color: #1e73b9;}

a:hover {color: #cc3365;}



/*LINK IMAGE*/

img {border:none;}





/*TITLE*/

h2, h3, h4, h5, h6 {font-size: 12px;}

h1 {font-size: 12px;line-height:1em;padding-top:6px;}

th,td{vertical-align: top;}



.thin{font-weight: normal;}

hr,.hide {display:none;}

.black{color: #000000;}

.red{color: #cc3365;}

.f10{font-size:10px;line-height:1.2em;}

.f14{font-size:14px;}

.f14black{font-size:14px;color: #000000;}

.note{padding-left:1em;text-indent: -1em;padding-top:6px;line-height:1.3em;}

.mt5{margin-top:5px;}

.mt20{margin-top:20px;}

.mt35{margin-top:35px;}



.dotline{

	background-image: url(../img/dotline.gif);

	background-repeat: repeat-x;

	background-position: left bottom;

	padding-bottom: 5px;

}

.dotline2{

	clear:both;

	background-image: url(../img/dotline.gif);

	background-repeat: repeat-x;

	background-position: left bottom;

	line-height: 1px;

	padding: 0px;

	height: 1px;

	margin-top: 10px;

	margin-bottom: 10px;

}

.outline{border:1px solid #cccccc;}



/*BASE BOX*/

#container {width: 860px;margin: 0 auto;text-align:left;}



/*HEADER*/

#header{position: relative;height:118px;}

body#home #header{position: relative;height:119px;}

#hlogo{position: absolute;height: 57px;width: 148px;left: 0px;top: 33px;}



/*PANKUZU*/

#pankuzu{

	background-image: url(../img/navi.gif);

	background-repeat: no-repeat;

	padding-left: 55px;

	line-height: 1.1em;

	height:23px;

	margin-top: 10px;

}



body#top #pankuzu{

	margin-top: 8px;

}











/*CONTENTS

------------------------------------------------*/

#side{

	width:215px;

	float:left;

	margin-top: 20px;

}

#main{

	width:611px;

	float: right;

	margin-top: 29px;

	line-height:1.6em;

}



/*PAGE TITLE*/

#main #title{

	background-image: url(../img/title_bg1.gif);

	background-repeat: no-repeat;

	background-position: left top;

	padding-top: 17px;

}

#main #title h2{

	font-size:18px;

	color:#1e73b9;

	background-image: url(../img/title_bg2.gif);

	background-repeat: no-repeat;

	background-position: left bottom;

	padding-left: 20px;

	padding-right: 20px;

	padding-bottom: 23px;

	padding-top: 5px;

}



/*MAIN TEXT*/

#main p{padding-top:1em;}

#main div.left{width:291px;float:left;}

#main div.right{width:291px;float:right;}

.clr{clear:both;padding:2em 0px;}



/*SUB TITLE*/

#main .sub{

	background-color: #e6e6e6;

	padding: 4px;

	border: 1px solid #CCCCCC;

	margin-top:25px;

	clear:both;

}

#main .sub h3{

	font-size:14px;

	color: #cc3365;

	padding: 2px 4px;

	background-color: #FFFFFF;

	border: 1px solid #CCCCCC;

	margin: 0px;

}

#main .sub h3 span{

	font-weight: normal;

	padding-left: 3px;

}

#main .list th,#main .list td{line-height:14px;}





#main .photoR{

	margin-top:1.2em;

	clear:both;

}

#main .photoR .photo{float:right;width:140px;padding-top:1em;padding-bottom:1em;}

#main .photoR p{margin-top:0px;margin-right:150px;}







/*COMPANY*/

.company{border: 1px solid #CCCCCC;padding: 5px;background-color: #e6e6e6;}

.companyIn{padding: 9px;background-color: #FFFFFF;}

.company td{

	color:#000000;

	padding: 2px 5px;

	background-image: url(../img/dotline.gif);

	background-repeat: repeat-x;

	background-position: left bottom;

}





/*NEWS*/



#newsbox{

	background-color: #e6e6e6;

	padding: 5px;

	border: 1px solid #CCCCCC;

}

#newsboxIn{

	background-color: #FFFFFF;

	padding: 9px;

}

#newsboxIn th{

	width:160px;

	background-image: url(../img/dotline.gif);

	background-repeat: repeat-x;

	background-position: left bottom;

	padding: 5px;

	font-weight: normal;

	text-align: left;

	font-size: 10px;

}

#newsboxIn td{

	background-image: url(../img/dotline.gif);

	background-repeat: repeat-x;

	background-position: left bottom;

	padding: 5px;

	width: 400px;

	font-size: 10px;

	line-height: 1.4;

}

#newsboxIn th span{width:130px;display:block;

	font-size: 10px;

	height: 17px;

}

#newsboxIn th span.new{

	background-image: url(../img/new.gif);

	background-position: right 0px;

	background-repeat: no-repeat;

	width: 151px;

}





body#recruit div#toprecruit{ display:none;}

.sitemap ul{ margin:20px;}

.sitemap li{ margin:8px 20px;}



body#contact div#main ol{ margin:20px;}

body#contact div#main li{ margin:8px 20px;}





/*contact*/

.contact{border: 1px solid #CCCCCC;padding: 5px;background-color: #e6e6e6;}

.contactIn{padding: 9px;background-color: #FFFFFF;}

.contact td,.contact th{

	color:#000000;

	padding: 2px 5px;

	background-image: url(../img/dotline2.gif);

	background-repeat: repeat-x;

	background-position: left bottom;

	text-align: left;

}

.contact td table.nodot td{

	background-image: none;

	background-repeat: no-repeat;

}

.contact th{background-color: #ebebeb;}



.mailtxt{

	vertical-align: middle;

}