@charset "UTF-8";

/*
==============================================================
    Cecile Toppage layout CSS
    Version: 21th Oct. 2014
============================================================ */

#wrap img{
	vertical-align: top;
}

#wrap h2,
#wrap h3{
	margin: 0;
	font-size: 100%;
}

/* ========================================
	notice：告知エリア
======================================== */
#wrap .notice-area{
	margin: 0 0 12px 0;
	padding: 5px 10px 4px 10px;
	background: url(/component/img/top/notice_bg.gif) left top;
}

/* IE以外のモダンブラウザ向け */
#wrap .notice-area:after{
	width: 0;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	clear: both;
	visibility: hidden;
}

/* IE7 */
*:first-child+html #wrap .notice-area{
	display: inline-block;
}

#wrap .notice-area dt{
	margin: 0 0 4px 0;
	padding: 0;
	width: 102px;
	font-weight: bold;
	float: left;
	clear: both;
	text-align: left;
}

#wrap .notice-area dd{
	margin: 0 0 4px 0;
	padding: 0;
	width: 836px;
	float: left;
	text-align: left;
}


/* ========================================
	rec_bnr_top：上部レコメンドエリア（958）
======================================== */

#wrap #rec_bnr_top a{
	display: block;
	margin: 0 0 12px 0;
}

/* ========================================
	attention：エラー表示
======================================== */

#wrap .attention{
	margin: 0 0 12px 0;
}

/* ========================================
	main：メインコンテンツ
======================================== */
#main{
	float: right;
	width: 714px;
	text-align: left;
	margin: 0 0 24px 0;
}

#main h2,
#main h3{
	font-size: 100%;
}

#main p{
	font-size: 100%;
}

#main .title{
	width: 714px;
	padding: 0 0 4px 0;
	background: #7d6954 url(/component/img/common/main/title_brw_w714_bg_ft.gif) left bottom no-repeat;
	position: relative;
}

#main .title h2{
	margin: 0;
	color: #fff;
	font-size: 116%;
	padding: 8px 0 3px 15px;
	background: #7d6954 url(/component/img/common/main/title_brw_w714_bg.gif) left top no-repeat;
}

#main .title p{
	margin: 0;
	padding: 1px 0 3px 17px;
	position: absolute;
	top: 6px;
	right: 15px;
	background: url(/component/img/common/main/title_brw_link_border.gif) left top repeat-y;
}

#main .title p a{
	font-weight: bold;
	color: #fff;
	background: url(/component/img/common/main/title_brw_link_icon.gif) 0 0.25em no-repeat;
	padding: 0 0 0 17px;
}

/* ========================================
	middle-box：
======================================== */
#main .middle-box{
	width: 714px;
}

#main .middle-box:after{
	width: 0;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	clear: both;
	visibility: hidden;
}

/* IE7 */
*:first-child+html #main .middle-box{
	display: inline-block;
}

#main .middle-box .more-link{
	text-align: right;
	margin: 0 0 0 0;
}

#main .middle-box .more-link a{
	padding: 0 0 0 9px;
	background: url(/component/img/common/icon_arrow_l.gif) 0 0.4em no-repeat;
}

/* ========================================
	.middle-area：
======================================== */
#main .middle-box .middle-area{
	width: 470px;
	float: left;
	margin: 0 0 20px 0;
}


/* ========================================
	middle-box side-banner：バナー
======================================== */
#main .middle-box .side-banner{
	width: 230px;
	margin: 23px 0 0 0;
	padding: 0;
}

#main .middle-box .side-banner li{
	margin: 0;
	padding: 90px 0 0;
	width: 230px;
	position: relative;
}
#main .middle-box .side-banner li.item1{
	padding: 82px 0 0;
}

#main .middle-box .side-banner li a{
	font-size: 11px;
	line-height: 1.3;
	text-decoration: none;
}

#main .middle-box .side-banner li a img{
	position: absolute;
	right: 0;
	top: 8px;
}

#main .middle-box .side-banner li.item1 a img{
	top: 0;
}

/* ========================================
	pickup-box：ピックアップ
======================================== */
#main .middle-box .pickup-box{
	margin: 0;
	width: 470px;
}

#main .middle-box .pickup-box .title{
	width: 470px;
	background: #7d6954 url(/component/img/common/main/title_brw_w470_bg_ft.gif) left bottom no-repeat;
	margin: 0 0 12px 0;
	position: relative;
}

#main .middle-box .pickup-box .title h2{
	background: #7d6954 url(/component/img/common/main/title_brw_w470_bg.gif) left top no-repeat;
}

#main .middle-box .pickup-box ul{
	margin: 0;
	padding: 0;
}

#main .middle-box .pickup-box ul:after{
	width: 0;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	clear: both;
	visibility: hidden;
}

/* IE7 */
*:first-child+html #main .middle-box .pickup-box{
	display: inline-block;
}

#main .middle-box .pickup-box ul li{
	margin: 0;
	padding: 122px 0 10px 10px;
	width: 230px;
	float: left;
	position: relative;
}

#main .middle-box .pickup-box ul li.item1,
#main .middle-box .pickup-box ul li.item3,
#main .middle-box .pickup-box ul li.item5,
#main .middle-box .pickup-box ul li.item7,
#main .middle-box .pickup-box ul li.item9,
#main .middle-box .pickup-box ul li.item11,
#main .middle-box .pickup-box ul li.item13,
#main .middle-box .pickup-box ul li.item15,
#main .middle-box .pickup-box ul li.item17,
#main .middle-box .pickup-box ul li.item19{
	clear: both;
	padding: 122px 0 10px 0;
}

