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

/*---------------------------------------------------------------------
全体設定
---------------------------------------------------------------------*/
div.clear{clear: both;}
*{margin: 0px; padding: 0px;}

/*画像
---------------------------------------------------------------------*/
img{border-style: none;}
.left{float: left;}
.right{float: right;}

/*間隔
---------------------------------------------------------------------*/
.pt7l24{padding: 7px 0 7px 24px;}
.pt10{padding: 10px 0;}
.pt5b8{padding: 5px 0 8px 0;}
.mb5{margin-bottom:5px;}


/*フォント
---------------------------------------------------------------------*/
.deepblue{font-weight: bold; color: #0C2232;}
.needtext{color: #997230;}
.example{color: #aaa;}

/*---------------------------------------------------------------------
body
---------------------------------------------------------------------*/
body.index_body{ background-image:url(../img/bgi.gif); background-repeat:repeat-x; background-color: #F4F1E9; font-size: 12px; color: #444;}
body{ background-image:url(../img/bgi2.gif); background-repeat:repeat-x; background-color: #F4F1E9; font-size: 12px; color: #444;}
#all_box{width: 950px; background-color: #F4F1E9; margin-left: auto; margin-right: auto; padding-bottom: 20px;}

/*header
---------------------------------------------------------------------*/
#header{height: 77px; position: relative;}
#header h1.copy{font-size: 12px; color: #805E1F; top: 35px; right: 32px; position: absolute;}
#header a#home_link{width: 127px;  height: 24px; top: 30px; left: 32px; position: absolute; display: block;}

/*contents
---------------------------------------------------------------------*/
#contents{height: 32px;}
#contents_line{height: 10px;}

/*subcontents
---------------------------------------------------------------------*/
#subcontents{height: 87px; background-image: url(../img/index_suc_bgc.jpg); text-align:center;}

/*Flash infoarea
---------------------------------------------------------------------*/
#infoarea{height: 350px;}

/*message
---------------------------------------------------------------------*/
#message{width: 890px; margin-left: 30px;}
#message img{margin-top: 20px;}


/*---------------------------------------------------------------------
main
---------------------------------------------------------------------*/
#main{ }

/*トピックス
---------------------------------------------------------------------*/
div.topic_box{float: left; width: 270px; height:430px; margin-left: 20px; margin-top: 15px; overflow:auto;}
div.topic{width: 235px;	padding: 5px; border-bottom: 1px #E6DDCD solid;}
div.topic span.date{width: 115px; padding: 5px 0 0 5px; color: #630}
div.topic div.topic_ulbox{width: 215px; padding-left: 20px;}
div.topic div.topic_ulbox ul{list-style: none;}
div.topic div.topic_ulbox li{color: #555; line-height: 1.5em; text-align: left; padding:5px 0; font-size:95%;}

/*select items
---------------------------------------------------------------------*/
div.select_items_box{float: right; width: 605px; margin-top: 15px; margin-right: 20px;}
div.select_items_box ul.si_list{list-style:none;}
div.select_items_box ul.si_list li{padding:0 1px 1px 0; display:inline}

/*ブランドリスト
---------------------------------------------------------------------*/
div.brand_box{ font-size:87%; width: 890px;	background-image: url(../img/bramdlist_bgi.jpg); background-repeat: repeat-y; margin: 100px 0 0 25px;}
div.brand_box div.ul_boxl{float: left; width: 155px; height:360px; margin: 20px 0 20px 30px; border-right: 1px #999 dotted;}
div.brand_box div.ul_boxm{float: left; width: 155px; height:360px; margin: 20px 0 20px 15px; border-right: 1px #999 dotted;}
div.brand_box div.ul_boxr{float: left; width: 155px; height:360px; margin: 20px 0 20px 15px;}
div.brand_box ul.b_list{list-style: url(../img/arrow_gray.png) inside;}
div.brand_box ul.b_list li {line-height: 1.6em;}

/*ストリー
---------------------------------------------------------------------*/
div.story_box{width: 890px;	margin: 20px 0 0 30px;}
div.story_box_bgi{width: 283px;	background-image: url(../img/style_bgi.gif); background-repeat: repeat-y;}
div.story_box_bgi p{padding: 10px 21px 15px 23px; line-height: 1.5em;}
div.story_box div.story_box_l{float: left;}
div.story_box div.story_box_m{float: left; margin: 0 20px;}
div.story_box div.story_box_r{float: right;}

/*お問い合わせフォーム
---------------------------------------------------------------------*/
div.formbox{width: 890px; margin-left: 30px; margin-top: 30px;}
div.formbox div.policy{float: left; width: 350px; margin: 0 20px 0 0; line-height: 1.5em;}
div.formbox table{float: right; width: 520px; border-left: 1px #aaa solid; border-top: 1px #aaa solid;}
div.formbox table th{width: 110px; padding:10px 15px 5px 15px; line-height: 2em; text-align:left; border-right: 1px #aaa dotted; border-bottom: 1px #aaa solid; background-color:#eee}
div.formbox table td{padding:10px 15px 5px 15px; line-height: 2em; border-right: 1px #aaa solid; border-bottom: 1px #aaa solid; background-color:#fff}

/*footprint
---------------------------------------------------------------------*/
div.footprint{height:25px; text-align:left; color:#666; font-size:95%;}

/*ページのトップへ
---------------------------------------------------------------------*/
#pagetop{margin-top: 15px; margin-right: 30px; text-align: right;}


/*---------------------------------------------------------------------
footer
---------------------------------------------------------------------*/
#footer{margin-top: 15px; font-size: 11px; line-height: 2em; color: #805E1F; text-align: center;}