@charset "utf-8";
/*========================================================
目次
--------------------------------------------------------
1.基本レイアウト設定

2.ヘッダー設定					#header
	A.ヘッダー内メニュー				#header_menu
	B.ヘッダー内ユーザーメニュー		#header_user_menu
	C.ヘッダー内ユーザーメニュー		#search_area

3.フッター						#footer

4.広告設定

＊.全体共通設定
	BOX内のマージン付け用(div.box_body)
	全体で使うh2
	サムネイル画像センタリング用クラス
	β版のリストサークル
	ヘルプリスト
	リンクに付く矢印
	各所で使う斜線見出し付きのBOX
	DB一覧用
	フォーム部分のtable
	要素のセンタリング
	規約
	注意文

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

/*========================================================
1.基本レイアウト設定
========================================================*/
#waper{
	position				:	relative;
	margin					:	auto;
	text-align				:	center;
	padding:0;
	
}
#waper1{
position				:	relative;
	width					:	805px;
	margin					:	auto;
	text-align				:	center;
	padding:0;
}


#container{
	position				:	relative;
	width					:	805px;
	margin					:	auto 0;
	text-align				:	left;
	background-color:#FFFFFF;
}


/* =======================================================
2.ヘッダー設定					#header
======================================================= */
#header{
	position				:	relative;
	width					:	800px;
	margin					:	0px 0 0 5px;
	text-align				:	left;
	padding					:	0;
	height:300px;
	
}





/* =======================================================
2.ヘッダー設定					#header
======================================================= */
ul#menu{
	list-style:none;
	width: 800px;
	height: 39px;
	padding:12px 0 0 0px;
	margin:0px 0 0 5px;
}

ul#menu li{
	 list-style:none;
	padding: 0px;
	float: left;
}


ul#menu a{
    display:block;
	height:39px;
    text-indent:-999px;
    overflow:hidden;  
text-decoration: none;   
}

ul#menu a.home{
background-image:url(../images/common/img_07.gif);
	background-repeat:no-repeat;
	width:136px;
	height:39px;
}
ul#menu a:hover.home{
background-image:url(../images/common/img_07_ro.gif);
	background-repeat:no-repeat;
	width:136px;
	height:39px;
}

ul#menu a.operation{
background-image:url(../images/common/img_08.gif);
	background-repeat:no-repeat;
	width:155px;
	height:39px;
}
ul#menu a:hover.operation{
background-image:url(../images/common/img_08_ro.gif);
	background-repeat:no-repeat;
	width:155px;
	height:39px;
}

ul#menu a.work{
background-image:url(../images/common/img_09.gif);
	background-repeat:no-repeat;
	width:158px;
	height:39px;
}
ul#menu a:hover.work{
background-image:url(../images/common/img_09_ro.gif);
	background-repeat:no-repeat;
	width:158px;
	height:39px;
}

ul#menu a.company{
background-image:url(../images/common/img_10.gif);
	background-repeat:no-repeat;
	width:153px;
	height:39px;
}
ul#menu a:hover.company{
background-image:url(../images/common/img_10_ro.gif);
	background-repeat:no-repeat;
	width:153px;
	height:39px;
}

ul#menu a.mail{
background-image:url(../images/common/img_11.gif);
	background-repeat:no-repeat;
	width:198px;
	height:39px;
}
ul#menu a:hover.mail{
background-image:url(../images/common/img_11_ro.gif);
	background-repeat:no-repeat;
	width:198px;
	height:39px;
}

/* =======================================================
3.フッター						#footer
======================================================= */
#footer{
	text-align: center;
	width: 800px;
	clear: both;
	padding:25px 0 20px 5px;
	background-color:#FFFFFF;
}

#footer a{
color:#5A5A5A;
}
.footer_line{
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #25a5fa;
	padding:0px 0 0px 0;
	margin:15px 0 15px 0;
}
.footer_text{
padding:0;
text-align:right;
}

.footer_text a{
color					:	#5A5A5A;
}

#footer #copyright{
	font-size				:	12px;
	font-style				:	normal;
	line-height				:	2;
	padding-top:10px;
	color:#bf0650;
	padding-bottom: 20px;
}

/* =======================================================
4.leftメニュー
======================================================= */
#left-content{
	margin:0;
	padding:0 0px 0 0px;
	width: 188px;
	float: left;
	background-image:url(../images/common/left_bg.gif);
	background-repeat:repeat-y;
	
}

#left-content-in{
width: 160px;
padding:3px 13px 0 15px;
}


ul#menu1{
	width: 160px;
	padding:10px 0px 10px 0px;
	margin:0;
	text-align:left;
	list-style:none;
	color:#5A5A5A;
	text-indent:20px;
	line-height:27px;
}

ul#menu1 li{
	list-style:none;
	padding: 0px 0 10px 0;
	margin:0;
	background-image:url(../images/common/img_16.gif);
	background-repeat:no-repeat;
	height:25px;
	width: 160px;
	font-weight:bold;
	color:#5A5A5A;
}
	



ul#menu1 a{
	display:block;
	height:25px;
	font-weight:bold;
	color:#666666;
}
ul#menu1 a:hover{
	display:block;
	height:25px;
	color:#FFFFFF;
	background-image:url(../images/common/img_16_ro.gif);
	background-repeat:no-repeat;
	font-weight:bold;
}



/* =======================================================
4.rightメニュー
======================================================= */
#right-content{
	margin:0;
	padding:12px 0 0 0;
	width: 600px;
	float: right;
	text-align:left;
	background-color:#FFFFFF;
}


TABLE {
border-collapse : collapse;
}
TH,TD {
	border : 1px solid #FFFFFF;
}

.b_table {
padding:0;
margin:0 0 3px 20px;
text-align:center;
}

.table_text {
margin:0px 5px 0px 5px;
padding:5px 0px 5px 0px;
}

.table_text2 {
padding:0 0 0 10px;
}

.bt{
padding:10px;
}

.contact_text2{
margin:10px 10px 0 20px;
}

.sitemap{
margin:20px;
}


a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
}

.left_text{
text-align:left;
padding:5px 0px 10px 0px;
margin:0 12px 0 12px;
}
.left_text1{
text-align:center;
padding:5px 0px 10px 0px;
margin:0 0px 0 0px;
}

.left_text2{
text-align:center;
padding:5px 5px 10px 10px;
font-size:14px;
font-weight:bold;
}

.d_5{
width:570px;
text-align:left;
margin:0;
padding:10px 0 20px 20px;
}


ul.d_s li{
	float:left;
	background-image:url(../images/common/img4.gif);
	background-repeat: no-repeat;
	background-position: 4px 3px;
	padding-left: 20px;
	padding-bottom:20px;
	list-style:none;
	margin:0;
	width:540px;
	font-size:12px;
	}

ul.d_s a{
float:left;
	display:block;
	}
	
.company_text{
text-align:left;
padding:10px 0 10px 60px;
}

.list{
padding:0px 20px 20px 20px;
}

a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
}