*:first-child+html #main .middle-box .pickup-box ul li{
	zoom: 1;
	vertical-align: top;
	float: none;
	display: inline;
}

*:first-child+html #main .middle-box .pickup-box ul li.item1,
*:first-child+html #main .middle-box .pickup-box ul li.item3,
*:first-child+html #main .middle-box .pickup-box ul li.item5,
*:first-child+html #main .middle-box .pickup-box ul li.item7,
*:first-child+html #main .middle-box .pickup-box ul li.item9,
*:first-child+html #main .middle-box .pickup-box ul li.item11,
*:first-child+html #main .middle-box .pickup-box ul li.item13,
*:first-child+html #main .middle-box .pickup-box ul li.item15,
*:first-child+html #main .middle-box .pickup-box ul li.item17,
*:first-child+html #main .middle-box .pickup-box ul li.item19{
	clear: none;
}

#main .middle-box .pickup-box ul li a{
	font-size: 11px;
	line-height: 1.3;
	text-decoration: none;
}

#main .middle-box .pickup-box ul li a img{
	position: absolute;
	right: 0;
	top: 0;
}

/* ========================================
	right-area：
======================================== */
#main .middle-box .right-area{
	width: 230px;
	float: right;
	margin: 0 0 30px 0;
}

/* ========================================
	login-box：ログイン
======================================== */
#main .middle-box .right-area .login-box{
	position: relative;
}

#main .middle-box .right-area .login-box .box-in{
	padding: 5px 0 0 0;
	background: url(/component/img/common/side/side_box_bg_hd.gif) left top no-repeat;
}

#main .middle-box .right-area .login-box .box-in p{
	margin: 0;
	text-align: center;
}

#main .middle-box .right-area .login-box .box-in .login{
	margin: 0 5px;
	padding: 14px 0 14px 0;
	width: 218px;
	border: solid 1px #f1ece6;
	background: #fff;
}

#main .middle-box .right-area .login-box .box-in .login .username{
	font-weight: bold;
	margin: 0;
	line-height: 1.5;
}

#main .middle-box .right-area .login-box .box-in .login .icon + .username{
	margin: 28px 0 0;
}

#main .middle-box .right-area .login-box .box-in .login .username span{
	font-size: 116%;
}

#main .middle-box .right-area .login-box .box-in .login .icon{
	position: absolute;
	left: 0;
	top: -7px;
}

#main .middle-box .right-area .login-box .box-in .login .txt{
	margin: 12px 0 0;
}

#main .middle-box .right-area .login-box .box-in .login .btn{
	margin: 12px 0 0;
	text-align: center;
}

#main .middle-box .right-area .login-box .box-in .login p.link{
	margin: 10px 0 4px 0;
}

#main .middle-box .right-area .login-box .box-in .login p.ussrrank{
	margin: 6px 0 0;
	line-height: 1.66;
}

#main .middle-box .right-area .login-box .box-in .login p.link2{
	margin: 8px 10px 0;
	text-align: right;
	font-size: 83%;
}


#main .middle-box .right-area .login-box .box-in .login ul.link{
	margin: 17px 12px 0;
}

#main .middle-box .right-area .login-box .box-in .login ul.link:after{
	width: 0;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	clear: both;
	visibility: hidden;
}

#main .middle-box .right-area .login-box .box-in .login ul.link li{
	margin: 0 0 0 10px;
	width: 58px;
	float: left;
}

#main .middle-box .right-area .login-box .box-in .login ul.link li:first-child{
	margin: 0;
}

#main .middle-box .right-area .login-box .box-in .first{
	margin: 3px 5px 0 5px;
	padding: 8px 6px 10px 6px;
	width: 206px;
	border: solid 1px #f1ece6;
	background: #fff;
}

#main .middle-box .right-area .login-box .box-in .first .title{
	width: auto;
	background: none;
	font-weight: bold;
	margin: 0 0 12px 0;
	padding: 0;
}

#main .middle-box .right-area .login-box .box-in .first .title span{
	padding: 2px 0 2px 17px;
	background: url(/component/img/top/icon_first.gif) left top no-repeat;
}

#main .middle-box .right-area .login-box .box-in .first p.link{
	padding: 0;
	margin: 0 0 12px 0;
}

#main .middle-box .right-area .login-box .box-in .first p.link a{
	font-weight: bold;
	padding: 0 0 0 15px;
	background: url(/component/img/common/icon_arrow_brw.gif) 0 0.3em no-repeat;
}

#main .middle-box .right-area .login-box .box-in .first .txt{
	margin: 0;
}

#main .middle-box .right-area .login-box .box-in .first .txt span{
	color: #f06;
}

#main .middle-box .right-area .login-box .box-in .first .new-offer{
	line-height: 1.4;
	padding: 10px 13px 0;
	padding: 10px 5px 0;
	background: url(/component/img/common/main/main_border_dotted_h.gif) left top repeat-x;
}


#main .middle-box .right-area .login-box .box-in .first .new-offer a{
	display: inline-block;
	margin: 4px 0 0;
	color: #f06;
}

