@charset "utf-8";
/* CSS Document */
* {
margin:0;
padding:0;
}

body {
margin:0 auto;
background-color:#FFF;
background:url(../img/back.gif) repeat-x;
}


li {
list-style-type:none;
}

p {
color:#333333;
line-height:150%;
font-size:78%;
}

a{
color:#333333;
text-decoration:none;
}

a:hover{
color:#666666;
text-decoration:underline;
}

hr {
height:1px;
border:none;
background:#999999;
}

img{
margin:0;
padding:0;
}

a:hover img {
opacity:0.7;
filter:alpha(opacity=70);
}
/* container */
div#container{
margin:0 auto;
width:950px;
padding:0;
}

/* header */
#container div#header{
height:60px;
width:950px;
margin-bottom:20px;
position:relative;
margin-top:22px;
background:url(../img/header.gif) no-repeat;
}
#container div#header h1 a{
display:block;
position:absolute;
top:0;
left:0;
width:208px;
height:60px;
text-indent:-9999px;
}
#container div#header div#rakuten a{
display:block;
position:absolute;
text-indent:-9999px;
top:6px;
right:0px;
height:39px;
width:64px;
}


/* glnavi */
#container div#glnavi{
	height:27px;
	width:950px;
	border-bottom:solid 5px #FF9999;
	margin-bottom:18px;
}
#container div#glnavi ul li{
float:left;
display:inline;
}

#container div#glnavi ul li#top a{
	width:119px;
	height:27px;
	float:left;
	text-indent:-9999px;
	background:url(../img/gnavi_top.gif) no-repeat;
}
#container div#glnavi ul li#top a:hover{
background:url(../img/gnavi_top.gif) 0 -27px;;
}

#container div#glnavi ul li#list a{
width:119px;
height:27px;
float:left;
text-indent:-9999px;
background:url(../img/gnavi_list.gif) no-repeat;
}
#container div#glnavi ul li#list a:hover{
background:url(../img/gnavi_list.gif) 0 -27px;;
}

#container div#glnavi ul li#guide a{
width:119px;
height:27px;
float:left;
text-indent:-9999px;
background:url(../img/gnavi_guide.gif) no-repeat;
}
#container div#glnavi ul li#guide a:hover{
background:url(../img/gnavi_guide.gif) 0 -27px;;
}

#container div#glnavi ul li#faq a{
width:119px;
height:27px;
float:left;
text-indent:-9999px;
background:url(../img/gnavi_faq.gif) no-repeat;
}
#container div#glnavi ul li#faq a:hover{
background:url(../img/gnavi_faq.gif) 0 -27px;;
}

#container div#glnavi ul li#pay a{
width:119px;
height:27px;
float:left;
text-indent:-9999px;
background:url(../img/gnavi_pay.gif) no-repeat;
}
#container div#glnavi ul li#pay a:hover{
background:url(../img/gnavi_pay.gif) 0 -27px;;
}

#container div#glnavi ul li#company a{
width:119px;
height:27px;
float:left;
text-indent:-9999px;
background:url(../img/gnavi_company.gif) no-repeat;
}
#container div#glnavi ul li#company a:hover{
background:url(../img/gnavi_company.gif) 0 -27px;;
}

#container div#glnavi ul li#contact a{
width:119px;
height:27px;
float:left;
text-indent:-9999px;
background:url(../img/gnavi_contact.gif) no-repeat;
}
#container div#glnavi ul li#contact a:hover{
background:url(../img/gnavi_contact.gif) 0 -27px;;
}

#container div#glnavi ul li#cart a{
width:117px;
height:27px;
float:left;
text-indent:-9999px;
background:url(../img/gnavi_cart.gif) no-repeat;
}
#container div#glnavi ul li#cart a:hover{
background:url(../img/gnavi_cart.gif) 0 -27px;;
}



/* content */
#container div#content{
width:950px;
margin:0 auto;
float:left;
margin-bottom:30px;
}

/* left */
#container #content div#left{
float:left;
width:200px;
}
#left div#ichioshi{
float:left;
background-color:#FDD9DC;
width:200px;
margin-bottom:15px;
}
#left div#ichioshi h3.t_ichi{
background:url(../img/title_ichioshi.gif) no-repeat;
height:68px;
text-indent:-9999px;
}
#left div#ichioshi img{
margin:1px 9px 10px;
border:none;
}
#left div#ichioshi p.txs{
margin:0 9px 15px;
font-size:79%;
}
#left div#ichioshi p.txb{
margin-bottom:10px;
padding-left:10px;
width:190px;
}
#left div#ichioshi p.txb a{
font-weight:bold;
text-decoration:underline;
font-size:86%;
}
#left div#ichioshi p a:hover{
font-weight:bold;
text-decoration:none;
}


