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

 /* ipad サイズで footer 幅が短くなるバグの対応 */
html{
	/* width 960px + padding 16px × 2  */
	min-width: 992px;
	margin: auto;
}

@media screen and (max-width: 480px){
	html{
		min-width: 100%;
	}
}

body {
	font-size:80%;
	line-height:1.4;
	color:#333;
	text-align:center;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	height:100%;
	letter-spacing:0.1em;
}

a{text-decoration:none}
a:link {color:#0e76de;}
a:visited {color:#0e76de;}
a:hover { color:#559ade;}
a:active {color:#0e76de;}

a img:hover {
	opacity:0.7;
}

*html #wrapper {
	height:100%;
}
#wrapper {
	position:relative;
	width:100%;
    min-height: 100%;
	text-align:left;
}
body > #wrapper {
	height: auto;
}
#container {
	text-align:center;
}

/* ヘッダーメニュー
==========================================================*/
#head_menu{
	text-align:left;
	border-top:1px solid #fff;
	background:url(/img/shop/headmenu_bg.gif) 0 100% repeat-x;
	min-height:20px;
	padding:3px 0 0 0;
}
#head_menu a:link {color:#898989;}
#head_menu a:visited {color:#898989;}
#head_menu a:hover { color:#898989;}
#head_menu a:active {color:#898989;}

#head_menu a.userpoint:link {color:#555;}
#head_menu a.userpoint:visited {color:#555;}
#head_menu a.userpoint:hover { color:#898989;}
#head_menu a.userpoint:active {color:#555;}

#head_menu .inner{
	width:960px;
	margin:0 auto;
	text-align:right;
}
#head_menu .inner ul{
}
#head_menu .inner ul li{
	display:inline;
}

/* ヘッダー
==========================================================*/
#head{
	text-align:left;
	width:960px;
	height:94px;
	margin:0 auto;
	position:relative;
    z-index: 999;
}
#head #logo{
	position:absolute;
	top:27px;
	left:16px;
}
#head #logo a{
	display:block;
	width:173px;
	height:50px;
}
#head .point{
	position:absolute;
	top:17px;
	left:247px;
}
#head .tel{
	position:absolute;
	top:27px;
	left:474px;
}
#head .my_menu{
	position:absolute;
	top:16px;
	left:739px;
    width: 222px;
}
#head a.loginBtn{
    margin-left: 4px;
	float:left;
	display:block;
	width:109px;
	height:30px;
}
#head a.loginBtn:hover img{
	opacity:1;
}
#head a.entryBtn{
	float:left;
	display:block;
	width:109px;
	height:30px;
}
#head a.entryBtn:hover img{
	opacity:1;
}
#head a.mypageBtn{
	margin-bottom:4px;
	display:block;
	width:222px;
	height:30px;
}
#head a.mypageBtn:hover img{
	opacity:1;
}
#head .my_menu ul li{
    float:left;
}
#head .my_menu .inner{
	position:absolute;
	top:30px;
	left:6px;
	border-left:1px solid #dedede;
	border-right:1px solid #dedede;
	width:210px;
	z-index:999;
	display:none;
}
#head .my_menu ul.inner li{
	width:210px;
	border-top:1px solid #fff;
	border-bottom:1px solid #dedede;
}
#head .my_menu ul.inner li a {
	display:block;
	background: url(/img/shop/ico_arw_black.gif) 15px center no-repeat #f7f7f7;
	padding:6px 5px 7px 27px;
}
#head .my_menu ul.inner li a:hover {
	background: url(/img/shop/ico_arw_gray.gif) 15px center no-repeat #f7f7f7;
}
#head .my_menu ul.inner li a:link {color:#000;}
#head .my_menu ul.inner li a:visited {color:#000;}
#head .my_menu ul.inner li a:hover { color:#999;}
#head .my_menu ul.inner li a:active {color:#999;}


#head li .cartBtn{
	position:relative;
}
#head li.cartBtn img{
    margin-top:4px;
}
#head li.cartBtn a:hover img{
	opacity:1;
}
#head li.cartBtn a span{
	text-align:center;
	display:block;
	margin-top:-24px;
	margin-left:95px;
}
#head li.cartBtn a:link {color:#666;}
#head li.cartBtn a:visited {color:#666;}
#head li.cartBtn a:hover { color:#666;}
#head li.cartBtn a:active {color:#666;}


/* グローバルナビ
==========================================================*/
#globalnav{
	text-align:left;
	width:960px;
	margin:0 auto 9px;
}
#globalnav ul{
}
#globalnav ul li{
	position:relative;
	float:left;
    z-index: 998;
}
#globalnav ul li ul{
	position:absolute;
    z-index:100;
	top:47px;
	left:0px;
	border-left:1px solid #dedede;
	border-right:1px solid #dedede;
}
#globalnav ul li ul li{
	border-top:1px solid #fff;
	border-bottom:1px solid #dedede;
}
#globalnav ul li ul li a {
	display:block;
	background: url(/img/shop/ico_arw_black.gif) 15px center no-repeat #f7f7f7;
	padding:6px 5px 7px 27px;
}
#globalnav ul li ul li a:hover {
	background: url(/img/shop/ico_arw_gray.gif) 15px center no-repeat #f7f7f7;
}
#globalnav a:link {color:#000;}
#globalnav a:visited {color:#000;}
#globalnav a:hover { color:#999;}
#globalnav a:active {color:#999;}
#globalnav dl dt.nav2 a{
	background:url(/img/shop/globalnav.gif) -625px 0 no-repeat;
	width:179px;
}
#globalnav ul li.nav_category a{
	display:block;
	width:224px;
	height:47px;
	margin-right:23px;
}
#globalnav ul li.nav_category a:hover img{
	opacity:1;
}

#globalnav ul li.nav1 span{
	width:177px;
	height:47px;
	display:block;
	cursor:pointer;
}
#globalnav ul li.nav1 span:hover img{
	opacity:1;
}
#globalnav ul li ul.snav1 li{
	width:175px;
	font-size:90%;
}

#globalnav ul li.nav2 span{
	width:179px;
	height:47px;
	display:block;
	cursor:pointer;
}
#globalnav ul li.nav2 span:hover img{
	opacity:1;
}
#globalnav ul li ul.snav2 li{
	width:177px;
	font-size:90%;
}