#main .middle-box .right-area .login-box .box-in .point{
	margin: 3px 5px 0 5px;
	padding: 3px 0 10px;
	width: 218px;
	border: solid 1px #f1ece6;
	background: #fff;
}

#main .middle-box .right-area .login-box .box-in .point .title{
	width: auto;
	background: none;
	font-weight: bold;
	margin: 0 10px 7px;
	padding: 0;
}

#main .middle-box .right-area .login-box .box-in .point .title span{
	display: inline-block;
	padding: 5px 0 5px 26px;
	background: url(/component/img/top/icon_point.gif) 0 5px no-repeat;
}

#main .middle-box .right-area .login-box .box-in .point .total{
	font-weight: bold;
	margin: 0 10px 10px;
}

#main .middle-box .right-area .login-box .box-in .point .total span{
	font-size: 133%;
}

#main .middle-box .right-area .login-box .box-in .point p.link{
	padding: 0;
	font-size: 83%;
}


#main .middle-box .right-area .login-box .box-in .point .lost-point{
	margin: 12px 0 0;
	padding: 10px 12px 0 12px;
	background: url(/component/img/common/side/border_h_dotted.gif) 2px 0 repeat-x;
}

#main .middle-box .right-area .login-box .box-in .point .point-area{
	padding: 7px 0 0;
}

#main .middle-box .right-area .login-box .box-in .point .point-area .txt{
	margin: 0 10px 0 8px;
	padding: 3px 0 0;
	height: 25px;
	text-align: right;
	font-size: 12px;
	font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,sans-serif;
	background: url(/component/img/top/icon_point_l.gif) left top no-repeat;
}

#main .middle-box .right-area .login-box .box-in .point .point-area .txt span{
	font-size: 20px;
	font-weight: bold;
}
#main .middle-box .right-area .login-box .box-in .point .point-area .link{
	margin: 10px 10px 0;
	text-align: right;
}

#main .middle-box .right-area .login-box .box-in .point-new{
	margin: 3px 5px 0 5px;
	padding: 0 0 14px;
	width: 218px;
	border: solid 1px #f1ece6;
	background: #fff;
}

#main .middle-box .right-area .login-box .box-in .point-new .title{
	width: auto;
	background: none;
	font-weight: bold;
	margin: 0 10px 7px;
	padding: 0;
}

#main .middle-box .right-area .login-box .box-in .point-new .title span{
	display: inline-block;
	padding: 5px 0 5px 26px;
	background: url(/component/img/top/icon_point.gif) 0 5px no-repeat;
}

#main .middle-box .right-area .login-box .box-in .point-new .total{
	font-weight: bold;
	margin: 0 10px 10px;
}

#main .middle-box .right-area .login-box .box-in .point-new .total span{
	font-size: 133%;
}

#main .middle-box .right-area .login-box .box-in .point-new p.link{
	padding: 0;
	font-size: 83%;
}

#main .middle-box .right-area .login-box .box-in .point-new .lost-point{
	margin: 10px 0 0;
}

#main .middle-box .right-area .login-box .box-in .point-new .link{
	text-align: right;
	margin: 8px 10px 0;
}

#main .middle-box .right-area .login-box .box-in .point-new .point-area{
	padding: 7px 0 15px;
	background: url(/component/img/common/side/border_h_dotted.gif) 2px 100% repeat-x;
}

#main .middle-box .right-area .login-box .box-in .point-new .point-area .txt{
	margin: 0 10px 0 8px;
	padding: 3px 0 0;
	height: 25px;
	text-align: right;
	font-size: 12px;
	background: url(/component/img/top/icon_point_l.gif) left top no-repeat;
}

#main .middle-box .right-area .login-box .box-in .point-new .point-area .txt span{
	font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,sans-serif;
	font-size: 20px;
	font-weight: bold;
}

#main .middle-box .right-area .login-box .box-in .point-new .link-area{
	margin: 16px 0 0;
}

#main .middle-box .right-area .login-box .box-in .point-new .link-area ul.link{
	margin: 0 12px 0;
}

#main .middle-box .right-area .login-box .box-in .point-new .link-area ul.link:after{
	width: 0;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	clear: both;
	visibility: hidden;
}

#main .middle-box .right-area .login-box .box-in .point-new .link-area ul.link li{
	margin: 0 0 0 10px;
	width: 58px;
	float: left;
}

#main .middle-box .right-area .login-box .box-in .point-new .link-area .btn{
	margin: 13px 0 0;
	text-align: center;
}

#main .middle-box .right-area .login-box .box-in .point-new .link-area ul.link li:first-child{
	margin: 0;
}

/* ========================================
	recommend-box：おすすめ商品
======================================== */
#main .recommend-box{
	margin: 0 0 22px 0;
}

#main .recommend-box p{
	margin: 0 2px 10px 2px;
}

#main .recommend-box .title{
	width: 714px;
	margin: 0 0 5px 0;
	position: relative;
}

#main .recommend-box ul{
	margin: 0 2px;
	padding: 0;
}

/* IE以外のモダンブラウザ向け */
#main .recommend-box ul:after{
	width: 0;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	clear: both;
	visibility: hidden;
}

/* IE7 */
*:first-child+html #main .recommend-box ul{
	display: inline-block;
}

#main .recommend-box ul li{
	margin: 0;
	padding: 0 0 10px 10px;
	width: 134px;
	float: left;
	position: relative;
}