/* bnr area */
#left div#left_bnr_area{
margin:10px 0;
width:200px;
display:block;
}
#left div#left_bnr_area img.size_m{
border:none;
height:105px;
padding:0;
margin:-5px 0 5px;
}
#left div#left_bnr_area img.size_s{
border:none;
height:60px;
padding:0;
margin:-5px 0 5px;
}


/* Brand list */
#left h3.t_brand{
width:200px;
height:34px;
margin-bottom:0;
display:block;
text-indent:-9999px;
background:url(../img/title_brand.gif) no-repeat;
}
#left div#left_brandlist{
width:192px;
margin-bottom:10px;
border:solid 1px #FB7290;
padding:10px 3px 5px;
}
#left div#left_brandlist ul li{
line-height:120%;
padding-left:11px;
background:url(../img/mark_brand.gif) no-repeat 0 3px;
font-size:79%;
color:#333333;
margin-bottom:10px;
}
#left div#left_brandlist ul li a{
text-decoration:underline;
}
#left div#left_brandlist ul li a:hover{
text-decoration:none;
}


/* Cotegory list */
#left h3.t_cotegory{
width:200px;
height:34px;
margin-bottom:0;
display:block;
text-indent:-9999px;
background:url(../img/title_cote.gif) no-repeat;
}
#left div#left_cotegorylist{
width:192px;
margin-bottom:10px;
border:solid 1px #FB7290;
padding:10px 3px 5px;
}
#left div#left_cotegorylist dl dt{
line-height:150%;
font-weight:bold;
font-size:79%;
margin-bottom:10px;
margin-top:5px;
padding-left:5px;
}
#left div#left_cotegorylist dl dt a{
text-decoration:none;
color:#FF3366;
}
#left div#left_cotegorylist dl dt a:hover{
text-decoration:none;
color:#666666;
}
#left div#left_cotegorylist dd{
line-height:120%;
padding-left:11px;
font-size:79%;
color:#333333;
margin-bottom:10px;
}
#left div#left_cotegorylist dd a{
text-decoration:underline;
}
#left div#left_cotegorylist dd a:hover{
text-decoration:none;
}


/* tokushu */
#left h3.t_tokushu{
width:200px;
height:34px;
margin-bottom:0;
display:block;
text-indent:-9999px;
background:url(../img/title_tokushu.gif) no-repeat;
}
#left div#left_tokushu{
width:192px;
margin-bottom:10px;
border:solid 1px #FB7290;
padding:10px 3px 5px;
}
#left div#left_tokushu ul li{
line-height:120%;
padding-left:11px;
background:url(../img/mark_brand.gif) no-repeat 0 3px;
font-size:79%;
color:#333333;
margin-bottom:10px;
}
#left div#left_tokushu ul li a{
text-decoration:underline;
}
#left div#left_tokushu ul li a:hover{
text-decoration:none;
}


/* first */
#left h3.t_first{
width:200px;
height:33px;
margin-bottom:0;
display:block;
text-indent:-9999px;
background:url(../img/title_first.gif) no-repeat;
}
#left div#left_first{
width:192px;
margin-bottom:10px;
border:solid 1px #FB7290;
padding:10px 3px 5px;
}
#left div#left_first ul li{
line-height:120%;
padding-left:11px;
background:url(../img/mark_brand.gif) no-repeat 0 3px;
font-size:79%;
color:#333333;
margin-bottom:10px;
}
#left div#left_first ul li a{
text-decoration:underline;
}
#left div#left_first ul li a:hover{
text-decoration:none;
}


/* mobile */
#left h3.t_mobile{
width:200px;
height:33px;
margin-bottom:0;
display:block;
text-indent:-9999px;
background:url(../img/title_mobile.gif) no-repeat;
}
#left div#left_mobile{
width:192px;
margin-bottom:10px;
border:solid 1px #FB7290;
padding:10px 3px 5px;
}
#left div#left_mobile ul li{
line-height:120%;
padding-left:11px;
background:url(../img/mark_brand.gif) no-repeat 0 3px;
font-size:79%;
color:#333333;
margin-bottom:10px;
}
#left div#left_mobile ul li a{
text-decoration:underline;
padding:5px;
}
#left div#left_mobile ul li a:hover{
text-decoration:none;
}
#left div#left_mobile .qr_mobile{
text-align:center;
}
#left div#left_mobile p{
padding:7px;
}




/* main */
#container #content div#main{
float:left;
width:510px;
margin-left:19px;
margin-top:9px;
}

#main .main_banner_top img{
margin-bottom:10px;
}
#main .search_back{
background:url(../img/back_search.gif);
height:42px;
margin-bottom:15px;
text-align:center;
}
#main .search_back{
background:url(../img/back_search.gif);
height:42px;
margin-bottom:15px;
text-align:center;
}
.form_txarea{
width:250px;
}
#main .search_back input {
margin-top:10px;
margin-left:1px;
margin-right:15px;
}

