@charset "UTF-8";

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


/* 1. main layout
-------------------------------------------*/
body{
font-family:"ヒラギノ角ゴ Pro W3",メイリオ,"ＭＳ Ｐゴシック",Verdana,sans-serif;
color:#333;
background:url(/image/bg.gif);
font-size:85%;
line-height:1.6;
}

#wrapper{
margin:0 auto;
padding:0px;
width:940px;
border-left:#999999 1px solid;
border-right:#999999 1px solid;
background-color:#FFFFFF;
}

#header{
margin:0px auto 0px auto;
padding:0;
width:940px;
background: #FFFFFF url(/image/bg-menu.gif) 230px 0px no-repeat;
position:relative;
}

.logo {
width:200px;
padding:7px 10px 6px 20px;
float:left;
}

.menu {
width:140px;
float:left;
}

.menu-title {
padding:0px;
height:18px;
border-bottom:#999999 1px solid;
}

.menu-btn {
border:#999999 1px solid;
margin:5px 0 0 15px;
padding:0;
width:123px;
}

.searchbox {
background-color:#666666;
color:#FFFFFF;
padding:5px 5px 5px 5px;
width:930px;
}

.inp {
float: left;
}

.textinp {
border: 1px solid #999999;
float: left;
font-size: 12px;
padding:3px;
width: 160px;
}

.searchsubmit {
float:left;
padding:3px;
}

.f_member {
float:left;
font-size: 10px;
padding:5px 5px 3px 20px;
}

.ad{
}

#contents{
margin:0px auto;
padding:0 0 10px 0px;
text-align:left;
width:940px;
}

#sideleft{
float:left;
width:210px;
padding:8px 5px 5px 5px;
margin:0;
}

#maincol{
float:left;
width:720px;
}


#titlelineup{
width:210px;
}

#titlelineup li{
border-bottom:#999999 dotted 1px;
font-size:75%;
text-align:left;
}

#titlelineup li a{
padding:5px;
display:block;
}

#titlelineup li img{
float:left;
margin-right:8px;
}

#aboutus{
margin-top:10px;
width:210px;
}

#aboutus li{
border-bottom:#999999 dotted 1px;
font-size:75%;
text-align:left;
}

#aboutus li a{
padding:5px;
display:block;
}

#campaign{
margin-top:10px;
width:210px;
}

#campaign li{
border-bottom:#999999 dotted 1px;
font-size:75%;
text-align:left;
}

#mobilesite{
margin-top:10px;
width:210px;
}

#mobilesite li{
border-bottom:#999999 dotted 1px;
font-size:75%;
text-align:left;
}

#links{
margin-top:10px;
width:210px;
}

#links li{
border-bottom:#999999 dotted 1px;
text-align:center;
}

#center{
float:left;
width:480px;
padding:8px 10px 5px 10px;
margin:0;
}

#sideright{
float:left;
width:210px;
padding:8px 5px 5px 5px;
margin:0;
}

.rightbox{
padding:0 5px 5px 5px;
}

.freebox{
padding:5px 0 5px 0;
}

#shopinfo{
margin-top:10px;
padding:0 0 5px 0;
}

#shopinfo .shopbana{
padding:5px 5px 0 5px;
}

.tweets{
padding-top:5px;
}

#newtopic{
margin-top:10px;
width:480px;
}

#newtopic .news{
border-bottom:#999999 dotted 1px;
width:480px;
}

#newtopic .news img{
float:left;
margin:5px;
}

#newtopic .news h3{
float:left;
width: 360px;
margin:5px;
}

#newtopic .news h3 a{
text-align:left;
width:360px;
font-size:75%;
font-weight:bold;
}

#newtopic .news p{
float:left;
margin:0 5px 0 5px;
text-align:left;
width:360px;
font-size:75%;
color:#666666;
}

#newtopic .news em{
float:left;
margin:5px;
text-align:left;
width:360px;
font-size:75%;
color:#666666;
font-style: normal;
}

#recommenditem{
margin-top:10px;
width:480px;
text-align:center;
}

.itembox_head{
width:119px;
margin:5px 0 0 0;
padding:10px 0;
float:left;
border-left:#999999 dotted 1px;
}

.itembox_body .imgarea{
padding:0 0 3px 0;
}

.txtarea h3 a{
font-size:75%;
font-weight:bold;
}

.txtarea .txt_price{
padding:3px 0;
font-size:75%;
color:#666666;
font-weight:bold;
}

#footer{
clear:both;
margin:0px auto;
padding:5px 0px 5px 0px;
width:100%;
background:#000;
color:#FFF;
font-size:11px;
}

.motto a{
padding:5px;
display:block;
font-size:75%;
text-align:right;
}


/* 2. navigation
-------------------------------------------*/
.undernavi{
padding:10px;
}

.cont00{
margin:0px auto 20px auto;
}

.cont01{
margin:0px auto 20px auto;
}

.cont02{
margin:0px auto 20px auto;
}

.gaiyo{
width: 100%;
margin:10px auto 10px auto;
border: 2px #999999 solid;
border-collapse: collapse;
border-spacing: 0;
}

.gaiyo th{
white-space:nowrap;
padding: 5px;
line-height:1.8;
border: 1px #cccccc solid;
border-width: 0 0 1px 1px;
background: #EEEEEE;
}

.gaiyo td{
padding: 5px;
line-height:1.8;
border: 1px #cccccc solid;
border-width: 0 0 1px 1px;
}

.midashi{
padding:10px;
margin:0 auto;
border-top:#CCCCCC solid 1px;
border-right:#CCCCCC solid 1px;
border-left:#99CC00 solid 3px;
border-bottom:#99CC00 solid 1px;
font-weight:bold;
font-size:120%;
}

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

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

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

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

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

a.oncolor:link{
color:#fff;
text-decoration:underline;
}

a.oncolor:visited{
color:#fff;
text-decoration:underline;
}

a.oncolor:hover{
color:#ff0;
text-decoration:none;
}

a.oncolor:active{
color:#ff0;
text-decoration:none;
}
/* 4. common parts
-------------------------------------------*/
.red{
color:#c00;
}

.bold{
font-weight:bold;
}

.pagetop{
float:right;
font-size:12px;
}

.link_index{
float:left;
font-size:12px;
margin-right:150px;
}

.chosaku{
float:left;
font-size:10px;
text-align:center;
}

.minimumtxt{
font-size:75%;
}

.indent15{
padding-left:15px;
}

.ended {
position: relative;
display: block;
}

.ended:after {
content: " ";
display: block;
width: 100%;
height: 100%;
background: url(/image/tokuten/ended.png) no-repeat 50% 50%;
background-size: contain;
position: absolute;
top: 0;
}


/* backtotop
-------------------------------------------*/
#page-top {
	position: fixed;
	bottom: 0px;
	right: 30px;
}
#page-top a {
	padding:0;
	display: block;
}
#page-top a:hover {
}