body{
font-size:80%;
color:#191919;
line-height:1.4;
text-align:center;
background:#f0ece0;
}

body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,li,dt,dd,img,object,form,input,select{
margin:0;
padding:0;
}

h1,h2,h3,h4,h5,h6{
font-size:100%;
}

img{
border:none;
vertical-align:top;
}

ul,ol,li,dl,dt,dd{
list-style:none;
}

strong{
font-weight:normal;
}

table{
border-collapse:collapse;
}
	
div:after {
content:".";
height:0;
clear:both;
display:block;
visibility:hidden;
}


#container{
width:752px;
margin:0 auto;
background-image:url(img/explanation_background.gif);
text-align:left;
}

#onlystyle{
width:752px;
clear:left;
background-color:#f8f8ee;
padding:18px 0;
}

#onlystyle h1{
cursor:pointer; 
text-indent:-9999px;
background-image:url(img/onlystyle.gif);
background-repeat:no-repeat;
}

#navi{
width:752px;
clear:left;
}

#importance{
background-color:white;
color:#5d5a5b;
font-size:10px;
text-align:right;
margin:0px;
padding:0px 8px 6px;
height:18px;
}

#importance a{
font-size:10px;
line-height:10px;
color:#5d5a5b;
}

#partition;{
height:1px;
background:url(img/index_title_bottom.gif) no-repeat;
}


/*---------------ナビゲーションメニュー---------------*/


ul#nav{
position:relative;
width:752px;
height:30px;
background:url(img/navigation_menu.gif);
}

ul#nav li{
top:0;
left:0;
padding:0;
margin:0;
display:block;
float:left;
}

ul#nav li a{
border:0;
display:block;
text-decoration:none;
}

/*---------------ホーム---------------*/

li#home{
text-indent:-9999px;
}

li#home a{
width:108px;
height:30px;
background:url(img/navigation_menu_01.gif) no-repeat;
}

li#home a:hover{
background:url(img/navigation_menu_01.gif) no-repeat;
background-position:0px -30px;
}

/*---------------レカロとは---------------*/

li#about_recaro{
text-indent:-9999px;
}

li#about_recaro a{
width:107px;
height:30px;
background:url(img/navigation_menu_02.gif) no-repeat;
}

li#about_recaro a:hover{
background:url(img/navigation_menu_02.gif) no-repeat;
background-position:0px -30px;
}

/*---------------コンセプト---------------*/

li#concept{
text-indent:-9999px;
}

li#concept a{
width:107px;
height:30px;
background:url(img/navigation_menu_03.gif) no-repeat;
}

li#concept a:hover{
background:url(img/navigation_menu_03.gif) no-repeat;
background-position:0px -30px;
}

/*---------------ご注文について--------------*/

li#order{
text-indent:-9999px;
}

li#order a{
width:107px;
height:30px;
background:url(img/navigation_menu_04.gif) no-repeat;
}

li#order a:hover{
background:url(img/navigation_menu_04.gif) no-repeat;
background-position:0px -30px;
}

/*---------------お問い合わせ--------------*/

li#inquiry{
text-indent:-9999px;
}

li#inquiry a{
width:107px;
height:30px;
background:url(img/navigation_menu_05.gif) no-repeat;
}

li#inquiry a:hover{
background:url(img/navigation_menu_05.gif) no-repeat;
background-position:0px -30px;
}

/*---------------特定商取引に基づく表記--------------*/

li#method{
}


li#method a{
font-size:80%;
line-height:100%;
padding:10px 0 0 0;
width:107px;
height:20px;
color:#5d5a5b;
}

li#method a:hover{
text-decoration:underline;
}

/*---------------プライバシーポリシー--------------*/

li#privacy{
}

li#privacy a{
font-size:10px;
line-height:100%;
padding:10px 0 0 0;
width:108px;
height:20px;
color:#5d5a5b;
}

li#privacy a:hover{
text-decoration:underline;
}


#menu a{
color:#858280;
font-size:10px;
margin:0px;
}

#menu-left{
width:536px;
height:28px;
float:left;
}

#menu-right{
width:208px;
height:28px;
float:right;
padding:2px 0px 0px 6px;
background-image:url(img/background_menu.gif);
}

