@charset "euc-jp";

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


/* 1. main layout
-------------------------------------------*/
body{
font-family:"¥Ò¥é¥®¥Î³Ñ¥´ Pro W3",¥á¥¤¥ê¥ª,"£Í£Ó £Ð¥´¥·¥Ã¥¯",Verdana,sans-serif;
font-size:80%;
line-height:1.5;
}
#wrapper{
margin:0 auto;
padding:0px;
width:940px;
}

#header{
margin:0px auto;
padding:0px 0px 3px;
width:930px;
background:url("http://www.cospa.com/img/geestore2/base/bg_header_foot.gif") 0 100% no-repeat;
}
.wrap_header{
padding:1px 3px 0px 5px;
border:1px solid #cacaca;
border-bottom:none;
}

#pankuzu{
}

#contents{
margin:0px;
padding:0px 5px 0px 5px;
width:930px;
}

#maincol{
float:left;
margin:0px;
padding:0px 0px 0px 5px;
width:705px;
}

#contents_left{
float:left;
padding:0px 0px 0px;
width:220px;
}
#contents_left .sidehead{
padding:6px 0px 0px;
background:url("http://www.cospa.com/img/geestore2/base/bg_leftcontents_head.gif") 0 0 no-repeat;
}
#contents_left .sidehead_b{
margin:10px 0px 0px;
padding:10px 0px 0px;
background:url("http://www.cospa.com/img/geestore2/base/bg_leftcontents_head.gif") 0 0 no-repeat;
}
#contents_left .sidefoot{
padding:0px 0px 4px;
background:url("http://www.cospa.com/img/geestore2/base/bg_leftcontents_foot.gif") 0 100% no-repeat;
}
#contents_left .sidebody{
padding:0px 5px 15px;
background:url("http://www.cospa.com/img/geestore2/base/bg_leftcontents_body.gif") 0 0 repeat-y;
}
#footer{
/*clear:both;*/
margin:20px auto 0px;
padding:0px;
width:940px;
background:url("http://www.cospa.com/img/geestore2/base/bg_footer.gif") #f90 5px 0;
}

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


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

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

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

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

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

.highlight a:hover img{
filter: alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
}

/* 4. common parts
-------------------------------------------*/
.red{
color:#c00;
}
.bold{
font-weight:bold;
}
h1.t_h1basic{
margin:0px 0px 15px;
}
/* 4.1 of header
-------------------------------------------*/
#header .left{
float:left;
padding:2px 50px 0px 0px;
width:211px;
}
#header .logo{
margin:5px 0px 0px;
}
#header .header_navi{
float:left;
padding:2px 0px 0px;
width:323px;
}
#header .header_navi li{
float:left;
}
#header .header_navi li.lt_navi{
padding:0px 0px 3px;
width:110px;
}
#header .header_navi li.lb_navi{
width:110px;
}
#header .header_navi li.rt_navi{
padding:0px 0px 3px;
width:120px;
}
#header .header_navi li.rb_navi{
width:120px;
}
#header .header_navi li.ht_navi{
padding:0px 0px 3px;
width:93px;
}

