@charset "UTF-8";
/* CSS Document */

/*
*******************************************************

* styles.css

* site name   : www.cuoca.com
* since       : 2010-08-23
* editor      : takayuki.hatakeyama
* modified    : 

*******************************************************
*/

/*
===== CONTENTS ===============

  1: body and base setting
    : general params
    : acronyms and abbreviations styles
  2: link setting
  3: clearfix
  4: common
  5: rayout

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


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

* 1: body and base setting

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

body {
  /*text-align: center;/* box centering */
	font-family:"MS PGothic",Osaka,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
  margin: 0px;
  padding: 0px;
  color: #333;
  font-size: 80%;
  }

/* general params
--------------------*/
h1, h2, h3, h4, h5, h6,
div, p, pre, ul, dl, dt, dd,
address, form, blockquote,{
  padding: 0;/* margin&padding reset */
  line-height: 1.8;/* base line height */
  text-align: left;
  display: block;
  margin: 0px;
  font-size: 100%;
  text-align:left;
  }
textarea{
font-size:100%;
}
img {
  border:none;/* img do not want a border */
  vertical-align:bottom;
  }
p{
margin:0px;
padding:0px;
text-align:left;
}
dl,dd{
margin:0;
padding:0;
line-height:1.8;
}
ul,li{
list-style:none;
margin:0;
padding:0;
}

ol li{
list-style:decimal;
}
/* acronyms and abbreviations styles 
-------------------------------------*/
acronym,abbr {
  cursor:help;
  }

h1#logo{
height:15px;
background:url(/image/template/common/img_head_logo.gif) no-repeat left center;
display:inline;
margin:7px 0 0 0;
padding:0px;
line-height:1;
float:left;
}
h2{
margin:0px;
padding:0px;
}
h2.top{
margin:15px 0 9px 0;
}
h3{
font-size:110%;
}

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

* 2: link setting

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

a:link {
  color: #3e5f9a;
  text-decoration: underline;
  }
a:visited {  
  color: #284984;
  }
a:hover {
  color: #284984;
  text-decoration: none;
  }
  
/*
==============================

* 3: clearfix

==============================
*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

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

* 4: common

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

.fL {
  float: left;
  }
.fR {
  float: right;
  }
.tL {
  text-align: left;
  }
.tR {
  text-align: right;
  }
.tC {
  text-align: center;
  }
.m10{
margin:10px;
}
.m15{
margin:15px;
}
.mt10{
margin-top:10px;
}
.ml10{
margin-left:10px;
}
.mr10{
margin-right:10px;
}
.mb10{
margin-bottom:10px;
}
.mt15{
margin-top:15px;
}
.ml15{
margin-left:15px;
}
.mr15{
margin-right:15px;
}
.mb15{
margin-bottom:15px;
}
.mt35{
margin-top:35px;
}
.ml35{
margin-left:35px;
}
.mr35{
margin-right:35px;
}
.mb35{
margin-bottom:35px;
}
.pt10{
padding-top:10px;
}
.pb10{
padding-bottom:10px;
}
.clear{
clear:both;
}

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

* 5: layout

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

/*--------------------------------------------------------



共通レイアウト一式



--------------------------------------------------------*/

.pulldown{
text-align:left;
}
#header{
width:900px;
margin:auto;
padding:3px 0 3px 0;
}
.header_right{
width:640px;
float:right;
}
	.header_right ul.cart_menu{
		width:220px;
		display:block;
		float:right;
	}

	.header_right ul.cart_menu li{
		float:right;
		margin:0 0 0 5px;
	}
	.header_right ul.site_menu{
		display:block;
		float:right;
	}
	.header_right ul.site_menu li{
		display:block;
		float:right;
		padding:7px 10px 0 0;
	}

/*--------------------------------------------------------



グローバルメニュー関連レイアウト一式



--------------------------------------------------------*/

