/*
Theme Name: ondrecords
Theme URI: http://ondrecords.blogspot.jp/
Description: ondrecords was made
*/


*{
margin:0;
padding:0;
font-size:100%;
list-style:none;
}

body{
font-size:75%;
font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
color:#666666;
line-height:1.5;
text-align:center;
background: url(img/bg_base.gif) top left;
letter-spacing:1px;
}

#wrapper{
width:900px;
margin:0 auto;
text-align:left;
}

h1 a{
display:block;
overflow:hidden;
padding-top:125px;
height:0 !important;
height /**/:125px;
width:160px;
background:url(img/logo.gif) top left no-repeat;
}

h1.nextPage a{
display:block;
overflow:hidden;
padding-top:150px;
height:0 !important;
height /**/:150px;
width:160px;
background:url(img/logo.png) left 0 no-repeat;
}

h1.nextPage a:hover{
background:url(img/logo.png) left -150px no-repeat;
}

h2{
font-size:110%;
}

h3{
font-weight:bold;
font-size:120%;
}

img{
border:none;
vertical-align:bottom;
}

a{
color:#779e31;
}

a:hover{
color:#FF6699;
}

a.markon{
padding:5px 0 5px 17px;
background:url(img/btn-mark.gif) left center no-repeat;
}

p{
margin:10px 0;
}

.mt10{
margin-top:10px;
}

.mt20{
margin-top:20px;
}

.mt30{
margin-top:30px;
}

.mt40{
margin-top:40px;
}

.mb10{
margin-bottom:10px;
}

.mb20{
margin-bottom:20px;
}

.mb40{
margin-bottom:40px;
}

#header{
width:100%;
position:relative;
height:140px;
background-image:url(img/bg_header.gif);
background-position:right 10px;
background-repeat:no-repeat;
}

#header #logo{
position:absolute;
top:30px;
left:0;
}

#header #info{
position:absolute;
top:0;
right:0;
border-top: 5px solid #000000;
padding-top:5px;
width:700px;
text-align:right;
font-size:85%;
}

#header #info h3{
font-weight:bold;
margin-bottom:10px;
}

#header #navi{
position:absolute;
top:105px;
right:0;
}

#header #navi ul{
list-style:none;
margin:0;
padding:0;
}

#header #navi ul li{
float:left;
}

#header #navi ul li a{
overflow:hidden;
display:block;
padding-top:46px;
height:0 !important;
height /**/:46px;
}

#header #navi ul li.arare a{
width:180px;
background:url(img/navi01.png) left 0 no-repeat;
margin-right:24px;
}

#header #navi ul li.arare a:hover{
background:url(img/navi01.png) left -46px no-repeat;
}

#header #navi ul li.letter a{
width:139px;
background:url(img/navi02.png) left 0 no-repeat;
margin-right:24px;
}

#header #navi ul li.letter a:hover{
background:url(img/navi02.png) left -46px no-repeat;
}

#header #navi ul li.online a{
width:151px;
background:url(img/navi03.png) left 0 no-repeat;
margin-right:24px;
}

#header #navi ul li.online a:hover{
background:url(img/navi03.png) left -46px no-repeat;
}

#header #navi ul li.shopinfo a{
width:149px;
background:url(img/navi04.png) left 0 no-repeat;
}

#header #navi ul li.shopinfo a:hover{
background:url(img/navi04.png) left -46px no-repeat;
}


#footer{
clear:both;
width:100%;
color:#FFFFFF;
background:#000000;
padding:20px 0 10px;
}

#footer ul{
list-style:none;
margin:0 auto 10px;
padding:0 0 20px;
}

#footer ul li{
display:inline;
}

#footer ul li a{
text-align:center;
text-decoration:none;
padding:5px 20px;
color:#FFCCFF;
border-right:1px solid #666666;
}

#footer ul li a#toHome{
text-align:center;
text-decoration:none;
padding:5px 20px;
color:#FFCCFF;
border-right:1px solid #666666;
border-left:1px solid #666666;
}