#header .header_navi li a{
padding:0px 0px 0px 8px;
background:url("http://www.cospa.com/img/geestore2/base/m_hn.gif") 0 50% no-repeat;
text-decoration:none;
font-weight:bold;
font-size:100%;
}
#header .header_navi li a:link,
#header .header_navi li a:visited{
color:#333;
}
#header .header_navi li a:hover,
#header .header_navi li a:active{
color:#0cf;
}
#header .right{
float:left;
padding:0px 0px 0px 10px;
width:326px;
background:url("http://www.cospa.com/img/geestore2/base/bg_header_right.gif") 0 0 repeat-y;
}
#header .right .hm_navi{
padding:3px 0px 0px;
}
#header .right .hm_navi li{
float:left;
margin:0px 3px 0px 0px;
padding:1px 0px 0px;
width:160px;
background:url("http://www.cospa.com/img/geestore2/base/bg_button_head.gif") 0 0 no-repeat;
}
#header .right .hm_navi li .hm_foot{
padding:0px 0px 1px;
width:160px;
background:url("http://www.cospa.com/img/geestore2/base/bg_button_head.gif") 0 100% no-repeat;
}
#header .right .hm_navi li .hm_foot a{
display:block;
padding:3px 0px 2px;
width:158px;
background:#fff url("http://www.cospa.com/img/geestore2/base/bg_button.jpg") 0 0 no-repeat;
border-right:1px solid #cbcbcb;
border-left:1px solid #cbcbcb;
line-height:1.0;
font-weight:bold;
font-size:100%;
text-align:center;
text-decoration:none;
}
#header .right .hm_navi li .hm_foot a:link,
#header .right .hm_navi li .hm_foot a:visited{
color:#333;
}
#header .right .hm_navi li .hm_foot a:hover,
#header .right .hm_navi li .hm_foot a:active{
color:#0cf;
}
#header .right span{
font-weight:bold;
color:#c00;
}

/*TOOLTIP*/
span.tooltip{
position:absolute;
left:118px;
top:39px;
line-height:1.5;
color:#fff;
width:160px;
background:#999999;
border:2px solid #fff;
padding:5px;
font-size:90%;
font-weight:bold;
display:block;
z-index:999;
}

.att_topic{
position:relative;
margin:-5px auto 5px;
padding:7px 7px;
width:914px;
background:#F9CEC6;
border:2px solid #E7421F;
font-weight:bold;
color:#c00;
}

/* 4.2 of content
-------------------------------------------*/
#contents .breadcrumbs{
margin:0px 0px 5px 5px;
}
/* 4.3 of leftside
-------------------------------------------*/
#contents_left #logged p.hello{
font-weight:bold;
}
#contents_left #logged p span{
font-weight:bold;
}
#contents_left .leftbox{
margin:0px auto 0px;
padding:0px 0px;
width:210px;
background:#fff;
}
#contents_left .leftbox h2{
padding:1px;
border-bottom:1px solid #ccc;
}
#contents_left .leftbox .txt_member{
padding:5px 43px 4px 8px;
}
#contents_left .leftbox .inner{
padding:0px;
}
#contents_left .leftbox .m_search{
padding:0px 0px 0px 17px;
background:url("http://www.cospa.com/img/geestore2/base/m_arrow_t.gif") 0 50% no-repeat;
}
#contents_left .leftbox .m_search a:link,
#contents_left .leftbox .m_search a:visited{
color:#600;
text-decoration:underline;
}
#contents_left .leftbox .m_search a:hover,
#contents_left .leftbox .m_search a:active{
color:#600;
text-decoration:none;
}
#contents_left .leftbox .search_list{
margin:0px auto;
padding:7px 0px;
width:166px;
}
#contents_left .leftbox .search_list li{
float:left;
padding:0px 2px 2px 0px;
line-height:1.0;
font-size:0px;
vertical-align:bottom;
}
#contents_left .leftbox .popularity_head{
margin:0px auto;
padding:24px 0 10px 0;
}
.hottitle{
background:url("http://www.cospa.com/img/geestore2/base/title_popularityhot.gif") #FFF1E3 0 0 no-repeat;
}
.hotitem{
background:url("http://www.cospa.com/img/geestore2/base/title_itemhot.gif") #FFF1E3 0 0 no-repeat;
}
.andmore{
}
.andmore a,
.andmore a:link,
.andmore a:visited{
display:block;
padding:7px 0 5px 0;
}
#contents_left .leftbox .popularity_foot{
padding:4px;
border:1px solid #ddd;
background:#fff;
}
#contents_left .leftbox .popularity_body{
padding:0px;
color:#333;
}
#contents_left .leftbox .popularity_body h4{
padding:0px 0px 2px 7px;
background:#f93;
}
#contents_left .leftbox .popularity_body .popularity_list_best,
#contents_left .leftbox .popularity_body popularity_list_e{
padding:0px;
}

