@charset "utf-8";


/* 背景指定用 

body{
	background-image:url();
}

*/

#wrap{
	width:1200px;
	margin:auto;
	}
	
h1{padding:0; margin:0;}

.mgt5{margin-top:5px;}
.mgt10{margin-top:10px;}
.mgt15{margin-top:15px;}
.mgt20{margin-top:20px;}
.mgt25{margin-top:25px;}
.mgt30{margin-top:30px;}
.mgt35{margin-top:35px;}
.mgt40{margin-top:40px;}
.mgt45{margin-top:45px;}
.mgt50{margin-top:50px;}

	
.clear:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clear            { zoom: 1; } /* IE6 */
*:first-child+html .clear { zoom: 1; } /* IE7 */	

a img{border:0;
	background-color:#ffffff;
}

a:hover img{
    opacity:0.5;
    -moz-opacity:0.5;
    filter:alpha(opacity = 50);
	background:#FFF;
}

#slideshow a:hover img{
    opacity:1;
    -moz-opacity:;
    filter:alpha(opacity = 100);
	background:#FFF;
}

/* ---------------------------------------
 * #トップヘッダー
 * ------------------------------------ */
 
.nav{
	background-color:#000000;
	width:1200px;
	height:40px;
	border-bottom:solid 1px #404040;
	margin:auto;
	position: absolute;
	top:-100px;
	z-index:1000;
	}
	
.nav ul.detail{
	padding:8px;
	margin:2px auto;
	width:1060px;
	}	
 
.nav ul.detail li,
.nav ul.searchBox li{
	float:left;
	list-style:none;
	}	
	
.nav ul.detail li ul.searchBox{
	width:150px;
	padding:0;
	}


.fixmenu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}
	

#logoarea{
	margin-top:0px;
}

#logoarea .logo{
	float:left;
	padding-left:10px;
}

#logoarea .menu ul{
	padding:0;
	margin:0;
}

#logoarea .menu ul li{
	float:left;
	list-style:none;
	margin:10px 0 0 50px;
}

#logoarea .freebnr{
	float:right;
	margin-top:-25px;
}

#logoarea .freebnr ul {
	list-style:none;
	text-align:right;
	margin-top:-5px;
	}

#logoarea .freebnr li {
	float:left;
	margin-left:20px;
	}

#logoarea .freebnr li:first-child{
	margin-left:2px;
	}




#h_main_area{
	margin-top:15px;
	background-color: #ffffff;
}

#h_main_area .mainimage{
	float:left;
	width:900px;
}

#h_main_area .rightarea{
	float:left;
	margin-left:10px;
	width:290px;
}


/* ---------------------------------------
 * #スライドイメージ設定
 * ------------------------------------ */

#slideshow {
	width: 900px;
	height: 540px;
	position: relative;
	margin: 0;
}
#slideshow div {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8;
	opacity: 0.0;
}
#slideshow div.active {
	z-index: 10;
	opacity: 1.0;
}
#slideshow div.last-active {
	z-index: 9;
}
#slideshow-bt {
	margin-top: 16px;
	width: 900px;
}
#slideshow-bt a {
	display: block;
	width: 19px;
	height: 19px;
	background: url(../images/mvthm_off.gif) no-repeat;
	text-indent: -9999px;
	float: left;
	margin: 0 7px;
}
#slideshow-bt a.active {
	background: url(../images/mvthm_on.gif) no-repeat;
}


/* ---------------------------------------
 * #検索ボックス
 * ------------------------------------ */
 
.search{
	background-image:url(../images/h_search_bg.gif);
	background-repeat:no-repeat;
	width:246px;
	height:27px;
	margin:auto;
}

.search ul{
	margin-left:60px;
	padding:0;
}

.search ul li{
	float:left;
	list-style:none;
}

/* ---------------------------------------
 * #スライドショー下部テキストメニュー
 * ------------------------------------ */
 
 #maintextmenu{
	 font-size:12px;
	 font-weight: normal;
	 margin-top:30px;
	 margin-left:auto;
	 margin-right:auto;
	 text-align:center;
	 background-color: #ffffff;
 }

 #maintextmenu ul{
	 list-style:none; margin:auto 0; display:inline-block;
 }

 #maintextmenu ul li{
	 float:left;
	 margin-left:39px;
	 padding-left:50px;
	 background: url(http://www.cocacoca.jp/renewal/images/solid_line.gif) no-repeat 0 0;
	 text-decoration: none;
 }

 #maintextmenu ul li:first-child{
	 margin-left:-50px; background:none;
 }