#menu-right a:link{text-decoration:none;}
#menu-right a:visited{text-decoration:none;}
#menu-right a:active{text-decoration:none;}
#menu-right a:hover{
color:#858280;
text-decoration:none;
padding-bottom:1px;
border-bottom:2px dashed #AC7B36;
}

#home{
background-image:url(img/menu_mouse-over_01.gif);
overflow:hidden;
}

div#copyright{
clear:both;
margin:0;
padding:0;
width:750px;
border:1px solid #cccccc;
color:white;
background-color:#AC7C35;
height:18px;
}

div#copyright p{
padding:0 10px 0 0;
font-size:10px;
text-align:right;
color:white;
}

#info{
text-align:left;
color:#5d5a5b;
}

#info h2{
text-align:left;
line-height:12px;
color:#5d5a5b;
margin:0px;
}

#info p{
text-align:left;
font-size:10px;
line-height:10px;
color:#5d5a5b;
margin:6px 0px;
}





#composition{
width:750px;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
background-color:white;
}

#wrapper{
width:334px;
float:left;
}

#wrapper-left_167{
width:167px;
float:left;
}

#wrapper-right_167{
width:167px;
float:right;
}

#container-right_167{
width:167px;
float:right;
}


/*---------------showcase--------------*/


table#showcase{
}

table#showcase p{
font-size:10px;
color:#333333;
}


/*---------------order--------------*/


div#order{
width:620px;
margin:0 auto;
padding:1em 0 0 0;
}

div#confirmation{
text-indent:-9999px;
background-image:url(img/confirmation.gif);
width:620px;
height:40px;
margin:0 0 2em 0;
}

div#method{
}

div#method h2{
margin:0 0 1em 0;
padding:3px;
font-size:120%;
font-weight:normal;
color:#4d4d4d;
text-align:left;
border-left:6px solid #785626;
border-bottom:1px solid #785626;
}

div#method h3{
margin:0;
color:#333333;
text-align:left;
}

div#method p{
margin:0 0 1em 2em;
text-align:left;
}

div#date{
padding:1em 0;
text-align:left;
}

div#date h2{
margin:0 0 1em 0;
padding:3px;
font-size:120%;
font-weight:normal;
color:#4d4d4d;
border-left:6px solid #785626;
border-bottom:1px solid #785626;
}

div#date h3{
margin:0 0 1em 0;
background-image:url(img/date_h3.gif);
background-position:left;
width:620px;
height:40px;
text-indent:-9999px;
}

div#date p{
margin:0 0 1em 2em;
text-align:left;
}

div#cancell{
padding:1em 0;
margin:0 auto;
text-align:left;
}

div#cancell h2{
margin:0 0 1em 0;
padding:3px;
font-size:120%;
font-weight:normal;
color:#4d4d4d;
border-left:6px solid #785626;
border-bottom:1px solid #785626;
}

div#cancell h3{
margin:0 0 1em 0;
background-image:url(img/cancell_h3.gif);
background-position:left;
width:620px;
height:40px;
text-indent:-9999px;
}

div#cancell p{
margin:0 0 1em 2em;
text-align:left;
}

table#card{
width:620px;
margin:0 0 1em 0;
border-collapse:collapse;
}

table#card td{
border:1px solid #666666;
border-collapse:collapse;
padding:2px;
color:#333333;
}

table#card td img{
margin:3px 3px 0 0;
float:left;
}

div#payment{
padding:1em 0;
}

div#payment h2{
margin:0 0 1em 0;
padding:3px;
font-size:120%;
font-weight:normal;
color:#4d4d4d;
text-align:left;
border-left:6px solid #785626;
border-bottom:1px solid #785626;
}

div#payment h3{
margin:0 0 1em 0;
background-image:url(img/payment_h3.gif);
background-position:left;
width:620px;
height:40px;
text-indent:-9999px;
}

div#payment p{
margin:0 0 1em 2em;
text-align:left;
}

table#bank{
width:620px;
margin:0 0 1em 0;
border-collapse:collapse;
}

table#bank td{
border:1px solid #666666;
border-collapse:collapse;
padding:2px;
color:#333333;
}

table#bank td img{
margin:3px 3px 0 0;
float:left;
}

/*---------------contents--------------*/

div#contents{
width:752px;
clear:left;
padding:36px 0;
background:url(img/explanation_background.gif) #ffffff;
}

div#contents h2{
width:608px;
padding:6px;
background-color:#AC7C35;
font-size:120%;
color:#ffffff;
}