#contents_left .leftbox .popularity_body .popularity_list_best li,
#contents_left .leftbox .popularity_body .popularity_list_e li{
background:#FFF2D9;
position:relative;
}
#contents_left .leftbox .popularity_body .popularity_list_best li a,
#contents_left .leftbox .popularity_body .popularity_list_best li a:link,
#contents_left .leftbox .popularity_body .popularity_list_best li a:visited{
display:block;
padding:4px 5px 0px 42px;
line-height:1.3;
height:36px;
color:#333;
text-decoration:underline;
border-bottom:1px solid #fecc66;
}
#contents_left .leftbox .popularity_body .popularity_list_e li a,
#contents_left .leftbox .popularity_body .popularity_list_e li a:link,
#contents_left .leftbox .popularity_body .popularity_list_e li a:visited{
display:block;
padding:6px 5px 3px 16px;
font-size:90%;
line-height:1.3;
color:#333;
text-decoration:none;
border-bottom:1px solid #fecc66;
background:#FFF2D9 url("http://www.cospa.com/img/geestore2/base/m_pop.gif") 0 50% no-repeat;
}

#contents_left .leftbox .popularity_body .popularity_list_best li a:hover,
#contents_left .leftbox .popularity_body .popularity_list_best li a:active,
#contents_left .leftbox .popularity_body .popularity_list_e li a:hover,
#contents_left .leftbox .popularity_body .popularity_list_e li a:active{
background-color:#fc0;
text-decoration:none;
}
#contents_left .leftbox .popularity_body .popularity_list{
padding:0px;
}
#contents_left .leftbox .popularity_body .popularity_list li{
background:#f2cc66;
}
#contents_left .leftbox .popularity_body .popularity_list li a,
#contents_left .leftbox .popularity_body .popularity_list li a:link,
#contents_left .leftbox .popularity_body .popularity_list li a:visited{
display:block;
padding:3px 5px 0px 15px;
line-height:1;
color:#333;
text-decoration:none;
background:url("http://www.cospa.com/img/geestore2/base/bg_leftbn_menu.gif") #fff2d9 0 0 no-repeat;
border-bottom:1px solid #fecc66;
}
#contents_left .leftbox .popularity_body .popularity_list li a:hover,
#contents_left .leftbox .popularity_body .popularity_list li a:active{
background-color:#fc0;
/*text-decoration:underline;*/
}

#contents_left .leftbox .popularity_body .popularity_list_e li a span{
padding:0px 32px 0px 0px;
background:url("http://www.cospa.com/img/geestore2/base/po_new.gif") 100% 50% no-repeat;
text-decoration:none;
}



#contents_left .leftbox .itemslist{
margin:4px 0px 11px;
}
#contents_left .leftbox .itemslist li{
margin:0px;
padding:0px 0px 5px;
}
#contents_left .leftbox .itemslist li.item01{
background:#fff url("http://www.cospa.com/img/geestore2/base/bg_item01.jpg") 0 0 repeat-x;
}
#contents_left .leftbox .itemslist li.item02{
background:#fff url("http://www.cospa.com/img/geestore2/base/bg_item02.jpg") 0 0 repeat-x;
}
#contents_left .leftbox .itemslist li.item03{
background:#fff url("http://www.cospa.com/img/geestore2/base/bg_item03.jpg") 0 0 repeat-x;
}
#contents_left .leftbox .itemslist li.item04{
background:#fff url("http://www.cospa.com/img/geestore2/base/bg_item04.jpg") 0 0 repeat-x;
}
#contents_left .leftbox .itemslist li .txtarea{
float:left;
padding:5px;
width:96px;
}
#contents_left .leftbox .brandlist{
padding:0px 0px 0px 1px;
}
#contents_left .leftbox .brandlist li{
float:left;
margin:0px;
padding:0px 0px 2px 9px;
font-size:0px;
line-height:1.0;
vertical-align:bottom;
}
#contents_left .leftbox .txt_allbrand{
clear:both;
margin:0px 3px 22px 0px;
text-align:right;
}
#contents_left .bnr_other{
margin:15px 0px 0px;
text-align:center;
}
.pickuplist{
margin:14px 0px 0px;
}
.pickuplist li{
margin:0px 0px 5px;
line-height:1.0;
font-size:0px;
vertical-align:bottom;
text-align:center;
}