#footer ul li a:hover{
color:#66CC99;
}

#footer ul li a#toHome:hover{
color:#66CC99;
}

#footer p{
clear:both;
margin:10px auto;
}



/* topレイアウト */

#content{
width:100%;
margin:30px 0;
}

#primary{
width:700px;
float:right;
background:url(img/bg_content.gif) bottom right no-repeat;
overflow:auto !important;
overflow /**/:hidden;
padding-bottom:80px;
margin-bottom:30px;
}

#primary #subcontent{
width:100%;
margin:0 0 10px;
}

#primary #subcontent #left{
float:left;
width:350px;
margin-bottom:40px;
}

#primary #subcontent #right{
float:right;
width:350px;
margin-bottom:40px;
}

#primary #subcontent .addbg{
width:330px;
margin:40px 0 0 10px;
padding:0;
}

#primary #linkarea{
clear:both;
border-top:1px solid #CCCCCC;
margin:0;
padding:20px 10px 0;
}

#primary #linkarea h4{
font-weight:bold;
padding:20px 0 10px;
}

#primary #linkarea li{
list-style:none;
display:inline;
padding:0 20px 5px 0;
}

#primary a.arareimgbtn{
display:block;
height:0 !important;
height/**/:93px;
overflow:hidden;
width:330px;
background:#FFFFFF url(img/arare_imagebtn.jpg) left top no-repeat;
padding-top:93px;
}

#primary a.arareimgbtn:hover{
background:#FFFFFF url(img/arare_imagebtn.jpg) left -93px no-repeat;
}

#primary a.letterimgbtn{
display:block;
height:0 !important;
height/**/:93px;
overflow:hidden;
width:330px;
background:#FFFFFF url(img/letter_imagebtn.jpg) left top no-repeat;
padding-top:93px;
}

#primary a.letterimgbtn:hover{
background:#FFFFFF url(img/letter_imagebtn.jpg) left -93px no-repeat;
}


#secondary{
width:180px;
float:left;
padding-bottom:20px;
}

#secondary #sakuraimage{
margin:0 0 20px 20px;
height:300px;
}

#secondary #shopinfo{
margin:0 0 30px 0;
}

#secondary a.sideOnline{
overflow:hidden;
display:block;
height:0 !important;
height /**/:177px;
padding-top:177px;
width:160px;
background:url(img/gift.gif) 0 0 no-repeat;
margin:30px 0 30px 0;
}

#secondary a.mail{
overflow:hidden;
display:block;
height:0 !important;
height /**/:50px;
padding-top:50px;
background:url(img/mail_btn.gif) 0 0 no-repeat;
}

#secondary a.mail:hover{
background:url(img/mail_btn.gif) 0 -50px no-repeat;
}


/* その他のページレイアウト */

#subjectImage{
margin:20px 0 0;
}

#subjecttext{
margin:20px 0 0;
padding-left:10px;
}

#subjecttext h2{
margin-bottom:5px;
}

#subjecttext p.arare{
width:500px;
margin-top:15px;
}


#subjecttext img.arare{
float:right;
padding-bottom:30px;
padding-right:10px;
}

#subjecttext p.letter{
width:400px;
margin-top:15px;
}

#subjecttext img.letter{
float:right;
padding-bottom:30px;
padding-right:10px;
}

div.contentBox{
padding:40px 0 0;
clear:both;
}

div.contentBox img.itemtitle{
margin:0 0 20px 0;
}

div.contentBox img.ararespacetitle{
margin:0 0 30px 0;
}

div.contentBox img.ararespace{
float:right;
}

div.contentBox h2.ararespacetitle{
margin:0 0 5px 0;
}

div.contentBox p.ararespace{
width:350px;
}



div.contentBox h2.letterspacetitle{
margin:0 0 5px 0;
}

div.contentBox img.letterspacetitle{
margin:0 0 30px 0;
}

div.contentBox img.letterspace{
float:right;
}

