@charset "Shift-JIS";

/*--------------------------------------------
	common setting
---------------------------------------------*/

h1{
	margin:0 0 35px;
	border:solid 2px #666;
	border-top:none;
}

h1#general,
h1#generalNav{
	min-height:135px;
	padding:32px 50px 0;
	font-size:28px;
	font-weight:normal;
	color:#666;
	letter-spacing:0.15em;
}
h1#general-second{
	min-height:70px;
	padding:32px 50px 0;
	font-size:28px;
	font-weight:normal;
	color:#666;
	letter-spacing:0.15em;
}
h1#generalNav2{ /* guide > グリーン購入サポートページにて使用（2行扱い） */
	min-height:167px;
	padding:30px 50px 0;
	font-weight:normal;
	color:#666;
}

h1#generalNav,
h1#generalNav2{ margin:0; }

h1#general span,
h1#generalNav span{
	display:block;
	margin:0 0 26px;
	padding:0 0 20px;
	font-size:18px;
	letter-spacing:0.05em;
	border-bottom:solid 1px #eee;
}

h1#generalNav2 span{
	display:block;
	margin:0 0 17px;
	padding:0 0 25px;
	font-size:18px;
	letter-spacing:0.05em;
	border-bottom:solid 1px #eee;
}
h1#generalNav2 span.block{
	margin:0;
	padding:0;
	font-size:28px;
	line-height:1.5;
	font-weight:normal;
	letter-spacing:0.15em;
	border-bottom:none;
	float:left;
}

#read,
#wadaiPlink{
	width:880px;
	margin:0 auto 50px;
}
#read{
	margin:0 auto 30px;
	overflow:hidden;
}
#read .l_box{
	width:480px;
}
#read .r_box{
	width:320px;
	padding:0 0 0 40px;
	border-left:solid 1px #ccc;
}
#read .r_box h2{
	margin:0 0 10px;
	padding:7px 0 4px;
	font-size:14px;
	color:#fff;
	text-align:center;
	letter-spacing:0.05em;
	background-color:#fc96a8;
	border-left:none;
}
#read p{
	margin:0 0 1em;
	font-size:14px;
	line-height:1.75;
	text-align:justify;
}
#read p a{
	color:#00ac92;
	text-decoration:underline;
}
#read p a:hover{
	color:#00ac92;
	text-decoration:none;
}
#read p img{
    padding-bottom: 10px;
	vertical-align:middle;
}
#read p img.workupmark{
	padding:0 0.3em 0 0;
	vertical-align:middle;
}
/*生活用品 CP紹介用*/
#read #cp-living .r_box p{
    font-size: 13px;
}
#read #cp-living .r_box p.txt-cp-point{
    color: #fc96a8;
    font-weight: bold;
}

/* GLOO */
h1#gloo{
	width:950px;
	margin:0 auto 10px;
	border:none;
}
#concept{
	width:950px;
	margin:0 auto 30px;
	padding:50px 0 30px;
	text-align:center;
	background-color:#F7F8FC;
}
#concept img{
	margin:0 0 35px;
}
#concept p{
	margin:0 0 1em;
	font-size:16px;
	line-height:1.6;
	text-align:center;
	letter-spacing:0.1em;
	color:#53565A;
}
.noOder{
	width:293px;
	height:27px;
	padding:13px 0 0;
	font-size:16px;
	color:#fff;
	text-align:center;
	background:url(../img/btn_befor.gif) left top no-repeat;
}

#wadaiPlink p{
	width:300px;
	margin:30px auto 0;
}

#wadaiPlink p a{
	display:block;
	padding:10px 0;
	font-size:16px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	background:url(../wadai/img/wadai_link_arrow.png) right center no-repeat #B28C61;
}

#pdfCatalog a{
	display:block;
	color:#00ac92;
    font-size:16px;
    font-weight:bold;
    text-decoration:underline;
	text-align:center;
	position:relative;
	outline:none;
}
#pdfCatalog a:hover{
	text-decoration:none;
}
#pdfCatalog a img{
	display:block;
	width:107px;
	margin:10px auto 5px;
    padding:0;
	line-height:1;
	border:solid 1px #ccc;
}
#pdfCatalog a img#pdficon{
	display:inline-block;
	width:31px;
	margin:0;
	padding:0 0.5em 0 0;
	vertical-align:text-bottom;
	border:none;
	position:relative;
	top:3px;
}