#globalnav ul li.nav3 a{
	width:179px;
	height:47px;
	display:block;
	cursor:pointer;
}
#globalnav ul li.nav3 a:hover img{
	opacity:1;
}
#globalnav ul li ul.snav3 li{
	width:179px;
}

#globalnav ul li.nav4 a{
	width:178px;
	height:47px;
	display:block;
	cursor:pointer;
}
#globalnav ul li.nav4 a:hover img{
	opacity:1;
}
#globalnav ul li ul.snav4 li{
	width:178px;
}


#globalnav ul li.nav_category_ex a{
	display:block;
	width:224px;
	height:47px;
	margin-right:23px;
}
#globalnav ul li.nav_category_ex a:hover img{
	opacity:1;
}

#globalnav ul li.nav_category_ex ul.category_menu{
	position:absolute;
	top:47px;
	left:0px;
	border-left:1px solid #d8d8d8;
	border-right:1px solid #d8d8d8;
	width:222px;
	z-index:1000;
}
#globalnav ul li.nav_category_ex ul.category_menu li{
	border-top:1px solid #fff;
	border-bottom:1px solid #dedede;
	width:222px;
	font-size:11px;
	background:none;
}
#globalnav ul li.nav_category_ex ul.category_menu li a {
	display:block;
	background: none;
	padding:13px 5px 13px 36px;
	text-indent:0;
	height:auto;
	width:auto;
	margin-right:0;
}
#globalnav ul li.nav_category_ex ul.category_menu li a strong{
	font-weight:normal;
}
#globalnav ul li.nav_category_ex ul.category_menu li.category_Tit{
	font-weight:bold;
	font-size:14px;
	color:#333;
	background:#f6fce9;
	padding:13px 5px 13px 11px;
	border-bottom:1px solid #c9d6c6;
	width:206px;
}

#globalnav ul li.nav_category_ex ul.category_menu li ul{
	display: none; 
	position:absolute;
	top:-2px;
	left:222px;
	border-top:1px solid #dedede;
	border-left:none;
    background-color:#F7F7F7;
}
#globalnav ul li.nav_category_ex ul.category_menu li ul li{
	padding:7px 0 7px 15px;
	width:auto;
}
#globalnav ul li.nav_category_ex ul.category_menu li ul li a,
#globalnav ul li.nav_category_ex ul.category_menu li ul li strong{
	display:block;
	background: url(/img/shop/ico_arw_black.gif) 0px 6px no-repeat;
	padding:3px 5px 4px 15px;
	width:200px;
	float:left;
}
#globalnav ul li.nav_category_ex ul.category_menu li ul li a:hover {
	background: url(/img/shop/ico_arw_gray.gif) 0px 6px no-repeat #f7f7f7;
}

#globalnav ul li.nav_category_ex ul.category_menu li.businesscard{
	background:url(/img/shop/businesscard.gif) 0 50% no-repeat #f7f7f7;
}
#globalnav ul li.nav_category_ex ul.category_menu li.flyer{
	background:url(/img/shop/flyer.gif) 0 50% no-repeat #f7f7f7;
}
#globalnav ul li.nav_category_ex ul.category_menu li.posting{
	background:url(/img/shop/posting.gif) 0 50% no-repeat #f7f7f7;
}
#globalnav ul li.nav_category_ex ul.category_menu li.pamphlet{
	background:url(/img/shop/pamphlet.gif) 0 50% no-repeat #f7f7f7;
}
#globalnav ul li.nav_category_ex ul.category_menu li.booklet{
	background:url(/img/shop/booklet.gif) 0 50% no-repeat #f7f7f7;
}
#globalnav ul li.nav_category_ex ul.category_menu li.document{
	background:url(/img/shop/document.gif) 0 50% no-repeat #f7f7f7;
}
#globalnav ul li.nav_category_ex ul.category_menu li.sticker{
	background:url(/img/shop/sticker.gif) 0 50% no-repeat #f7f7f7;
}
#globalnav ul li.nav_category_ex ul.category_menu li.card{
	background:url(/img/shop/card.gif) 0 50% no-repeat #f7f7f7;
}
#globalnav ul li.nav_category_ex ul.category_menu li.stampcard{
	background:url(/img/shop/stampcard.gif) 0 50% no-repeat #f7f7f7;
}
#globalnav ul li.nav_category_ex ul.category_menu li.postcard{
	background:url(/img/shop/postcard.gif) 0 50% no-repeat #f7f7f7;
}
#globalnav ul li.nav_category_ex ul.category_menu li.envelope{
	background:url(/img/shop/envelope.gif) 0 50% no-repeat #f7f7f7;
}
#globalnav ul li.nav_category_ex ul.category_menu li.folder{
	background:url(/img/shop/folder.gif) 0 50% no-repeat #f7f7f7;
}
#globalnav ul li.nav_category_ex ul.category_menu li.directmail{
	background:url(/img/shop/directmail.gif) 0 50% no-repeat #f7f7f7;
}
#globalnav ul li.nav_category_ex ul.category_menu li.wrappingpaper{
	background:url(/img/shop/wrappingpaper.gif) 0 50% no-repeat #f7f7f7;
}
#globalnav ul li.nav_category_ex ul.category_menu li.paymentslip{
	background:url(/img/shop/paymentslip.gif) 0 50% no-repeat #f7f7f7;
}
#globalnav ul li.nav_category_ex ul.category_menu li.poster{
	background:url(/img/shop/poster.gif) 0 50% no-repeat #f7f7f7;
}
#globalnav ul li.nav_category_ex ul.category_menu li.calendar{
	background:url(/img/shop/calendar.gif) 0 50% no-repeat #f7f7f7;
}
#globalnav ul li.nav_category_ex ul.category_menu li.cardboard{
	background:url(/img/shop/cardboard.gif) 0 50% no-repeat #f7f7f7;
}
#globalnav ul li.nav_category_ex ul.category_menu li.package{
	background:url(/img/shop/package.gif) 0 50% no-repeat #f7f7f7;
}
#globalnav ul li.nav_category_ex ul.category_menu li.cd{
	background:url(/img/shop/cd.gif) 0 50% no-repeat #f7f7f7;
}
#globalnav ul li.nav_category_ex ul.category_menu li.team{
	background:url(/img/shop/team.gif) 0 50% no-repeat #f7f7f7;
}
#globalnav ul li.nav_category_ex ul.category_menu li.restaurant{
	background:url(/img/shop/restaurant.gif) 0 50% no-repeat #f7f7f7;
}
#globalnav ul li.nav_category_ex ul.category_menu li.retail{
	background:url(/img/shop/retail.gif) 0 50% no-repeat #f7f7f7;
}
#globalnav ul li.nav_category_ex ul.category_menu li.novelty{
	background:url(/img/shop/novelty.gif) 0 50% no-repeat #f7f7f7;
}
#globalnav ul li.nav_category_ex ul.category_menu li.new-years-card{
	background:url(/img/shop/new-years-card.gif) 2% 50% no-repeat #f7f7f7;
}
#globalnav ul li.nav_category_ex ul.category_menu li.allcategory a{
	background: url(/img/shop/ico_arw_black.gif) 15px center no-repeat #fff;
}
#globalnav ul li.nav_category_ex ul.category_menu li.allcategory a:hover {
	background: url(/img/shop/ico_arw_gray.gif) 15px center no-repeat #fff;
}

