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

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

【アーネストプラン--スタイルシート】		
	∟作成日：09/10/09
	∟担当者：原田

	・共通箇所
	・全体のボックス
	・マージン/パディング
	・フォント関連
	・リンク

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


* {
	margin: 0;
	padding: 0;
	font-family: "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, serif;
	text-align: left;
	font-size: 13px;
	line-height: 22px;	/*font-size: 100%;
	font-style: normal;*/
	color: #666666;
}



body {
	background: url(../image/background.gif) repeat-x;	/**font-size: small;  IE7 */	/**font: x-small;  IE6 */
}


img {
	border: 0;
	vertical-align: bottom;/*イメージのbottomの余白を消す*/
}


hr {
	display: none;
	clear: both;
}


.clear {
clear: both;
margin: 0px;
padding: 0px;
}



table {
	font-size: inherit;
	font: 100%;
}


li{
	list-style-type: none;
}

.page_top{
	width: 100%;
	margin: 15px 0px 10px;
	height: auto;
	text-align: right;
}

/*-----------------------------------------------------------------------------------------------
	●全体のボックス
-----------------------------------------------------------------------------------------------*/

#warpper{
	margin: 20px auto 0px;
	height: auto;
	width: 802px;
	background:#f2f3ee;
	border-bottom: 1px solid #999999;
}

/*-----------------------------------------------------------------------------------------------
	●全体のボックス > ヘッダー
-----------------------------------------------------------------------------------------------*/

#header{
	background: url(../image/header.gif) no-repeat;
	margin: 20px auto 17px;
	height: 90px;
	width: 795px;
}

#header_left_box{
	float: left;
	height: auto;
	width: 245px;
}

#header_left_box p{
	height: 25px;
	width: 210px;
	margin: 20px 0px 0px 15px;
}

#header_right_box h1{
	background: url(../image/header_h1.gif) no-repeat;
	text-indent: -9999px;
	height: 12px;
	width: 332px;
	margin: 7px 0px 0px 200px;
}

#header_right_box{
	float: right;
	height: auto;
	width: 500px;
}



/*-----------------------------------------------------------------------------------------------
	●全体のボックス > コンテンツ
-----------------------------------------------------------------------------------------------*/

#contents{
	height: auto;
	width: 765px;
	margin: 0px auto;
}


#contents_box{
	height: auto;
	width: 100%;
	margin: 8px auto;
}

#contents_box_left{
	float: left;
	height: auto;
	width: 495px;
}

#contents_box_right{
	float: right;
	height: auto;
	width: 260px;
}


#ather_left_box{
	height: auto;
	width: 575px;
	float: left;
	background: url(../image/ather_bg_middle.gif) repeat-y;
	border-top: 3px solid #999999;
	border-bottom: 3px solid #999999;
}

#ather_right_box{
	float: right;
	height: auto;
	width: 187px;
	padding: 180px 0px 0px;
}

/*-----------------------------------------------------------------------------------------------
	●全体のボックス > メニューボックス
-----------------------------------------------------------------------------------------------*/

#menu_box{
	height: 21px;
	width: 425px;
	padding: 35px 0px 0px;
}

#menu_box li{
	float: left;
}

#menu_box li a{
	display: block;
	text-indent: -9999px;
}

#btn_top a{
	height: 21px;
	width: 78px;
	background: url(../image/btn_top.gif) no-repeat;
}

#btn_top a:hover{
	background: url(../image/btn_top_a.gif) no-repeat;
	}

#btn_info a:hover{
	background: url(../image/btn_info_a.gif) no-repeat;
}

#btn_products a:hover{
	background: url(../image/btn_products_a.gif) no-repeat;
}

#btn_qa a:hover{
	background: url(../image/btn_qa_a.gif) no-repeat;
}

#btn_contact a:hover{
	background: url(../image/btn_contact_a.gif) no-repeat;
}


#btn_qa a{
	background: url(../image/btn_qa_a.gif) no-repeat;
}

#btn_info a{
	height: 21px;
	width: 69px;
	background: url(../image/btn_info.gif) no-repeat;
}

#btn_products a{
	height: 21px;
	width: 94px;
	background: url(../image/btn_products.gif) no-repeat;
}

#btn_qa a{
	height: 21px;
	width: 70px;
	background: url(../image/btn_qa.gif) no-repeat;
}

