@charset "utf-8";

/* Eric Meyer's Reset CSS v2.0
================================================== */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

/*	clearfix
================================================== */

.cf:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.cf { min-height: 1px; position:relative }
* html .cf {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*	YUI 3.8.1 (build 5795)
================================================== */

body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small}
select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif}
table{font-size:inherit;font:100%}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}




/*	DESIGN
================================================== */

body {
	font:12px/1 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;
	color:#666666;
	background:#fff;
	line-height: 250%;
	width: 100%;
}

body div {
	text-align: left;
	margin: 0 auto;
}

img {
	vertical-align: top;
}
/*
	a { color:#E5358C; text-decoration:none; }
	a:hover { color:#F08CBE; text-decoration:none; }
*/


/*	リンク設定
================================================== */


a{ color: #000; text-decoration: none; }


a:link {
	color: #000;
}

a:visited{
	color: #551a8b;
}

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


a:active{ 
	color: #dd6600;
}


a .btxt{ color: #000; text-decoration: none; }


a:link .btxt{
	color: #000;
}

a:visited .btxt{
	color: #551a8b;
}

a:hover .btxt{ 
	color: #CCC;
	text-decoration:none;
}


a:active .btxt{ 
	color: #dd6600;
}

a:hover img{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

#hassou a:hover p{
	background-color:#f7c745;
	}

/*	COMMON
================================================== */
.dis-none{
	display:none;
	}

.t11 {
	font-size: 11px;
}
.t12 {
	font-size: 12px;
}
.t15 {
	font-size: 15px;
}

.talign {
	text-align: center;
}

.red {
	color: #e42101;
}



.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}
.mb90{margin-bottom:90px;}
.mb100{margin-bottom:100px;}



.mt2{margin-top:2px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}

.mr1{margin-right:1px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}
.mr100{margin-right:100px;}
.mr110{margin-right:110px;}
.mr120{margin-right:120px;}

.ml1{margin-left:1px;}
.ml4{margin-left:4px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml16{margin-left:16px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.ml100{margin-left:100px;}


/*	LAYOUT
================================================== */


div#head {
}

div#contents {
	width: 980px;
}

div#side {
	float:left;
	width: 220px;
	display: inline;
	overflow:hidden;
	height:100%;
}

div#contents_index {
	float:right;
	width: 710px;
	display: inline;
	color: #666;
	
}

div#contentsBox {
	float:left;
	width: 710px;
	display: inline;
	color: #666;
}

div#guide {
	width: 980px;
	border: 1px solid #CCC;
	background-color: #EAEAEA;
	padding: 4px;
	color: #000;
	margin-bottom: 50px;
	margin-top: 30px;
}





/*	head_top
================================================== */
div#head_top {
	background-color:#efefef;
	border-bottom:1px solid #e2e2e2;
	border-top:1px solid #e2e2e2;
	background-position:top;
	color: #000;
	font:12px/1 "Meiryo",sans-serif;
}

div#head_topBox {
	width: 980px;
	padding-top:5px;
	padding-bottom:5px;
}

div#head_topBox p{
	float: left;
	display: inline;
}

ul#submenu {
	float: right;
	display: inline;
}
ul#submenu li {
	margin-left: 15px;
	margin-top:10px;
	float: left;
	border-left: 3px solid #bfbfbf;
	padding: 2px 0 2px 15px; 
}

/*	head_mid
================================================== */
#head_mid {
	margin-top: 36px;
	width: 980px;
	margin-bottom: 26px;
}
#area {
	float: left;
	width: 270px;
	margin-left: 5px;
	margin-top:35px;
}
#logo {
	float: left;
	width: 225px;
	margin-left: 98px;
	margin-top:15px;
	}
#tel {
	float: right;
	width: 254px;
	margin-top:15px;
	}
/*	navibox
================================================== */
#navibox {
	border-top: 1px #DCDCD7 solid;
	border-bottom: 5px #DCDCD7 solid;
	padding:10px 0px;

	}
#navi {
	margin: 18px 0;
	width: 980px;
	margin: 0 auto;
}

.tnav_bl{
	border-left:1px dotted #aaa
	}

ul#navi li {
	width:138px;
	float: left;
	line-height: 15px;
	text-align:left;
}


/*	セールバナー
================================================== */
#salebanner{
	width:980px;
	margin:20px auto;
	padding:auto;
	height:100%;
	overflow:hidden;
	clear:both;

}


/*	dropmenu
================================================== */


#dropmenu{
  list-style-type: none;
  width:980px;
  height: 55px;
  margin: 0px auto;
  background: #FFF;

}
#dropmenu li{
  position: relative;
  width:138px;
  float: left;
  margin:0;
  padding:0;
  text-align: center;

}
#dropmenu li a{
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  color: #333;
  font-size: 9px;
  font-weight: normal;
  line-height: 1;
  text-decoration: none;
}
#dropmenu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
	padding: 0;
  border-radius: 0 0 5px 5px;
  background-color:#EEE;
}
#dropmenu li:last-child ul{
  left: -100%;
  width: 100%
}
#dropmenu li ul li{
  overflow: hidden;
  width: 100%;
  height: 0;
  color: #333;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
