/* CSS Document */
@charset "utf-8";
body{ background:none;}
@font-face {
    font-family: 'MyWebFont';
    src: url('A-OTF-SHINGOPR5-REGULAR.eot'); /* IE9*/
    src: url('A-OTF-SHINGOPR5-REGULAR.woff') format('woff'), /* Modern Browsers */
         url('A-OTF-SHINGOPR5-REGULAR.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('A-OTF-SHINGOPR5-REGULAR.svg#svgFontName') format('svg'); /* Legacy iOS */
}
* {
	zoom:1;
	margin: 0px;
	padding: 0px;
	scrollbar-base-color: #ffffff;
	scrollbar-face-color: #dddddd;
	scrollbar-track-color: #ffffff;
	scrollbar-arrow-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-3dlight-color: #dddddd;
	scrollbar-darkshadow-color: #dddddd;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
		Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
}


h1,h2,h3,h4,h5,h6{
	font-size:8pt;
	font-weight:lighter;
}

img{
	-ms-interpolation-mode:bicubic;
	border:none;
	vertical-align:bottom;
}

hr{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}

fieldset{
	padding:3px;
	text-align:left;
}

legend{
	padding:3px;
	text-align:left;
}

input{
	padding:2px;
	background:#FFFFFF;
	border:solid #CCCCCC 1px;
	font-weight:bolder;
	color:#555555;
	font-family:Arial,Helvetica,sans-serif;
}

input.submit{
	margin:7px;
	background:#EFEFEF;
	font-weight:normal;
	cursor:pointer;
}
strong{
	font-weight:normal;
}

td{
	padding-bottom:2px;
}

th{
	padding:3px;
}

strong{
	font-weight:lighter;
}

ul{
	list-style:none;
	margin:0;
	padding:0;
}
.clearfix:after { 
    content:"\200B"; 
    display:block; 
    height:0; 
    clear:both; 
} 
.clearfix {*zoom:1;}

.margin_t6{
	margin-top:6px;
}

.mb15{
	margin-bottom:15px;	
}
/* ------------------------------------- 
 
	リンクの色設定（初級モードで設定）
 
 ------------------------------------- */
a:link {
	color:#6D6D6D;
	text-decoration:underline;
}
a:visited {
	color:#6D6D6D;
	text-decoration:underline;
}
a:active {
	color:#fe6e0d;
	text-decoration:underline;
}
a:hover {
	color:#fe6e0d;
	text-decoration:underline;
}
a:hover img {
	opacity:0.75;
	filter: alpha(opacity=70);
}

body{
	text-align: center;
	background-color:#ffffff;
}

div.container{
	width:100%;
	min-width:1080px;
	height:auto;
}

div.wrapper{
	text-align:center;
	width:1000px;
	height:auto;
	margin:auto;
}

div.header{
	height:141px;
	width:1080px;
	text-align:left;
	position:relative;
	margin:auto;
}

h1.promo_word{
	position:absolute;
	top:12px;
	left:0;
	font-weight:lighter;
	z-index:10;
	font-size:8pt;
	color:#999999;
}

img.logo{
	position:absolute;
	top:21px;
	left:0;
	z-index:1;
}

li.header_menu{
	float:right;
}

/* ------------------------------------- 
 *	レフトのカテゴリ
 * ------------------------------------- */
div.left_nemu{
	margin-top:17px;
	border-bottom:dotted #9f9f9f 1px;
}

div.hot_word{
	text-align:left;
	border-bottom:dotted #9f9f9f 1px;
	background-color:#f1f1f1;
}


.category{
	width:160px;
	text-align:left;
}
ul.example{
	list-style:none;
	padding-bottom:17px;
	margin-left:14px;
}
ul.example li{
	margin:0;
	padding:0;
	line-height:20px;
	font-size:10pt !important;
	text-align:left;
}


ul.example1 {
	margin: 0 0 0 10px;
	padding: 0;
	list-style:none;
}

ul.hot_word{
	list-style:none;
	line-height:12px;
	padding-bottom:10px;
	margin-left:5px;
}

.hot_word li
{
	list-style: none;
	background-repeat: no-repeat;
	padding: 0 0 0 7px;
	font-size:10px;
}




/* ------------------------------------- 
 *	レフトのショップランキング
 * ------------------------------------- */
 
 
div.left_shop_ranking{
	border-bottom:dotted #CCCCCC 2px;
	width:132px;
	height:86px;
	margin:auto;
	margin-top:13px;
}

/* ------------------------------------- 
 
	コンテンツ
 
 ------------------------------------- */
div.search_point{
	position:relative;
	width:100%;
	height:56px;
	margin-top:14px;
}


div.point_info{
	width:135px;
	height:40px;
	border-right:solid #CCCCCC 1px;
	float:left;
	text-align:center;
}

div.point_details{
	width:250px;
	height:40px;
	float:right;
	line-height:13px;
}

div.header_contents{
	height:auto;
	clear:both;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}

div.header_contents2{
	height:auto;
	clear:both;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
}

div.banners{
	width:433px;
	height:auto;
	float:right;
	text-align:center;
}


div.todays{
	margin-top:15px;
	clear:both;
	height:auto;
	width:100%;
}

div.todays_line_nap{
	float:left;
	height:17px;
}





div.event{
	width:340px;
}

div.event02{
	width:340px;
	margin-left:19px;
}


div.event_text01{
	font-size:14px;
	font-weight:bold;
	margin-bottom: 5px;
	color: #333333;
	text-align:left;
}

div.event_text02{
	font-size:10px;
	color: #999999;
	margin-bottom: 15px;
	text-align:left;
}



.like_button div{
width:158px !important;
margin:0;
padding:0;
}



/* ------------------------------------- 
 
	JAVASCRIPT
 
 ------------------------------------- */

div#image_box{
	width:942px;
	height:112px;
	overflow:hidden;
	position:relative;
	font-size:8pt;
	margin:auto;;
}