/* 商品インデックス */
.iBox{
	width:880px;
	margin:0 auto 50px;
}
.iBox h2{
	width:80px;
	margin:0;
	padding:14px 0 0;
	background:none;
	border-left:none;
	float:left;
}
.iBox ul{
	width:800px;
	margin:0 -10px 0 0;
	float:right;
}
.iBox ul li{
	width:60px;
	height:60px;
	margin:0 10px 10px 0;
	float:left;
}

h2{
	margin:0 0 30px;
	padding:15px 0 12px 20px;
	font-size:18px;
	line-height:1.75;
	color:#333;
	letter-spacing:0.05em;
	border-left:solid 5px #D9C1A3;
	background-color:#F2E5CF;
}

.l_box{
	float:left;
}

.r_box{
	float:right;
}

.mb-30{
	margin:0 0 30px;
}
.mb-60{
	margin:0 0 60px;
}


/* 商品リスト */
.product{
	width:880px;
	margin:0 auto 50px;
}

.product h3{
	margin:0 0 20px;
	font-size:20px;
	font-weight:normal;
	line-height:1.5;
	color:#B18C65;
	letter-spacing:0.05em;
}
.product h3.typeBold{
	font-weight: bold;
}
.product h3 span{
	font-size:18px;
	letter-spacing: 0;
	color:#f94c5a;
}
.product .comment{
	margin:0 0 35px;
}

.product .comment p{
	margin:0 0 1em;
	font-size:14px;
	line-height:1.5;
}
.product .comment p .smallTxt{
	font-size:12px;
}
.product .comment p span{
	padding:3px 5px;
	line-height: 1.8;
	background-color:#fff59d;
}

.detailBtn-second{
	margin:0 0 30px;
}

.product .box{
	margin:0 0 20px;
}

.product .pPhoto{
	width:500px;
	float:left;
}

.product .pPhoto ul{
	width:60px;
	float:left;
}

.product .pPhoto ul li{
	margin:0 0 10px;
	border:solid 1px #ddd;
}

.product .pPhoto ul li.active{
	background-color:#FED9DF;
	border-color:#FED9DF;
}

.product .pPhoto ul li:hover{
	border-color:#E70064;
	cursor:pointer;
}

.product .pPhoto p{
	width:420px;
	float:right;
}

.product .panel{
	display:none;
}

.product .show{
	display:block;
}

.product .boxR{
	width:300px;
	float:right;
}

.product .boxR table{
	width:300px;
	margin:0 0 20px;
	border-collapse:collapse;
	border-top:solid 1px #eee;
}

.product .boxR table th{
	width:9em;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
}

.product .boxR table th,
.product .boxR table td{
	padding:12px 0;
	font-size:13px;
	line-height:1.5;
	border-bottom:solid 1px #eee;
}

.product .boxR table td{
	*width:189px; /* IE7 */
}

.product .boxR table td img{
	margin:0 5px 5px 0;
}

.product .boxR .detailBtn{
	width:273px;
}


/*関連商品*/
.product .recommend{
	clear:both;
	width:820px;
	padding:20px 30px;
	background-color:#F9F4EB;
}

.product .recommend h3{
	margin:0;
	padding:0 0 0 10px;
	font-size:13px;
	color:#B28C60;
	border-left:solid 3px #B28C60;
}
.product .recommend p{
	margin:10px 0 0;
	font-size:13px;
}
.product .recommend ul{
	width:860px;
	margin:0 0 0 -20px;
	padding:20px 0 0;
	overflow:hidden;
}

.product .recommend ul li{
	width:120px;
	margin:0 0 20px 20px;
	float:left;
}

.product .recommend ul li img{
	margin:0 0 10px;
}

.product .recommend ul li{
	font-size:12px;
	color:#00AC92;
}
.product .recommend ul li a{
	font-size:12px;
	color:#00AC92;
	text-decoration:underline;
}

.product .recommend ul li a:hover{
	text-decoration:none;
}

/*--------------------------------------------
	back number setting
---------------------------------------------*/

#backNum{
	width:980px;
	margin:0 0 100px;
}

#backNum ul{
	width:996px;
	margin:0 0 0 -16px;
}

#backNum ul li{
	display:inline-block;
	width:150px;
	margin:0 0 25px 16px;
	float:left;
}

#backNum ul li#ttl{
	background-color:#D9C1A3;
}

#backNum ul li#ttl h2{
	width:100%;
	padding:40px 0 0;
	font-size:12px;
	font-weight:normal;
	line-height:1.35;
	color:#fff;
	text-align:center;
	letter-spacing:0.05em;
	background:none;
	border-left:none;
}