#main .recommend-box ul li.item1,
#main .recommend-box ul li.item6,
#main .recommend-box ul li.item11,
#main .recommend-box ul li.item16,
#main .recommend-box ul li.item21,
#main .recommend-box ul li.item26{
	clear: both;
	padding: 0 0 10px 0;
}

*:first-child+html #main .recommend-box ul li{
	zoom: 1;
	vertical-align: top;
	float: none;
	display: inline;
}

*:first-child+html #main .recommend-box ul li.item1,
*:first-child+html #main .recommend-box ul li.item6,
*:first-child+html #main .recommend-box ul li.item11,
*:first-child+html #main .recommend-box ul li.item16,
*:first-child+html #main .recommend-box ul li.item21,
*:first-child+html #main .recommend-box ul li.item26{
	clear: none;
}


#main .recommend-box ul li .iname{
	width: 134px;
	padding: 136px 0 0 0;
	margin: 0 0 5px 0;
	position: relative;
}

#main .recommend-box ul li .iname a{
	line-height: 1.5;
}

#main .recommend-box ul li .iname img{
	position: absolute;
	right: 0;
	top: 0;
	border: solid 1px #d7d1cd;
	padding: 1px;
	width: 130px;
}

#main .recommend-box ul li .price{
	margin: 0;
}

/* ========================================
	special-box：特集
======================================== */
#main .special-box{
	margin: 0 0 22px 0;
}

#main .special-box p{
	margin: 0 2px 10px 2px;
}

#main .special-box .title{
	width: 714px;
	margin: 0 0 5px 0;
}

#main .special-box ul{
	margin: 0 2px;
	padding: 0;
}

#main .special-box ul:after{
	width: 0;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	clear: both;
	visibility: hidden;
}

/* IE7 */
*:first-child+html #main .special-box ul{
	display: inline-block;
}

#main .special-box ul li{
	margin: 0;
	padding: 172px 0 10px 10px;
	width: 170px;
	float: left;
	position: relative;
}

#main .special-box ul li.item1,
#main .special-box ul li.item5,
#main .special-box ul li.item9,
#main .special-box ul li.item13,
#main .special-box ul li.item17,
#main .special-box ul li.item21,
#main .special-box ul li.item25,
#main .special-box ul li.item29,
#main .special-box ul li.item33,
#main .special-box ul li.item37{
	clear: both;
	padding: 172px 0 10px 0;
}

*:first-child+html #main .special-box ul li{
	zoom: 1;
	vertical-align: top;
	float: none;
	display: inline;
}

*:first-child+html #main .special-box ul li.item1,
*:first-child+html #main .special-box ul li.item5,
*:first-child+html #main .special-box ul li.item9,
*:first-child+html #main .special-box ul li.item13,
*:first-child+html #main .special-box ul li.item17,
*:first-child+html #main .special-box ul li.item21,
*:first-child+html #main .special-box ul li.item25,
*:first-child+html #main .special-box ul li.item29,
*:first-child+html #main .special-box ul li.item33,
*:first-child+html #main .special-box ul li.item37{
	clear: none;
}

#main .special-box ul li a{
	font-size: 11px;
	line-height: 1.3;
	text-decoration: none;
}

#main .special-box ul li a img{
	position: absolute;
	right: 0;
	top: 0;
}

/* ========================================
	campaign-box：プレゼント＆キャンペーン
======================================== */
#wrap #campaign-box{
	margin: 22px 0 2px 0;
}

/* ========================================
	shop-box：オリジナルショップ
======================================== */
#main .shop-box{
	width: 714px;
	margin: 0 0 20px 0;
}

#main .shop-box .title{
	margin: 0 0 5px 0;
}

#main .shop-box p{
	margin: 0 2px 10px 2px;
}

#main .shop-box ul{
	margin: 0 2px;
	padding: 0;
}

#main .shop-box ul:after{
	width: 0;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	clear: both;
	visibility: hidden;
}

/* IE7 */
*:first-child+html #main .shop-box ul{
	display: inline-block;
}


#main .shop-box ul li{
	margin: 0;
	padding: 122px 0 10px 10px;
	width: 230px;
	float: left;
	position: relative;
}

#main .shop-box ul li.item1,
#main .shop-box ul li.item4,
#main .shop-box ul li.item7,
#main .shop-box ul li.item10,
#main .shop-box ul li.item13,
#main .shop-box ul li.item16,
#main .shop-box ul li.item19,
#main .shop-box ul li.item22,
#main .shop-box ul li.item25,
#main .shop-box ul li.item28{
	clear: both;
	padding: 122px 0 10px 0;
}

*:first-child+html #main .shop-box ul li{
	zoom: 1;
	vertical-align: top;
	float: none;
	display: inline;
}

*:first-child+html #main .shop-box ul li.item1,
*:first-child+html #main .shop-box ul li.item4,
*:first-child+html #main .shop-box ul li.item7,
*:first-child+html #main .shop-box ul li.item10,
*:first-child+html #main .shop-box ul li.item13,
*:first-child+html #main .shop-box ul li.item16,
*:first-child+html #main .shop-box ul li.item19,
*:first-child+html #main .shop-box ul li.item22,
*:first-child+html #main .shop-box ul li.item25,
*:first-child+html #main .shop-box ul li.item28{
	clear: none;
}

#main .shop-box ul li a{
	font-size: 11px;
	line-height: 1.3;
	text-decoration: none;
}

