@charset "Shift_JIS";
html {background: #ffa000 url(../images/bg_main.jpg) top center repeat-x; color:#555; margin-top:40px;}



/*
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
header
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
*/

#header {clear:both; float:left; width: 100%; height:490px; margin: 0 auto; background: transparent url(../images/bg_head_2016.jpg) bottom center no-repeat;}

/*
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
headline
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
*/

#headline {width:900px; margin: 0 auto; text-align:left; padding-top:5px;}

/*
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
All Pages
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
*/
#wrap {width: 900px; margin: 0 auto; text-align: left;}

/*
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
catch
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
*/

#catch {clear:both; position:absolute; width: 100%; margin: 15px auto;}
/*#catch {position:relative\9; margin-top: -485px\9;}*/
.logo {float:left; width:294px; height:180px; /*border:#000 1px solid;*/}
.add1 {float:left; width:460px; margin:-10px 0 0px 120px; vertical-align:text-middle; /*border:#000 1px solid;*/}
.add2 {float:left; width:220px; margin:10px 0 0 10px; border:#000 1px solid;}
.contact {float:left; width:198px; height:60px; margin:20px 0 0 30px; /*border:#000 1px solid;*/}
.contact a{display:block; width:198px; height:60px; background: transparent url(../images/bt_contact.jpg) 0 -60px no-repeat; /*border:#000 1px solid;*/}
.contact a:hover{width:198px; height:60px; background: transparent url(../images/bt_contact.jpg) 0 0 no-repeat;}
/*
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
menu
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
*/

#menu {clear:both; position:absolute; width: 900px; margin: 200px auto;}
/*#menu {position:relative\9; margin-top: 0px\9; margin-bottom:100px\9;}*/

#menu li{float:left;}
.menu01 a, .menu02 a, .menu03 a, .menu04 a, .menu05 a, .menu06 a, .menu07 a, .menu08 a{display:block; height:90px;}
.menu01 a{width:187px; background: transparent url(../images/menu.png) 0 0 no-repeat; margin:80px 0 0 11px;}
.menu02 a{width:187px; background: transparent url(../images/menu.png) -197px 0  no-repeat; margin:40px 0 0 11px;}
.menu03 a{width:187px; background: transparent url(../images/menu.png) -394px 0 no-repeat; margin:-20px 0 0 -21px;}
.menu04 a{width:187px; background: transparent url(../images/menu.png) -591px 0 no-repeat; margin:-90px 0 0 -61px;}
.menu05 a{width:187px; background: transparent url(../images/menu.png) -788px 0 no-repeat; margin:-120px 0 0 111px;}
.menu06 a{width:187px; background: transparent url(../images/menu.png) -985px 0 no-repeat; margin:30px 0 0 -20px;}
.menu07 a{width:187px; background: transparent url(../images/menu.png) -1182px 0 no-repeat; margin:-20px 0 0 20px;}
.menu08 a{width:187px; background: transparent url(../images/menu.png) -1379px 0 no-repeat; margin:-150px 0 0 55px;}

.menu01 a:hover{width:187px; background: transparent url(../images/menu.png) 0 -90px no-repeat;}
.menu02 a:hover{width:187px; background: transparent url(../images/menu.png) -197px -90px  no-repeat;}
.menu03 a:hover{width:187px; background: transparent url(../images/menu.png) -394px -90px no-repeat;}
.menu04 a:hover{width:187px; background: transparent url(../images/menu.png) -591px -90px no-repeat;}
.menu05 a:hover{width:187px; background: transparent url(../images/menu.png) -788px -90px no-repeat;}
.menu06 a:hover{width:187px; background: transparent url(../images/menu.png) -985px -90px no-repeat;}
.menu07 a:hover{width:187px; background: transparent url(../images/menu.png) -1182px -90px no-repeat;}
.menu08 a:hover{width:187px; background: transparent url(../images/menu.png) -1379px -90px no-repeat;}

.menu01on a, .menu02on a, .menu03on a, .menu04on a, .menu05on a, .menu06on a, .menu07on a, .menu08on a{display:block; height:90px;}
.menu01on a{width:187px; background: transparent url(../images/menu.png) 0 -90px no-repeat; margin:80px 0 0 11px;}
.menu02on a{width:187px; background: transparent url(../images/menu.png) -197px -90px no-repeat; margin:40px 0 0 11px;}
.menu03on a{width:187px; background: transparent url(../images/menu.png) -394px -90px no-repeat; margin:-20px 0 0 -21px;}
.menu04on a{width:187px; background: transparent url(../images/menu.png) -591px -90px no-repeat; margin:-90px 0 0 -61px;}
.menu05on a{width:187px; background: transparent url(../images/menu.png) -788px -90px no-repeat; margin:-120px 0 0 111px;}
.menu06on a{width:187px; background: transparent url(../images/menu.png) -985px -90px no-repeat; margin:30px 0 0 -20px;}
.menu07on a{width:187px; background: transparent url(../images/menu.png) -1182px -90px no-repeat; margin:-20px 0 0 20px;}
.menu08on a{width:187px; background: transparent url(../images/menu.png) -1379px -90px no-repeat; margin:-150px 0 0 55px;}

#submenu {clear:both; width: 100%; margin: 0 0 10px 0;}



/*
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
contents
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
*/

#contents {clear:both; float:left; width: 100%;}

/* 1カラム */
.campaign_base {clear:both; float:left; display:block; width: 892px; margin:20px 0 0 4px; padding-bottom:0; text-align:center;}
.column_base {clear:both; float:left; display:block; width: 892px; margin:20px 0 0 4px; background:#ffa000 url(../images/box_body.jpg) top center repeat-y; padding-bottom:0;}
.column_bottom {clear:both; float:left; display:block; width: 892px; margin:0 0 0 4px;}
.kei {clear:both; float:left; display:block; width: 892px; margin:20px 0 0 4px;}

.column1 {float:left; width: 800px; margin:-5px 0 15px 46px; padding-top:15px;}
.column1x {float:left; width: 850px; margin:0 0 20px 21px;}
form {float:left; width: 800px; margin:5px 0 0 46px;}

/* コンテンツ2　右広 */
.column2SL {float: left; width: 230px;}
.column2LR {float: right; width: 475px;}


/* 2カラムの幅広部分コンテンツのレイアウト */

/* コンテンツ1 */
.container_base0 {clear:both; float: left; width: 800px; margin:0 0 0 46px;}
.container_base {clear:both; float: left; width: 800px; margin:30px 0 0 46px;}

.container1 {float: left; width: 100%;}

/* コンテンツ2　等幅 */
.container2AL {float: left; width: 370px;}
.container2AR {float: right; width: 370px;}

/* コンテンツ2　左広 */
.container2LL {float: left; width: 475px;}
.container2SR {float: right; width: 230px;}

/* コンテンツ2　右広 */
.container2SL {float: left; width: 240px;}
.container2LR {float: right; width: 550px;}

/* コンテンツ3均等 */
.container3L{float: left; width: 240px;}
.container3C{float: left; width: 240px; margin: 0 10px 0 40px;}
.container3R{float: right; width: 240px;}

.container3Lx {float: left; width: 125px;}
.container3Cx {float: left; width: 615px; margin: 0 10px 0 10px;}
.container3Rx {float: right; width: 205px;}

/* コンテンツ4　等幅 */
.container4L {float: left; width: 168px; margin: 0 16px 0 0;}
.container4LC {float: left; width: 168px; margin: 0 16px 0 0;}
.container4RC {float: left; width: 168px; margin: 0 16px 0 0;}
.container4R {float: right; width: 168px;}

/* コンテンツ5　等幅 */
.container5L {float: left; width: 140px; margin: 0 5px 0 0;}
.container5LC {float: left; width: 140px; margin: 0 5px 0 0;}
.container5C {float: left; width: 140px; margin: 0 5px 0 0;}
.container5RC {float: left; width: 140px; margin: 0 5px 0 0;}
.container5R {float: right; width: 140px;}

/*
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
mat makura kids
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
*/
.centertext{ float:left; width:500px; margin:0 0 80px 175px;}
.tai01, .tai02, .tai03, .tai04{ float:left; width:850px; min-height:350px; margin:10px 0 20px 19px;}
.tai01{ background:#fff url(../images/obj_tiatsu01.jpg) 0 0 no-repeat;}
.tai02{ background:#fff url(../images/obj_tiatsu02.jpg) 0 0 no-repeat;}
.tai03{ background:#fff url(../images/obj_tiatsu03.jpg) 0 0 no-repeat;}
.tai04{ background:#fff url(../images/obj_tiatsu04.jpg) 0 0 no-repeat;}

.mak01, .mak02, .mak03{ float:left; width:850px; min-height:500px; margin:50px 0 20px 19px;}
.mak01{ background:#fff url(../images/obj_makura01.jpg) 0 0 no-repeat;}
.mak02{ background:#fff url(../images/obj_makura02-2023.jpg) 0 0 no-repeat;}
.mak03{ background:#fff url(../images/obj_makura03.jpg) 0 0 no-repeat; min-height:270px;}

.kid01, .kid02, .kid03{ float:left; width:850px; margin:50px 0 20px 19px;}
.kid01{ background:#fff url(../images/obj_kids_bdm01.jpg) 0 0 no-repeat; min-height:410px;}
.kid02{ background:#fff url(../images/obj_kids_bdm03.jpg) 0 0 no-repeat; min-height:330px;}
.kid03{ background:#fff url(../images/obj_kids_bdm05.jpg) 0 0 no-repeat; min-height:500px;}

.taitextL01, .taitextL02, .taitextR01, .taitextR02{ float:left; width:400px;}
.taitextL01{ margin:120px 0 0 30px;}
.taitextL02{ margin:130px 0 0 30px;}
.taitextR01{ margin:150px 0 0 370px;}
.taitextR02{ margin:170px 0 0 388px;}
.taitextL03{ float:left; width:250px; margin:20px 0 0 30px;}

.kidtextL01, .kidtextL02, .kidtextR01, .kidtextR02{ float:left; width:300px;}
.kidtextL01{ margin:100px 0 0 30px;}
.kidtextL02{ margin:150px 0 0 30px;}
.kidtextR01{ margin:100px 0 0 512px;}
.kidtextR02{ margin:170px 0 0 388px;}
.kidtextL03{ float:left; width:250px; margin:20px 0 0 30px;}

.makuraimage{ min-height:475px; background:#fff url(../images/obj_makura00.png) top center no-repeat; margin-left:19px;}

.bg_ozon { height:380px; background:#fff url(../images/obj_ozon.jpg) top right no-repeat;}


/*
********************************************************************************************************************************
form
********************************************************************************************************************************
*/

/*角まるボタン*/
.cssbt a {position:relative; width:100%; font-size:24px; font-weight:bold; text-decoration:none; display:block; text-align:center; padding:18px 0 20px; background-color:#924D16; color:#fff; border-radius:5px;}
.cssbt a:hover{ background-color:#Ffff; color:#924D16;}

.cssbtor a {position:relative; width:100%; font-size:24px; font-weight:bold; text-decoration:none; display:block; text-align:center; padding:18px 0 20px; background-color:#f6bf00; border-radius:5px; color:#00483a;}
.cssbtor a:hover{ background-color:#00483a; color:#f6bf00;}
/*
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
overview
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
*/

.overview_base {clear:both; width:735px; padding-top: 30px;}
.overview_box {float: left; width:735px; border-bottom: #212121 dotted 1px; padding: 15px 0;}
.overview_boxL {float: left; width:130px; margin-left: 20px; text-align: left;}
.overview_boxR {float: right; width:565px; margin-right: 5px;}

/*
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
instagram
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
*/
#Instabase { padding:0 0; }
.instagrambox{}
.instagram-image { float:left; width:33%; margin:1px; height:400px;}
.instagram-image img {width:100%;}
.instagram-caption {float:left; margin-top:10px;}

/*
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
footer link
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
*/

#footerLink {clear: both; width: 100%; margin: 30px 0 0 0; padding: 5px 0 0 0;}
.footer_list {float: left; width:150px; padding: 5px 0; background: #fff url(../images/icn_link.gif) 0% 50% no-repeat; padding-left: 20px;}
.footer_list a:hover {background-color: #ffd599;}

/*
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
footer
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
*/

#footer {clear: both; position: relative; float: left; width: 100%; margin: 30px 0 0 0; padding: 5px 0 0 0;}

/*
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
adjust
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
*/

/*kadomaru*/
.kadomaru_all {border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;}
.kadomaru_under {  
/*-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 20px;*/
-webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
/*-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 20px;*/
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
}

/*
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
Link text
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
*/

a {overflow: hidden; text-decoration: none;}
a:hover {overflow: hidden; text-decoration: none;}


/*
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
h text
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
*/

h1, h2, h3, h4, h5, h6 {float: left; width: 100%; font-weight:700;}
h2{margin:10px 0;}

/*
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
スマフォ切り替えようボタン
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
*/

.btnamafo a{
display: block;
float:left;
width:90%;
margin-left:3%;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
font: 35px/100% "Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,"ヒラギノ丸ゴ Pro W4",HiraMaruPro-W4,"ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,Osaka,sans-serif;
font-weight:700;
padding: 0.55em 0.5em 0.55em;
text-shadow: 0 1px 1px rgba(255,255,255,.3);
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
color: #2a2a2a;
border: solid 1px ##B7D500;
background: #333;
background: -webkit-gradient(linear, left top, left bottom, from(#ECEEB6), to(#B5CF01));
background: -moz-linear-gradient(top,  #ECEEB6,  #B5CF01);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ECEEB6', endColorstr='#B5CF01');
}

/*
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
text
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
*/

/* color */
.textrd {color: #ce2143;}
.textgy {color: #9c9c9c;}
.textgy2 {color: #666666;}
.textbl {color: #00b9ef;}
.textdbl {color: #006fab; font-size:1.2em; margin-top:15px;}
.textor {color: #f39700;}
.textyr {color: #edd634;}
.textgr {color: #737c3e;}
.textwh {color: #ffffff;}
.textbr {color: #726262;}

/* align */
.textalL {text-align: left;}
.textalR {text-align: right;}
.textalC {text-align: center;}

/* folm */
.strong {font-weight: 700;}
p {width: 90%; margin-left: 5%;}

.imgL{float:left;}
.imgR{float:right;}

.imgRM{ margin-left:4px;}

.att{color:#ce2143;}
/*
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
image preroad
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
*/

#preloadedImages {
float: left;
width: 0px;
height: 0px;
display: inline;
background-image: url(../images/bg_main.jpg);
}


@media print{
@charset "shift_jis";
html{background-color: #fff;background-image:none;}
body {background: none; color:#000000;}
*html body{zoom:60%;margin:0;padding:0;}
a{text-decoration: none;}
}

/*
******************************************
縦向きの際に適用
******************************************
*/
@media only screen and (orientation : portrait) {
body{ width: 320px;}
.menu01 a,.menu01on a{margin:80px 0 0 11px;} /*マニフレックス*/
.menu02 a, .menu02on a{margin:40px 0 0 11px;} /*オリジナル*/
.menu03 a, .menu03on a{margin:-20px 0 0 -21px;} /*打ち直し*/
.menu04 a, .menu04on a{margin:-100px 0 0 -65px;} /*野畑屋について*/
.menu05 a, .menu05on a{margin:-120px 0 0 111px;} /*問い合わせ*/
.menu06 a, .menu06on a{margin:5px 0 0 -20px;} /*マットレス*/
.menu07 a, .menu07on a{margin:0 0 0 25px;} /*まくら*/
.menu08 a, .menu08on a{margin:-45px 0 0 -15px;} /*キッズ*/
}