#btn_contact a{
	height: 21px;
	width: 114px;
	background: url(../image/btn_contact.gif) no-repeat;
}






/*-----------------------------------------------------------------------------------------------
	●全体のボックス > トップページコンテンツ > ごあいさつ
-----------------------------------------------------------------------------------------------*/

#message_title{
	background: url(../image/top_message_bar.gif) no-repeat;
	height: 25px;
	width: 494px;
	text-indent: -9999px;
}

#message_box{
	background: url(../image/top_message_box_bg_btn.gif) no-repeat bottom;
	height: auto;
	width: 491px;
	padding: 0px;
	margin-top: 6px;
}

#message_box_in{
	background: url(../image/top_message_box_bg_top.gif) no-repeat;
	height: auto;
	width: 491px;
}

#message_box_in_write{
	margin: 0px auto;
	padding: 8px 0px;
	height: auto;
	width: 455px;
}

#message_box_in_copy{
	background: url(../image/top_gaiyou_copy.gif) no-repeat;
	height: 34px;
	width: 455px;
	text-indent: -9999px;
	margin: 10px 0px 15px;
}

#message_box_in_copy_p{
	padding-left: 20px;
	font-weight: bold;
}

#message_box_in_copy_p span{
	font-weight: normal;
}


#message_box_in_copy_li{
	padding-left: 20px;
}

#top_gaiyou_box{
	height: auto;
	width: 100%;
}

#top_gaiyou_left{
	float: left;
	height: auto;
	width: 132px;
}

#top_gaiyou_right{
	float: right;
	height: auto;
	width: 300px;
}

#top_gaiyou_box02{
	background: url(../image/top_gaiyou_pic02.jpg) no-repeat right top;
	height: auto;
	width: 100%;
}





#top_contents_box{
	width: 494px;
	margin: 10px 0px;
	height: auto;
}

#top_contents_box .left_box{
	float: left;
	height: auto;
	width: 206px;
}

#top_contents_box .right_box{
	float: right;
	height: auto;
	width: 278px;
}

#partner_title{
	background: url(../image/top_partner_bar.gif) no-repeat;
	height: 25px;
	width: 278px;
	text-indent: -9999px;
	margin-bottom: 5px;
}

/*-----------------------------------------------------------------------------------------------
	●全体のボックス > トップページコンテンツ > 会社概要
-----------------------------------------------------------------------------------------------*/

#infomation_title{
	background: url(../image/top_info_bar.gif) no-repeat;
	height: 25px;
	width: 260px;
	text-indent: -9999px;
}

#infomation_box{
	background: url(../image/top_info_bg_btn.gif) no-repeat bottom;
	height: auto;
	width: 260px;
	padding: 0px;
	margin-top: 6px;
}

#infomation_box_in{
	background: url(../image/top_info_bg_top.gif) no-repeat;
	height: auto;
	width: 260px;
}

#infomation_box_in_write{
	margin: 0px auto;
	padding: 8px 0px;
	height: auto;
	width: 230px;
}

/*-----------------------------------------------------------------------------------------------
	●全体のボックス > トップページコンテンツ > 詳細地図
-----------------------------------------------------------------------------------------------*/

#map_title{
	background: url(../image/top_map_bar.gif) no-repeat;
	height: 24px;
	width: 260px;
	text-indent: -9999px;
	margin: 15px 0px 5px;
}

#ather_qa_box{
	padding: 0px 0px 5px;
}



/*-----------------------------------------------------------------------------------------------
	●全体のボックス > 会社概要
-----------------------------------------------------------------------------------------------*/

#info_title,
#products_title,
#qa_title,
#contact_title{
	height: auto;
	width: 765px;
	padding-top: 90px;
}

#info_title{
	background: url(../image/info_title.jpg) no-repeat;
}

#ather_left_box_in{
	margin: 15px auto;
	height: auto;
	width: 546px;
}

#info_gaiyou_box{
	height: auto;
	width: 546px;
	margin: 0px 0px 10px;
}

#info_gaiyou_box h3{
	background: url(../image/info_gaiyou_bar.gif) no-repeat;
	height: 25px;
	width: 546px;
	text-indent: -9999px;
	margin: 0px 0px 8px;
}


#info_profile_box{
	height: auto;
	width: 546px;
	margin: 0px 0px 10px;
}

