@charset "euc-jp";


/* --------------------------------------------------

common

-------------------------------------------------- */
/*   ------------ 基幹レイアウト ------------    */

* {margin: 0; padding: 0; }

html,body {
	height: 100%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

body{
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
}


/*    ------------ IEハック ------------    */

/* --- IE6以下 --- */

* html {
	filter: expression(document.execCommand("BackgroundImageCache", false, true)); /* CSSロールオーバー背景画像がIE6でちらつく */
}

* html body {
	padding-left: 1px; /* 背景画像がずれる */
}


/* --- IE7 --- */
*+html body {
	padding-left: 1px; /* 背景画像がずれる */
}

/*    ------------ フォント表示 ------------    */

body,div,pre,p,blockquote,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,pre,form,fieldset,input,textarea,select,option,table,th,td,embed,object,address,non {

	padding:0;
	/*font-family:HiraKakuPro-W3, "MS UI Gothic", "MS PGothic", verdana, arial, helvetica,Osaka,sans-serif;*/
	font-weight:normal;
	font-style:normal;
	font-size:100%;
	color:#434343;
	}

body{
	
font:13px/1.231 "ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",arial,helvetica,clean,sans-serif;

*font-size:small;/* WinIE7,WinIE6 標準準拠モード向け */
*font:x-small;/* WinIE5,5.5,6(後方互換モード)向け */

/*for justify//////////////////
text-align:justify;
text-justify:inter-ideograph;
*/
}


.gothic {
font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
} /* ゴシック体 */

.mincho {
font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
} /* 明朝体 */

.mono {
font-family: "Osaka−等幅", Osaka-mono, "ＭＳ ゴシック", "MS Gothic", monospace;
} /* 等幅書体 */

.hiraginoMaruGothic {
font-family: "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "メイリオ", Meiryo, fantasy;
} /* OS X限定 丸ゴシック体 */




table {
font-size:inherit;/* モダンブラウザ向け */
font:100%;/* WinIE5,5.5,6(後方互換モード)向け */
border-collapse:collapse;
border-spacing:0;
}

pre,code,kbd,samp,tt {
font-family: monospace;
*font-size: 108%; /* Win IE全般向け */
line-height: 100%;
}

h1 img,h2 img,h3 img,h4 img,h5 img,h6 img{
vertical-align:top;
}

img{
	border:none;
}

/*    ------------ 行間,Justify指定 ------------     */

p{
line-height:1.6;
text-align:left;
text-justify:inter-ideograph;
}

/*リンク設定
-------------------------------------------------- */

a {
	outline: none;
}

a:link {
	color: #333;
	text-decoration:none;
}

a:visited {
	color: #333;
	text-decoration: none;
}

a:hover {
	color: #c00;
	text-decoration: underline;
}

a:active {
	color: #333;
	text-decoration: none;

}


/*    ------------ Font size,color ------------    */

.text10{font-size:77%;}
.text11{font-size:85%;}
.text12{font-size:93%;}
.text13{font-size:100%;}
.text14{font-size:108%;}
.text15{font-size:116%;}
.text16{font-size:123.1%;}
.text17{font-size:131%;}
.text18{font-size:138.5%;}
.text19{font-size:146.5%;}
.text20{font-size:153.9%;}
.text21{font-size:161.6%;}
.text22{font-size:167%;}
.text23{font-size:174%;}
.text24{font-size:182%;}
.text25{font-size:189%;}
.text26{font-size:197%;}
.sizeClear{font-size:13px; *font-size:small; *font:x-small;}

.textWhite{color:#ffffff;}
.textRed{color:#7F0019;}
.textBlue{color:#2C5561;}
.textPurple{color:#6C3863};
.textGray{color:#333333;}
.textMediumGray{color:#666666;}
.textLightGray{color:#999999;}
.textOrange{color:#ff8b00;}
.textOrange2{color:#ff4700;}

.bold{font-weight:bold;}

/*    ------------ float ------------    */

.floatL{
float:left;
}
.floatR{
float:right;
}

.clear{
clear:both;
}

/*    ------------ list表示 ------------    */

li {
	list-style-type: none;
}

li img,dt img,
	dd img{
	vertical-align:top; /* 画像下のスペース消し */
}

/*    ------------ table表示 ------------    */


/*
td img {
	display: block;
}
*/

/*    ------------ clearfix ------------    */

.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{
display:inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
height:1%;
}
.clearfix{
display:block;
}



/*    ------------ Padding / Margin ------------    */

.padT0{padding-top:0px;}
.padT3{padding-top:3px;}
.padT5{padding-top:5px;}
.padT10{padding-top:10px;}
.padT15{padding-top:15px;}
.padT20{padding-top:20px;}
.padT30{padding-top:30px;}
.padT40{padding-top:40px;}
.padT50{padding-top:50px;}

.padB0{padding-bottom:0px;}
.padB3{padding-bottom:3px;}
.padB5{padding-bottom:5px;}
.padB10{padding-bottom:10px;}
.padB15{padding-bottom:15px;}
.padB20{padding-bottom:20px;}
.padB30{padding-bottom:30px;}
.padB40{padding-bottom:40px;}
.padB50{padding-bottom:50px;}

.padL0{padding-left:0px;}
.padL3{padding-left:3px;}
.padL5{padding-left:5px;}
.padL10{padding-left:10px;}
.padL15{padding-left:15px;}
.padL20{padding-left:20px;}
.padL30{padding-left:30px;}
.padL40{padding-left:40px;}
.padL50{padding-left:50px;}

.padR0{padding-right:0px;}
.padR3{padding-right:3px;}
.padR5{padding-right:5px;}
.padR10{padding-right:10px;}
.padR15{padding-right:15px;}
.padR20{padding-right:20px;}
.padR30{padding-right:30px;}
.padR40{padding-right:40px;}
.padR50{padding-right:50px;}

.marT0{margin-top:0px;}
.marT3{margin-top:3px;}
.marT5{margin-top:5px;}
.marT10{margin-top:10px;}
.marT15{margin-top:15px;}
.marT20{margin-top:20px;}
.marT30{margin-top:30px;}
.marT40{margin-top:40px;}
.marT50{margin-top:50px;}

.marB0{margin-bottom:0px;}
.marB3{margin-bottom:3px;}
.marB5{margin-bottom:5px;}
.marB10{margin-bottom:10px;}
.marB15{margin-bottom:15px;}
.marB20{margin-bottom:20px;}
.marB30{margin-bottom:30px;}
.marB40{margin-bottom:30px;}
.marB50{margin-bottom:50px;}

.marL0{margin-left:0px;}
.marL3{margin-left:3px;}
.marL5{margin-left:5px;}
.marL10{margin-left:10px;}
.marL13{margin-left:13px;}
.marL15{margin-left:15px;}
.marL20{margin-left:20px;}
.marL30{margin-left:30px;}
.marL40{margin-left:40px;}
.marL50{margin-left:50px;}

.marR0{margin-right:0px;}
.marR3{margin-right:3px;}
.marR5{margin-right:5px;}
.marR10{margin-right:10px;}
.marR15{margin-right:15px;}
.marR20{margin-right:20px;}
.marR30{margin-right:30px;}
.marR40{margin-right:40px;}
.marR50{margin-right:50px;}


/* container
-------------------------------------------------- */

#container {
	width: 960px;
	margin: 0 auto;
	text-align: center;
}

/* #header
-------------------------------------------------- */
#header {
	width: 960px;
	font-size: 0.9em;
}

#header .sub {
	background: #000;
	color: #fff;
	overflow: hidden;
	_zoom: 1;
}

#header .sub h1 {
	float: left;
	padding: 3px 20px;
	font-size: 0.9em;
}

#header .sub ul {
	padding: 3px 0;
}

#header .sub li {
	float: right;
	padding-right: 20px;
}

#header li.guide {
	padding-left: 14px;
	background: url("../img/system/header/header_icon_guide.jpg") no-repeat left 0.2em;
}

#header .sub a:link {color: #fff;}
#header .sub a:visited {color: #fff;}
#header .sub a:hover {color: #fff;}
#header .sub a:active {color: #fff;}

#header .main {
	padding-bottom: 11px;
	background: url("../img/system/header/bg_header.jpg") no-repeat;
	text-align: left;
	overflow: hidden;
	_zoom: 1;
}

#header .logo {
	float: left;
}

#header .banner {
	padding-top: 20px;
}