#main .shop-box ul li a img{
	position: absolute;
	right: 0;
	top: 0;
}

/* ========================================
	voice-box：口コミ人気商品
======================================== */
#main .voice-box{
	width: 714px;
	margin: 0 0 34px 0;
	background: url(/component/img/common/main/main_box_w714_bg.gif) left bottom no-repeat;
}

#main .voice-box .title{
	padding: 0 0 8px 0;
	background: #7d6954 url(/component/img/common/main/title_brw_w714_bg_box_ft.gif) left bottom no-repeat;
}

#main .voice-box p{
	margin: 8px 16px 0 16px;
}

#main .voice-box ul{
	position:relative;
	overflow: hidden;
	margin: 0 16px;
	padding: 0;
	width: 682px;
}

#main .voice-box ul li{
	margin: -1px 0 14px 0;
	padding: 15px 0 0 144px;
	width: 538px;
	position: relative;
	min-height: 134px;
	background: url(/component/img/common/main/main_border_dotted_h.gif) left top repeat-x;
}

#main .voice-box ul li .iname{
	margin: 3px 0 8px 0;
}

#main .voice-box ul li .iname img{
	display: block;
	border: solid 1px #d7d1cd;
	padding: 1px;
	width: 130px;
	position: absolute;
	left: 0;
	top: 15px;
}

#main .voice-box ul li .price{
	margin: 0 0 8px 0;
	padding: 0 13px 0 0;
	float: left;
}

#main .voice-box ul li .voice-stats{
	margin: 0;
	padding: 0 12px 0 0;
	float: left;
	font-weight: bold;
	color: #f90;
}

#main .voice-box ul li .voice-stats img{
	margin: 0 5px 0 0;
}

#main .voice-box ul li .voice-link{
	margin: 0 0 8px 0;
	padding: 0;
	float: left;
}

#main .voice-box ul li .voice-link a{
	padding: 0 0 0 9px;
	background: url(/component/img/common/icon_arrow_l.gif) 0 0.4em no-repeat;
}

#main .voice-box ul li .voice{
	width: 538px;
	clear: both;
}

#main .voice-box ul li .voice dl{
	margin: 0;
	padding: 0;
}

#main .voice-box ul li .voice dl dt{
	margin: 0;
	padding: 2px 10px 3px 10px;
	background: #f90 url(/component/img/common/main/voice_userinfo_bg.gif) left top no-repeat;
	color: #fff;
	line-height: 1.3;
}

#main .voice-box ul li .voice dl dt span{
	font-weight: bold;
	padding: 0 0 0 12px;
	margin: 0 0 0 10px;
	background: url(/component/img/common/main/voice_userinfo_border.gif) left top repeat-y;
}

#main .voice-box ul li .voice dl dd{
	margin: 0;
	padding: 8px 10px 0 10px;
	background: url(/component/img/common/main/voice_detail_bg.gif) left top no-repeat;
}

#main .voice-box ul li .voice dl dd p{
	margin: 0 0 4px 0;
	line-height: 1.4;
}

#main .voice-box ul li .voice dl dd p.item-detail{
	font-weight: bold;
	line-height: 1.3;
}

#main .voice-box .more-link{
	margin: 0 16px;
	padding: 10px 0 14px 0;
	text-align: right;
	background: url(/component/img/common/main/main_border_dotted_h.gif) left top repeat-x;
}

#main .voice-box .more-link a{
	padding: 0 0 0 9px;
	background: url(/component/img/common/icon_arrow_l.gif) 0 0.4em no-repeat;
}

/* ========================================
	digicata-box：デジタルカタログ
======================================== */
#main .digicata-box{
	width: 714px;
	background: url(/component/img/common/main/main_box_w714_bg.gif) left bottom no-repeat;
	padding: 0;
}

#main .digicata-box p{
	margin: 9px 17px 10px 17px;
}

#main .digicata-box .title{
	width: 714px;
	padding: 0 0 8px 0;
	background: #7d6954 url(/component/img/common/main/title_brw_w714_bg_box_ft.gif) left bottom no-repeat;
}

#main .digicata-box .title p{
	margin: 0;
	padding: 1px 0 3px 17px;
	position: absolute;
	top: 6px;
	right: 15px;
	background: url(/component/img/common/main/title_brw_link_border.gif) left top repeat-y;
}

#main .digicata-box .title p a{
	font-weight: bold;
	color: #fff;
	background: url(/component/img/common/main/title_brw_link_icon.gif) 0 0.25em no-repeat;
	padding: 0 0 0 17px;
}

#main .digicata-box ul{
	width: 682px;
	margin: 0 15px 0 17px;
	padding: 0;
	overflow: hidden;
}

#main .digicata-box ul:after{
	width: 0;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	clear: both;
	visibility: hidden;
}

#main .digicata-box ul li{
	float: left;
	width: 128px;
	margin: -1px 0 0 0;
	padding: 15px 2px 15px 8px;
	background: url(/component/img/common/main/main_border_dotted_h.gif) 2px 0 repeat-x;
}

#main .digicata-box ul li.item1,
#main .digicata-box ul li.item6,
#main .digicata-box ul li.item11,
#main .digicata-box ul li.item16,
#main .digicata-box ul li.item21,
#main .digicata-box ul li.item26,
#main .digicata-box ul li.item31,
#main .digicata-box ul li.item36{
	padding: 15px 2px 15px 0;
	clear: both;
}

