@charset "EUC-JP";


/* 1.base */
/*===============================*/
body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
p,table,th,td,
address, strong ,
fieldset,label,form,input{
margin:0; 
padding:0;
font-weight:normal;
font-style:normal;
}
*{
outline:none;
}
table{
border-collapse:collapse; 
border-spacing:0; 
border:none;
font-size:100%;
}
caption,th,td { 
text-align:left;
vertical-align:top; 
}
img{
border:none;
}
ul li{ 
list-style:none; 
}
h1,h2,h3,h4,h5,h6 { 
font-size:100%; 
}
body{
color:#332;
background: #f6e6cc url(../img/common/shade.jpg) 820px repeat-y;
line-height:1.6;
font-family:'Osaka','メイリオ','Meiryo','ＭＳ Ｐゴシック',sans-serif;
}
a,
a:link,
a:visited,
a:hover{
text-decoration:none;
color:#333;
}
/*===============================*/



/* 2.hack */
/*===============================*/
.group:after,
.unit:after{
 content:".";
 height:0px;
 clear:both;
 display: block;
 visibility:hidden;
 }
.group,
.unit{
 zoom:1;
 }
/*===============================*/


/*Navigation*/
/*===============================*/
ul#nav{
margin:0 0 20px 10px;
border-left:1px solid #666;
padding-left:2px;
}
ul#nav li{
float:left;
border-right:1px solid #666;
margin-right:2px;
padding-right:2px;
}
ul#nav li a{
display:block;
}


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


/*TOP PAGE*/
/*================================*/
body#top div#container{
width:820px;
border-top:3px solid #525252;
position:relative;
}

p#topLogo{
margin:250px 0 250px 80px;
}
div#topNav{
position:absolute;
top:230px;
left:450px;
/*margin:140px 0 140px 450px;*/
}
div#topNav ul#nav {
margin:0 0 20px 0;
}
div#topNav ul#BrandMenu{
width:360px;
}
div#topNav ul#BrandMenu li{
width:120px;
height:90px;
float:left;
margin:0 10px 10px 0;
}
div#topNav ul#BrandMenu li a{
width:120px;
height:90px;
display:block;
}


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


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

div#container{
width:820px;
font-size:12px;
}

/*header*/
/*================================*/
div#header{
border-bottom:3px solid #525252;
padding:0 0 10px;
background:#fff;
}
div#header p#logo{
padding:10px;
}
div#header ul#menu{
margin:.5em 10px 0;
}
/*===============================*/

/*BrandMenu*/
dl#BrandMenu{
position:absolute;
top:20px;
left:620px;
}
dl#BrandMenu dt{
margin-bottom:15px;
}
dl#BrandMenu li{
margin:0 0 20px 15px;
}
dl#BrandMenu li a{
display:block;
width:150px;
height:35px;
}
/*===============================*/



/*Main*/
/*================================*/
div#Main{
position:relative;
}


/*Main Contents*/
/*================================*/
div#MainContent{
padding:15px 230px 0 30px;
}
div#MainContent h2{
margin-bottom:20px;
}
div#MainContent dl{
margin-bottom:10px;
}
div#MainContent dt{
font-size:110%;
font-weight:bolder;
color:#311C16;
padding-bottom:3px;
background:url(../img/common/dot.gif) repeat-x left bottom;
}
div#MainContent dd{
margin:10px 10px 20px;
}
div#MainContent dd li{
list-style:outside circle;
margin:10px 0 0 20px;
}
	body#pp div#MainContent dd li{
	list-style:outside decimal;
	}
div#MainContent dd a{
margin:0 0 0 1em;
text-decoration:underline;
}

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


/*Contact Form*/
/*================================*/
div#MainContent form input,
div#MainContent form select{
margin:0 .5em;
}
div#MainContent form li{
list-style:none;
float:left;
width:200px;
height:40px;
margin:0 !important;
}
div#MainContent form span{
font-size:80%;
}
div#MainContent form img{
margin:0 1em 0 0;
}
dl#error{
margin:0 0 3em;
}
dl#error dt{
border:none;
}
dl#error dd{
text-decoration:underline;
}
dl#error span{
font-size:150%;
color:#f00;
font-weight:bolder;
}

.att{
background:#311C16;
color:#fff;
padding:2px;
letter-spacing:.5em;
}
/*================================*/

/*zip*/
/*================================*/
body#zip{
background-image:none;
}
body#zip h3{
border-bottom:1px dotted #666;
}
body#zip div{
width:80%;
margin:10px auto;
fon-size:90%;
}
body#zip dl{
margin:1em 1em 0;
}
body#zip dt{
display:inline;
margin:0 2em 0 0;
border-left:5px solid #311C16;
padding:0 0 0 6px;
}
body#zip dd{
display:inline;
margin:0 3em 0 0;
}
body#zip dd.zipbtn{
font-weight:bolder;
background:#311C16;
padding:.1em 0 .1em .5em;
color:#fff;
letter-spacing:.5em;
white-space: nowrap; 
margin:0 !important;
}
body#zip p#closebtn{
margin:3em 0 0;
padding:.5em 0 0;
border-top:1px dotted #666;
}
/*================================*/

/*thanks*/
/*================================*/
div#thanksContent{
padding:15px 30px;
}
p#thankstxt{
margin:100px 0;
font-size:120%;
text-align:center;
}
dl#thanksMenu{
height:200px;
margin:120px 0  80px;
}
dl#thanksMenu{
width:580px;
margin:0 0 0 120px;
}
dl#thanksMenu dt{
border:none;
margin:0 0 20px;
}

dl#thanksMenu li{
display:inline;
margin:0 20px 0  0;
}
/*================================*/

p#copyright{
margin:30px 0;
padding:.3em;
border-top:1px solid #666;
text-align:right;
}