@charset "UTF-8";
/*breaker out diving CSS
------------------------------------------------------------------------------------------*/

body {
	margin:0px;
	background-image:url(images_base/bg.png);
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	line-height: 1.5;
	background-color: #f1f1f1;
	background-repeat: repeat-x;
}

h1,h2,h3,h4,h5,p,ul,li{
	margin: 0px;
	padding: 0px;
}
ul{
	list-style-type: none;
}
img {
	border: none;
}

td{
	vertical-align: top;
	color: #000000;
}

a:link {color:#333333;text-decoration:underline;}
a:visited {color:#333333;text-decoration:underline;}
a:hover {color:#32B4E6;text-decoration:none;}
a:active {color:#32B4E6;text-decoration:none;}

h1,
h2,
h3,
h4,
h5,{
	color: #4C431E;
	font-weight: bold;
	line-height: 1.5;
}

h1 {
	font-size: 100%;
}

h2 {
	margin-bottom:10px;
	padding:16px 10px 10px 10px;
	font-size:17px;
	border-bottom:1px dotted #5c3719;
	background-color: #fff;
	background-image: url(images/bg_main_h2.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
}

h3 {
	font-size: 180%;
}

h4 {
	font-size: 140%;
	color: #666;
}

h5 {
	font-size: 120%;
}


/*コンテナー
------------------------------------------------------------------------------------------*/
#container {
	margin: 0px auto;
	width: 950px;
	margin: 0 auto;
	text-align:center;
}
body > #container {
        height: auto;
}

/*ヘッダー
------------------------------------------------------------------------------------------*/
#header {
	float: left;
	margin: 0 auto;
	width: 950px;
	height: 90px;
	position: relative;
	text-align: right;
	background-color: #FFFFFF;
	background-image: url(images_base/header_bg.png);
	background-repeat: no-repeat;
}

#header a:hover img {
	filter: Alpha(opacity=50);
	opacity: 0.5; /*firefox safari*/
}

/*ナビメニュー
------------------------------------------------------------------------------------------*/
#navi {
	float: left;
	width: 750px;
	height: 60px;
	text-align: right;
	position: absolute;
	left: 0;
	top: 0;
}

#navi li {
	display: inline;
	padding: 0px;
	margin: 0px;
}


/*メインメニュー
------------------------------------------------------------------------------------------*/
#menu {
	float: left;
	width: 750px;
	height: 30px;
	text-align: right;
	position: absolute;
	left: 0;
	top: 60px;
}

#menu li {
	display: inline;
	padding: 0px;
	margin: 0px;
}

#menu2 {
	background-image:url(images_base/right_bg.gif);
	width: 750px;
	height: 35px;
	text-align: right;
	position:relative;
	line-height:2em;
}

#menu2 li {
	display: inline;
	padding-right: 10px;
	padding-left: 0px;
}

#menu2 a:link {color:#FFFFFF;text-decoration:none;}
#menu2 a:visited {color:#FFFFFF;text-decoration:none;}
#menu2 a:hover {color:#006890;text-decoration:none;}
#menu2 a:active {color:#006890;text-decoration:none;}

/*コンテンツ
------------------------------------------------------------------------------------------*/
#contents {
float: left;
background-image:url(images_base/right_bg.gif);
width: 950px;
margin: 0 auto;
position: relative;
text-align: left;
}

/*ページFULL
------------------------------------------------------------------------------------------*/
#page_full {
float: left;
background:#FFF;
width: 920px;
padding: 15px;
margin: 0 auto;
position: relative;
text-align: left;
}

#page_full a:hover img {
	filter: Alpha(opacity=50);
	opacity: 0.5; /*firefox safari*/
}

#page_full .suit {
margin: 0 45px;
}

#page_full_tittle {
float: left;
width: 455px;
margin: 0px;
position: relative;
text-align: left;
}
#page_full_p {
float: left;
width: 260px;
margin: 5px;
position: relative;
text-align: left;
}

#page_full_tx {
float: left;
width: 173px;
margin: 5px;
position: relative;
text-align: left;
}
#page_full_p2 {
float: left;
width: 230px;
margin: 5px;
position: relative;
text-align: left;
}

#page_full_tx2 {
float: left;
width: 203px;
margin: 5px;
position: relative;
text-align: left;
}

#page_full_p_link {
float: left;
background:#ccc;
width: 120px;
padding: 5px;
position: relative;
text-align: left;
}

#page_full_tx_link {
float: left;
width: 313px;
margin: 5px;
position: relative;
text-align: left;
}


#page_full_dott {
float: left;
width: 453px;
margin: 5px 0px 5px 0px;
position: relative;
text-align: left;
border: 1px dotted #999;
}

#page_full_base {
float: left;
width: 920px;
margin: 0px;
position: relative;
text-align: left;
}

