body {
	margin:0px;
}

img{
	vertical-align:bottom;
	margin:0px;
	padding:0px;
	border:none;
}

/* **************全体の幅**************** */

#container{
	width:800px;
	margin:0px auto;
	background-position:center top;
}	



#header_top{
	height:40px;
	bockground-color:#000;
}


#header{
	width:800px;
	margin:0px 0px 30px 0px;
}	


/* *****メインボディ **** */

.box{
	width:800px;
	margin:0px;
	padding:0px;
}	

/* ******左側 **** */

.left_side{
	width:180px;
	float:left;
}



/* ******* ナビ部分 **** */


.navi{
	font-size:10px;
}

.navi ul{
	margin:0px;	
	padding:0px;
	list-style:none;
}

.navi li{
	margin-top:6px;

}

.navi_title{
	width:140px;
	border-bottom:1px dotted #666;
	padding:0px 0px 0px 0px;
	margin:0px 0px 6px 0px;
	
}



.link{
	height:180px;
	overflow:hidden;
}


.link_title{
	width:140px;
	border-bottom:1px dotted #666;
	padding:0px 0px 0px 0px;
	margin:60px 0px 6px 0px;
	
}


.link ul{
	margin:0px;	
	padding:0px;
	list-style:none;
}

.link li{
	margin:0px 0px 0px 0px;

}

.link a{
	display:block;
	width:140px;
	text-decoration:none;
	font-size:12px;
	padding:4px 0px;
	margin-bottom:20px;
}

.link a:link, .link a:visited, .link a:active{
	color:#666;
}
.link a:hover{
	color:#000;	
}




.plaire li{
	margin-top:30px;
	padding-top:30px;
}













.navi .current{
	letter-spacing:2px;
	width:140px;
	text-align:center;
	padding:10px 0px;
	background-color:#000;
	color:#FFF;
}	

.navi a{
	letter-spacing:2px;
	display:block;
	width:138px;
	text-align:center;
	padding:10px 0px;
	text-decoration:none;
}	

.navi a:link, .navi a:active, .navi a:visited{
	border:1px solid #CCC;
	color:#000;
}	

.navi a:hover{
	color:#FFF;
	background-color:#EC008C;
	border:1px solid #000;
	}
	
	
	
/* *********************************************** */
/* ************ 右側 ***************************** */	
/* *********************************************** */


.right_side{
	width:620px;
	float:left;
}




.bread{
	width:620px;
	padding:0px;
	margin:0px 0px 6px 0px;
	border-bottom:1px dotted #666;
	clear:both;
}

.bread img{
	float:left;
}



.right_box{
	width:620px;
	margin-top:20px;
}



.headline{
	clear:both;
	font-size:12px;
	font-weight:bold;
	padding:7px;
	background-image:url(../image/bg2.gif);
	border:1px solid #CCC;

}


/* *************** ニュース部分 ********** */  

.news_box{
	width:620px;
	height:200px;
	margin-top:2px;
	padding:0px;
	color:#666;
	background:url(../image/bg_news.gif);
	background-repeat:no-repeat;
}

.flexcroll{
	height:200px;
	width:620px;
	overflow:auto;
}

.news_inner{
	width:600px;
	padding:0px 3px 0px 6px;

}

.news_contents{
	width:600px;
	margin:4px 0px 7px 2px;
	padding-bottom:5px;
	border-bottom:1px dotted #CCC;
}
	
	
.news_inner .date{
	color:#999;
	font-size:12px;
	float:left;
	width:70px;
}


.news_inner .copy{
	color:#999;
	font-size:12px;
	float:left;
	width:520px;
}


.right_left{
	width:300px;
	float:left;
}

.right_right{
	width:300px;
	float:left;
	margin-left:20px;
}	





.right_box .comment{
	height:380px;
	width:286px;
	padding:6px;
	border:1px solid #CCC;
	margin-top:2px;
	color:#666;
	background-color:#EEE;
}

.right_side h1{
	font-size:12px;
	margin:10px 0px 0px 0px;
	padding:0px;
	color:#000;
}	

.right_side p{
	padding:5px;
	margin:0px;
	line-height:130%;
	font-size:12px;
	letter-spacing:1px;
}

.scroll_top{
	width:620px;
	margin:6px 0px 0px 0px;
	padding:0px;
	text-align:right;
}	

		










/* ************************************************* */
/* ************** フッター ************************** */
/* ************************************************* */




.footer{
	margin-top:35px;
	clear:both;
	width:800px;
	height:140px;
	background-image:url(../image/footer.gif);
}	

.footer_top{
	height:130px;
	text-align:right;
	font-size:11px;
	color:#999;
	padding:10px 15px 0px 0px;
	margin:0px;
}	


.footer ul{
	margin:0px;
	padding:0px;
}	

.footer_top li{
	margin-top:3px;
}

.footer_top a:link,.footer_top a:visited, .footer_top a:active{
	color:#999;	
}

.footer_top a:hover{
	color:#FFF;
}













/* ************************************************************************* */
/* **************************ブランドページ*********************** */
/* ************************************************************************* */