#backNum ul li#ttl h2 span{
	display:inline-block;
	margin:0 0 14px;
	padding:0 0 10px;
	font-family:Arial, sans-serif;
	font-size:18px;
	background:url(../img/bg_backnumber.gif) center bottom no-repeat;
}

#backNum ul li a img{
	margin:0 0 5px;
}

#backNum ul li a{
	font-size:12px;
	color:#00AC92;
	text-decoration:underline;
}

#backNum ul li a:hover,
#backNum ul li a.hover{
	text-decoration:none;
}

#backNum ul li a .days{
	display:inline-block;
	font-size:11px;
	color:#333;
	text-decoration:none;
}


/*--------------------------------------------
	favorite setting
---------------------------------------------*/
#favorite,
#favorite-second{
	width:880px;
}
#favorite{
	margin:0 auto 100px;
}
#favorite-second{
	margin:0 auto 60px;
}
#favorite p,
#favorite-second p{
	margin:0 0 1em;
	font-size:14px;
	line-height:1.75;
	letter-spacing:0.04em;
}
#favorite p a,
#favorite-second p a{
	color:#00ac92;
	text-decoration:underline;
}
#favorite p a:hover,
#favorite-second p a:hover{
	text-decoration:none;
}
#favorite p#read,
#favorite p.scene{
	margin:0 0 50px;
}
#favorite-second p#read{
	margin:0 0 30px;
}
#favorite-second p#read span{
	font-size:13px;
}
#favorite-second p.scene{
	margin:0;
}

#favorite .box{
	margin:0 0 60px;
}

#favorite .box .l_box,
#favorite .box .r_box{
	width:400px;
}
		
#favorite .box .l_box{
	float:left;
}

#favorite .box .r_box{
	float:right;
}

#favorite .box .r_box table{
	width:100%;
	margin:0 0 20px;
	border-collapse:collapse;
	border-top:solid 1px #eee;
}

#favorite .box .r_box table th{
	width:9em;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
}

#favorite .box .r_box table th,
#favorite .box .r_box table td{
	padding:12px 0;
	font-size:13px;
	line-height:1.5;
	border-bottom:solid 1px #eee;
}

#favorite .box .r_box table td img{
	margin:0 5px 5px 0;
}

#favorite #staff{
	width:880px;
	margin:0 auto 100px;
	background:url(../favorite/img/bg_staff.gif) left top repeat-y #F2E5CE;
}

#favorite #staff h2{
	width:255px;
	margin:0;
	padding:0;
	background:none;
	border-left:none;
	float:left;
}

#favorite #staff p{
	width:565px;
	margin:0;
	padding:30px;
	font-size:12px;
	line-height:1.75;
	text-align:left;
	letter-spacing:0.1em;
	float:right;
}

/*--------------------------------------------
	FAQ setting (guideコンテンツも併用)
---------------------------------------------*/

#faqIndex{
	width:880px;
	margin:0 auto 50px;
}

#faqIndex p{
	margin:0 0 1em;
	font-size:14px;
	line-height:2;
	text-align:justify;
}

#faqIndex .l_box,
#faqIndex .r_box{
	width:415px;
}

#faqIndex .l_box p,
#faqIndex .r_box p{
	margin:0;
}

#faqIndex > dl{
	margin:0;
}

#faqIndex > dl dt{
	margin:0;
	padding:10px 10px 10px 30px;
	font-size:14px;
	background:url(../faq/img/icon_arrow.gif) 10px center no-repeat;
	border-bottom:solid 1px #eee;
	cursor:pointer;
}

#faqIndex > dl dt.open{
	font-weight:bold;
	color:#009F85;
	background:url(../faq/img/icon_arrow_o.gif) 10px center no-repeat #FCFBF9;
}

#faqIndex > dl dd{
	display:none;
	margin:0 0 10px;
	padding:10px 30px;
	background-color:#FCFBF9;
}

#faqIndex > dl dd.open{
	display:block;
}

#faqIndex > dl dd a{
	display:block;
	font-size:13px;
	color:#333;
	line-height:2;
	text-decoration:none;
}

#faqIndex > dl dd a:hover{
	text-decoration:underline;
}

.faqBox{
	width:880px;
	margin:0 auto 50px;
}

#backIndex a{
	display:inline-block;
	margin:0 0 40px;
	padding:0 0 0 15px;
	font-size:12px;
	color:#333;
	text-decoration:underline;
	background:url(../faq/img/arrow_back.gif) left center no-repeat;
}
#backIndex a:hover{
	text-decoration:none;
}