#global{
clear:both;
background:url(/image/template/common/bg_global.gif) repeat-x top;
height:64px;
font-size:90%;
  z-index:9999;
  position:relative;

}

	#global ul{
	  width:900px;
	  margin:0 auto 0 auto;
	  display:block;
	  position:relative;
	  }
	
	#global ul li{
	  float: left;
	  list-style: none;
	  }
	#global ul li a{
	  height: 64px;
	  display: block;
	  text-indent: -9999px;
	  background:url(/image/template/common/global.gif) no-repeat;
	  }
	  #global ul li#gnavi_1 a{ width: 118px; background-position: 0 0px; }
	  #global ul li#gnavi_2 a{ width: 55px; background-position: -118px 0px; }
	  #global ul li#gnavi_3 a{ width: 66px; background-position: -173px 0px; }
	  #global ul li#gnavi_4 a{ width: 55px; background-position: -239px 0px; }
	  #global ul li#gnavi_5 a{ width: 69px; background-position: -294px 0px; }
	  #global ul li#gnavi_6 a{ width: 83px; background-position: -363px 0px; }
	  #global ul li#gnavi_7 a{ width: 66px; background-position: -446px 0px; }
	  #global ul li#gnavi_8 a{ width: 73px; background-position: -512px 0px; }
	  #global ul li#gnavi_9 a{ width: 80px; background-position: -585px 0px; }
	  #global ul li#gnavi_10 a{ width: 74px; background-position: -665px 0px; }
	  #global ul li#gnavi_11 a{ width: 74px; background-position: -739px 0px; }
	  #global ul li#gnavi_12 a{ width: 87px; background-position: -813px 0px; }
	
	  #global ul li#gnavi_1 a:hover , #global ul li#gnavi_1 a.selected{ background-position: 0 -64px; }
	  #global ul li#gnavi_2 a:hover , #global ul li#gnavi_2 a.selected{ background-position: -118px -64px; }
	  #global ul li#gnavi_3 a:hover , #global ul li#gnavi_3 a.selected{ background-position: -173px -64px; }
	  #global ul li#gnavi_4 a:hover , #global ul li#gnavi_4 a.selected{ background-position: -239px -64px; }
	  #global ul li#gnavi_5 a:hover , #global ul li#gnavi_5 a.selected{ background-position: -294px -64px; }
	  #global ul li#gnavi_6 a:hover , #global ul li#gnavi_6 a.selected{ background-position: -363px -64px; }
	  #global ul li#gnavi_7 a:hover , #global ul li#gnavi_7 a.selected{ background-position: -446px -64px; }
	  #global ul li#gnavi_8 a:hover , #global ul li#gnavi_8 a.selected{ background-position: -512px -64px; }
	  #global ul li#gnavi_9 a:hover , #global ul li#gnavi_9 a.selected{ background-position: -585px -64px; }
	  #global ul li#gnavi_10 a:hover , #global ul li#gnavi_10 a.selected{ background-position: -665px -64px; }
	  #global ul li#gnavi_11 a:hover , #global ul li#gnavi_11 a.selected{ background-position: -739px -64px; }
	  #global ul li#gnavi_12 a:hover , #global ul li#gnavi_12 a.selected{ background-position: -813px -64px; }
	
	#global ul.pulldown{
	width:189px;
	background:url(/image/template/common/img_grobal_rayer.jpg) no-repeat top center #FFF;
	padding:8px 0 0 0;
	position:absolute;
	border:#DCDCDC solid;
	border-width:0 0px 2px 0px;
	top:50px;
	display:none;
	z-index:30;
	}
		.hit_select1{left:-30px;}
		.hit_select2{left:57px;}
		.hit_select3{left:118px;}
		.hit_select4{left:176px;}
		.hit_select5{left:242px;}
		.hit_select6{left:310px;}
		.hit_select7{left:378px;}
		.hit_select8{left:450px;}
		.hit_select9{left:518px;}
		.hit_select10{left:596px;}
		.hit_select11{left:674px;}
		.hit_select12{left:758px;}
		
	#global ul.pulldown li{
	float:none;
	display:block;
	border:#DCDCDC solid;
	border-width:0 2px 0px 2px;
	}
	#global ul#gnavi li ul.pulldown li a, #global ul#gnavi li ul.pulldown li a:hover{
	background:url(/image/template/common/icn_arrow.gif) no-repeat 7px 9px !important;
	padding:5px 0 5px 19px !important;
	text-indent:inherit !important;
	width:165px !important;
	height:auto !important;
	margin:0px !important;
	text-indent:0px !important;
	}
#contents{
width:900px;
margin:20px auto 0 auto;
}

#footer{
margin:20px 0 0 0;
background:url(/image/template/common/bg_footer.gif) repeat-x top;
}
	.footer_wrap{
	width:900px;
	margin:auto;
	}
	.footer_link{
	padding:10px;
	text-align:center;
	}
	.footer_link ul{
	clear:both;
	text-align:center;
	
	}
	.footer_link li{
	display:inline;
	margin:0 15px 0 0;
	line-height:2;
	}
	.cuoca_logo{
	background:url(/image/template/common/img_footer_logo.gif) center #FFC233 no-repeat;
	height:34px;
	clear:both;	
	}
	.copy_right p{
	text-align:center;
	font-size:84%;
	padding:10px;
	}

/*トピックパス*/
div.pan_navi li.ar {
	background:url("/image/template/common/bg_pannavi.jpg") no-repeat scroll left center transparent;
	padding:0 0 0 20px;
}
div.pan_navi li {
	float:left;
	margin:0 5px 0 0;
}

/*-----------------------

カテゴリーリンク

-----------------------*/
div.category_link{
background:url(/image/template/common/bg_footer_category_head.jpg) no-repeat top #FFF8DE;
padding:9px 0 0 0;
margin:30px 0 10px 0;
clear:both;
width:690px;
}
div.category_link h3{
margin:0px;
padding:5px 10px 5px 15px;
border:solid #CCCCCC;
border-width:0 1px 0 1px;
}
div.category_link div.category_body{
border:solid #CCCCCC;
border-width:0 1px 0 1px;
background:#FFF;
padding:5px 0 5px 0;
}
div.category_link div.category_body li{
padding:4px 0 4px 0;
line-height:1.3;
}
div.category_link div.category_body li ul{
margin:5px 0 0 10px;
}

div.category_link div.category_body li ul li a{
background:url(/image/template/side/icn_list-style.jpg) no-repeat left center;

}
div.category_link div.category_body a{
padding:0 0 0 13px;
background:url(/image/template/common/icn_arrow.gif) no-repeat left center;
display:block;
}

div.category_link div.category_foot{
background:url(/image/template/common/bg_footer_category_footer.jpg) no-repeat bottom;
text-indent:-9999px;
height:9px;
font-size:1px;
line-height:1;
}
div.category_link div.block1{
width:140px;
float:left;
padding:3px 10px 3px 10px;
}
div.category_link div.block2{
width:129px;
float:left;
padding:3px 10px 3px 10px;
}
div.category_link div.block3{
width:163px;
float:left;
padding:3px 10px 3px 10px;
}
div.category_link div.block4{
width:175px;
float:left;
padding:3px 10px 3px 10px;
}
div.category_link div.block4 div.contents_box a{
padding:0px;
background:none;
}
div.category_link div.block4 img.image{
float:left;
margin:0 10px 10px 0;
}