#header .banner li {
	float: left;
	margin-right: 8px;
}

#header .btn {
	float: right;
	padding-right: 20px;
}

#header .tel {
	float: right;
	padding-right: 10px;
}

#header form {
    position: relative;
    font-size: 12px;
}

#header .wordBox {
    position: absolute;
    top: 5px;
    left: 735px;
    display: inline-block;
    width: 160px;
    height: 20px;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    background: white url("../img/system/bg_search.gif") no-repeat 5px 0px;
    border: none;
}

#header .submit {
    position: absolute;
    top: 5px;
    left: 895px;
    display: inline-block;
    width: 60px;
    height: 20px;
    margin: 0px;
    padding: 0px;
    background: url("../img/system/header/header_btn_search.gif") no-repeat 0px 0px;
    border: none;
    text-indent: -9999px;
    cursor: pointer;
}

#globalNavi {
	background: url("../img/system/header/bg_gnavi.gif") no-repeat;
	overflow: hidden;
	_zoom: 1;
}

#globalNavi li {
	float: left;
}

#globalNavi a {
	display: block;
	width: 74px;
	height: 51px;
}

#globalNavi a.w72 {width: 72px;}
#globalNavi a.w73 {width: 73px;}
#globalNavi a.w75 {width: 75px;}
#globalNavi a.w76 {width: 76px;}