#page_full_simulator {
float: left;
width: 920px;
margin: 0px;
position: relative;
text-align: center;
}

#page_full_simulator button {
padding: 7px 15px 7px 15px;
background-color: #479bf0;
color: #fff;
font-size: 16px;
border: 4px double #a7c1cd;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
cursor: pointer;
}

#page_full_simulator button:hover {
background-color: #565656;
color: #fff;
border: 4px double #fff;
}

#page_full_base_tittle {
float: left;
width: 920px;
margin: 0px;
position: relative;
text-align: left;
}

#page_full_base_dott {
float: left;
width: 917px;
margin: 5px 0px 5px 0px;
position: relative;
text-align: left;
border: 1px dotted #999;
}

#page_full_base_tx {
float: left;
width: 800px;
margin: 10px 58px 10px 59px;
position: relative;
text-align: left;
}
#page_full_1 {
float: left;
width: 455px;
margin: 5px 5px 5px 0px;
position: relative;
text-align: left;
}

#page_full_2 {
float: right;
width: 455px;
margin: 5px 0px 5px 5px;
position: relative;
text-align: left;
}

/*ページカラーサンプル
------------------------------------------------------------------------------------------*/
#page_full_cs {
float: left;
background:#FFF;
width: 920px;
padding: 15px;
margin: 0 auto;
position: relative;
text-align: center;
}

#page_full_cs a:hover img {
	filter: Alpha(opacity=50);
	opacity: 0.5; /*firefox safari*/
}
/*ページカラーサンプルメニュー
------------------------------------------------------------------------------------------*/
#page_full_cs_menu {
float: left;
width: 920px;
padding: 0px;
margin: 0px;
position: relative;
text-align: left;
}

#page_full_cs_menu li {
	display: inline;
}



/*左コンテンツ
------------------------------------------------------------------------------------------*/
#contents_left {
float: left;
background:#FFF;
width: 750px;
padding: 0px;
position: relative;
text-align: left;
}

#contents_left a:hover img {
	filter: Alpha(opacity=50);
	opacity: 0.5; /*firefox safari*/
}

/*左コンテンツTOP
------------------------------------------------------------------------------------------*/
#contents_top {
float: left;
background-image:url(images_base/2022bo_div_img.jpg);
width: 750px;
height:400px;
position: relative;
text-align: left;
}

/*左本文
------------------------------------------------------------------------------------------*/
#page_left {
float: left;
width: 750px;
margin: 0px 0px 20px 0px;
position: relative;
text-align: left;
}

#page_left_full {
float: left;
width: 720px;
margin: 10px 15px 0px 15px;
position: relative;
text-align: left;
}
#page_left_full2 {
float: left;
width: 720px;
margin: 0px;
position: relative;
}

#page_left_p {
float: left;
margin: 5px;
position: relative;
}

#page_left_tx170 {
float: left;
width: 170px;
margin: 5px;
position: relative;
text-align: left;
}

#page_left_tx350 {
	float: left;
	width: 343px;
	margin: 5px;
	position: relative;
	text-align: left;
}

#page_left_full_dott {
	float: left;
	width: 353px;
	margin: 5px 0px 5px 0px;
	position: relative;
	border: 1px dotted #999;
}

#page_left_full_p {
	float: left;
	width: 343px;
	margin: 5px;
	position: relative;
}
#page_left_full2_p {
float: left;
width: 185px;
margin: 5px;
position: relative;
}
#page_left_full2_tx {
float: left;
width: 150px;
margin: 4px;
position: relative;
text-align: left;
}

#page_left_full2_p2 {
float: left;
width: 60px;
margin: 5px;
position: relative;
}
#page_left_full2_tx2 {
float: left;
width: 275px;
margin: 4px;
position: relative;
text-align: left;
}


#page_left_full2_tittle {
float: left;
width: 355px;
margin: 0px;
position: relative;
text-align: left;
}

#page_left_full2_1 {
float: left;
width: 355px;
margin: 5px 5px 5px 0px;
position: relative;
text-align: left;
}
#page_left_full2_2 {
float: right;
width: 355px;
margin: 5px 0px 5px 5px;
position: relative;
text-align: left;
}

#page_left2_1 {
float: left;
width: 360px;
margin: 10px 5px 10px 10px;
position: relative;
text-align: left;
}

#page_left2_2 {
float: right;
width: 360px;
margin: 10px 10px 10px 5px;
position: relative;
text-align: left;
}


/*右コンテンツ
------------------------------------------------------------------------------------------*/
#contents_right {
float: right;
width: 200px;
position: relative;
text-align: left;
}

#contents_right a:hover img {
	filter: Alpha(opacity=50);
	opacity: 0.5; /*firefox safari*/
}

/*右本文
------------------------------------------------------------------------------------------*/
#page_right {
float: left;
width: 180px;
margin: 5px 10px 5px 10px;
position: relative;
text-align: left;
}