#maintextmenu a{
	color:#000000;
	text-decoration:none;
}


/* ---------------------------------------
 * #商品一覧回転エリア
 * ------------------------------------ */

#myslider{
	margin-top:40px;
	}

.slider img{
  border:0px;
  margin:5px;
}



/* ---------------------------------------
 * #選択バナーエリアA 
 * ------------------------------------ */
 
 .bannerA{margin-top:35px;}
 
 
 
 
 /* ---------------------------------------
 * #メインコンテンツ
 * ------------------------------------ */
 
#maincontents{
	margin-top:80px;
	}
#leftnavi{
	float:left;
	width:220px;
	}
	
#centercontents{
	float:right;
	width:970px;
	margin-left:10px;
	background-color:#ffffff;
	}	
	
	
#centercontents .bnrarea div{
	margin-top:40px;
	float:left;
	}		

#centercontents .bnrarea div.right{
	float:left;
	margin-left:10px;
	}		
	
#centercontents .bestsellers h2{
	text-align:center;
	font-size:12px;
	margin-top:80px;
	margin-bottom:30px;
	font-weight:normal;
	}		

#centercontents .bestsellers h2 a{
	color: #000000;
	text-decoration: none;
	padding:0 50px;
	display:inline-block;
	background: url(http://www.cocacoca.jp/renewal/images/solid_line.gif) no-repeat left, url(http://www.cocacoca.jp/renewal/images/solid_line.gif) no-repeat right;
	}


#centercontents .bestsellers .box{
	width:235px;
	height:400px;
	float:left;
	margin:3px;
	}		

#centercontents .bestsellers .box .text{
	font-size:10px;
	text-align:center;
	margin-top:5px;
	line-height:18px;
	}		
	
	
#centercontents .newitem h2{
	text-align:center;
	font-size:12px;
	margin-top:0px;
	margin-bottom:30px;
	font-weight:normal;
	}		


#centercontents .newitem h2 a{
	color: #000000;
	text-decoration: none;
	padding:0 50px;
	display:inline-block;
	background: url(http://www.cocacoca.jp/renewal/images/solid_line.gif) no-repeat left, url(http://www.cocacoca.jp/renewal/images/solid_line.gif) no-repeat right;
	}


#centercontents .newitem .box{
	width:235px;
	height:400px;
	float:left;
	margin:3px;
	}		

#centercontents .newitem .box .text{
	font-size:10px;
	text-align:center;
	margin-top:5px;
	line-height:18px;
	}			


#centercontents .rearrival h2{
	text-align:center;
	font-size:12px;
	margin-top:80px;
	margin-bottom:30px;
	font-weight:normal;
	}		


#centercontents .rearrival h2 a{
	color: #000000;
	text-decoration: none;
	padding:0 50px;
	display:inline-block;
	background: url(http://www.cocacoca.jp/renewal/images/solid_line.gif) no-repeat left, url(http://www.cocacoca.jp/renewal/images/solid_line.gif) no-repeat right;
	}


#centercontents .rearrival .box{
	width:235px;
	height:300px;
	float:left;
	margin:3px;
	}		

#centercontents .rearrival .box .text{
	font-size:10px;
	text-align:center;
	margin-top:5px;
	line-height:18px;
}


#centercontents .bnrarea2{
	margin-top:10px;
}



 /* ---------------------------------------
 * #選択バナーエリア
 * ------------------------------------ */
.bannerB{
	margin-top:20px;
	margin-bottom:20px;
	}
 
.bannerB div{
	float:left;
	}
	
.bannerB div.end{
	float:left;
	margin-left:10px;
	}

.bannerC{
	margin-top:0px;
	margin-bottom:20px;
	}

.bannerD{
	margin-top:20px;
	margin-bottom:20px;
	}
 
.bannerD div{
	float:left;
	}
	
.bannerD div.end{
	float:left;
	margin-left:10px;
	}

.bannerE{
	margin-top:20px;
	margin-bottom:20px;
	}

.bannerE .area125{
	float:left;
	width:390px;
	}	

	
.bannerE .area125 div{
	float:left;
	margin-right:5px;
	margin-bottom:5px;
	}