#main .digicata-box ul li.item1,
#main .digicata-box ul li.item2,
#main .digicata-box ul li.item3,
#main .digicata-box ul li.item4,
#main .digicata-box ul li.item5{
	background: none;
	padding-top: 0;
	margin-top: 0;
}

#main .digicata-box ul li dl{
	width: 128px;
	margin: 0 0 5px 0;
	padding: 0;
	position: relative;
}

#main .digicata-box ul li dt{
	text-align: center;
	width: 128px;
	margin: 0;
	padding: 184px 0 0;
}

#main .digicata-box ul li dt img{
	display: block;
	position: absolute;
	width: 128px;
	right: 0;
	top: 1px;
}

#main .digicata-box ul li dd{
	width: 128px;
	margin: 5px 0 0 0;
	padding: 0;
	font-size: 83%;
}

#main .digicata-box ul li p{
	margin: 0;
	padding: 0;
	width: 128px;
	background: url(/component/img/common/main/btn_digicata_bg_ft.gif) left bottom no-repeat;
}

#main .digicata-box ul li p a{
	text-decoration: none;
	display: block;
	padding: 4px 6px 3px 19px;
	font-size: 83%;
	min-height: 12px;
	background: url(/component/img/common/main/btn_digicata_bg_hd.gif) left top no-repeat;
}

*:first-child+html #main .digicata-box ul li p a{
	padding: 3px 6px 4px 19px;
}

/* ========================================
	side：左サイド
======================================== */
#side{
	float: left;
	text-align: left;
	width: 230px;
	margin: 0 0 24px 0;
}

#side ul,
#side li{
	margin: 0;
	padding: 0;
}

.side-box{
	width: 230px;
	padding: 0 0 7px 0;
	background: #fff url(/component/img/common/side/side_box_bg.gif) left bottom no-repeat;
}

#side .more-link{
	text-align: right;
	margin: 0 0 0 0;
}

#side .more-link a{
	padding: 0 0 0 9px;
	background: url(/component/img/common/icon_arrow_l.gif) 0 0.4em no-repeat;
}

/* ========================================
	catalog-area：カタログをご利用のお客さま
======================================== */
#side .catalog-area{
	margin: 0 0 22px 0;
}

#side .catalog-area h2{
	margin: 0;
	background: #fff;
}

#side .catalog-area h3{
	margin: 0;
}

#side .catalog-area ul{
	background: #fff;
	border: solid 1px #f1ece6;
	margin: 0 5px;
	padding: 8px 8px 4px 8px;
}

#side .catalog-area ul li{
	margin: 0 0 4px 0;
}

#side .categories{
	margin: 0 0 22px 0;
}

/* ========================================
	categories：カテゴリ
======================================== */
#side .categories{
	width: 230px;
	padding: 0 0 8px 0;
}

#side .categories div{
	margin: 0 5px 6px 5px;
	border: solid 1px #f1ece6;
	padding: 1px;
	background: #fff;
}

#side .categories div.big{
	margin: 0 5px;
}

#side .categories .title{
	border: none;
	background: #7d6954 url(/component/img/common/side/title_brw_w230_bg_box_ft.gif) left bottom no-repeat;
	padding: 0 0 4px 0;
	margin: 0 0 4px 0;
}

#side .categories .title h2{
	padding: 7px 5px 0 14px;
	background: #7d6954 url(/component/img/common/side/title_brw_w230_bg.gif) left top no-repeat;
	color: #fff;
	font-size: 116%;
	min-height: 21px;
}

#side .categories div h3{
	padding: 0 0 1px 0;
	border-bottom: solid 1px #d2c8bb;
	width: 216px;
	position: relative;
}

#side .categories div h3 a{
	font-size: 116%;
	display: block;
	padding: 6px 56px 0 22px;
	min-height: 23px;
	background: url(/component/img/top/categories_title_bg.gif) left top no-repeat;
	text-decoration: none;
}

#side .categories div h3 a img{
	position: absolute;
	right: 0;
	top: -4px;
}

#side .categories div ul{
	width: 218px;
	overflow: hidden;
}

#side .categories div ul li{
	background: url(/component/img/common/side/border_h_dotted.gif) 2px 0 repeat-x;
	padding: 10px 8px 8px 8px;
	margin: -1px 0 0 0;
}

#side .categories div ul li a{
	padding: 0 0 0 15px;
	background: url(/component/img/common/icon_arrow_brw.gif) 0 0.2em no-repeat;
}

#side .categories div ul li p{
	margin: 6px 0 0 5px;
	padding: 0 0 0 12px;
	background: url(/component/img/common/icon_tree.gif) 0 0.3em no-repeat;
	font-size: 83%;
}

#side .categories div ul li p a{
	background: none;
	padding: 0;
}

/* ========================================
	size-link：サイズで選ぶリンク
======================================== */
#side .size-link{
	width: 230px;
	background: url(/component/img/common/side/side_box_bg.gif) left bottom no-repeat;
	padding: 0 0 7px 0;
	margin: 0 0 10px 0;
}

#side .size-link div{
	padding: 5px 5px 0 5px;
	background: url(/component/img/common/side/side_box_bg_hd.gif) left top no-repeat;
}