/*右本文
------------------------------------------------------------------------------------------*/
#price_right {
float: left;
background-image:url(images_base/price_bg.png);
width: 180px;
margin: 0px;
position: relative;
text-align: left;
}

/*go to
------------------------------------------------------------------------------------------*/
#goto {
float: left;
width: 700px;
margin: 0px auto;
position: relative;
text-align: right;
}

/*COMPANY_TOP
------------------------------------------------------------------------------------------*/
#company_top {
float: left;
background-image:url(images_base/company.jpg);
width: 750px;
height:500px;
position: relative;
text-align: left;
}

/*CONTACT_TOP
------------------------------------------------------------------------------------------*/
#contact_top {
float: left;
background-image:url(images_base/contact.jpg);
width: 750px;
height:500px;
position: relative;
text-align: left;
}

/*COMPANY / CONTACT
------------------------------------------------------------------------------------------*/
#contact_contact {
float: left;

width: 650px;
margin: 100px 50px 50px 50px;
position: relative;
text-align: left;
}

/*フッター
------------------------------------------------------------------------------------------*/

#footer_container {
	float: left;
	background-image:url(images_base/footer_bg.png);
	background-repeat: repeat-x;
	width: 100%;
	height:150px;
	text-align: center;
	margin: 0px auto;
	padding: 0px 0px 10px 0px;
	position: relative;
}
	
#footer {
	float: left;
	width: 910px;
	margin: 10px 20px 10px 20px;
	position: relative;
}
#footer li {
	display: inline;
}
/*クラス
------------------------------------------------------------------------------------------*/
.tittle{
	color:#FFF;
	font-weight: bold;
	font-size: 130%;
	background: #9D9675;
	padding-left: 5px;
	line-height: 1.5em;
	text-align: left;
}
.tittle2{
	color:#FFF;
	font-weight: bold;
	font-size: 100%;
	background: #999;
	padding-left: 3px;
	line-height: 1.5em;
	text-align: left;
}
	
.item {
	color: #4C431E;
	font-weight: bold;
	border-bottom: 1px dotted #4C431E;
	font-size: 100%;
	background: url(images_base/arrow1.gif) no-repeat left 5px;
	padding-left: 18px;
	line-height: 20px;
	text-align: left;
}
.materials {
	color: #4C431E;
	font-size: 90%;
	background: url(images_base/price_bg.png);
	line-height: 1.3em;
	padding: 3px;
	text-align: center;
}

.price {
	color: #333;
	font-weight: bold;
	border-bottom: 1px dotted #999999;
	font-size: 120%;
	background: url(images_base/price_bg.png);
	line-height: 20px;
	text-align: center;
}

.price_item {
	color: #333;
	font-weight: bold;
	font-size: 120%;
	line-height: 20px;
	text-align: left;
}

.copy {
	font-size: 10px;
	line-height: 1.5em;
}




.cap {
	font-size: 10px;
	line-height: 1.3em;
}

.men {
	color: #648CAC;
	font-weight: bold;
	font-size: 120%;
}

.woman {
	color: #C1737F;
	font-weight: bold;
	font-size: 120%;
}

.greyheather {
	background: url(images_base/heather1.png);
}
.blueheather {
	background: url(images_base/heather2.png);
}
.redheather {
	background: url(images_base/heather3.png);
}




.goto {
	color: #C42529;
	font-size: 10px;
	text-align: right;
	margin:5px;
}

.goto a:link {color:#C42529;text-decoration:none;}
.goto a:visited {color:#C42529;text-decoration:none;}
.goto a:hover {color:#C42529;text-decoration:underline;}
.goto a:active {color:#C42529;text-decoration:underline;}

/*ディーラー
------------------------------------------------------------------------------------------*/
#page_full_base_d {
float: left;
width: 800px;
margin: 10px 60px 10px 60px;
position: relative;
text-align: left;
}
.chiiki{ 
	background: url(images_base/arrow4.png) no-repeat left top;
	font-size: 13px;
	font-weight: bold;
	color: #333333;
	line-height: 1.5em;
	padding: 0px 0px 0px 17px;
}

table#table-d {
    width: 800px;
	text-align: left;

}



/*テキスト
------------------------------------------------------------------------------------------*/
table#table-d td.txt {
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #666666;
}
table#table-d td.txt_tel {
	text-align: center;
	font-size: 120%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #666666;
}
table#table-d td.txt2 {
	text-align: left;
}
table#table-d td.txt3 {
	text-align: right;
	font-size: 90%;
}


/*clearfix
------------------------------------------------------------------------------------------*/
#container:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#container { display: inline-block; }

/* Hides from IE-mac \*/
*html #container { height: 1%; }
#container {
	display: block;
}
/* End hide from IE-mac */