.faqBox h3{
	margin:0 0 1em;
	padding:0 0 0 15px;
	font-size:16px;
	line-height:1.5;
	border-left:solid 3px #7BC5B5;
}

.faqBox h3 span{
	padding:0 0 0 1.5em;
	font-size:14px;
	font-weight:normal;
}

.faqBox table{
	width:100%;
	margin:0 0 30px;
	border-collapse:collapse;
	border-top:solid 1px #eee;
}

.faqBox table th,
.faqBox table td{
	padding:15px 0;
	font-size:14px;
	font-weight:normal;
	text-align:left;
	vertical-align:middle;
	border-bottom:solid 1px #eee;
}

.faqBox table th.noborder,
.faqBox table td.noborder{
	border:none;
}

.faqBox ul li img{
	margin:0 0 0 30px;
	vertical-align:middle;
}

.faqBox p{
	margin:0 0 1em;
	font-size:14px;
	line-height:1.75;
	text-align:justify;
}

.faqBox .att{
	color:#F88098;
}

.faqBox .remark_fee{
	font-size:12px;
}

.faqBox .bld{
	font-weight:bold;
}

.faqBox a.arrow{
	padding:0 15px 0 0;
	background:url(../faq/img/arrow.gif) right center no-repeat;
}

.faqBox a{
	color:#333;
	text-decoration:underline;
}

.faqBox a:hover{
	text-decoration:none;
}

.faqBox h4{
	margin:0 0 1em;
	padding:15px 20px 10px;
	font-size:14px;
	line-height:1.3;
	color:#333;
	background-color:#FFDFE4;
}

.faqBox .mb40{
	margin:0 0 40px;
}

a.addlss{
	font-size:22px;
	font-weight:bold;
	color:#FF94A6;
	text-decoration:none;
	letter-spacing:0.03em;
}
a.addlss:hover{
	text-decoration:none;
}
a.addlss img{
	margin:0 10px 0 0;
	vertical-align:middle;
}


/*--------------------------------------------
	Guide setting
---------------------------------------------*/

#guideIndex{
	width:980px;
	margin:0 auto 50px;
}

#guideIndex ul{
	width:990px;
	margin:0 -10px 0 0;
}

#guideIndex ul li{
	width:320px;
	margin:0 10px 10px 0;
	padding:0;
	background-color:#F5F1EB;
	float:left;
}

#guideIndex ul li a{
	display:inline-block;
	width:270px;
	margin:0;
	padding:30px 25px 20px;
	color:#333;
	text-decoration:none;
}

#guideIndex ul li a:hover{
	opacity:0.7;
	-ms-filter:"alpha(opacity=70)"; /*IE8 互換モード用*/
}

#guideIndex ul li a .guideTtl,
#guideIndex ul li a .guideIcon,
#guideIndex ul li a .guideTxt{
	display:block;
}

#guideIndex ul li a .guideTtl{
	margin:0 0 35px;
	padding:0 0 10px;
	font-size:18px;
	font-weight:bold;
	color:#333;
	text-align:center;
	letter-spacing:0.05em;
	border-bottom:solid 1px #72C5B5;
}
#guideIndex ul li a .guideTtl:after{
	content: url(../guide/img/icon_arrow.gif);
	padding:0 0 0 1em;
}

#guideIndex ul li a .guideIcon{
	margin:0 0 30px;
	text-align:center;
}

#guideIndex ul li a .guideTxt{
	font-size:14px;
	line-height:1.75;
	letter-spacing:0.025em;
	text-align:justify;
}

/* second page */
#guideNav{
	width:980px;
	margin:0 auto 50px;
}
#guideNav li{
	float:left;
	position:relative;
}

#guideNav li a:hover{
	cursor:pointer;
}

#guideNav li.hasChild ul{
	display:none;
	position:absolute;
	/*width:194px;*/
	padding:10px 0 5px;
	background:url(../img/sub_navi_delta.png) left top repeat-x #fff;
	border:solid 1px #E5E1DB;
	border-top:none;
	left:0;
	top:60px;
}

#guideNav li.open ul{
	display:block;
}

#guideNav li.open ul li{
	width:194px;
	float:none;
}

#guideNav li.open ul li a{
	display:block;
	padding:6px 15px 6px 25px;
	font-size:12px;
	color:#333;
	text-decoration:none;
	background:url(../guide/img/icon_nav_arrow.gif) 14px 10px no-repeat;
}

#guideNav li.hasChild ul li a:hover{
	background-color: #FFF698;
}