#globalnav ul li.nav_category_ex ul.category_menu a:link {color:#000;}
#globalnav ul li.nav_category_ex ul.category_menu a:visited {color:#000;}
#globalnav ul li.nav_category_ex ul.category_menu a:hover { color:#999;}
#globalnav ul li.nav_category_ex ul.category_menu a:active {color:#999;}
#globalnav ul li.nav_category_ex ul.category_menu strong:link {color:#000;}

#globalnav ul li.nav_category_ex ul.category_menu li.category_menu_tit{
	margin:-1px 0 -1px -1px;
	border:none;
	width:224px;
}
#globalnav ul li.nav_category_ex ul.category_menu li.category_menu_tab{
	margin:-1px 0 -1px -1px;
	border:none;
	width:224px;
}
#globalnav ul li.nav_category_ex ul.category_menu li.category_menu_tab ul{
	display: block;
	position:relative;
	top:0;
	left:0;
	width:224px;
	border:0;
	overflow:hidden;
}
#globalnav ul li.nav_category_ex ul.category_menu li.category_menu_tab ul li{
	float:left;
	width:112px;
	padding:0;
	margin:0;
	border:0;
}
#globalnav ul li.nav_category_ex ul.category_menu li.category_menu_tab ul li a{
	display:block;
	width:112px;
	height:41px;
	padding:0;
	margin:0;
}
#globalnav ul li.nav_category_ex ul.category_menu li.category_menu_tab ul li.tab1 a{
	background:none;
}
#globalnav ul li.nav_category_ex ul.category_menu li.category_menu_tab ul li.tab1 a:hover img{
	opacity:1;
}
#globalnav ul li.nav_category_ex ul.category_menu li.category_menu_tab ul li.tab2 a{
	background:none;
}
#globalnav ul li.nav_category_ex ul.category_menu li.category_menu_tab ul li.tab2 a:hover img{
	opacity:1;
}


/* コンテンツ
==========================================================*/

#content{
	text-align:left;
	width:960px;
	margin:0 auto;
	padding: 0 16px;
}