#dropmenu li ul li a{
  padding: 13px 15px;
  background: #EEE;
  text-align: left;
  font-size: 9px;
  font-weight: normal;
}
#dropmenu li:hover > a{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}
#dropmenu > li:hover > a{
  border-radius: 3px 3px 0 0;
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: 38px;
  border-top: 1px solid #e1e1e1;

}
#dropmenu li:hover ul li:first-child{
  border-top: 0;
}
#dropmenu li:hover ul li:last-child{
  border-bottom: 0;
}
#dropmenu li:hover ul li:last-child a{
  border-radius: 0 0 3px 3px;
}





/*	mainSlide
================================================== */
div#mainSlide {
	margin: 20px 0px 32px 0px;
}

#topSlide {
	height:350px;
	}
	#topSlide a:hover img {
	filter: alpha(opacity=100);
	-moz-opacity:1.00;
	opacity:1.00;
	}
.slideBox { width:980px; margin:0 auto; position:relative; }
#topSlide .navi-image { position:relative; height:350px; }
#topSlide .navi-image a { display:block; cursor:default; }
#topSlide .navi-image a {
	position: absolute;
	top: 0;
	left: 2px;
	z-index: 8;
}
#topSlide .navi-image a.active { z-index:10; }
#topSlide .navi-image a.last-active { z-index:9; }
#topSlide .navi { position:absolute; top:0px; right:0px; z-index:11; }

#topSlide ul li a {
  display:block;
  width:242px;
  height:80px;
		margin-bottom: 10px;
	}
	#topSlide ul li a img {
  width:242px;
  height:80px;
	}

/*	pickBox
================================================== */


#cbtntext_boxw980 ul li a:hover p{
	background-color:#f37c2d;
	}

#cbtntext_boxw980 ul li a:hover{
	text-decoration:none;
	}


#cbtntext_boxw980{
	width:980px;
	margin:0px;
	padding:0px;
	overflow:hidden;
	margin-bottom:30px;
	}

#cbtntext_boxw980 h2{
	margin-bottom:20px;
	}

#cbtntext_boxw980 a:hover{
	position:relative;
	bottom:-1px;
	}
	
#cbtntext_boxw980 a:hover img{
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}



/*	pickBox
================================================== */

#pickBox h2 {
	margin-bottom: 17px;
	}


#pick_inBox {
	margin-bottom: 30px;
	padding-right:3px;
	padding-left:4px;
}
#pick_inBox li {
	float: left;
}

.pb_border	{
	border-right:1px #CCC dotted;
	border-left:1px #CCC dotted;
}

#pick_subBox h2 {
	margin-bottom: 17px;
	}

#pick_subBox .left {
	float: left;
	width: 980px;
	}
	
		
#pick_subBox {
	margin-bottom: 35px;
}


.slide ul {
	margin-left: 30px;
}
.slide ul li {
	float: left;
	margin: 0 4px;
}

	
	/*	side
================================================== */
#side a:link p{
	color: #000;
}


#side a:visited p{
	color: #551a8b;
}


#side a:hover p{ 
	color: #CCC;
	text-decoration:none;
}


#side a:active p{ 
	color: #dd6600;
}




#side h3{
	margin:0;	
}

.side_menu{
	width:220px;
	overflow:hidden;
	height:100%;
	background-color:#f7f7f7;
	line-height:350%;
	}

.side_menu li {
	
	background-image:url(../img/img_side/img_snavi_arrow.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding:5px 30px;
	
	
	}
		
#search li {
	margin: 0px;
	padding: 0px;
	float: left;
}

#hot{
	color: #000;
	text-decoration:none;
	font-size: 11px;
	margin-bottom: 20px;
}
#hot p{
	float: left;
	margin-left: 2px;
	}
#hot_text {
	float: left;
	width: 184px;
	margin-left: 2px;
	}
#hot_text li{
	float: left;
	border-right: 1px solid #CCC;
	padding: 0 3px;
}

#side01 li{
	margin: 0 0 10px;
	}
.side_banner {
	margin-bottom: 30px;
}

.side_banner li{
	border-bottom:1px #CCC dotted;
}
	
#side01 dd#original_box	{
	background-image: url(../side_img/back.gif);
	background-repeat: repeat;
	padding:0 6px 6px 6px;
}
#side01 li .slides li{
	margin-bottom: 0px;
	}
	
	
	
#menu{
	width:220px;
	margin:0;
}
.archive{
	margin-top: 20px;
	cursor:pointer;	
}
.subMenu li{
}

	/*	contents_index
================================================== */	
.c_subbox {
	margin-bottom: 70px;
	overflow:hidden;
	width:710px;
}