div.contentBox img.item{
margin:0 10px 10px 0;
}

div.contentBox img.item2{
margin:0 0 10px 0;
}

div.contentBox p.letterspace{
width:400px;
margin-top:15px;
}


div.contentBox ul{
margin-left:0;
}


div.contentBox ul li{
float:left;
width:220px;
margin-right:10px;
text-align:left;
margin-bottom:20px;
}

div.contentBox ul li dl{
border-top:1px solid #CCCCCC;
margin:15px auto 0;
width:90%;
}

div.contentBox ul li dt{
border-bottom:1px solid #CCCCCC;
margin:5px 0;
}

div.contentBox ul li dd{
border-bottom:1px solid #CCCCCC;
margin:5px 0;
}


div.contentBox dl.sitemap{
margin:40px 0 100px 40px;
width:610px;
}

div.contentBox dl.sitemap dt{
margin:0 0 30px 0;
float:left;
width:14em;
clear:left;
padding-bottom:5px;
padding-left:20px;
}

div.contentBox dl.sitemap dd{
padding-top:10px;
padding-left:14em;
margin:0 0 30px 0;
padding-bottom:5px;
background:url(img/tensen.gif) left bottom repeat-x;
}

#primary #subcontent .addbg dl{
width:95%;
}

#primary #subcontent .addbg dt{
float:left;
width:10em;
margin-bottom:20px;
clear:left;
padding-left:10px;
}

#primary #subcontent .addbg dd{
padding-left:10em;
margin-bottom:20px;
padding-bottom:5px;
background:url(img/tensen.gif) left bottom repeat-x;
}

div.close{
margin:5px  0;
}

div.close a{
display:block;
margin:0 auto;
width:80px;
padding-top:40px;
height:0 !important;
height /**/:40px;
overflow:hidden;
background:url(img/closebtn.gif) left 0 no-repeat;
}

div.close a:hover{
background:url(img/closebtn.gif) left -40px no-repeat;
}


div #mail{
margin:20px 0 100px;
}

div #mail table{
margin:0 0 20px 10px;
border:none;
}

div #mail table td{
padding:7px 10px;
}

div #mail table td.textright{
text-align:right;
vertical-align:top;
width:135px;
}


div #mail table.submit{
margin:0 0 0 0;
border:none;
}

div#submit{
margin:0 0 0 175px;
}

.formtype{
background:#eeeeee;
border:#cccccc 1px solid;
}

div #mailwrapper{
margin:10px 0 0;
}




#primary h2#arare{
overflow:hidden;
padding-top:22px;
height: 0!important;
height /**/:22px
width:700px;
background:url(img/h2Arare.png) top left no-repeat;
}

#primary h2#letter{
overflow:hidden;
padding-top:22px;
height: 0!important;
height /**/:22px
width:700px;
background:url(img/h2Letter.png) top left no-repeat;
}

#primary h2#online{
overflow:hidden;
padding-top:22px;
height: 0!important;
height /**/:22px
width:700px;
background:url(img/h2Online.png) top left no-repeat;
}

#primary h2#shopinfo{
overflow:hidden;
padding-top:22px;
height: 0!important;
height /**/:22px
width:700px;
background:url(img/h2Shopinfo.png) top left no-repeat;
}

#primary h2#inqury{
overflow:hidden;
padding-top:22px;
height: 0!important;
height /**/:22px
width:700px;
background:url(img/h2Inqury.png) top left no-repeat;
}

#primary h2#error{
overflow:hidden;
padding-top:22px;
height: 0!important;
height /**/:22px
width:700px;
background:url(img/h2Error.png) top left no-repeat;
}

#primary h2#news{
overflow:hidden;
padding-top:22px;
height: 0!important;
height /**/:22px
width:700px;
background:url(img/h2News.png) top left no-repeat;
}

#primary h2#season{
overflow:hidden;
padding-top:22px;
height: 0!important;
height /**/:22px
width:700px;
background:url(img/h2Season.png) top left no-repeat;
}