.contentsTop{
	padding-bottom:36px;
}
ul.pan{
	padding:5px 0 10px 0;
}
ul.pan li{
	float:left;
}
ul.pan li a:link {color:#333;}
ul.pan li a:visited {color:#333;}
ul.pan li a:hover { color:#333;}
ul.pan li a:active {color:#333;}


.contentsTop h1{
	clear:both;
	font-size:220%;
	margin-bottom:9px;
}
.contentsTop h2{
	clear: both;
	font-size: 180%;
	margin-bottom: 9px;
}
.contentsTop .kv{
	margin-bottom:27px;
}
.contentsBlock{
	padding-bottom:40px;
	overflow:hidden;
}
.contentsBlock.block1{
}
.contentsBlock.block1 .image{
	float:left;
	padding:0 19px 0 15px;
}
.contentsBlock.block1 .text{
	float:left;
	width:695px;
	margin-top:-2px;
}
.contentsBlock.block1 .text h3{
	margin:0 0 13px 0;
}
.contentsBlock.block2{
}
.contentsBlock.block2 .image{
	float:left;
	padding:0 19px 0 15px;
}
.contentsBlock.block2 .text{
	float:left;
	width:455px;
	margin-top:-2px;
}
.contentsBlock.block3{
}
.contentsBlock.block3 .image{
	float:right;
	padding:0 15px 0 0;
}
.contentsBlock.block3 .text{
	float:left;
	width:455px;
	margin-top:-2px;
	padding:0 0 0 15px;
}
.contentsBlock.block4{
}
.contentsBlock.block4 .image{
	padding:0 0 25px 15px;
}
.contentsBlock.block4 .text{
	padding:0 15px 0;
}
.contentsBlock.block5{
}
.contentsBlock.block5 .goodsBlock{
	width:880px;
	padding:25px;
	margin:0 auto;
	background:#f5f5f5;
	overflow:hidden;
}
.contentsBlock.block5 .goodsImage{
	float:left;
}
.contentsBlock.block5 .goodsText{
	float:right;
	width:430px;
	margin:0 0 0 0;
}
.contentsBlock.block5 .goodsText h3{
	font-size:180%;
	line-height:1.2;
	margin-bottom:17px;
	font-weight:bold;
}
.contentsBlock.block5 .goodsText .discription{
	margin-bottom:12px;
	line-height:1.6;
}
.contentsBlock.block5 .goodsText .price{
	font-size:150%;
	margin-bottom:11px;
}
.contentsBlock.block5 .goodsText .info{
	margin-bottom:5px;
}
.contentsBlock.block5 .goodsText .info th{
	background:url(/img/shop/ico_news_box.gif) right 5px no-repeat;
	padding:0 15px 7px 0;
}
.contentsBlock.block5 .goodsText .info td{
	padding:0 0 7px 12px;
}
.contentsBlock.block5 .goodsText .btn{
	padding:8px 0 0 0;
	text-align:center;
}
.contentsBlock.block6{
}
.contentsBlock.block6 .goodsList{
	overflow:hidden;
	width:945px;
	padding-left:15px;
	zoom:1;
	margin-bottom:-30px;
}
.contentsBlock.block6 .goodsList .goodsBlock{
	width:250px;
	padding:25px 25px 74px 25px;
	margin-right:15px;
	margin-bottom:30px;
	background:#f5f5f5;
	float:left;
	position:relative;
}
.contentsBlock.block6 .goodsList .goodsBlock .goodsImage{
	margin-bottom:22px;
}
.contentsBlock.block6 .goodsList .goodsBlock .goodsText{
}
.contentsBlock.block6 .goodsList .goodsBlock .goodsText h3{
	font-size:150%;
	margin-bottom:12px;
}
.contentsBlock.block6 .goodsText .info{
	margin-bottom:5px;
	font-size:134%;
}
.contentsBlock.block6 .goodsText .info th{
	background:url(/img/shop/ico_news_box.gif) right 8px no-repeat;
	padding:0 10px 0 0;
	white-space:nowrap;
	vertical-align:top;
}
.contentsBlock.block6 .goodsText .info td{
	padding:0 0 0 12px;
}
.contentsBlock.block6 .goodsText .info2{
	margin-bottom:5px;
}
.contentsBlock.block6 .goodsText .info2 th{
	background:url(/img/shop/ico_news_box.gif) right 6px no-repeat;
	padding:0 10px 5px 0;
	white-space:nowrap;
	vertical-align:top;
}
.contentsBlock.block6 .goodsText .info2 td{
	padding:0 0 3px 12px;
	line-height:1.6;
}
.contentsBlock.block6 .btn{
	position:absolute;
	bottom:25px;
	left:59px;
}

.contentsBlock.block7{
}
.contentsBlock.block7 .goodsList{
	overflow:hidden;
	width:945px;
	padding-left:15px;
	zoom:1;
	margin-bottom:-30px;
}
.contentsBlock.block7 .goodsList .goodsBlock{
	width:250px;
	padding:25px 25px 51px 25px;
	margin-right:15px;
	margin-bottom:30px;
	background:#f5f5f5;
	float:left;
	position:relative;
}
.contentsBlock.block7 .goodsList .goodsBlock .goodsImage{
	margin-bottom:22px;
}
.contentsBlock.block7 .goodsList .goodsBlock .goodsText{
}
.contentsBlock.block7 .goodsList .goodsBlock .goodsText h3{
	font-size:150%;
	margin-bottom:12px;
}
.contentsBlock.block7 .goodsText .info{
	margin-bottom:5px;
	font-size:134%;
}
.contentsBlock.block7 .goodsText .info th{
	background:url(/img/shop/ico_news_box.gif) right 8px no-repeat;
	padding:0 10px 0 0;
	white-space:nowrap;
	vertical-align:top;
}
.contentsBlock.block7 .goodsText .info td{
	padding:0 0 0 12px;
}
.contentsBlock.block7 .goodsText .info2{
	margin-bottom:5px;
}
.contentsBlock.block7 .goodsText .info2 th{
	background:url(/img/shop/ico_news_box.gif) right 6px no-repeat;
	padding:0 10px 5px 0;
	white-space:nowrap;
	vertical-align:top;
}
.contentsBlock.block7 .goodsText .info2 td{
	padding:0 0 3px 12px;
	line-height:1.6;
}
.contentsBlock.block7 .btn2{
	text-align:center;
	padding-top:40px;
}
.contentsBlock.block7 .check{
	position:absolute;
	bottom:22px;
	left:25px;
}


.contentsBlock .block8{
}


.contentsBlock .block8 {
border-top:#999 1px dotted;
padding:50px 0;
}

.contentsBlock .block8 .block8_inner {
width:460px;
}

.contentsBlock .block8 .block8_inner.odd {
float:left;
}

.contentsBlock .block8 .block8_inner.even {
float:right;
}

.contentsBlock .block8 h2 {
font-size:116%;
font-weight:bold;
margin-bottom:20px;
}

.contentsBlock .block8 p {
line-height:1.7;
}

.contentsBlock .block8 .img_right {
float:right;
width:214px;
margin:0 0 15px 30px;
}

.contentsBlock.lastbox{
	padding-bottom:104px;!important
}

#content p.product_desc {
   margin-top: 5px;
   margin-bottom: 15px;
   line-height 2em;
}

/* 左カラム
==========================================================*/
#content_left{
	width:224px;
	float:left;
	margin-right:23px;
	margin-bottom:104px;
}
.category_menu_tit{
	margin-bottom:-1px;
}
.category_menu_tab{
	margin-bottom:-1px;
}
.category_menu_tab ul{
	overflow:hidden;
}
.category_menu_tab ul li{
	float:left;
}
.category_menu_tab ul li a{
	display:block;
	width:112px;
	height:41px;
}
.category_menu_tab ul li a:hover img{
	opacity:1;
}
.category_menu{
	border-left:1px solid #d8d8d8;
	border-right:1px solid #d8d8d8;
	width:222px;
}
.category_menu_b{
	background:url(/img/shop/bg_category_menu_b.gif) 0 100% no-repeat;
	padding-bottom:4px;
	margin-bottom:40px;
}
.category_menu ul{
}
.category_menu ul li{
	border-top:1px solid #fff;
	border-bottom:1px solid #dedede;
	background-color:#f7f7f7;
	position:relative;
	font-size:11px;
    z-index: 998;
}
.category_menu h3.category_Tit{
	font-weight:bold;
	font-size:14px;
	color:#333;
	background:#f6fce9;
	padding:13px 5px 13px 11px;
	border-bottom:1px solid #c9d6c6;
}
.category_menu ul li a{
	display:block;
	padding:13px 5px 13px 36px;
}
.category_menu ul li a:link {color:#000;}
.category_menu ul li a:visited {color:#000;}
.category_menu ul li a:hover { color:#999;}
.category_menu ul li a:active {color:#999;}

.category_menu ul li ul{
	display:none; 
	position:absolute;
	top:-2px;
	left:222px;
	border-top:1px solid #dedede;
	border-left:none;
    background-color:#F7F7F7;
    z-index: 999;
}
.category_menu .group{
    width:auto;
    display:table-cell;
    vertical-align:top;
}
.category_menu ul li ul li{
	overflow:hidden;
	background:none;
	padding:9.5px 0 9.5px 15px;
}
.category_menu ul li ul li a{
	display:block;
	background: url(/img/shop/ico_arw_black.gif) 0px 6px no-repeat;
	padding:3px 5px 4px 15px;
	width:200px;
}
.category_menu ul li ul li a:hover {
	background: url(/img/shop/ico_arw_gray.gif) 0px 6px no-repeat #f7f7f7;
}

.category_menu ul li ul.sub_ category_menu{
}
.category_menu ul li ul.sub_ category_menu li{
}
.category_menu ul li.businesscard{
	background:url(/img/shop/businesscard.gif) 0 50% no-repeat #f7f7f7;
}
.category_menu ul li.flyer{
	background:url(/img/shop/flyer.gif) 0 50% no-repeat #f7f7f7;
}
.category_menu ul li.posting{
	background:url(/img/shop/posting.gif) 0 50% no-repeat #f7f7f7;
}
.category_menu ul li.pamphlet{
	background:url(/img/shop/pamphlet.gif) 0 50% no-repeat #f7f7f7;
}
.category_menu ul li.booklet{
	background:url(/img/shop/booklet.gif) 0 50% no-repeat #f7f7f7;
}
.category_menu ul li.document{
	background:url(/img/shop/document.gif) 0 50% no-repeat #f7f7f7;
}
.category_menu ul li.sticker{
	background:url(/img/shop/sticker.gif) 0 50% no-repeat #f7f7f7;
}
.category_menu ul li.card{
	background:url(/img/shop/card.gif) 0 50% no-repeat #f7f7f7;
}
.category_menu ul li.stampcard{
	background:url(/img/shop/stampcard.gif) 0 50% no-repeat #f7f7f7;
}
.category_menu ul li.postcard{
	background:url(/img/shop/postcard.gif) 0 50% no-repeat #f7f7f7;
}
.category_menu ul li.envelope{
	background:url(/img/shop/envelope.gif) 0 50% no-repeat #f7f7f7;
}
.category_menu ul li.folder{
	background:url(/img/shop/folder.gif) 0 50% no-repeat #f7f7f7;
}
.category_menu ul li.directmail{
	background:url(/img/shop/directmail.gif) 0 50% no-repeat #f7f7f7;
}
.category_menu ul li.wrappingpaper{
	background:url(/img/shop/wrappingpaper.gif) 0 50% no-repeat #f7f7f7;
}
.category_menu ul li.paymentslip{
	background:url(/img/shop/paymentslip.gif) 0 50% no-repeat #f7f7f7;
}
.category_menu ul li.poster{
	background:url(/img/shop/poster.gif) 0 50% no-repeat #f7f7f7;
}
.category_menu ul li.calendar{
	background:url(/img/shop/calendar.gif) 0 50% no-repeat #f7f7f7;
}
.category_menu ul li.cardboard{
	background:url(/img/shop/cardboard.gif) 0 50% no-repeat #f7f7f7;
}
.category_menu ul li.package{
	background:url(/img/shop/package.gif) 0 50% no-repeat #f7f7f7;
}
.category_menu ul li.cd{
	background:url(/img/shop/cd.gif) 0 50% no-repeat #f7f7f7;
}
.category_menu ul li.team{
	background:url(/img/shop/team.gif) 0 50% no-repeat #f7f7f7;
}
.category_menu ul li.restaurant{
	background:url(/img/shop/restaurant.gif) 0 50% no-repeat #f7f7f7;
}
.category_menu ul li.retail{
	background:url(/img/shop/retail.gif) 0 50% no-repeat #f7f7f7;
}
.category_menu ul li.novelty{
	background:url(/img/shop/novelty.gif) 0 50% no-repeat #f7f7f7;
}
.category_menu ul li.new-years-card{
	background:url(/img/shop/new-years-card.gif) 2% 50% no-repeat #f7f7f7;
}
.category_menu ul li.estimation {
	border-bottom:none;
}
.category_menu ul li.estimation a{
    padding: 13px 5px 13px 9px;
}
.category_menu ul li.allcategory a{
	background: url(/img/shop/ico_arw_black.gif) 18px 50% no-repeat #fff;
}
.category_menu ul li.allcategory a:hover {
	background: url(/img/shop/ico_arw_gray.gif) 18px 50% no-repeat #fff;
}

.category_Menu02{
}
.category_Menu02 dl{
	margin-bottom:40px;
}
.category_Menu02 dl .menu_List_Tit{
	color:#000;
	font-size:134%;
	font-weight:bold;
	background:url(/img/shop/list_mark.gif) 2px 0 no-repeat;
	padding:0 0 7px 12px;
	border-bottom:dotted 1px #000;
}
.category_Menu02 dl dd{
	border-bottom:dotted 1px #000;
}
.category_Menu02 dl dd a {
	display:block;
	background: url(/img/shop/ico_arw_black.gif) 17px center no-repeat;
	padding:14px 5px 11px 30px;
}
.category_Menu02 dl dd a:hover {
	background: url(/img/shop/ico_arw_gray.gif) 17px center no-repeat;
}
.category_Menu02 dl dd a:link {color:#000;}
.category_Menu02 dl dd a:visited {color:#000;}
.category_Menu02 dl dd a:hover { color:#999;}
.category_Menu02 dl dd a:active {color:#999;}

.category_Menu02 dl dd.ex a {
	background:none;
	padding:8px 5px 5px 30px;
}

.leftcoulmn_banner{
}
.leftcoulmn_banner li{
	margin-bottom:10px;
}




.category_Menu02 dl dd div.menu_list_recent_item {
    margin:8px;

}
.category_Menu02 dl dd div.menu_list_recent_item ul.user00{
    background:url(/img/shop/user01.gif) 0 0 no-repeat;
}
.category_Menu02 dl dd div.menu_list_recent_item ul.user01{
    background:url(/img/shop/user02.gif) 0 0 no-repeat;
}
.category_Menu02 dl dd div.menu_list_recent_item ul{
    float:left;
    width:220px;
}
.category_Menu02 dl dd div.menu_list_recent_item ul li{
    margin-left:50px;
}
.category_Menu02 dl dd div.menu_list_recent_item img{
    float:left;
    margin-right:8px;
}

.category_Menu02 dl dd div.menu_list_recent_item a {
	display:block;
	background: none;
	padding:0;
}

.category_Menu02 dl dd div.menu_list_recent_item  a:hover {
	background: none;
}
.category_Menu02 dl dd div.menu_list_recent_item  a:link {color:#0e76de;}
.category_Menu02 dl dd div.menu_list_recent_item  a:visited {color:#0e76de;}
.category_Menu02 dl dd div.menu_list_recent_item  a:hover { color:#559ade;}
.category_Menu02 dl dd div.menu_list_recent_item  a:active {color:#0e76de;}



/* 右カラム
==========================================================*/
#content_right{
	width:713px;
	float:right;
	margin-bottom:104px;
}
#content_right .mainBnr{
	margin-bottom:9px;
}
#content_right .exLead{
	overflow:hidden;
	background:#f7f7f7;
	padding:3px 17px;
	margin-bottom:10px;
}
#content_right .exLead p{
	float:left;
	width:600px;
	font-size:90%;
	padding-top:5px;
}
#content_right .exLead .fbBtn{
	overflow:hidden;
	width:73px;
	height:24px;
	float:right;
}
#content_right .firstUser{
	background:url(/img/shop/btn_firstuser.gif) 0 0 no-repeat;
	width:649px;
	height:27px;
	display:block;
	padding:35px 0 0 63px;
	font-size:90%;
	color:#333;
	margin-bottom:50px;
}
#content_right .announcebox{
	overflow:hidden;
	padding-bottom:20px;
}
#content_right .announcebox .announcement{
	background:url(/img/shop/bg_newraksul_announcement.gif) 0 0 no-repeat;
	width:438px;
	height:26px;
	padding:56px 0 0 70px;
	font-size:80%;
	float:left;
	margin-right:14px;
}
#content_right .announcement span.right{
    float:right;
}

#content_right .announcebox .firstUser2{
	float:right;
}
#content_right .announcebox .firstUser2 img{
	float:right;
	margin-top:11px;
}
#content_right .announcebox_s{
	overflow:hidden;
	padding:5px 2px 20px;
}
#content_right .announcebox_s .announcement{
	background:url(/img/shop/bg_newraksul_announcement_R.gif) 0 0 no-repeat;
	height:50px;
	padding:4px 0 0 45px;
	font-weight:bold;
	float:left;
	margin-right:14px;
    width:350px;
}
#content_right .announcebox_s .like{
    height: 48px;
    float: left;
    width: 161px;
    margin-left: -47px;
    border-bottom: 1px #BFBFBF dotted;
    padding-left:10px;
}
#content_right .announcebox_s .firstUser2 img{
	float:right;
	margin-top:11px;
}
#content_right .c_box{
	margin-bottom:34px;
	overflow:hidden;
}
#content_right .c_box.last{
	margin-bottom:0px;
}
.c_box_tit{
	background:#f6fce9;
	border-top:1px solid #c8daba;
	border-bottom:1px solid #c8daba;
	position:relative;
	margin-bottom:30px;
	padding:5px 0 4px 14px;
}
.c_box_tit h2{
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	font-size:117%;
	font-weight:bold;
    margin-bottom: 0;
}
.c_box_tit span{
	position:absolute;
	top:7px;
	right:14px;
	text-align:right;
}
.c_box_txt {
    margin-bottom: 25px;
    margin-left: 14px;
    margin-right: 5px;
}
.c_box_moreLink{
	clear:both;
	float:right;
	padding:9px 14px 0 0;
}
.c_box_moreLink a{
	display:block;
	background: url(/img/shop/ico_arw_blue.gif) 17px center no-repeat;
	padding:0 0 0 30px;
}
.c_box_moreLink a:hover{
	background: url(/img/shop/ico_arw_lightblue.gif) 17px center no-repeat;
}