#faxNum{
	font-size:22px;
	font-weight:bold;
	letter-spacing:0.025em;
}

p#anchor{
	margin:0 0 50px;
}
p#anchor a{
	font-size:12px;
	color:#333;
	text-decoration:underline;
}
p#anchor a:hover{
	text-decoration:none;
}
	
.faqBox p.iconFlow,
.faqBox p.alignC{
	margin:0 auto 30px;
	text-align:center;
}

.faqBox .alignC{
	text-align:center;
}
.faqBox .alignR{
	text-align:right;
}


.faqBox table.area,
.faqBox table.guideIndex{
	border-top:solid 1px #ddd;
}

.faqBox table.area th,
.faqBox table.area td{
	padding:20px;
	border-bottom:solid 1px #ddd;
}
	
.faqBox table.area th{
	width:12%;
	background-color:#F5F1EB;
}

.faqBox table.rowType{
	border-top:solid 1px #ddd;
}
.faqBox table.rowType th{
	text-align:center;
	background-color:#F5F1EB;
	}
.faqBox table.rowType th,
.faqBox table.rowType td{
	padding:20px;
	border-right:solid 1px #ddd;
	border-bottom:solid 1px #ddd;
}
.faqBox table.rowType th.last,
.faqBox table.rowType td.last{
	border-right:none;
}

.faqBox table.guideIndex{
	border-top:solid 1px #ddd;
}
.faqBox table.guideIndex th{
	width:18em;
	margin:20px 0 10px;
	padding:20px;
	font-size:14px;
	font-weight:bold;
	line-height:1.5;
	color:#333;
	text-align:center;
	background-color:#F5F1EB;
	border-bottom:solid 1px #ddd;
}
.faqBox table.guideIndex th span{
	font-size:12px;
	font-weight:normal;
	color:#333;
}
.faqBox table.guideIndex td{
	padding:20px;
	line-height:1.5;
	border-bottom:solid 1px #ddd;
}

.faqBox table.markIndex,
.faqBox table.management{
	margin:0 auto 40px;
	border-top:none;
}
.faqBox table.markIndex th{
	padding:20px 40px 20px 20px;
	text-align:center;
}
.faqBox table.markIndex th,
.faqBox table.markIndex td{
	border-bottom:none;
	background:none;
}
.faqBox table.markIndex td{
	line-height:1.5;
}
.faqBox table.markIndex td span{
	color:#FF94A6;
	font-weight:bold;
}

.faqBox p#ttlSupport{
	font-size:24px;
	color:#FF94A6;
	font-weight:bold;
	text-align:center;
}

.greencheck .l_box{
	width:530px;
}
.greencheck .r_box{
	width:240px;
}
.greencheck02 .l_box{
	width:95px;
}
.greencheck02 .r_box{
	width:785px;
}
.greencheck03 .l_box{
	width:540px;
}
.greencheck03 .r_box{
	width:300px;
}
.greencheck04 .l_box{
	width:260px;
}
.greencheck04 .r_box{
	width:620px;
}

.faqBox table.management td{
	vertical-align:top;
}

.faqBox table.manual th.even_number,
.faqBox table.manual td.even_number{
	background-color:#f5f1eb;
}
.faqBox table.manual th{
	padding:15px 20px;
}

/*--------------------------------------------
	second page pagetop setting
---------------------------------------------*/
.container .to_top{
	display:none;
	width:100%;
	position:fixed;
	bottom:75px;
	left:0;
}

.container .to_top .inner{
	width:0;
	margin:0 auto;
	position:relative;
}

.container .to_top .inner a{
	display:block;
	position:absolute;
	right:-489px;
}


/*--------------------------------------------
	話題の商品（文房具屋さん大賞2019）
---------------------------------------------*/
.grandprix{
	width:980px;
	margin:0 auto 40px;
	overflow:hidden;
}
.grandprix #icon{
	width:136px;
	margin:0 0 0 52px;
	float:left;
}
.grandprix #aboutGrandprix{
	width:644px;
	padding:25px 80px 0 0;
	font-size:14px;
	line-height:1.75;
	text-align:left;
	float:right;
}
.grandprix #aboutGrandprix a{
	color:#00ac92;
	text-decoration:underline;
}
.grandprix #aboutGrandprix a:hover{
	text-decoration:none;
}
.gdpx .l_box{
	width:100px;
}
.gdpx .l_box img{
	width:100%;
	height:auto;
}
.gdpx .r_box{
	width:740px;
}