#main .main_brand_list{
margin-top:44px;
}

#main .main_brand_list img{
float:left;
border:1px solid #CCCCCC;
}
#main .main_brand_list li{
float:left;
}

#main .main_brand_list img{
margin-top:16px;
}

#main .main_brand_list .brand_img_left{
margin-right:15px;
}
#main .main_brand_list .brand_img_center{
margin-right:15px;
}

#main .main_banner_top a{
outline:none;
}
#main .main_bannar_news{
height:200px;
border:1px solid #CCCCCC;
margin-bottom:15px;
}
#main .main_bannar_news img.info_t{
height:29px;
margin-bottom:10px;
}
#main .main_bannar_news ul.info{
overflow:auto;
height:150px;
padding-left:10px;
padding-right:10px;
}
#main .main_bannar_news ul.info li{
font-size:84%;
color:#333333;
margin-bottom:10px;
background:url(../img/mark_brand.gif) no-repeat 0;
padding-left:12px;
}
#main .main_bannar_news ul.info li span.day{
color:#006600;
font-weight:bold;
margin-right:5px;
}



/* right */
#container #content div#right{
float:right;
width:200px;
}
#container #content div#right h2.raking{
background:url(../img/title_ranking.gif) no-repeat;
text-indent:-9999px;
height:65px;
margin:0;
width:200px;
}
#right .right_pointimg_top{
margin-top:13px;
}
#right .right_pointimg{
margin-top:10px;
margin-bottom:13px;
}

#right .right_ranking{
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
margin-bottom:20px;
}
#right .right_ranking .rank_table{
border-bottom:#CCCCCC 1px dotted;
width:190px;
margin:3px 5px 3px;
padding-bottom:3px;
}
#right .right_ranking .rank_table td{
padding:3px;
line-height:120%;
vertical-align:middle;
}
#right .right_ranking .rank_table td.p_name{
color:#333333;
font-size:75%;
font-weight:700;
padding-top:5px;
padding-left:3px;
}
#right .right_ranking .rank_table td.num{
width:17px;
height:25px;
vertical-align:middle;
text-align:center;
color:#333333;
}
#right .right_ranking .rank_table td.icon{
width:17px;
height:17px;
}
#right .right_ranking .rank_table td.img{
width:50px;
height:50px;
}
#right .right_ranking .rank_table td.txr{
line-height:120%;
font-size:65%;
color:#555555;
margin:0;
}


/*newitem*/
#right .right_newitem{
border:1px solid #FB7290;
}
#right .right_newitem .right_newitem_table {
border-bottom:#CCCCCC 1px dotted;
width:190px;
margin:3px 5px 0;
padding-bottom:3px;
}
#right .right_newitem .right_newitem_table{
border-bottom:#CCCCCC 1px dotted;
}
#right .right_newitem .right_newitem_table td.p_name{
color:#333333;
font-size:75%;
font-weight:700;
height:20px;
padding-left:3px;
}
#right .right_newitem .right_newitem_table td.txr{
line-height:130%;
font-size:65%;
color:#555555;
padding-left:3px;
}
#right .right_newitem .right_newitem_table td.txr a{
text-decoration:underline;
color:#555555;
display:block;
}
#right .right_newitem .right_newitem_table td.txr a:hover{
text-decoration:none;
}

#right .right_review{
border:1px solid #FB7290;
}
#right .right_review .review_table {
border-bottom:#CCCCCC 1px dotted;
width:190px;
margin:3px 5px 3px;
padding-bottom:3px;
}
#right .right_review .review_table td.p_name{
color:#333333;
font-size:75%;
font-weight:700;
padding-top:5px;
padding-left:3px;
}
#right .right_review .review_table td.txr{
line-height:130%;
font-size:65%;
color:#555555;
}
#right .right_review .review_table td.txr a{
text-decoration:underline;
}
#right .right_review .review_table td.txr a:hover{
text-decoration:none;
}


/* footer */

#footer .others {
width:450px;
float:left;
margin-bottom:35px;
}

#footer .others p{
padding-top:5px;
margin-bottom:16px;
}


#footer .delivery {
width:450px;
float:right;
}

#footer .delivery p{
padding-top:5px;
margin-bottom:16px;
}
#footer .delivery .delivery_text{
margin-top:17px;
}


#footer .footer_menu ul li{
list-style-type:none;
float:left;
}

#footer .footer_menu .under_menu{
margin-left:110px;
}

#footer .footer_menu {
width:950px;
clear:both;
font-size:78%;
text-align:center;
padding-bottom:30px;
}

#footer .footer_menu a{
text-decoration:underline;
padding-left:5px;
padding-right:5px;
}