#campaign_box{
}
#campaign_box ul{
	margin-left:14px;
}
#campaign_box ul li{
	width:223px;
	float:left;
	margin-right:8px;
}
#campaign_box ul li img{
	display:block;
	margin-bottom:5px;
}

#products_box{
}
#products_box ul{
	overflow:hidden;
	margin-left:10px;
	background:url(/img/shop/line_products_box.gif) 0 100% no-repeat;
	padding-bottom:15px;
}
#products_box ul.ex{
	background:none;
	padding-bottom:0;
}
#products_box ul li{
	float:left;
	width:234px;
}
#products_box ul li.ex{
	border-right:none;
}
#products_box ul li p{
	padding:5px 5px 10px;
}
#products_box ul li p .red{
	color:#cc0000;
	font-weight:bold;
}

#news_box{
}
#news_box ul{
	margin-left:15px;
	margin-top:-10px;
	width:682px;
}
#news_box ul li{
	border-bottom:1px dotted #999;
	overflow:hidden;
}
#news_box ul li span.date{
	display:block;
	color:#333;
	width:131px;
	float:left;
	padding:9px 0 8px;
}
#news_box ul li span.newsTxt{
	background:url(/img/shop/ico_news_box.gif) 0 14px no-repeat;
	padding:9px 0 8px 21px;
	float:left;
	width:530px;
}