#image_box div img{ width:91px; height:91px;}
.left02 a{
	margin-bottom:10px;
	display:block
}



.cosear{
	overflow:hidden;
	clear:both;
	/*margin:30px 0 0 0;*/
}
.cosear01{
	margin:20px 0 15px 0;
	height:30px;
	width:490px;
	float:right;
}
.cosear01 ul{
	overflow:hidden;
	border-bottom:1px solid #000;
	border-top:1px solid #000;
}
.cosear01 ul li{
	float:left;
	margin:0 15px 0 9px;
}
.cosear01 ul li a{
	line-height:30px;
}
.collect{
	margin:4px 0 0 20px;
}
.right{ float:right;}
.clear{ clear:both;}
.search{
	background: url(http://cpemart.creoplus.com/img/search01.png) no-repeat center bottom;
	height:40px;
	width:500px;
	overflow:hidden;
}
.searchbg{
	background:none;
	border:none;
	height:40px;
	width:40px;
	color:#fff;
	float:left;
	text-indent:1000px;
	outline:none;
	cursor:pointer;
	padding:0;
}
.searchtxt {
    border: none;
    float: left;
    height: 40px;
	line-height:40px;
    width: 445px;
	outline:none;
	font-size:14px;
	color:#535353;
	background:none;
	padding:0;
	text-indent:20px;
}

.hmenu  li{
	/*background:url(headright.jpg) no-repeat 5px center;*/
	padding:3px 0 5px 12px;
}
.hmenu  li a{
	font-size:12px;
	text-decoration:none;
}
.hmenu  li a:hover{
	text-decoration:underline;
}
.footerwrap{
    clear: both;
    width: 100%;
	padding-top:10px;
	margin-top:10px;
}
.container{ width:1080px; margin:0 auto;}


.keyword{
	float:right;
	width:500px;
	height:44px;
	margin-top:10px;
	text-align:right;
}
.keyword  a{
	margin:0 10px 3px 0px;
	font-size:12px;
	display:block;
	float:right;
}
.header a {
    color: #323232;
    text-decoration: none;
}
.header a:hover {
    /*color: #fe6e0d;*/
    text-decoration: underline;
}
.headbg{
	background:#f7f7f7;
	height:30px;
	width:100%;
	border-bottom:1px solid #ccc;
}

body{ background:none;}
	ul,li{
		margin:0;
		padding:0;
	}
	.menu{
		width:1080px;
		margin:0px auto;  
		text-align:center;
		clear:both; 
	}
	.menu ul li{
		float:left;
		text-align:left;
		list-style:none;
	}
	.menu ul li.gr{
		margin:0px auto;  
		text-align:center; 
		width:125px;
		line-height:36px;
		background-color:#004854;
		font-style:normal;
		border-left-color:#08f1fa;
		border-right-color:#08f1fa;
		border-width:1px solid;
	}
	.menu ul li.gr a{
		color:#ffffff;
		text-decoration:none;
	}
	.menu ul li.home{
		
	}
	.menu ul li.home a{
		color:#004854;
	}
.left{
	float:left;
}
.clear{
	clear:both;
}
.mb{ }
.mr{ margin-right:6px;}
.headtitle{
	font-size:12px;
	color:#000;
	line-height:30px;
	float:left;
	margin-left:10px;
}
.headbg ul li{
	margin-right:20px;
	float:left;
	line-height:30px;
	font-size:12px;
}
.headbg ul li a{
	font-size:12px;
	color:#000;
	text-decoration:none;
}
.hmenu li.shun{
	float:right;
	margin:0 10px;
	padding:0;
}

div.menu{
	width:1080px;
	height:53px;
	/*border-top:1px solid #ccc;*/
	/*border-bottom:4px solid #000;*/
}

div.menu ul{
	margin:0;
	padding:0;
}

div.menu ul li{
	float:left;
	list-style:none;
	display:block;
	text-align:center;
	/*margin-top:10px;*/
}

div.menu img{
	vertical-align:bottom;
}
.menu a,.header_menu a{
	color:#000;
}
.headbanner{ clear:both; margin-top:10px;}
.headbanner a{
	display:block;
	margin-bottom:10px;
}


.linetop{ border-top:1px solid #000; }
.footer{ margin:10px 0;}
.footercon{
	padding:20px 0;
	color:#000;
	overflow:hidden;
	font-size:13px;
	text-align:left;
	text-decoration:none;
}
.footercon a{
	color:#000;
	font-size:13px;
	text-align:left;
	text-decoration:none;
	line-height:18px;
}
.footercon .fc0{
	width:140px;
	float:left;
}
.footercon .footercate01{
	width:250px;
}
.footercon .footercate02{
	width:250px;
}
.footercon .footercate03{
	width:165px;
}
.footercon .footercate04{
	width:250px;
}
.footercon .footercate05{
	width:170px;
}
.footercon .footercate06{
	width:66px;
}
.footercon .fc0 li{
	background:url(../img/footer_01.jpg) no-repeat left 5px;
	padding:0 0 0 20px;
	margin:10px 0;
}
.footercon .fc0 li ul li{
	background:url(../img/footer_02.jpg) no-repeat left center;

}

.footercon .none li{
	background:none;
}
div.childrenmenu{
	border-left: 4px solid #000;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	display:none;
	position: absolute;
	top: 74px;
	left: 0;
	z-index: 111;
	width:570px;
	background:#fff;
	padding:30px 40px;
}
.lv01 div.childrenmenu{
	width:410px;
}
.lv02 div.childrenmenu{
	
}
.lv03 div.childrenmenu{
	left:-340px;
}
.hover .childrenmenu{
	/*display:block;*/
}
div.probanner{
	float:right;
	width:210px;
}
div.menu ul li .probanner a{
	display:block;
	line-height:20px;
	text-align:left;
	font-size:12px;
}
.example{ float:left;}
div.menu ul.example li{
	background: url("http://cpemart.creoplus.com/img/toright.jpg") no-repeat scroll left 0;
	width:155px;
}
.lv01 div.childrenmenu .example li{
	width:155px;
}
.lv02 div.childrenmenu .example li{
	width:145px;
}
.lv03 div.childrenmenu .example li{
	width:145px;
}
div.menu ul li ul{
	width:150px;
}

div.menu ul li{ position:relative; /*padding-bottom:10px;*/}
div.menu ul .lvwid01{
	width:11.1%;	
}
div.menu ul .lvwid01 div{
	display:block;
	height:34px;
	line-height:34px;
	position:relative;
	margin-top:5px;
}
div.menu ul .lvwid01:hover div{
	background:#656565;
	background:rgba(101,101,101,0.8);
	filter:alpha(opacity=80);
	border:1px solid #fff;
	border-bottom:none;	
}
div.menu ul .lvwid01:hover div a{
	color:#fff;
}
div.menu ul .lvwid01:hover div a.nav_title{
	margin:0 10px;
	border-bottom:1px solid #fff;
	height:33px;
	line-height:33px;	
}
div.menu ul .lvwid01 div ul{
	position:absolute;
	top:34px;
	left:-1px;	
	background:#656565;
	background:rgba(101,101,101,0.8);
	filter:alpha(opacity=80);
	border:1px solid #fff;
	border-top:none;
	display:none;
	width:220px;	
}
div.menu ul .lvwid01:hover div ul{
	display:block;	
}
div.menu ul .lvwid01 div ul a:hover{
	text-shadow:0 2px 2px rgba(0,0,0,0.6);
	filter:alpha(opacity=80);
}
div.menu ul .lvwid01 div ul li{
	border-bottom:1px solid #fff;
	float:none;
	margin:0 10px;
}
div.menu ul li ul li{
	/*padding:2px 0 2px 15px;*/
	/*border-bottom:1px dashed #ccc;*/
	/*width:150px;*/
	text-align:left;
}
div.menu ul li ul li a{padding:0 0 3px 0px; font-size:12px;}
.footerwrap{
    clear: both;
    width: 100%;
	padding-top:10px;
	margin-top:10px;
}

.prolist{
	margin-left:-15px;
	text-align:center;
	font-size:14px;
	letter-spacing:1px;	
}
.prolist a img{
	border:1px solid #ccc;
	width:100%;	
}
.prolist li{
    margin-left:15px;
	width:203px;
	float:left;
	padding-bottom:15px;	
}
.prolist h2{
	margin-bottom:15px;	
}
.prolist p{
	padding:5px 18px;
	line-height:16px;	
}
.prolist .pro-des{
	height:74px;	
}
.prolist p a{
	font-size:13px;
	text-decoration:none;
	color:#323232;	
}
.prolist p a:hover{
	text-decoration:underline;	
}
.prolist .price{
	color:red;	
}
.prolist .price span{
	color:#8d8d8d;
}
.haibao img{
	border:1px solid #e7e7e7;	
}
.haibaoleft div{
	margin-right:7px;	
}
.haibao .haibao1{
		
}
.haibao .haibao2{
		
}
.haibao .haibao3{
		
}


/*hot*/
/*c-advantage-t*/
.mt30 {
    margin-top: 30px!important;
    height: 100%;
    overflow: hidden;
}
.c-advantage-t{
	border:1px #e7e7e7 solid;
	border-bottom:none;
	height:50px;
	background:url(http://cpemart.creoplus.com/img/best_items.jpg) no-repeat 20px 18px;	
}
.c-advantage-tnew{
	background:url(http://cpemart.creoplus.com/img/new_items.jpg) no-repeat 20px 18px;	
}
.c-advantage-t ul{
	float:right;
	position:relative;	
}
.c-advantage-t ul li{
	float:left;
	font-size:12px;
	margin-top:10px;
}
.c-advantage-t .box3{
	text-decoration:none;
	display:block;
	height:26px;
	line-height:26px;
	padding:0 15px;
	border:1px #fff solid;
	border-radius:16px;	
}
.c-advantage-t ul .box1{
	position:relative;
	overflow:hidden;
		
}
.c-advantage-t ul .box2{
	position:absolute;
	width:100%;
	height:26px;
	border-radius:16px;
	border:1px #ec8498 solid;	
}
.c-advantage-t a:hover{
	color:#ec8498;	
}
.c-advantage-t a:hover img{
	opacity:1;	
}

/*new*/
.c-advantage-tnew a:hover{
	color:#4c9acb;	
}
.c-advantage-t .box5{
	text-decoration:none;
	display:block;
	height:26px;
	line-height:26px;
	padding:0 15px;
	border:1px #fff solid;
	border-radius:16px;	
}
.c-advantage-t ul .box4{
	position:relative;
	overflow:hidden;
		
}
.c-advantage-t ul .box6{
	position:absolute;
	width:100%;
	height:26px;
	border-radius:16px;
	border:1px #4c9acb solid;	
}



/*c-advantage-t*/



.c-advantage-1{
	/*overflow:hidden;*/
	border:1px #e7e7e7 solid;	
}
.c-advantage-1 a{
	text-decoration:none;
		
}
.c-adbantage-a {
    float: left;
    width: 270px;
	height:507px;
	position:relative;
}
.c-adbantage-a img{
	width:270px;
	position:absolute;
	top:-19px;
	left:0;	
}
.c-adbantage-new img{
	top:-17px;	
}
.c-adbantage-a a img:hover{
	opacity:1;
	filter:alpha(opacity=100);
}
.c-advantage-w{
	float:left;
	width:808px;	
}
.c-advantage-w ul{
	border-bottom:1px solid #e7e7e7;	
}
.c-advantage-w .lin-q{
	float:left;
	width:201px;
	height:253px;
	border-right:1px #e7e7e7 solid;
	position:relative;
	z-index:100;	
}
.c-advantage-w .lin-q:hover{
	box-shadow:0px 0px 6px rgba(0,0,0,0.4);
	z-index:101;
}
.c-advantage-w .lin-q em{ 
	font-style:normal;
	margin-top:5px;
	display:block;	
}
.c-advantage-w .lin-q a img{
	margin-left:15px;
	width:176px;
	-webkit-transition: margin .2s linear;
    -moz-transition: margin .2s linear;
    -o-transition: margin .2s linear;
    transition: margin .2s linear;	
    margin-top:5px;
}
.c-advantage-w .lin-q a img:hover{
	margin-left:10px;	
}
.c-advantage-w .lin-q .down{
	padding:10px;
	padding-top:0;
	margin-top:2px;	
}
.c-advantage-w .down .spa{
	font-size:12px;
	display:block;	
}
.c-advantage-w .bordernone{
	border-right:none;	
}