div#contents table tr td{
padding:6px;
}

/*---------------privacy--------------*/

div#privacy{
clear:left;
padding:1em 66px;
width:752px;
background-image:url(img/explanation_background.gif);
background-color:white;
}

div#privacy h1{
font-size:120%;
text-align:left;
color:#AC7B36;
margin:0px;
}

div#privacy h2{
font-size:120%;
text-align:left;
color:#AC7B36;
margin:24px 0px 0px 0px;
}

div#privacy ol{
}

div#privacy li{
margin:14px 0px 0px 0px;
text-align:left;
color:#4d4d4d;
}

div#privacy p{
text-align:left;
color:#4d4d4d;
margin:6px 0px 0px 0px;
}


/*---------------changeyourseat--------------*/


#changeyourseat{
width:752px;
margin:0 auto;

}

#changeyourseat h2{
margin:0;
width:752px;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
text-indent:-9999px;
background-image:url(img/changeyourseat_01.gif);
height:321px;
}

#changeyourseat p{
margin:0;
width:752px;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
text-indent:-9999px;
background-image:url(img/changeyourseat_02.gif);
height:479px;
}


/*---------------a-class--------------*/


#a-class{
width:620px;
margin:0 auto;
}

#a-class img.left{
margin:0 8px 0 0;
float:left;
}

#a-class h2{
background-image:url(img/a-class_h2_title.jpg);
height:200px;
text-indent:-9999px;
}

#a-class h3{
margin:1em 0;
padding:0;
}

#a-class_01{
margin:0 0 1em 0;
padding:0;
border:0;
border-collapse:collapse;
}

#a-class_01 td{
margin:0;
padding:0 5px 0 0;
border:0;
border-collapse:collapse;
vertical-align:top;
}

#a-class_02{
margin:0 0 1em 0;
padding:0;
border:0;
border-collapse:collapse;
}

#a-class_02 td{
margin:0;
padding:0 5px 0 0;
border:0;
border-collapse:collapse;
vertical-align:top;
}

#function{
}

#function td{
width:440px;
vertical-align:top;
}

#function td#seat-dimension{
width:180px;
vertical-align:top;
}

#function p{
margin:0 0 1em 0;
}

#function li{
margin:0 0 1em 0;
padding:0 0 0 6px;
font-size:120%;
font-weight:bold;
border-left:6px solid #785626;
}

#function li span{
font-weight:normal;
border-left:6px solid white;
}

#detail{
margin:1em 0;
padding:0;
width:620px;
}

#display{
width:620px;
margin:0 0 2em 0;
border-collapse:collapse;
}

td#information{
width:380px;
border-collapse:collapse;
}

td#information p{
margin:0 0 1em 0;
}

#select-color{
margin:0;
width:380px;
}

#select-color_alcantara{
width:150px;
float:left;
}

#select-color_alcantara p{
font-weight:bold;
}

#color{
margin:0 0 1em 0;
font-size:10px;
font-weight:bold;
}

#select-color_northampton{
width:190px;
float:right;
font-weight:bold;
}

#select-color_northampton p{
font-weight:bold;
}

td#goods{
width:240px;
border-collapse:collapse;
}

#detail td{
margin:0;
padding:0;
}

#detail img{
border:1px solid black;
}

img.title{
margin:0 0 1em 0;
}


/*---------------c-class--------------*/


#c-class{
width:620px;
margin:0 auto;
}

#c-class img.left{
clear:left;
margin:0 8px 0 0;
float:left;
}

#c-class h3{
margin:1em 0;
padding:0;
}

#c-class_01{
margin:0 0 1em 0;
padding:0;
border:0;
border-collapse:collapse;
}

#c-class_01 td{
margin:0;
padding:0 5px 0 0;
border:0;
border-collapse:collapse;
vertical-align:top;
}

#c-class_02{
margin:0 0 1em 0;
padding:0;
border:0;
border-collapse:collapse;
}

#c-class_02 td{
margin:0;
padding:0 5px 0 0;
border:0;
border-collapse:collapse;
vertical-align:top;
}

#function{
width:620px;
}

#function td{
width:440px;
vertical-align:top;
}

#function td#seat-dimension{
width:180px;
vertical-align:top;
}

#function p{
margin:0 0 1em 0;
}