#intro_box{
}
#intro_box .c_box_lead{
	margin:0 0 15px 14px;
}
#intro_box ul {
	overflow:hidden;
	margin:0 8px;
	background:none;
	padding-bottom:0;
    /*
	background:url(/img/shop/line_intro_box.gif) 0 100% no-repeat;
	padding-bottom:11px;
    */
}
#intro_box ul li{
	float:left;
	width:173px;
	border:1px solid #ccc;
	border-right:none;
}
#intro_box ul li.ex{
	border-right:1px solid #ccc;
}

#appeal_box {
    margin:10px 9px 0;
}
#appeal_box div {
    display: inline-block;
    width: 223px;
    height: 157px;
    float: left;
    border: 1px solid #CCCCCC;
    margin-right: 10px;
    text-align: center;
    overflow: hidden;
}
#appeal_box div.ex {
    margin-right: 0;
}
#appeal_box div span {
    font-size: 10px;
    position: relative;
    top: -40px;
    color: black;
}

#calendar_box .calendarBox{
	overflow:hidden;
	zoom:1;
}
#calendar_box .calendarBox .calendar.lSide{
	float:left;
}
#calendar_box .calendarBox .calendar.rSide{
	float:right;
}

#calendar_box .calendar{
	width:175px;
}
#calendar_box .calendar .caption{
	text-align:center;
	display: block;
	font-weight:bold;
	color:#666666;
}