#primary h2#link{
overflow:hidden;
padding-top:22px;
height: 0!important;
height /**/:22px
width:700px;
background:url(img/h2Link.png) top left no-repeat;
}

#primary h2#media{
overflow:hidden;
padding-top:22px;
height: 0!important;
height /**/:22px
width:700px;
background:url(img/media_title.png) top left no-repeat;
}

div#toNewsBtn {
clear:both;
padding:20px 0 0;
text-align:center;
}

div#toNewsBtn a{
display:block;
overflow:hidden;
width:384px;
height:0 !important;
height /**/:44px;
padding-top:44px;
width:384px;
background:url(img/toNewsBtn.png) top left no-repeat;
margin:0 auto;
}

div#toNewsBtn a:hover{
background:url(img/toNewsBtn.png) bottom left no-repeat;
}


div#toSeasonBtn {
clear:both;
padding:40px 0 0;
text-align:center;
}

div#toSeasonBtn a{
display:block;
overflow:hidden;
width:384px;
height:0 !important;
height /**/:44px;
padding-top:44px;
width:384px;
background:url(img/toSeasonPage.png) top left no-repeat;
margin:0 auto;
}

div#toSeasonBtn a:hover{
background:url(img/toSeasonPage.png) bottom left no-repeat;
}


#contentArea{
padding:10px 0 40px;
margin:0;
width:100%;
}

ul#itemList{
margin:20px 50px;
clear:both;
}

ul#itemList li{
float:left;
width:200px;
margin-bottom:40px;
text-align:center;
}

ul#itemList2{
margin:20px 75px;
clear:both;
}

ul#itemList2 li{
width:100%;
margin-bottom:40px;
text-align:center;
}



div#boxImage img{
}

#pagenavi{
margin-top:60px;
}

#oedoNews{
margin:15px 0 0;
}

#oedoNews .newsBox{
padding:20px 20px 0;
clear:both;
}

#oedoNews .newsImage{
float:left;
width:140px;
}

#oedoNews .newsText{
float:right;
width:520px;
background:url(img/newsTextBg.png) bottom right no-repeat;
}

.newsText h3{ font-weight:bold;}

#oedoNews .newsText p{
margin:10px 0;
}


#oedoNewsNext{
margin:0 0 20px;
}

#oedoNewsNext .newsBox{
padding:20px 20px 0;
clear:both;
}

#oedoNewsNext .newsImage{
float:left;
width:140px;
}

#oedoNewsNext .newsText{
float:right;
width:520px;
}

#oedoNewsNext .newsText p{
margin:10px 0;
}

#nextContentArea{
margin:40px 0 0;
}

#nextContentArea p{
margin:10px 0;
}

div #pageContent{
margin:20px 20px 0;
}

div #onlineMenu{
margin:20px 30px 0;
}

div #onlineMenu ul{
}

div #onlineMenu ul li{
float:right;
width:160px;
}

div #onlineMenu ul li a{
display:block;
overflow:hidden;
padding-top:34px;
height:0 !important;
height /**/:34px;
margin-bottom:20px;
}

div #onlineMenu ul li a#feeBtn{
background:url(img/onlineMenuBtn.png) 0 0 no-repeat;
}

div #onlineMenu ul li a#feeBtn:hover{
background:url(img/onlineMenuBtn.png) 0 -34px no-repeat;
}


div #onlineMenu ul li a#postageBtn{
background:url(img/onlineMenuBtn.png) -160px 0 no-repeat;
}

div #onlineMenu ul li a#postageBtn:hover{
background:url(img/onlineMenuBtn.png) -160px -34px no-repeat;
}

div #onlineMenu ul li a#cancelBtn{
background:url(img/onlineMenuBtn.png) -320px 0 no-repeat;
}

div #onlineMenu ul li a#cancelBtn:hover{
background:url(img/onlineMenuBtn.png) -320px -34px no-repeat;
}

div #onlineMenu ul li a#cartBtn{
background:url(img/onlineMenuBtn.png) -480px 0 no-repeat;
}