#info_profile_box h3{
	background: url(../image/info_profile_bar.gif) no-repeat;
	height: 25px;
	width: 546px;
	text-indent: -9999px;
	margin: 0px 0px 8px;
}

#info_profile_box .left_box{
	float: left;
	height: auto;
	width: 186px;
}

#info_profile_box .right_box{
	float: right;
	height: auto;
	width: 350px;
}



#info_item_box{
	height: auto;
	width: 546px;
	margin: 0px 0px 10px;
}

#info_item_box h3{
	background: url(../image/info_item_bar.gif) no-repeat;
	height: 25px;
	width: 546px;
	text-indent: -9999px;
	margin: 0px 0px 8px;
}




#info_eigyou_box{
	height: auto;
	width: 546px;
	margin: 0px 0px 10px;
}

#info_eigyou_box h3{
	background: url(../image/info_eigyou_bar.gif) no-repeat;
	height: 25px;
	width: 546px;
	text-indent: -9999px;
	margin: 0px 0px 8px;
}


#info_gaiyou_table td{
	padding: 4px 0px;
}

#info_item_list dt{
	padding: 8px 0px 0px;
}


#info_eigyou_pic01{
	margin: 10px auto;
	height: 21px;
	width: 454px;
}

#info_eigyou_list{
	padding: 15px 0px 0px;
}


#info_kanyu_box{
	height: auto;
	width: 546px;
	margin: 0px 0px 10px;
}

#info_kanyu_box h3{
	background: url(../image/info_kanyu.gif) no-repeat;
	height: 25px;
	width: 546px;
	text-indent: -9999px;
	margin: 0px 0px 8px;
}

#info_kanyu_list_box dl{
	height: auto;
	width: 100%;
	margin: 15px 0px 8px;
}

#info_kanyu_list_box dt{
	background: #F0F0F0;
	text-indent: 8px;
	border-left: 3px solid #5162f9;
	line-height: 20px;
	height: auto;
	width: 100%;
	margin: 15px 0px 8px;
	font-weight: bold;
}


/*-----------------------------------------------------------------------------------------------
	●全体のボックス > 取り扱い商品
-----------------------------------------------------------------------------------------------*/

#products_title{
	background: url(../image/products_title.jpg) no-repeat;
}


#products_item_box{
	height: auto;
	width: 546px;
	margin: 0px 0px 10px;
}

#products_item_box h3{
	background: url(../image/products_item_bar.gif) no-repeat;
	height: 25px;
	width: 546px;
	text-indent: -9999px;
	margin: 0px 0px 10px;
}

.products_item_table{
	margin: 5px 0px 10px;
}

/*-----------------------------------------------------------------------------------------------
	●全体のボックス > qa
-----------------------------------------------------------------------------------------------*/

#qa_title{
	background: url(../image/qa_title.jpg) no-repeat;
}


#qa_main_box{
	height: auto;
	width: 546px;
	margin: 0px 0px 10px;
}

#qa_main_box h3{
	background: url(../image/qa_bar.gif) no-repeat;
	height: 25px;
	width: 546px;
	text-indent: -9999px;
	margin: 0px 0px 10px;
}

#qa_main_box h4{
	font-size: 14px;
	font-weight: normal;
	padding: 2px 0px 4px;
}




/*-----------------------------------------------------------------------------------------------
	●全体のボックス > お問い合わせ
-----------------------------------------------------------------------------------------------*/

#contact_title{
	background: url(../image/contact_title.jpg) no-repeat;
}

#contact_mail_box{
	height: auto;
	width: 546px;
	margin: 0px 0px 10px;
}

#contact_mail_box h3{
	background: url(../image/contact_mail_bar.gif) no-repeat;
	height: 25px;
	width: 546px;
	text-indent: -9999px;
	margin: 0px 0px 10px;
}



#contact_kojin_box{
	height: auto;
	width: 546px;
	margin: 0px 0px 10px;
}




#contact_kojin_box h3{
	background: url(../image/contact_kojin_bar.gif) no-repeat;
	height: 25px;
	width: 546px;
	text-indent: -9999px;
	margin: 0px 0px 10px;
}

#contact_mail_text{
	margin: 10px auto 0px;
	height: auto;
	width: 530px;
}

#contact_mail_table{
	margin: 10px auto;
	height: auto;
	width: 530px;
}