#calendar_box .calendar .calendarInner{
	width:auto;
	padding:3px 0 0;
	background:url(/img/shop/bg_calendar_t.png) no-repeat left top;
}
#calendar_box .calendar .calendarCont{
	width:auto;
	padding:0 3px 3px;
	background:url(/img/shop/bg_calendar_b.png) no-repeat left bottom;
	color:#666666;
}
#calendar_box .calendar .calendarCont table{
	width:100% !important;
	float:none !important;
	border-collapse:collapse;
	border:1px solid #b0b0ac !important;
}

#calendar_box .calendar .calendarCont table th,
#calendar_box .calendar .calendarCont table td{
	text-align:center !important;
	padding: 4px 0 2px !important;
	background: none;
    height: auto;
}

.calendar .calendarCont table .sun{
	color:#d35959 !important;
}
.calendar .calendarCont table .sat{
	color:#47abd5 !important;
}
.calendar .calendarCont table .holiday {
	color: #D35959 !important;
}
.calendar .calendarCont table .now {
	background: #888;
	color: #fff;
}

#calendar_box .calendar .calendarCont table thead th{
	font-size:1em;
	background:#e8e8e8;
	border:1px solid #b0b0ac !important;
	font-weight:bold;
}

#calendar_box .calendar .calendarCont table tbody td{
	font-size:0.83em;
	border-right:1px dotted #b0b0ac !important;
	border-bottom:1px dotted #b0b0ac !important;
}
#calendar_box .calendar .calendarCont table tbody td.now{
	background:#888888 !important;
	color:#ffffff !important;
}
#calendar_box .calendar .calendarCont table tbody td.reception{
	background:#888888 !important;
	color:#ffffff !important;
}
#calendar_box .buis1 {background:#e9f5d0 !important}
#calendar_box .buis2 {background:#dff1bb !important}
#calendar_box .buis3 {background:#cbe891 !important}
#calendar_box .buis4 {background:#b7e066 !important}
#calendar_box .buis5 {background:#a3d73c !important}
#calendar_box .buis6 {background:#97cf2a !important}
#calendar_box .buis7 {color:#fff;background:#79a522 !important}
#calendar_box .buis8 {color:#fff;background:#69901d !important}
#calendar_box .buis9 {color:#fff;background:#5a7a19 !important}
#calendar_box .buis10 {color:#fff;background:#4a6515 !important}
#calendar_box .descriptionBox {
	width: 250px;
	height: 105px;
	float: left;
	margin: 21px 0px 0 20px;
}
#calendar_box .descriptionBox .hosokuTxt{
  text-indent:-1em;
  padding-left:1em;
  font-size:85%;
  margin-bottom:5px;
}

#calendar_box .descriptionBox td {
	font-size: 12px;
}
#calendar_box .descriptionBox .blankRow {
	height: 7px;
}

#calendar_box .descriptionBox .highlightBox {
	overflow:hidden;
	padding-bottom:7px;
}
#calendar_box .descriptionBox .highlightBox div {
	width: 20px;
	height: 20px;
	float:left;
	margin-right:10px;
}
#calendar_box .descriptionBox .highlightBox .today {
	background: #888;
}
#calendar_box .descriptionBox .highlightBox .holiday {
	background: #e9468b;
}

#calendar_box .calendarBox {
	width: 369px;
	float: left;
}
#calendar_box.c_box .calendarBox {
    padding: 0  0 13px 11px;
}
#calendar_box .iconBox {
	clear:both;
	margin:0 0 0 14px;
	padding-top:13px;
	width:682px;
	border-top:1px dotted #999;
}
#calendar_box .iconBox th{
	padding-right:8px;
}
#calendar_box .iconBox td{
	width:260px;
	font-size:90%;
}
#calendar_box .iconBox td span{
	font-size:90%;
}
#calendar_box .iconBox .space{
	width: 25px;
}
.shopTopCalendar {
	background: #fafafa;
	margin-bottom: 10px;
	padding-top:10px;
}

.shopTopCalendar .descriptionBox {
	width: 238px;
	height: 105px;
	padding: 15px;
	background: #ffffff;
	float: left;
	border: 1px solid #B3B2B2;
	margin: 21px 0px 0px 20px;
}
.shopTopCalendar .descriptionBox td {
	font-size: 12px;
}
.shopTopCalendar .descriptionBox .blankRow {
	height: 7px;
}

.shopTopCalendar .descriptionBox .highlightBox {
	width: 30px;
}
.shopTopCalendar .descriptionBox .highlightBox div {
	width: 20px;
	height: 20px;
}
.shopTopCalendar .descriptionBox .highlightBox .today {
	background: #888;
}
.shopTopCalendar .descriptionBox .highlightBox .holiday {
	background: #e9468b;
}

#faq_box{
}
#faq_box ul{
	margin:-13px 0 0 14px;
	width:682px;
}
#faq_box ul li{
	border-bottom:1px dotted #999;
	padding:9px 0 8px;
}

#usercase_box .c_box_lead{
	margin:0 0 15px 14px;
}
#usercase_box ul{
	overflow:hidden;
	margin-left:15px;
}
#usercase_box ul li.largeImg{
	margin:0 0 10px 0;
	position:relative;
}
#usercase_box ul li.largeImg span{
	position:absolute;
}
#usercase_box ul li.largeImg span.userLogo{
	top:8px;
	left:8px;
}
#usercase_box ul li.largeImg span.userLogo img{
    max-height: 55px;
}
#usercase_box ul li.largeImg span.userName{
	top:70px;
	left:11px;
}
#usercase_box ul li.largeImg span.userCatch{
	top:95px;
	left:11px;
	font-size:150%;
	font-weight:bold;
}
#usercase_box ul li.largeImg span.userPhoto{
	top:6px;
	left:402px;
}
#usercase_box ul li.largeImg span.userPhoto div{
    width: 275px;
    height: 170px;
    overflow: hidden;
}
#usercase_box ul li.largeImg a{
	display:block;
	border:1px solid #ccc;
	width:681px;
	height:180px;
	color:#333;
}
#usercase_box ul li.largeImg a:hover img{
	opacity:0.7;
}
#usercase_box ul li{
	float:left;
	margin-right:10px;
}