div #onlineMenu ul li a#cartBtn:hover{
background:url(img/onlineMenuBtn.png) -480px -34px no-repeat;
}

.seasonBox{
margin:0 30px 80px;
}

.seasonBox h3{
margin:0 0 20px -20px;
}

ul#linkList{
margin-bottom:40px;
}

ul#linkList li{
margin-bottom:10px;
}

ul#linkList li a{
display:block;
}

#noPostageArea{
clear:both;
text-align:center;
}

#noPostageArea img{
margin:0 auto 40px;
}

table.typeA {
margin:20px 0 40px;
border-top:1px solid #aaa;
border-left:1px solid #aaa;
width:100%;
}

table.typeA td{
border-bottom:1px solid #aaa;
border-right:1px solid #aaa;
padding:10px 10px 20px;
}

table.typeA td.tleft{
width:35%;
background-color:#f5efc3;
}

table.typeB {
margin:20px 0 40px;
border-top:1px solid #aaa;
border-left:1px solid #aaa;
width:100%;
}

table.typeB td{
border-bottom:1px solid #aaa;
border-right:1px solid #aaa;
padding:10px 10px 20px;
}

table.typeB td.tleft{
width:30%;
}

table.typeC {
margin:20px 0 40px;
border-top:1px solid #aaa;
border-left:1px solid #aaa;
width:100%;
}

table.typeC td{
border-bottom:1px solid #aaa;
border-right:1px solid #aaa;
padding:10px 10px 20px;
}

table.typeC td.tleft{
width:20%;
}

table.typeC td.tcenter{
width:30%;
}

#backOnline a{
display:block;
overflow:hidden;
width:384px;
height:0 !important;
height /**/:44px;
padding-top:44px;
width:384px;
background:url(img/backOnline.png) top left no-repeat;
margin:0 auto;
}

#backOnline a:hover{
background:url(img/backOnline.png) bottom left no-repeat;
}

p.arareEx{
font-size:90%;
margin: 5px 10px 0;
text-align:center;
width:150px;
}


div.contentOnlineBox{
padding:40px 0 0;
}

div.contentOnlineBox ul{
margin-left:10px;
}

div.contentOnlineBox ul li{
float:left;
width:200px;
margin-right:10px;
text-align:left;
margin-bottom:20px;
}

.onHead{
background:url(img/titleHead.png) center left no-repeat;
padding-left:18px;
}

table.post{
width:100%;
border-right:1px solid #ccc;
border-top:1px solid #ccc;
margin:20px 0 40px;
}

table.post td{
padding:5px 10px;
border-left:1px solid #ccc;
border-bottom:1px solid #ccc;
vertical-align:top;
}

table.post td.left{
width:30%;
}



a#toCat21{
display:block;
overflow:hidden;
background:url(img/cat3-towelItem.png) 0 0 no-repeat;
width:600px;
height:0 !important;
height /**/:188px;
padding-top:188px;
margin:0 auto;
}

a#toCat21:hover{
background:url(img/cat3-towelItem.png) 0 -188px no-repeat;
}




a#toCat18{
display:block;
overflow:hidden;
background:url(img/cat3-giftItem.png) 0 0 no-repeat;
width:600px;
height:0 !important;
height /**/:188px;
padding-top:188px;
margin:0 auto;
}

a#toCat18:hover{
background:url(img/cat3-giftItem.png) 0 -188px no-repeat;
}

a#toCat16{
display:block;
overflow:hidden;
background:url(img/cat3-oneItem.png) 0 0 no-repeat;
width:600px;
height:0 !important;
height /**/:188px;
padding-top:188px;
margin:0 auto;
}

a#toCat16:hover{
background:url(img/cat3-oneItem.png) 0 -188px no-repeat;
}