#function li{
margin:0 0 1em 0;
padding:0 0 0 6px;
font-size:120%;
font-weight:bold;
border-left:6px solid #785626;
}

#function li span{
font-weight:normal;
border-left:6px solid white;
}

#detail{
margin:1em 0;
padding:0;
width:620px;
}

#detail td{
margin:0;
padding:0;
}

#detail img{
border:1px solid black;
}

img.title{
margin:0 0 1em 0;
}


/*---------------about_northampton--------------*/


#about_northampton{
width:620px;
margin:0 auto 1em auto;
text-align:left;
}

#about_northampton h2{
margin:0 0 1em 0;
text-indent:-9999px;
background-image:url(img/class_about_northampton_h2.jpg);
background-repeat:no-repeat;
width:620px;
height:60px;
}

#about_northampton h3{
margin:0 0 1em 0;
text-indent:-9999px;
background-image:url(img/about_northampton_h3.gif);
background-repeat:no-repeat;
height:45px;
}

#about_northampton p{
color:#333333;
margin:0 0 1em 0;
}

#about_northampton ul{
clear:left;
color:#333333;
margin:0 0 1em 0;
}

#about_northampton li{
font-weight:bold;
color:#8b2418;
margin:0 0 1em 0;
}


/*---------------about_alcantara--------------*/


#about_alcantara{
width:620px;
margin:0 auto 1em auto;
clear:left;
border-collapse:collapse;
text-align:left;
}

#about_alcantara td{
border-collapse:collapse;
}

#about_alcantara h2{
margin:0 0 1em 0;
text-indent:-9999px;
background-image:url(img/about_alcantara_h2.jpg);
background-position:right;
background-repeat:no-repeat;
width:620px;
height:60px;
}

#about_alcantara h3{
margin:0 0 1em 0;
text-indent:-9999px;
background-image:url(img/about_alcantara_subtitle01.gif);
background-repeat:no-repeat;
height:45px;
}

#about_alcantara p{
color:#333333;
margin:0 0 1em 0;
}

#about_alcantara ul{
clear:left;
color:#333333;
margin:0 0 1em 0;
}

#about_alcantara li{
font-weight:bold;
color:#4C0000;
margin:0 0 1em 0;
}


/*---------------buy--------------*/

#buy{
width:504px;
margin:1em auto;
}

#buy a{
display:block;
width:504px;
height:78px;
text-indent:-9999px;
}

a.buy{
background-image:url(img/buy.gif);
background-repeat:no-repeat;
}

a:hover.buy{
background-position:0px -78px;
}

a.buy2{
background-image:url(img/buy2.gif);
background-repeat:no-repeat;
}

a:hover.buy2{
background-position:0px -78px;
}

img.left{
float:left;
clear:right;
margin:0 1em 0 0;
}

img.right{
float:right;
clear:left;
margin:0 0 0 1em;
vertical-align:top;
}

hr{
clear:left;
margin:0 0 1em 0;
}

#explanation{
vertical-align:top;
}

#explanation a{
display:block;
color:#4d4d4d;
margin:0.2em 0;
padding:0 0 0 1em;
}

#catalog{
margin:0 0 0.5em 0;
}

#catalog a{
padding:0;
}

/* preview */

ul#preview{
width:620px;
clear:left;
margin:36px 0;
}

ul#preview li{
width:146px;
height:146px;
float:left;
margin:0 10px 0 0;
}

/* northampton */

div#northampton{
width:530px;
clear:left;
margin:0 45px;
}

div#northampton h4{
width:518px;
clear:left;
margin:0 0 18px 0;
padding:6px;
background:#191919;
color:#fff;
}

div#northampton ul{
width:530px;
clear:left;
margin:0 0 36px 0;
}

div#northampton ul li{
width:125px;
float:left;
margin:0 10px 10px 0;
}

div#northampton ul li dl dt{
width:125px;
clear:left;
}

div#northampton ul li dl dd{
background:url(img/co_bigicon.gif) no-repeat right;
}

div.contents{
width:620px;
clear:left;
margin:0 auto;
padding:0 66px;
}

div#sub-menu{
width:150px;
float:left;
margin:0 10px 0 0;
}

div.sub-menu{
width:150px;
float:left;
margin:0 10px 0 0;
}

div.class{
width:280px;
float:left;
margin:0 10px 0 0;
}
