/*========================================================
目次
--------------------------------------------------------
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.基本レイアウト設定
========================================================*/
#container{
	position				:	relative;
	width					:	840px;
	margin					:	10px auto 0;
	text-align				:	left;
}


/* =======================================================
2.ヘッダー設定					#header
======================================================= */
#header{
	position				:	relative;
	width					:	840px;
	margin					:	0 auto;
	text-align				:	left;
	height					:   133px;
	padding					:	0;
}
#logo{
	float                   :   left;
	width					:	128px;
	height					:	133px;
	margin					:	0;
	padding					:	0;
}
#header #header_bg{
	width					:	712px;
	height					:   83px;
	float					:	right;
	background-image:url(../images/common/img_03.gif);
	background-repeat:no-repeat;
	margin:0;
	padding:0;
}


#header_text1{
text-indent:100px;
line-height:70px;
padding:0px;
margin:0;
}

*html body #header_text1{ 
line-height :20px;
 }

#header_text1 a{
color:#FFFFFF;
text-decoration:underline;
text-indent:110px;
}

#header_text1 a:hover{
color:#A22;
text-decoration:underline;
text-indent:110px;

}



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

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


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

a.about{
background-image:url(../images/common/img_05.gif);
	width:99px;
	height:25px;
}
a:hover.about{
background-image:url(../images/common/img_roll_01.gif);
	width:99px;
	height:25px;
}

a.service{
background-image:url(../images/common/img_06.gif);
	width:100px;
	height:25px;
}
a:hover.service{
background-image:url(../images/common/img_roll_02.gif);
	width:100px;
	height:25px;
}

a.price{
background-image:url(../images/common/img_07.gif);
	width:100px;
	height:25px;
}
a:hover.price{
background-image:url(../images/common/img_roll_03.gif);
	width:100px;
	height:25px;
}

a.faq{
background-image:url(../images/common/img_08.gif);
	width:105px;
	height:25px;
}
a:hover.faq{
background-image:url(../images/common/img_roll_04.gif);
	width:105px;
	height:25px;
}

a.con{
background-image:url(../images/common/img_09.gif);
	width:109px;
	height:25px;
}
a:hover.con{
background-image:url(../images/common/img_roll_05.gif);
	width:109px;
	height:25px;
}

a.recruit{
background-image:url(../images/common/img_10.gif);
	width:100px;
	height:25px;
}
a:hover.recruit{
background-image:url(../images/common/img_roll_06.gif);
	width:100px;
	height:25px;
}

a.contact{
background-image:url(../images/common/img_11.gif);
	width:99px;
	height:25px;
}
a:hover.contact{
background-image:url(../images/common/img_roll_07.gif);
	width:99px;
	height:25px;
}


/* =======================================================
3.フッター						#footer
======================================================= */
#footer{
	text-align: center;
	width: 840px;
	clear: both;
	margin-top:	20px;
}

#footer ul{
text-align: center;
padding:0 0 10px 0;
}

#footer ul li{
	display					:	inline;
	padding					:	0 5px;
	line-height				:	2.0;
}

#footer #copyright{
	font-size				:	80%;
	font-style				:	normal;
	line-height				:	2.2;
	padding-top:10px;
	color					:	#6A6A6A;
	padding-bottom: 20px;
}

#footer #copyright a{
color					:	#6A6A6A;
}

/* =======================================================
4.メニュー
======================================================= */
#left-content{
	margin:0;
	padding:0 20px 0 0;
	width: 550px;
	float: left;
}

#right-content{
	margin:0;
	padding:0;
	width: 270px;
	float: right;
}

img.banner{
	margin-bottom: 15px;
}


div#produce{
	display: none;
}


h3{
	width: 840px;
	height: 30px;
	font-weight: bold;
	background: url(../img/subject_bg.gif) no-repeat center top;
	text-indent: 10px;
}

h3 span{
	color: #FFF;
	display: block;
	margin-top: 6px;
}


table#company{
	width: 500px;
	margin:20px 10px 0 10px;
}

table#company th{
	width: 120px;
	border: 1px solid #AAA;
	padding: 5px;
}

table#company td{
	width: 360px;
	line-height: 1.6;
	border: 1px solid #AAA;
	padding: 5px;
}


.sitemap{
margin:20px;
}


a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
}
.img1{
margin:0 0 15px 0;
padding:0 0 0px 0;
text-align:center;
}

.img2{
margin:0 10px 15px 10px;
padding:0 0 0px 0;
text-align:center;
}

.img3{
margin:0 0 8px 0;
padding:0 0 0px 0;
text-align:center;
}

.s_text{
color:#FF6600;
font-weight:bold;
font-size:14px;
padding:18px 0 6px 0;
}


.content3{
	width: 268px;
	margin:0 0 7px 0;
	padding:0 0 00px 0;
	border: 1px solid #CCCCCC;
}

.content3 .text{
	font-size:10px;
	line-height:1.5em;
	margin:8px;
}
.content3 .link{
	text-align: right;
}

#push{
padding:10px 0 10px 20px;
}

#push li{
padding:0 0 15px 0;
font-weight:bold;
font-size:14px;
color:#660000;
}

.text5{
padding:15px 0 15px 0;
}

.low{
	background-image: url(../images/common/img_23.jpg);
	background-repeat: no-repeat;
	text-align: left;
	height: 120px;
	width: 270px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

.low_text{
font-size:18px;
font-weight:bolder;
color:#FF3300;
text-align:left;
padding:12px 0 10px 29px;
}

.low_text2{
padding:0 6px 0 29px;
color:#FFFFFF;
font-weight:bold;
}

.qr{
	background-image: url(../images/common/qrcord.gif);
	background-repeat: no-repeat;
	height: 78px;
	width: 270px;
	padding:0 0 15px 0;
}
.qr_text{
padding:35px 5px 0px 90px;
}