#side .size-link div a{
	position: relative;
	width: 123px;
	font-size: 116%;
	font-weight: bold;
	border: solid 1px #f1ece6;
	display: block;
	padding: 7px 73px 7px 22px;
	background: url(/component/img/top/categories_title_bg.gif) 1px 1px no-repeat;
	text-decoration: none;
}

#side .size-link div a img{
	position: absolute;
	right: 0;
	top: -7px;
}

/* ========================================
	catalog-link：カタログで選ぶリンク
======================================== */
#side .catalog-link{
	width: 230px;
	background: url(/component/img/common/side/side_box_bg.gif) left bottom no-repeat;
	padding: 0 0 7px 0;
}

#side .catalog-link div{
	padding: 5px 5px 0 5px;
	background: url(/component/img/common/side/side_box_bg_hd.gif) left top no-repeat;
}

#side .catalog-link div a{
	position: relative;
	width: 123px;
	font-size: 116%;
	font-weight: bold;
	border: solid 1px #f1ece6;
	display: block;
	padding: 7px 73px 7px 22px;
	background: url(/component/img/top/categories_title_bg.gif) 1px 1px no-repeat;
	text-decoration: none;
}

#side .catalog-link div a img{
	position: absolute;
	right: 0;
	top: -7px;
}

/* ========================================
	news：新着情報
======================================== */
#side .news{
	margin: 27px 0 3px 0;
}

#side .news h2{
	margin: 0 0 3px 0;
}

#side .news dl{
	width: 218px;
	overflow: hidden;
	background: #fff;
	border: solid 1px #f1ece6;
	margin: 0 5px;
	padding: 0;
	overflow: hidden;
}

#side .news dl dt{
	margin: -1px 0 0 0;
	padding: 7px 10px 0 10px;
	background: url(/component/img/common/side/border_h_dotted.gif) 2px 0 repeat-x;
	font-weight: bold;
}

#side .news dl dd{
	line-height: 1.5;
	margin: 0 0 9px 0;
	padding: 1px 10px 0 10px;
}

/* ========================================
	word-ranking：検索ワードランキング
======================================== */
#side .word-ranking{
	width: 230px;
	margin: 13px 0 3px 0;
}

#side .word-ranking h2{
	margin: 0 0 3px 0;
}

#side .word-ranking ol{
	width: 218px;
	margin: 0 5px;
	padding: 0;
	overflow: hidden;
	border: solid 1px #f1ece6;
	background: #fff;
}

#side .word-ranking ol li{
	margin: -1px 0 0 0;
	padding: 11px 10px 10px 10px;
	background: url(/component/img/common/side/border_h_dotted.gif) 2px 0 repeat-x;
}

#side .word-ranking ol li span{
	font-weight: bold;
}

#side .word-ranking ol li.rank1 span{
	padding: 3px 0 3px 21px;
	background: url(/component/img/common/side/icon_rank1.gif) 0 0.1em no-repeat;
}

#side .word-ranking ol li.rank2 span{
	padding: 3px 0 3px 21px;
	background: url(/component/img/common/side/icon_rank2.gif) 0 0.1em no-repeat;
}

#side .word-ranking ol li.rank3 span{
	padding: 3px 0 3px 21px;
	background: url(/component/img/common/side/icon_rank3.gif) 0 0.1em no-repeat;
}

/* ========================================
	side-banner：バナーリスト
======================================== */
#side .side-banner{
	width: 230px;
	margin: 32px 0 0 0;
	overflow: hidden;
}

#side .side-banner li{
	padding: 0 0 12px 0;
	font-size: 11px;
	line-height: 1.3;
}

#side .side-banner li img{
	margin: 0 0 2px 0;
}

#side .side-banner li a{
	text-decoration: none;
}


/* ========================================
	14/3/20 見出し変更
======================================== */

#main .title{
	background: none;
}

#main .title h2{
	padding: 10px 5px 0 26px;
	background: url(/component/img/common/main/title_gray_w958_bg.gif) left top no-repeat;
	color: #6d6a65;
	border-bottom: solid 2px #54412c;
	min-height: 23px;
}

#main .title p{
	margin: 0;
	padding: 1px 0 3px 17px;
	position: absolute;
	top: 9px;
	right: 15px;
	background: none;
}

#main .title p a{
	font-weight: bold;
	color: #5e5441;
	background: url(/component/img/common/icon_arrow_brw.gif) 0 0.25em no-repeat;
	padding: 0 0 0 17px;
}


#main .middle-box .pickup-box .title{
	background: none;
}

#main .middle-box .pickup-box .title h2{
	padding: 10px 5px 0 26px;
	background: url(/component/img/common/main/title_gray_w958_bg.gif) left top no-repeat;
	color: #6d6a65;
	border-bottom: solid 2px #54412c;
	min-height: 24px;
}

#main .digicata-box .title{
	width: 692px;
	margin: 0;
	padding: 0 11px;
	background: url(/component/img/common/main/title_digicata_w714_bg.gif) left top no-repeat;
}

#main .digicata-box .title h2{
	color: #6d6a65;
	background: none;
	border-bottom: solid 1px #d2c8bb;
	padding: 12px 5px 7px 41px;
	min-height: 16px;
}

#main .digicata-box .title p{
	margin: 0;
	padding: 0;
	position: absolute;
	top: 13px;
	right: 15px;
	background: none;
}