#contact_mail_table td,
#contact_mail_table th{
	padding: 5px 0px;
}

#contact_mail_table th{
	border-left: 3px solid #3652f8;
	background: #d1d7fc;
	font-weight: normal;
	padding: 0px 0px 0px 5px;
}

#contact_mail_table .text{
	background: #f5f5f5;
	padding: 0px 0px 0px 5px;
}


#contact_kojin_box dt{
	background: #F0F0F0;
	text-indent: 8px;
	border-left: 3px solid #5162f9;
	line-height: 20px;
	height: auto;
	width: 100%;
	margin: 10px 0px 5px;
	font-weight: bold;
}

#contact_mail_text_list{
	height: auto;
	width: 520px;
	padding: 0px 0px 0px 10px;
}



.contact_kojin_text{
	text-indent: 1em;
}

/*-----------------------------------------------------------------------------------------------
	●全体のボックス > フッター
-----------------------------------------------------------------------------------------------*/


#footer{
	height: auto;
	width: 802px;
	margin: 0px auto;
	border-top: 1px solid #CCCCCC;
	padding: 15px 0px 120px;
	background: #FFFFFF;
}

#footer .left_box{
	float: left;
	height: auto;
	width: 390px;
	padding-left: 15px;
}


#footer .right_box{
	float: right;
	height: auto;
	width: 342px;
	padding-right: 10px;
}

/*-----------------------------------------------------------------------------------------------
	●CLEARFIX
-----------------------------------------------------------------------------------------------*/

.clearfix:after{
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
line-height:0;
}

.clearfix{
display:inline-table;
min-height:1%;
}

/* FOR MAC IE \*/
* html .clearfix{
height:1%;
}

.clearfix{
display: block;
}
/* END OF FOR MAC IE */



/*-----------------------------------------------------------------------------------------------
	●リンク
-----------------------------------------------------------------------------------------------*/

/*

a:link {
color: #FFFFFF;
text-decoration:none;
}

a:active {
color: #FFFFFF;
text-decoration:none;
}

a:visited {
color: #FFFFFF;
text-decoration:none;
}

a:hover {
color: #FFFFFF;
text-decoration:underline;
}

*/

/*-----------------------------------------------------------------------------------------------
	●マージン/パディング
-----------------------------------------------------------------------------------------------*/


.pt05 { padding-top: 05px;}
.pt10 { padding-top: 10px;}
.pt15 { padding-top: 15px;}
.pt20 { padding-top: 20px;}
.pt25 { padding-top: 25px;}
.pt30 { padding-top: 30px;}
.pt35 { padding-top: 35px;}
.pt40 { padding-top: 40px;}

.pb05 { padding-bottom: 05px;}
.pb10 { padding-bottom: 10px;}
.pb15 { padding-bottom: 15px;}
.pb20 { padding-bottom: 20px;}
.pb25 { padding-bottom: 25px;}
.pb30 { padding-bottom: 30px;}
.pb35 { padding-bottom: 35px;}
.pb40 { padding-bottom: 40px;}

.ml05 { margin-left: 05px;}
.ml10 { margin-left: 10px;}
.ml15 { margin-left: 15px;}
.ml20 { margin-left: 20px;}
.ml25 { margin-left: 25px;}
.ml30 { margin-left: 30px;}
.ml35 { margin-left: 35px;}
.ml40 { margin-left: 40px;}

.mr05 { margin-right: 05px;}
.mr10 { margin-right: 10px;}
.mr15 { margin-right: 15px;}
.mr20 { margin-right: 20px;}
.mr25 { margin-right: 25px;}
.mr30 { margin-right: 30px;}
.mr35 { margin-right: 35px;}
.mr40 { margin-right: 40px;}



/*-----------------------------------------------------------------------------------------------
	●フォント関連
-----------------------------------------------------------------------------------------------*/

.font10-15 {
	FONT-SIZE: 10px;
	LINE-HEIGHT: 15px;
}
.font12-18 {
	FONT-SIZE: 12px;
	LINE-HEIGHT: 18px;
}
.font14-20 {
	FONT-SIZE: 14px;
	LINE-HEIGHT: 20px;
}
.font20-24 {
	FONT-SIZE: 20px;
	LINE-HEIGHT: 24px;
}

.red{
	color: #FF0000;
}

.center{
	text-align: center;
}