.c_subbox h3 {
	margin-bottom:30px;
}

.c_subbox p{
	margin-top: 5px;
	line-height: 200%;
	font-family: inherit;
	font-size: 9pt;
	text-align: left;
}



.c_subbox dl dt dd p{
	margin-top: 5px;
	line-height: 200%;
}

.bannerBig {
	margin-bottom: 20px;
}

.bannerBig .left{ 
float:left;
width:342px;
}

.bannerBig .lefta{ 
float:left;
width:236px;
}

.bannerBig .right{ 
float:right;
width:342px;
}

.box3{
	border-right:1px solid #e2e2e2;
	border-left:1px solid #e2e2e2;
	border-bottom:1px solid #e2e2e2;
	width:708px;
	}

.box3 li {
	float:left;
	margin-bottom:0px;
	width:150px;
	padding:10px;
}

.box3 li.last {
	margin-right: 0px;
}



	/*	guide
================================================== */	

div#g_tittle {
	background-color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding: 20px;
}


div#g_box {
	background-color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding: 22px 33px;
	font-size: 11px;
	color: #666666;
	line-height: 157%;
}

div.g_left {
	float: left;
	width: 430px;
	margin-right: 44px;
}

div.g_right {
	float: right;
	width: 430px;
	}

.g_midashi {
	margin-bottom: 12px;
}

dl.payment {
	padding-bottom: 10px;
}
dl.payment dt {
	margin-bottom: 5px;
}
dl.payment dd {
	margin-bottom: 10px;
}


dl.store_info dd {
	margin-left: 10px;
}

div#g_foot {
	background-color: #FFF;
	padding: 20px;
	font-size: 11px;
}
div#g_foot ul {
	float: left;
}
div#g_foot ul li {
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
	padding-right: 14px;
	padding-left: 14px;
}
div#g_foot ul li.end {
	border-right: none;
	}

.copyright {
	float: right;
	font-family: Arial, Helvetica, sans-serif;
}



/*	Tab
================================================== */
div.wr {
	width: 710px;
}
ul.tab {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	width: 709px;
	background-image: url(../index_img/under02.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #FFF;

}

ul.tab li {
	float: left;
}
ul.tab li a {
	float: left;
	display: block;
	text-align: center;
	color: #000000;
	line-height: 1;
	padding-top: 10px;
	text-decoration: none;
	width: 176px;
	padding-bottom: 10px;

}

ul.tab li.end_177 a {
	width: 177px;
}


ul.tab li a.lt {
	width: 128px;
}
ul.tab li a:visited {
	text-decoration: none;
}
ul.tab li a:hover {
	text-decoration: none;
}
.tab li.active a{
	border-bottom: none;
}
.tabcon {
	clear: both;
	width: 710px;
	overflow: hidden;
	font-size: 11px;
	line-height: 1.2;

	background-color: #FFF;
}

.area {
    display: none;
}

ul.ranking {

	font-size: 11px;
	line-height: 1.3em;
	padding: 5px;
}

ul.ranking li {
	height:180px;
	float: left;
	display:inline;
	overflow:hidden;
	background:#fff no-repeat top left;
	margin-top: 35px;
	margin-bottom: 0;
	margin-left: 5px;
	margin-right:5px;
	padding-bottom: 10px;
}

ul.ranking li a {
	 display:block;
}
ul.ranking li a:link {
	text-decoration: none;
	color: #000;
}
ul.ranking li a:visited {
	text-decoration: none;
	color: #000;
}

ul.ranking li p {
	text-align: center;
	color: #333333;
	font-size: 11px;
	line-height: 142%;
}
ul.ranking li a:hover {
	text-decoration:none;
	color: #CCC;
}
ul.ranking li.liend {
	margin:0 0 0 0;
}
ul.ranking li img {
	display:block;
	margin:0 0 10px 0;
}
ul.ranking li.rank1 {
	background-image: url(../rank_img/img_r01.gif);
}
ul.ranking li.rank2 {
	background-image: url(../rank_img/img_r02.gif);
}
ul.ranking li.rank3 {
	background-image: url(../rank_img/img_r03.gif);
}
ul.ranking li.rank4 {
	background-image: url(../rank_img/img_r04.gif);
}
ul.ranking li.rank5 {
	background-image: url(../rank_img/img_r05.gif);
}

/*	ページトップに戻るボタン
================================================== */

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size:120%;
	font-weight:bold;
}

#page-top a {
    background: #f2c343;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 10px;
}

#page-top a:hover {
	text-decoration:none;
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;

}


/*	ボーダー装飾
================================================== */

.b-dotted-l{
	border-left:1px dotted #d2d2d2;	
	}

.b-dotted-r{
border-right:1px dotted #d2d2d2;	
	}
	
.b-dotted-b{
border-bottom:1px dotted #d2d2d2;
}

.b-dotted-t{
border-top:1px dotted #d2d2d2;
}