#main .digicata-box .title p a{
	font-weight: bold;
	color: #5e5441;
	background: url(/component/img/common/icon_arrow_brw.gif) 0 0.25em no-repeat;
	padding: 0 0 0 17px;
}

#main .voice-box .title{
	width: 692px;
	margin: 0;
	padding: 0 11px;
	background: url(/component/img/common/main/title_voice_w714_bg.gif) left top no-repeat;
}

#main .voice-box .title h2{
	color: #6d6a65;
	background: none;
	border-bottom: solid 1px #d2c8bb;
	padding: 12px 5px 7px 41px;
	min-height: 16px;
}

#side .categories .title{
	background: #ffb03a url(/component/img/common/side/title_orange_w230_bg_box_ft.gif) left bottom no-repeat;
}

#side .categories .title h2{
	background: #ffb03a url(/component/img/common/side/title_orange_w230_bg.gif) left top no-repeat;
}

/* ========================================
	14/5/8 関連サイト追加
======================================== */
#side .affiliate-link{
	margin: 22px 0 0 0;
}

#side .affiliate-link .title{
	background: #7d6954 url(/component/img/common/side/title_brw_w230_bg_ft.gif) left bottom no-repeat;
	padding: 0 0 4px 0;
	margin: 0 0 6px 0;
}

#side .affiliate-link .title h2{
	padding: 7px 5px 0 14px;
	background: #7d6954 url(/component/img/common/side/title_brw_w230_bg.gif) left top no-repeat;
	color: #fff;
	font-size: 116%;
	min-height: 21px;
}

#side .affiliate-link li{
	margin: 10px 0 0 0;
}

#side .affiliate-link li:first-child{
	margin: 0;
}

#side .affiliate-link p{
	margin: 7px 0 0;
	font-size: 10px;
}

/* ========================================
	relational-link：関連リンク 14/10/21更新
======================================== */

#side .relational-link{
	margin: 22px 0 18px 0;
	width: 230px;
}

#side .relational-link .title{
	background: #7d6954 url(/component/img/common/side/title_brw_w230_bg_box_ft.gif) left bottom no-repeat;
	padding: 0 0 4px 0;
	margin: 0 0 3px 0;
}

#side .relational-link .title h2{
	padding: 7px 5px 0 14px;
	background: #7d6954 url(/component/img/common/side/title_brw_w230_bg.gif) left top no-repeat;
	color: #fff;
	font-size: 116%;
	min-height: 21px;
}

#side .relational-link .box-in{
	padding: 5px 5px 0 5px;
	background: url(/component/img/common/side/side_box_bg_hd.gif) left top no-repeat;
}

#side .relational-link ul{
	width: 218px;
	padding: 0;
	overflow: hidden;
	border: solid 1px #f1ece6;
	background: #fff;
	margin: 0 5px;
}

#side .relational-link .box-in ul{
	margin: 0;
}

#side .relational-link ul li{
	margin: -1px 0 0 0;
	padding: 1px 0 0 0;
	background: url(/component/img/common/side/border_h_dotted.gif) 2px 0 repeat-x;
}

#side .relational-link ul li a{
	display: block;
	padding: 8px 5px 8px 23px;
	font-weight: bold;
	background: url(/component/img/common/icon_arrow_brw.gif) 8px 0.9em no-repeat;
}

/* ========================================
	information：セシールからお知らせ 14/10/21更新
======================================== */
#side .information{
	width: 230px;
	margin: 22px 0 22px 0;
}

#side .information h2{
	margin: 0 0 3px 0;
}

#side .information .title{
	background: #7d6954 url(/component/img/common/side/title_brw_w230_bg_box_ft.gif) left bottom no-repeat;
	padding: 0 0 4px 0;
	margin: 0 0 3px 0;
}

#side .information .title h2{
	margin: 0;
	padding: 7px 5px 0 14px;
	background: #7d6954 url(/component/img/common/side/title_brw_w230_bg.gif) left top no-repeat;
	color: #fff;
	font-size: 116%;
	min-height: 21px;
}

#side .information ul{
	margin: 0 5px;
	padding: 0;
	width: 218px;
	overflow: hidden;
	border: solid 1px #f1ece6;
	background: #fff;
}

#side .information ul li{
	margin: -1px 0 0 0;
	padding: 9px 10px 10px 10px;
	background: url(/component/img/common/side/border_h_dotted.gif) 2px 0 repeat-x;
	line-height: 1.5;
}

#side .information ul li a img{
	vertical-align: middle;
	margin: 0 0 0 4px;
}


/* ========================================
	closslink:相互リンク 14/10/21更新
======================================== */
#foot:after{
	width: 0;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	clear: both;
	visibility: hidden;
}

#foot .affiliate-link{
	margin: 0 0 0 15px;
	padding: 12px 0 0 0;
	float: left;
	width: 250px;
	font-size: 11px;
	text-align: left;
}

#foot .affiliate-link a{
	background: url(/component/img/common/icon_arrow_l.gif) 0 0.35em no-repeat;
	padding: 0 0 0 9px;
}

#foot .closslink{
	float: right;
	width: 600px;
	font-size: 11px;
	padding: 12px 0 0 0;
	margin: 0 15px 12px 0;
	text-align: right;
}

#foot .closslink li{
	display: inline;
	border-left: solid 1px #333;
	padding: 0 0 0 8px;
	margin: 0 0 0 4px;
}

#foot .closslink li:first-child{
	border: none;
	padding: 0;
}