#breadList {
	margin: -5px 0 10px 0;
	font-size: 0.9em;
	line-height: 1.1;
	overflow: hidden;
	_zoom: 1;
}

#breadList dt {
	float: left;
}

#breadList dd {
	float: left;
	padding-left: 13px;
	background: url("../img/system/img_breadlist.gif") no-repeat 5px center;
}

#breadList a:link {color: #00f;}
#breadList a:visited {color: #00f;}
#breadList a:hover {color: #f00;}
#breadList a:active {color: #f00;}


#keyWordArea {
	width: 960px;
	height: 30px;
	text-align: left;
	margin-bottom: 10px;
	display: block;
}

#keyWordArea #searchBox {
	float: right;
	background: #bd0000;
	margin: 0;
	padding: 0;
}
#keyWordArea #searchBox #searchText {
	position: absolute;
	top: 0;
	left: -392px;
	display: inline-block;
	width: 370px;
	height: 28px;
	margin: 0px;
	padding: 0px 0px 0px 20px;
	background: white url("https://www.rakuten.ne.jp/gold/kaguno1/img/system/bg_search.gif") no-repeat 5px 3px;
	border: 1px solid #bd0000;
}
#keyWordArea #searchBox #searchBtn {
	padding: 2px 6px;
	background: #bd0000;
}


/* #contents
-------------------------------------------------- */

#contents {
	margin-bottom: 30px;
	text-align: center;
	overflow: hidden;
	_zoom: 1;
}

/* #sideArea
-------------------------------------------------- */
#sideArea {
	float: left;
	width: 200px;

}



/* #mainArea
-------------------------------------------------- */

#mainArea {
	float: right;
	width: 740px;
	margin-left:20px;
}

/* パンくず
-------------------------------------------------- */
.breadcrumbs_list{
	text-align:left;
}





/* relatedItems
-------------------------------------------------- */

#relatedItems {
	padding-bottom: 20px;
}

#relatedItems p {
	padding: 10px 0 20px 0;
}

#relatedItems .relatedItemsInner {
	overflow: hidden;
	_zoom: 1;
}

#relatedItems .relatedItemsInner dl {
	float: left;
	width: 165px;
	margin-bottom: 10px;
	padding: 0 10px;
	text-align: center;
}

#relatedItems .relatedItemsInner dt {
	margin-bottom: 10px;
}

#relatedItems .relatedItemsInner dd {
	font-weight: bold;
}

#relatedItems .relatedItemsInner dd.price {
	color: #f00;
}


/* 検索BOX
-------------------------------------------------- */


#keyWordArea2 {
	width: 960px;
	background: url("http://www.rakuten.ne.jp/gold/kaguno1/common2/images/header_bg.gif") repeat;
	height: 28px;
	text-align: left;
	margin-bottom:10px;
	margin-top:0px;
	overflow:hidden;
	padding-bottom:1px;
	padding-top:2px;
}

#searchBox2 {
	float: right;
	width:200px;
	background: #fff;
	margin: 0;
	padding: 0;
	vertical-align:center;
	height:36px;
}

#searchBox2 #searchText2 {
	position: absolute;
	width:180PX;
	display: inline-block;
	height: 25px;
	margin: 0px;
	padding: 0px 0px 0px 20px;
	background: white url("https://www.rakuten.ne.jp/gold/kaguno1/img/system/bg_search.gif") no-repeat 5px 1px;
	border: 1px solid #666;
	line-height:20px;
}

#searchBox2 #searchBtn2 {
	position: absolute;
	margin-left:145px;
	padding: 0px 0px;
	display: inline-block;
	background: #fff;
	height:25px;
	width:54px;
}



/* --------------------------------------------------
	new header
-------------------------------------------------- */

#new_header {
	width: 960px;
	margin-top:20px;
	margin-bottom:15px;
}

#new_header ul {
text-align: center;
}

#new_header li {
	font-size:95%;
	font-weight:normal;
	color:#666;
	margin-left:8px;
	margin-right:8px;
	display: -moz-inline-box;
    display: inline-block;
    /display: inline;
	line-height:0;
}

#new_header li a{
	line-height:normal;
	zoom: 1;
}