.bannerE .area125 div.right0{
	float:left;
	margin-bottom:5px;
	}		
	
.bannerE .area420{
	float:left;
	width:420px;
	}	
	
.bannerE .area125_right{
	float:left;
	width:385px;
	margin-left:5px;
	}	

	
.bannerE .area125_right div{
	float:left;
	margin-right:5px;
	margin-bottom:5px;
	}

.bannerE .area125_right div.right0{
	float:left;
	margin-bottom:5px;
	margin-right:0;
	}			

 /* ---------------------------------------
 * #レフトナビ展開部分
 * ------------------------------------ */

.dropdown, .dropdown * {
 font-size: 10px;  /* 文字サイズ */
 line-height: normal;
 margin: 0;
 padding: 0;
}

.dropdown, .dropdown ul, .dropdown li {
 width: 220px;  /* メニューの幅 */
}
.dropdown a {
 display: block;

}
.dropdown a, .dropdown a:link, .dropdown a:hover, .dropdown a:visited {
 color: #000;  /* 文字色 */
 text-decoration: none;
}
.dropdown a:hover {  /* マウスカーソルが乗ったとき */
 color: #ffffff;  /* 文字色 */
 background: #000000;  /* 背景 */
}
.dropdown li {
 position: relative;
 display: block;
 list-style: none;
 background: #bbb;  /* メインメニュー背景 */
}
.dropdown li li {
 background: #ccc;  /* サブメニュー背景 */
 width:137px;
 height:21px;
}
.dropdown ul {
 visibility: hidden;
 position: absolute;
 left: 220px;  /* メニューの幅と同じ値 */
 top: 0px;  /* サブメニューのボーダー幅を減算 */
}
.dropdown li:hover > ul {
 visibility: visible;
}	


.dropdown li ul li a{
	width:137px;
	height:21px;
}	

.dropdown li ul li a div{
	padding:5px;
}	


 /* ---------------------------------------
 * #フッター部分
 * ------------------------------------ */
 
#footer{ margin-top:50px;}
#footer .topbtn{ text-align:right;}
#footer .fotterarea{
	margin-top:40px;
	border-top:solid 1px #000000;
	border-bottom:solid 1px #000000;
	height:225px;
	background-color:#ffffff;
}

#footer .fotterarea div{
	float:left;
	margin-left:20px;
	margin-top:20px;
	width:285px;
	text-align:left;
}

#footer .fotterarea div a{
	color:#000000;
	
}

#footer .fotterarea div p{
	font-size:12px;
	line-height:18px;
}

#footer .fotterarea div p .right{
	float:right;
	
	
}

#footer .fotterarea div p .fs16{
	font-size:16px;
	line-height:18px;
	font-weight:bold;
}

#footer .fotterarea div p .red{
	color:#cc0000;
}



 
#footer .fotterarea div.cal{
	float:left;
	width:265px;
	text-align:center;
}


#footer .textarea{
	background-color:#ffffff;
	}

#footer .textarea .logo{
	margin-left:20px;
	float:left;
}

#footer .textarea .text{
	font-size:12px;
	float:left;
	margin-left:15px;
	margin-top:8px;
}

#footer .textarea .text a{
	color:#000000;
	text-decoration:none;
}

#footer .copyright{
	font-size:12px;
	margin-left:20px;
	margin-top:40px;
	text-align:center;
	background-color:#ffffff;
}

.title3 {
padding: 10px 0px 10px 7px;
margin: 0px;
width: auto;
color: #006699;
line-height: 100%;
font-weight: bold;
font-size: 12px;
vertical-align: middle;
letter-spacing: 0.2em;
background: #e6dcbc url(./img/title_bar01.gif) repeat-x;
}

/* ---------------------------------------
 * #見出し
 * ------------------------------------ */
 
 h2.new-title2{
	font-size: 30px;
	border-bottom: black 1px solid;
	text-align: center;
	clear: both;
	font-family:lato,Verdana, Arial,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraKakuProN-W3","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

 div.item-box-up{
	 font-family:lato,Verdana, Arial,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraKakuProN-W3","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	 width: 200px;
    height: 240px;
    padding: 8px;
    float: left;
    font-size: 12px;
    line-height: 12px;
    text-align: right;
}

div.item-box-up p{
    font-size: 10px;
}