.brand_box{
	width:606px;
	padding:0px 6px 6px 6px;
	border:1px solid #CCC;
	margin-top:2px;
	color:#666;
}	


.brand_headline{
	clear:both;
	font-size:12px;
	font-weight:bold;
	padding:7px;
	background-image:url(../image/bg2.gif);
	border:1px solid #CCC;
	margin-top:20px;
}
.brand_left{
	width:350px;
	float:left;
}

.brand_right{
	width:250px;
	margin:6px 0px 0px 6px;
	float:left;
}	

.brand_box h2{
	font-size:12px;
	margin:6px 0px 0px 0px;
	padding:0px;
	color:#000;


}

.brand_box p{
	padding:4px;
	margin:0px;
	line-height:130%;
	font-size:12px;
	letter-spacing:1px;

}

.image_box{
	width:550px;
/*	height:30px;*/
	margin:6px 0px 30px 30px;
}

.image_box ul{
	margin:0px;	
	padding:0px;
	list-style:none;
}

.image_box li{
	float:left;
	margin-right:2px;	
}	








/* ************************************************************************* */
/* ************************** 会社案内 *********************** */
/* ************************************************************************* */


.company_table{
	margin:20px 0px 0px 6px;
	font-size:12px;
	color:#666;
	width:600px;
}

.company_table .left_cell{
	width:140px;
	font-weight:bold;
	padding-bottom:8px;
}	
	
.company_table .right_cell{
	width:460px;
	padding-bottom:8px;
}	



.company_table .company_small td{
	padding-bottom:4px;
}












/* ************************************************************************* */
/* ************************** RECRUIT *********************** */
/* ************************************************************************* */


.recruit_box{
	width:606px;
	text-align:center;
}


.recruit_inner{
	clear:both;
	text-align:left;
	width:400px;
	margin:30px auto 10px auto;
	padding-bottom:10px;
	font-size:12px;
	border-bottom:1px dotted #666;
}


.recruit_inner h1{
	font-size:12px;
	color:#000;
	border-bottom:1px solid #000;
	padding:5px 0px;
}






.recruit_table{
	margin-top:4px;

}


.recruit_inner .recruit_table .left_cell{
	padding:5px 0px 5px 12px;
	width:70px;
	color:#000;
	margin-bottom:2px;
	border-bottom:3px solid #FFF;
	background-color:#EEE;
	font-weight:bold;
}



.recruit_inner .recruit_table .right_cell{
	padding:5px 0px 5px 12px;
	margin-bottom:2px;
}



.oubo{
	text-align:left;
	font-size:11px;
	color:#000;
	width:400px;
	margin:20px auto 20px auto;
}





/* ************************************************************************* */
/* ************************************スクロールバー*********************** */
/* ************************************************************************* */




/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

.vscrollerbase {
width: 9px;
background: #EEE url(basebarcaps_verticalbarbody.png) 0px 0px repeat-y;
}
.vscrollerbar {
width: 9px;
background: #000 url(../image/bg2.gif) ;
}
.hscrollerbase {
height: 15px;
background: #D7EBDF url(horizontalbarbody_cornerjog.png) 0px -15px repeat-x;
}
.hscrollerbar {
height: 5px;
background: #EEE url(horizontalbarbody_cornerjog.png) 0px -30px repeat-x;
}
.vscrollerbar, .hscrollerbar {
padding: 10px;
z-index: 2;
}
.vscrollerbarbeg {
background: #FFF url(basebarcaps_verticalbarbody.png) -45px -30px no-repeat;
width: 9px;
height: 0px !important;
}
.vscrollerbarend {
background:  #FFF url(basebarcaps_verticalbarbody.png) -45px 0px no-repeat;
width: 9px;
height: 0px;
}
.hscrollerbarbeg {
background: #FF0000 url(basebarcaps_verticalbarbody.png) -60px -15px no-repeat;
height: 9px;
width: 9px !important;
}
.hscrollerbarend {
background:#FF0000 url(basebarcaps_verticalbarbody.png) -30px -15px no-repeat;
height: 9px;
width: 9px;
}
.scrollerjogbox {
width: 5px;
height: 5px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background: #4E727C url(horizontalbarbody_cornerjog.png) 0px 0px;
}
.vscrollerbasebeg {
background: #FF0000 url(../image/scroll_top.gif) no-repeat;
width: 9px;
height: 9px !important;
}
.vscrollerbaseend {
background:#FF0000 url(../image/scroll_bottom.gif) no-repeat;
height: 9px;
width: 9px;
}
.hscrollerbasebeg {
background: url(basebarcaps_verticalbarbody.png) -60px 0px no-repeat;
height: 9px;
width: 9px !important;
}
.hscrollerbaseend {
height: 15px;
width: 15px;
background: url(basebarcaps_verticalbarbody.png) -30px 0px no-repeat;
}
.scrollerjogbox:hover {
background: #5E828C url(basebarcaps_verticalbarbody.png) -45px -15px;
}
/* Scroll Bar Master Styling Ends Here */