/* ご利用ガイドアイコン */
.guide_icon1b{
padding-left:23px;/*背景分字下げする*/
background:url(https://image.rakuten.co.jp/kaguno1/cabinet/740new_banner/header_parts/menu/ico_wakaba1.gif) no-repeat 9px 50%;
}

/* 店舗情報アイコン */
.guide_icon2b{
padding-left:25px;/*背景分字下げする*/
background:url(https://image.rakuten.co.jp/kaguno1/cabinet/740new_banner/header_parts/menu/ico_home5b_3.gif) no-repeat 9px 50%;
}

/* お支払いについてアイコン */
.guide_icon3b{
padding-left:31px;/*背景分字下げする*/
background:url(https://image.rakuten.co.jp/kaguno1/cabinet/740new_banner/header_parts/menu/ico_money1_6.gif) no-repeat 9px 50%;
}

/* 配送・送料についてアイコン */
.guide_icon4b{
padding-left:28px;/*背景分字下げする*/
background:url(https://image.rakuten.co.jp/kaguno1/cabinet/740new_banner/header_parts/menu/ico_truck2_3.gif) no-repeat 9px 50%;
}

/* 返品キャンセル保証についてアイコン */
.guide_icon5b{
padding-left:27px;/*背景分字下げする*/
background:url(https://image.rakuten.co.jp/kaguno1/cabinet/740new_banner/header_parts/menu/ico_cau.gif) no-repeat 9px 50%;
}

/* メルマガアイコン */
.guide_icon6b{
padding-left:29px;/*背景分字下げする*/
background:url(https://image.rakuten.co.jp/kaguno1/cabinet/740new_banner/header_parts/menu/ico_mail.gif) no-repeat 9px 50%;
}

/* --------------------------------------------------
	new footer
-------------------------------------------------- */

#new_foorer {
	width: 938px;
	background-color:#fff;
	padding:30px;
	border-top:solid 1px #dedede;
	margin-top:15px;
	margin-left:-15px;
}


#new_foorer h4 {
    font-size: 100%;
	font-weight:bold;
	color:#666;
	line-height:1.7;
	margin-bottom:3px;
}

#new_foorer p {
    font-size: 0.9em;
	font-weight:normal;
	color:#666;
	line-height:1.7;
}


/* -----gold index用--------*/
#new_foorer2 {
	width: 938px;
	background-color:#fff;
	padding:30px;
	border-top:solid 1px #dedede;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	text-align:left;
}

#new_foorer2 h4 {
    font-size: 100%;
	font-weight:bold;
	color:#666;
	line-height:1.7;
	margin-bottom:3px;
}

#new_foorer2 p {
    font-size: 0.9em;
	font-weight:normal;
	color:#666;
	line-height:1.7;
}


/***********************
   縦帯バナー設定
************************/

/* right fixd */
* html body {
	background: url(null) fixed;
}


* html div#tateobi_leftArea {
	position:absolute !important;
	top: expression((documentElement.scrollTop || document.body.scrollTop));
	left: 0px;
}

* html div#tateobi_rightArea {
	position:absolute !important;
	top: expression((documentElement.scrollTop || document.body.scrollTop));
	right: 0px;
}

div#tateobi_rightArea {
	width: 80px;
	height: 1300px;
	position: fixed;
	top: 0px;
	right: 0px;
	display:block;
}



div#tateobi_leftArea {
	width: 80px;
	height: 1300px;
	position: fixed;
	top: 0px;
	left: 0px;
	display:block;
}


/*iPad対応→横1220px以下のモニタは縦バナー無効(IE以外)*/
 @media screen and (max-width: 1220px) {
 #tateobi_rightArea,  #tateobi_leftArea {
	visibility: hidden;
}
}


/***********************
  保証・返品等
************************/

#info h3 {
    font-size: 150%;
	margin-bottom:10px;
	vertical-align:middle;
	background:#eee;  
    border-left:7px solid #333;  
    padding:.6em .7em;
	color:#000;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
}

#info p {
    font-size: 125%;
	line-height:2;
	color:#000;
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

#info span {
    font-size: 125%;
	line-height:2;
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

#info h5 {
    font-size: 125%;
	font-weight:normal;
	line-height:2;
	color:#fff;
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

#info table {
    margin: 0px;
	width:auto;
	margin-bottom:15px;
	margin-top:5px;
}

#info table th {
    padding: 20px;
    border: 1px #999999 solid;
    background-color: #dddddd;
    text-align: center;
}

#info table td {
    padding: 20px;
    border: 1px #999999 solid;
}


#info a {
	outline: none;
}

#info a:link {
	text-decoration:none;
}

#info a:visited {
	text-decoration: none;
}

#info a:hover {
	color:#ff4700;
	text-decoration: none;
}

#info a:active {
	text-decoration: none;

}


/***********************
  2段ベッドマットレスiframe高さ
************************/
#cat-bed-option-a {
	height:68px;
}