#mainSlide{ height:620px; height:320px; position:relative; width:700px;}
#mainSlide img{position:absolute;}
#mainSlide img#slidecontent1{display:none;}
.use1{position:absolute; top:410px; left:20px; z-index:1000; width:230px; height:160px; overflow:hidden; display:block;}
.use2{position:absolute; top:410px; left:280px; z-index:1001; width:186px; height:170px;  overflow:hidden; display:block;}
.use3{position:absolute; top:410px; left:470px; z-index:1002; width:215px; height:175px;  overflow:hidden; display:block;}

ol#naturare{}
ol#naturare li{list-style-type: decimal; margin-bottom:10px;margin-left:20px;}

.mediaBox{ margin-left:30px; margin-bottom:40px; margin-top:40px;}
.mediaBox h3{ font-weight:bold; margin:0 0 10px;}

#monaka{
margin:20px 0 60px; width:697px; height:546px; background:url(img/monaka130406bg.png) 0 0 no-repeat;
}

#monakabtn a{}

#lawWrapper{padding-top:40px;}
#lawWrapper h3{ margin-bottom:10px;}
#lawWrapper table{border-top:1px solid #bababa;border-left:1px solid #bababa;}
#lawWrapper table td{border-right:1px solid #bababa;border-bottom:1px solid #bababa; padding: 10px;}
td.lawleft{width:30%;}

ul#boxWashcloth li{ width:100px; float:left; text-align:center; margin-bottom:20px;}


/* ページネーション */
#pagenationWrapper{position:relative; text-align:center; letter-spacing:0; clear:both;}
#pagenation{margin-top:0; margin-bottom:0; padding-top:50px;}
#pagenation a#toPageBackOne{padding:10px 15px; color:#fff;background:none;}
#pagenation a{ border:1px solid #f48085; background:#f2c9cd; padding:9px 14px; color:#f48085; text-decoration:none;}
#pagenation a:hover{ background:#f48085; color:#fff;}
#pagenation span{border:1px solid #f48085; padding:9px 14px; color:#f48085; background:#fff;}

#pagenationBack{position:absolute; top:40px; left:0;}
#pagenationBack a{ border:1px solid #f48085; background:#f2c9cd; padding:9px 14px; color:#f48085; text-decoration:none;}
#pagenationBack a:hover{ background:#f48085; color:#fff;}
#pagenationNext{position:absolute; top:40px; right:0;}
#pagenationNext a{ border:1px solid #f48085; background:#f2c9cd; padding:9px 14px; color:#f48085; text-decoration:none;}
#pagenationNext a:hover{ background:#f48085; color:#fff;}

.newFontSize{ font-size:120%; line-height: 1.7;}
.wpcf7-response-output{padding:20px 0;}

#nextContentArea p.productDetailText{ margin:20px 20px 10px; font-size:100%;}
#mail input[type="text"]{ border:1px solid #ccc; padding:0.5rem 1rem;}
#mail input[type="email"]{ border:1px solid #ccc; padding:0.5rem 1rem;}
#mail textarea{ border:1px solid #ccc; padding:1rem;}

div.usccart_navi li.usccart_cart {
	background-image: url(../images/cart_navi_bg1.jpg);
	background-repeat: repeat-x;
}
div.usccart_navi li.usccart_customer {
	background-image: url(../images/cart_navi_bg2.jpg);
	background-repeat: repeat-x;
}
div.usccart_navi li.usccart_delivery {
	background-image: url(../images/cart_navi_bg3.jpg);
	background-repeat: repeat-x;
}
div.usccart_navi li.usccart_confirm {
	background-image: url(../images/cart_navi_bg4.jpg);
	background-repeat: repeat-x;
}

#sundayWrapper{ padding:1.5rem 2rem 1rem; border:solid 1px #ccc; box-sizing:border-box; background:#fff8ef;}
#sundayWrapper h3{ font-size:160%; margin-bottom:1rem;}
#sundayWrapper p{ font-size:115%;}

#deliInfo{ padding:0; margin-bottom:2rem; text-align:center;}
#deliInfo h3{ color:#ff0000; display:inline-block; background:#ff0000; color:#fff; padding:0.5rem 1rem;}