@charset "UTF-8";

/* INDEX
-------------------------------------------
1. main layout
2. navigation
3. link style
4. common parts
-------------------------------------------*/


/* 1. main layout
-------------------------------------------*/
body{
color:#333333;
font-size:80%;
background:#E8E6D4;
line-height:1.3;
}
#wrapper{
margin:0 auto;
padding:0px;
width:798px;
border-left:1px solid #000;
border-right:1px solid #000;
border-bottom:1px solid #000;
background:#ffffff;
}

#header{
margin:0px;
padding:0px;
width:798px;
}
.detail #header{
}

#pankuzu{
}

#contents{
margin:0px;
padding:0px;
width:798px;
}

#maincol{
margin:0px;
padding:0px;
width:798px;
}

#maincol .top{
border-top:1px #FFFFFF solid;
border-bottom:1px #FFFFFF solid;
position:relative;
}

#maincol h2{
padding:10px 0 10px 0;
}

#maincol .txt-p{
padding:0px 30px 10px 30px;
}

#topimg{
position:relative;
}

#maincol .img-p{
padding:10px 0 10px 0;
}

#btn-lineup{
position:absolute;
top:145px;
left:66px;
}

.info{
border:solid 2px #666666;
color:#333333;
margin:15px 10px 10px 10px;
padding:0px;
background-color:#FFFFFF;
}

.info h1{
font-weight:bold;
color:#3366CC;
padding-bottom:5px;
}

.info table{
width:100%;
}

.info td{
padding:10px;
}

.info p{
padding:5px;
}

.title{
border:solid 2px #666666;
color:#333333;
margin:15px 10px 10px 10px;
padding:5px;
background-color:#FFFFFF;
}

.spec{
padding:0 7px 3px 7px;
margin:0;
width:186px;
background-color:#FFFFFF;
}
.spec h2{
padding:5px 0 0 0;
border-top:1px solid #ccc;
}
.spec h3{
padding:0 0 2px 5px;
margin:0 0 10px 0;
color: #000000;
font-weight:bold;
font-size:100%;
border-bottom:2px solid #666666;
border-left:4px solid #666666;
}
.spec p{
padding:0 0 3px 0;
font-size:80%;
}
.shop{
padding:5px 7px 5px 7px;
margin:0;
width:186px;
background-color:#FFFFFF;
font-size:80%;
}
.shop h3{
padding:0 0 3px 0;
color: #000000;
font-weight:bold;
}
.shop p{
padding:0 0 3px 0;
}

.hambai{
padding:0 0 0 5px;
margin:5px 0 0 0;
color: #3399FF;
font-weight:bold;
font-size:100%;
}

#maincol .lineup{
padding:10px 0 0 0;
}

.newicon{
position:absolute;
width:30px;
height::10px;
top:5px;
right:5px;
}

/*#subncol{
}
*/
#footer{
clear:both;
margin:0px;
padding:0px 0px 10px 0px;
width:798px;
}
.detail #footer{
}

/* 2. navigation
-------------------------------------------*/


/* 3. link style
-------------------------------------------*/
a{
overflow:hidden;
}

a:link{
color:#0066CC;
text-decoration:underline;
}

a:visited{
color:#0066CC;
text-decoration:underline;
}

a:hover{
color:#FF6600;
text-decoration:none;
}

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

/* 4. common parts
-------------------------------------------*/
/* 4.1 of header
-------------------------------------------*/
.wrap_head{
background-color:#fff;
}
.logo{
padding:0px;
}
/* 4.2 of content
-------------------------------------------*/

.red{
color:#CC0000;
}
.bline{
border-bottom:dotted 1px #666666;
padding-bottom:5px;
margin-bottom:10px;
}
.rline{
border-right:dotted 1px #6699FF;
}

/* 4.3 of footer
-------------------------------------------*/
.go_top{
padding:5px 0px 0px;
text-align:center;
}
.txt_copy{
padding:10px 20px 5px 0px;
text-align:right;
border-top:1px solid #ccc;
}