#uservoice_box{
}
#uservoice_box .c_box_lead{
	margin:0 0 0 14px;
}
#uservoice_box .voiceBox{
	overflow:hidden;
	margin:15px 0 0 20px;
}
#uservoice_box .voiceBox .userThumb{
	text-align:center;
	font-size:90%;
	width:43px;
	margin-right:3px;
	float:left;
	padding-top:19px;
}
#uservoice_box .voiceBox .userThumb img{
	display:block;
	margin-bottom:2px;
}
#uservoice_box .voiceBox .userVoice{
	width:635px;
	float:left;
	background:url(/img/shop/bg_uservoice_t.gif) 0 0 no-repeat;
}
#uservoice_box .voiceBox .comment{
	margin:15px 15px 8px 41px;
}
#uservoice_box .voiceBox .review{
	margin:0 15px 10px 41px;
}
#uservoice_box .voiceBox .review img{
	margin-left:2px;
}
#uservoice_box .voiceBox ul.kword{
	margin:0 15px 0 41px;
}
#uservoice_box .voiceBox ul.kword li{
	display:inline;
	margin-right:10px;
}
#uservoice_box .voiceBox .voiceBoxbtm{
	background:url(/img/shop/bg_uservoice_b.gif) 0 0 no-repeat;
	height:20p;
}

#step_box{
}
#step_box .c_box_lead{
	margin:0 0 15px 14px;
}
#step_box .c_box_lead span{
	font-weight:bold;
}
#step_box ul{
	overflow:hidden;
	margin-left:15px;
}
#step_box ul li{
	float:left;
}
#step_box ul li a{
	margin-right:9px;
}

#productList_box{
}
#productList_box table{
	width:682px;
	margin:-10px 0 0 15px;
}
#productList_box table th{
	font-weight:bold;
	border-bottom:1px dotted #999;
	vertical-align:top;
	width:205px;
	padding:8px 0 8px 0;
}
#productList_box table td{
	border-bottom:1px dotted #999;
	padding:8px 0 8px 0;
	font-size:90%;
}

#fav_box ul{
	margin:0 0 0 15px;
}

#fav_box ul li{
	float:left;
	width:333px;
	padding:0 10px 0 0;
}


/* related */
.related {
background:#f7fbea;
border:#c9daba 1px solid;
padding:17px 19px 7px;
}

	*+html .related {
	padding-bottom:17px;
	}

.related .c_box_tit {
background:#fff;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
margin-top:15px;
margin-bottom:15px;
}

.related .c_box_tit.first {
margin-top:0;
}

.related .c_box_tit h2 {
border-top:1px solid #c9daba;
border-bottom:1px solid #c9daba;
font-size:108%;
font-weight:bold;
padding:5px 0 4px 14px;
}

.related.text li {
float:left;
width:auto;
margin-right:35px;
margin-bottom:10px;
}

.related li {
float:left;
width:141px;
margin-right:14px;
margin-bottom:10px;
}

.related li.last {
margin-right:0;
}


.related li img {
margin-bottom:10px;
}

.related li a span {
background:url(/img/shop/ico_arw_blue.gif) 0 0.3em no-repeat;
display:block;
padding-left:1.0em;
}

.related li a:hover span {
background:url(/img/shop/ico_arw_lightblue.gif) 0 0.3em no-repeat;
}


/* ユーティリティー
==========================================================*/
.icoBlue a{
	display:block;
	background: url(/img/shop/ico_arw_blue.gif) 0 center no-repeat;
	padding:0 0 0 13px;
}
.icoBlue a:hover{
	background: url(/img/shop/ico_arw_lightblue.gif) 0 center no-repeat;
}

.clearfix {width:100%;}
.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
 }

div.pager{
    display: block;
    text-align: center;
}
div.pager span{
    display: inline;
}

#contentsArea .dlNaviB .item_lineup{
    width:293px;
    float:left;
    border: 1px solid #BABABA;
    margin: 10px;
}

#contentsArea .dlNaviB .item_lineup .label{
    height:50px;
}
#contentsArea .dlNaviB .item_lineup .label a{
    background: #F7F7F7;
    display:block;
    margin:auto 0 auto 50px;
    padding-top: 15px;
}
#contentsArea .dlNaviB .item_lineup .label a span{
    margin:10px 0;
}
#contentsArea .dlNaviB .item_lineup li {
	width: 226px;
	height: 23px;
	float:left;
	margin:3px 10px;
    background: url(/img/shop/ico_arw_black.gif) 0px 6px no-repeat;
}

#contentsArea .dlNaviB .item_lineup li a{
    margin-left:20px;
    font-size:90%;
}
#contentsArea .dlNaviB .item_lineup li.opacity {
    filter: alpha(opacity=70);        /* ie 6 7 */
    -ms-filter: "alpha(opacity=70)";  /* ie 8 */
    opacity:0.7;
    filter: alpha(opacity=70);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=70)";  /* ie 8 */
    -moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.7;              /* Safari 1.x */
    zoom:1;
}

#contentsArea .dlNaviB a{
    color: #000000;
}
#contentsArea .dlNaviB a:hover{
    color: #E6279E;
}

#socialButtons{
    height:35px;
    margin-top:-7px;
}

#socialButtons li{
    display:block;
    float:right;
/*   background-color:#888;*/
}

#socialButtons li.hatebu{
    width:80px;
}
#socialButtons li.twitter{
    width:100px;
}
#socialButtons li.googleplus{
    width:110px;
    margin-right:-35px;
}
#socialButtons li.facebook{
    width:115px;
}

/* フルレスポンシブル対応のため下記記述を追加 */

.related.text li {
	float:none;
	display: inline-block;
}	
.related li {
	float:none;
	display: inline-block;
}

@media screen and (max-width: 480px){

	#content {
		width:100%;
		padding: 0;
	}

	#head_menu .inner {
		width:100%;
	}

	#head {
		width:100%;
	}

	#globalnav {
		width:100%;
	}
}