.qrarea{
padding:5px;
border:1px solid #ccc;
background:#fff;
}
.qrarea .imgarea{
float:left;
padding:1px;
border:1px solid #ccc;
}
.qrarea .txtarea{
float:left;
padding:10px 0px 0px 5px;
width:110px;
}

.camp-icon{
width:59px;
height:16px;
background:url("http://www.cospa.com/img/geestore2/base/camp-icon.gif") 0 0 no-repeat;
position:absolute;
left:140px;
top:-5px;
}

/* 4.4 of toppage
-------------------------------------------*/
.wrap_sc{
padding:4px 4px 4px 9px;
}

.searchbox{
float:left;
width:387px;
}
.searchbox dl{
float:left;
width:300px;
}
.searchbox dt{
float:left;
padding:2px 5px 0px 0px;
}
.searchbox dd{
float:left;
padding:0px 7px 0px 0px;
}
.searchbox dd .txtarea{
width:142px;
}
.searchbox dd.lastchild{
padding:2px 0px 0px;
}
.delivery{
float:left;
padding:0px 6px 0px 0px;
width:300px;
font-size:120%;
text-align:right;
}
.delivery span{
color:#c00;
font-weight:bold;
}
.b_cart{
float:right;
padding:1px 0px 0px;
}

.all_newlist{
clear:both;
padding:15px 0px 0px 0px;
}
.kanren_link{
}
.kanren_link li{
margin:5px 0px 0px;
vertical-align:bottom;
font-size:0px;
line-height:1.0;
text-align:center;
}
/* 4.5 of rightside
-------------------------------------------*/
/* 4.5 of footer
-------------------------------------------*/
#footer .f_menu{
padding:0px;
width:940px;
height:14px;
background:#fff 0 0;
}
.footernavi{
float:left;
}
.footernavi li{
display:inline;
padding:0px 10px 0px 0px;
}
.footernavi li a{
padding:0px 0px 0px 12px;
background:url("http://www.cospa.com/img/geestore2/base/m_footernavi.gif") 0 50% no-repeat;
color:#006;
}
.pagetop{
float:right;
padding:2px 0px 0px;
}

.footer_left{
clear:right;
float:left;
padding:5px 10px;
}
.footer_left li{
float:left;
padding:0px 5px 0px 0px;
}
.footer_left p{
clear:both;
}
.footer_copy{
clear:both;
text-align:center;
background:#fff;
font-size:x-small;
padding:5px 0 0;
}
.att_img{
float:right;
padding:10px 0px 0px;
width:307px;
font-size:70%;
text-align:right;
}

/* top¤ØÌá¤ë¥Ü¥¿¥ó
-------------------------------------------*/
#page-top{
	width:50px;
	height:50px;
	display:none;
	position:fixed;
	right:16px;
	bottom:16px;
}

#page-top p{
	margin:0;
	padding:0;
	text-align:center;
	background:#000000;
	border-radius:25px;
	opacity:0.6;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
}
 
#page-top p:hover{
	background-color:#ff9900;
	opacity:1; 
}

#move-page-top{
	color:#fff;
	line-height:50px;
	text-decoration:none;
	display:block;
	cursor:pointer;
}