/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, images, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/* common style */
a img{border:none;}
a img{outline:none;}
input{outline:none;}

.center{ text-align:center;}
.red{ color:#d30000;}
.bold{ font-weight:bold;}

.size14{font-size: 88%;/*14px*/}

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

@media screen and (max-width: 799px){

/*
SP image only
-------------------------------------------------------------------*/
*{
	/*font-size:16px;*/
}

body{
	color:#444;	
	background-color:#F8F8F8;
	font-family: 'ヒラギノ角ゴ ProN W3',"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	
}

p{line-height:1.5em;}
.pc{ display:none;}
.kome{ font-size:14px;}
a{ color:#231815;}
a:hover{ color:#00A1D5; text-decoration: underline;}


/*-------------------------------------------------------------------
header
-------------------------------------------------------------------*/
#header-nav{
	z-index: 6;
	box-shadow: 0px 0px 5px #0d0408;
}

#header-nav .nav{
	padding: 9px 0 0 0;
	background:url(/item/delivery/futon/tsuushin/vol1/images/bg_headernav.jpg) repeat top left;
}

#header-nav .nav .header{
	position:relative;
	padding: 0 0 20px 0;

}

#header-nav .nav .logo{
	margin:0 0 0 4%;
}

#header-nav .nav .logo img{
	width:16%;
}

#header-nav .nav .sitelogo{
	text-align:center;
	margin: 12px 0 0 0;
}

#header-nav .nav .sitelogo img{
	width:49%;
}

#header-nav .nav .menu{
	position: absolute;
	top: 46%;
	bottom: 0;
	right:6%;
	margin: auto;
	/*height:6%;20px*/
	width: 6%;/*20px*/
}

#header-nav .nav .menu img{
	width:100%;
}

.nav div.gnav{
	padding: 10px 0 30px 0;
	display: none;
	border-top:1px solid #8c6922 ;	
	width:100%;
	z-index: 3;
}

#header-nav .nav .gnav .backnum p{
	padding: 4px 0;
	text-align:center;
}

#header-nav .nav .gnav .backnum p a{
	padding: 10px 0;
}

#header-nav .nav .gnav .backnum p+p{
	width:92%;
	padding: 20px 0 0 0;
	margin: 0 auto;
	background:url(/item/delivery/futon/tsuushin/vol1/images/nav_hr.png) repeat-x top left;
	text-align:left;
}

#header-nav .nav .gnav .backnum p+p img{
	width:36%;
}

#header-nav .nav .backnum ul{
	width:92%;
	margin: 0 auto;
	/*padding: 0 0 26px 0;*/
}

#header-nav .nav .backnum ul:before,
#header-nav .nav .backnum ul:after,
#header-nav .nav .backnum ul li:before,
#header-nav .nav .backnum ul li:after {
    content: " ";
    display: table;
}

#header-nav .nav .backnum ul:after,
#header-nav .nav .backnum ul li:after {
    clear: both;
}

#header-nav .nav .backnum ul,
#header-nav .nav .backnum ul li {
    *zoom: 1;
}

#header-nav .nav .backnum ul li{
	list-style:none;
	margin: 20px 0 0 0;
	font-size:88%;/*14px*/
	line-height: 1.2em;
}

#header-nav .nav .backnum ul li span{
	background-color:#75613d;
	color:#FFF;
	padding: 4px 0px 4px 2%;
	margin: 0 6px 0 0;
	display:block;
	float:left;
	text-align:center;
	min-width: 13%;/*40px*/
	border-radius: 4px; /* CSS3草案 */ 
	-webkit-border-radius: 4px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 4px; /* Firefox用 */ 
}

#header-nav .nav .backnum ul li a{
	padding: 4px 0 0 0;
	display:block;
	float:left;
	width:80%;
}

p.closebtn{
	width:19%;
	margin: 0 auto;
	display:block;
}

img.closebtn{
	width:100%;
	padding: 16px 0;
}

/*-------------------------------------------------------------------
content
-------------------------------------------------------------------*/

#mv img{
	width:100%;
}

/*-------------------------------------------------------------------
c01
-------------------------------------------------------------------*/
#c01 .inner,
#c02 .inner{
	margin: 0 auto;
	width:92%;
}

#c01 h2{
	width:92%;
	padding: 0 0 9px 0;
	background:url(/item/delivery/futon/tsuushin/vol1/images/bg_h2c01.gif) repeat-x bottom left;
	margin: 0 auto 10px;
}

#c01 h2 img{
	width:100%;
}

#c01 .inner img{
	width:100%;
	margin: 0 0 8px 0;
}

#c01 .innerDouble{
	position:relative;
	width:100%;
	padding: 2px 0 ;
	border-top: solid 2px #0d0408;
	border-bottom: solid 2px #0d0408;
	background-color:#fffde4;
	margin: 40px 0 0 0;
}

#c01 .innerDouble .box{
	width:88%;
	border-top: solid 1px #0d0408;
	border-bottom: solid 1px #0d0408;
	background-color:#fffde4;
	padding:  0 6% 25px;
}

#c01 .innerDouble h3{
	margin: 16px 0 14px 0;
	width:70%;

}

#c01 .innerDouble h3 img{
	width:100%;
}

#c01 .innerDouble .pic{
	position:absolute;
	top:-25px;
	right: 2%;
}

#c01 .innerDouble .pic img{
	width:100px;
}

/*-------------------------------------------------------------------
c02
-------------------------------------------------------------------*/
#c02{
	padding: 40px 0 0 0;
	background-color:#EFF7F9;
}

#c02 h2{
	width:100%;
	margin: 0 0 36px 0;
}

#c02 h2 img{
	width:100%;
}

#content #c02 p.kome{
	text-align:right;
}

#content #c02 p.reference{
	background-color:#FFF;
	padding: 4%;
	margin: 6px 1%;
	border-radius: 4px; /* CSS3草案 */ 
	-webkit-border-radius: 4px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 4px; /* Firefox用 */ 
}

#content #c02 .pic .diagram{
	position:relative;
}

#content #c02 .pic p{
	font-size:88%;/*14px*/
	position:absolute;
	bottom:6%;
	right:6%;
	text-align:right;
}

#content #c02 .pic .pic01 img{
	width: 100%;
}

#content #c02 .pic .pic02{
	text-align:center;
	padding: 20px 0;
}

#content #c02 .pic .pic02 img{
	width: 60%;
}

/*-------------------------------------------------------------------
c03
-------------------------------------------------------------------*/
#content #c03 h2{
	width:92%;
	margin: 40px auto 0;
	padding: 0 0 5px 0;
}

#content #c03 h2 img{
	width:100%;
}

#content #c03 .inner{
	width:96%;
	margin: 0 auto;
}


#content #c03 .inner dl{
	margin: 16px 0 0 0;
	width:100%;
}

#content #c03 .inner dl dt img{
	width:100%;
}

#content #c03 .inner dl dd{
	padding: 0 3%;
	line-height:1.5em;
}


.bnr_contact p img{
	width:100%;
}

.bnr_contact dl{
	margin-top:10px;
	position:relative;
	width:100%;
}

.bnr_contact dl dt{
	width: 100%;
}

.bnr_contact dl dt img{
	width:100%;
}

.bnr_contact dl dd{
	position:absolute;
	bottom:4%;
	right:3%;
	width:34%;
}


.bnr_contact dl dd.right img{
	width:100%;
}


#footer{
	width:92%;
	margin:6% auto;
	background:url(/item/delivery/futon/tsuushin/vol1/images/bg_footer_sp.png) no-repeat top left;
	background-size:contain;
	padding: 6% 0 0 0;
}

#footer .logo{
	width:18%;
	margin: 4% auto;
}

#footer .logo img{
	width:100%;
}

.copylight{
	font-size: 3vw;
	line-height: 4vw;
	text-align:center;
	margin: 5vw 0 0;
}

.copylight img{
	width:100%;
	}

}

@media screen and (min-width: 800px) and (max-width: 999px){


/*
PC image only
-------------------------------------------------------------------*/
body{
	color:#444;	
	background-color:#F8F8F8;
	letter-spacing:0.1em;
	font-family: 'ヒラギノ角ゴ ProN W3',"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	
}

p{line-height:1.8em;}
.mt10{ margin-top:10px;}
.sp{ display:none;}
a{ color:#231815;}
a:hover{ color:#00A1D5; text-decoration: underline;}


/*-------------------------------------------------------------------
header
-------------------------------------------------------------------*/
#wrap{
	position:relative;
	height:100%;
}

#header-nav{
	z-index: 5;
	width:296px;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}

#header-nav .nav{
	float: left;
	position:absolute;
	width:289px;
	height:100%;
	background:url(/item/delivery/futon/tsuushin/vol1/images/bg_headernav.jpg) repeat top left;
	border-right:1px solid #8c6922 ;
	box-shadow: 0px 0px 5px #0d0408;
}

#header-nav .nav .logo{
	margin:25px 0 0 88px;
}

#header-nav .nav .logo img{
	width:114px;
}

#header-nav .nav .sitelogo{
	margin: 47px 0 0 55px;
}

#header-nav .nav .backnum{
	width: 250px;
	margin: 81px auto 0;
	padding: 20px 0 0 0;
	background:url(/item/delivery/futon/tsuushin/vol1/images/nav_hr.png) no-repeat left top;
}

#header-nav .nav .backnum p{
}

#header-nav .nav .backnum ul{
	padding: 0 0 26px 0;
	background:url(/item/delivery/futon/tsuushin/vol1/images/nav_hr.png) no-repeat left bottom;
}

#header-nav .nav .backnum ul:before,
#header-nav .nav .backnum ul:after,
#header-nav .nav .backnum ul li:before,
#header-nav .nav .backnum ul li:after {
    content: " ";
    display: table;
}

#header-nav .nav .backnum ul:after,
#header-nav .nav .backnum ul li:after {
    clear: both;
}

#header-nav .nav .backnum ul,
#header-nav .nav .backnum ul li {
    *zoom: 1;
}

#header-nav .nav .backnum ul li{
	list-style:none;
	margin: 20px 0 0 0;
	font-size:88%;/*14px*/
	line-height: 1.2em;
}

#header-nav .nav .backnum ul li span{
	background-color:#75613d;
	color:#FFF;
	padding: 4px 0px 4px 8px;
	margin: 0 6px 0 0;
	display:block;
	float:left;
	min-width: 40px;
	border-radius: 4px; /* CSS3草案 */ 
	-webkit-border-radius: 4px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 4px; /* Firefox用 */ 
}

#header-nav .nav .backnum ul li a{
	padding: 4px 0 0 0;
	display:block;
	float:left;
	width:194px;
}

#header-nav .nav .bnr_contact{
	width:250px;
	margin: 0 auto;
}

#header-nav .nav .bnr_contact p{
	margin: 25px auto 0 ;
}

#header-nav .nav .bnr_contact p img{
	box-shadow:0px 2px 2px 0 rgba(0, 0, 0, 0.1);
}

#header-nav .nav .bnr_contact dl{
	margin: 36px auto 0;
	padding: 20px 0 0 0;
	height: 277px;
	background:url(/item/delivery/futon/tsuushin/vol1/images/bg_contact.gif) no-repeat left top;
}

#header-nav .nav .bnr_contact dl dt{
	margin: 0 0 0 30px;
}

#header-nav .nav .bnr_contact dl dd{
	margin: 16px 0 0 26px;
}

#header-nav .nav .bnr_contact dl dd+dd+dd+dd{
	margin: 14px 0 0 25px;
}


/*-------------------------------------------------------------------
content
-------------------------------------------------------------------*/
#mv{
	height:417px;
	padding: 0 0 0 324px;
	z-index: 1;
	background:url(/item/delivery/futon/tsuushin/vol1/images/bg_mv.png) no-repeat top left;
	background-color:#00B1DD;
}

#mv h1{
	position:absolute;
	left: 38%;
	top:0;
	z-index: 2;
}

#content{
	padding: 0 0 0 324px;
	z-index: 2;
	background-color:#f8f8f8;
	height:100%;
}

#content h2{
	text-align:center;
}

.inner:before,
.inner:after {
    content: " ";
    display: table;
}

.inner:after {
    clear: both;
}

.inner {
    *zoom: 1;
}

/*-------------------------------------------------------------------
c01
-------------------------------------------------------------------*/

#content #c01 h2 img{
	width:100%;
}

#content #c01 .inner{
	padding: 0 30px;
	margin: 0 auto;
}

#content #c01 .inner div.pic{
	margin: 0px 0 0 0;
	width:330px;
	float:left;
}

#content #c01 .inner div.pic img{
	padding: 5px 16px 10px 0;
	width:308px;
}

#content #c01 .inner div.pic+p{
	margin: 0 0 0 0;
}

#content #c01 .innerDouble{
	margin: 80px 70px 0 30px;
	border:#000 solid 2px;
	padding:2px;
	background-color:#fffde4;
	position:relative;
}

#content #c01 .innerDouble .box{
	border:#000 solid 1px;
	background-color:#fffde4;
	padding: 24px 28px 20px 28px;
}

#content #c01 .innerDouble .box h3 img{
	width:100%;
}

#content #c01 .innerDouble .box .pic img{
	width:120px;
}

#content #c01 .innerDouble .box .pic{
	position:absolute;
	top:-94px;
	right:-62px;
}

#content #c01 .innerDouble p{
	padding: 20px 0 0 0 ;
	font-size:88%;/*14px*/
}

/*-------------------------------------------------------------------
c02
-------------------------------------------------------------------*/

#content #c02{
	margin: 56px 30px 0;
	background:url(/item/delivery/futon/tsuushin/vol1/images/bg_c02.gif) repeat top left;
	display: table;
}

#content #c02 h2 img{
	width:100%;
}

#content #c02 .inner{
	margin: 30px 30px 0;
	padding: 0 0 36px 0;
}

#content #c02 .inner:after {
  content:".";
  height:0;
  clear:both;
  display:block;
  visibility:hidden;
 }

#content #c02 .inner{
  zoom:100%;
}

#content #c02 .txt{
	width:100%;
}

#content #c02 .txt .txtin{

}

#content #c02 .pic{
	margin: 20px auto 0;
	position:relative;
	width:334px;
	display:block;
}

#content #c02 .pic .pic01{
	width:324px;
	text-align:left;
	margin: 0 10px 0 0;
}

#content #c02 .pic .pic01 img{
	width:310px;
}

#content #c02 .pic p{
	font-size:88%;/*14px*/
	position:absolute;
	top:286px;
	right:40px;
	text-align:right;
}

#content #c02 .pic .pic02{
	margin: 28px 0 0 0;
	text-align:right;
}

#content #c02 p.kome{
	font-size:88%;/*14px*/
	margin-top:1em;
}


/*-------------------------------------------------------------------
c03
-------------------------------------------------------------------*/
#content #c03{
	margin: 0 auto;
}

#content #c03:before,
#content #c03:after,
#content #c03 .inner:before,
#content #c03 .inner:after{
    content: " ";
    display: table;
}

#content #c03:after,
#content #c03 .inner:after{
    clear: both;
}

#content #c03,
#content #c03 .inner{
    *zoom: 1;
}

#content #c03 h2{
	clear:both;
	margin: 40px 0 20px 0;
	text-align:center;
	padding: 0 0 8px 0;
}

#content #c03 h2 img{
	width:100%;
}

#content #c03 .inner{
	width:100%;
	display:block;
	height: 380px;
	float:left;
}

#content #c03 .inner dl{
	/*float:left;*/
	width:310px;
	margin: 0 auto;
}

#content #c03 .inner dl dt img{
	width:310px;
	height:232px;
}

#content #c03 .inner dl dd{
	padding: 6px 4px 0;
	line-height:1.8em;
}

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

#content #footer{
	clear:both;
	margin: 0 30px 0;
	min-height:92px;
	background:url(/item/delivery/futon/tsuushin/vol1/images/bg_footer.png) repeat-x left top;
}

#footer:before,
#footer:after{
    content: " ";
    display: table;
}

#footer:after{
    clear: both;
}

#footer{
    *zoom: 1;
}

#footer .logo{
	margin: 50px 0 0 0;
	float:left;
}

#footer .logo img{
	width:95px;
}

#footer .copylight{
	font-size: 14px;
	line-height: 20px;
	float:right;
	text-align: right;
	margin: 30px 20px 0 0;	
}

}

@media screen and (min-width: 1000px) and (max-width: 1279px){

/*
PC image only
-------------------------------------------------------------------*/
body{
	color:#444;	
	background-color:#F8F8F8;
	letter-spacing:0.1em;
	font-family: 'ヒラギノ角ゴ ProN W3',"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	
}

p{line-height:1.8em;}
.mt10{ margin-top:10px;}
.sp{ display:none;}
a{ color:#231815;}
a:hover{ color:#00A1D5; text-decoration: underline;}


/*-------------------------------------------------------------------
header
-------------------------------------------------------------------*/
#wrap{
	position:relative;
	height:100%;
}

#header-nav{
	z-index: 5;
	width:296px;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}

#header-nav .nav{
	float: left;
	position:absolute;
	width:289px;
	height:100%;
	background:url(/item/delivery/futon/tsuushin/vol1/images/bg_headernav.jpg) repeat top left;
	border-right:1px solid #8c6922 ;
	box-shadow: 0px 0px 5px #0d0408;
}

#header-nav .nav .logo{
	margin:25px 0 0 88px;
}

#header-nav .nav .logo img{
	width:114px;
}

#header-nav .nav .sitelogo{
	margin: 47px 0 0 55px;
}

#header-nav .nav .backnum{
	width: 250px;
	margin: 81px auto 0;
	padding: 20px 0 0 0;
	background:url(/item/delivery/futon/tsuushin/vol1/images/nav_hr.png) no-repeat left top;
}

#header-nav .nav .backnum p{
}

#header-nav .nav .backnum ul{
	padding: 0 0 26px 0;
	background:url(/item/delivery/futon/tsuushin/vol1/images/nav_hr.png) no-repeat left bottom;
}

#header-nav .nav .backnum ul:before,
#header-nav .nav .backnum ul:after,
#header-nav .nav .backnum ul li:before,
#header-nav .nav .backnum ul li:after {
    content: " ";
    display: table;
}

#header-nav .nav .backnum ul:after,
#header-nav .nav .backnum ul li:after {
    clear: both;
}

#header-nav .nav .backnum ul,
#header-nav .nav .backnum ul li {
    *zoom: 1;
}

#header-nav .nav .backnum ul li{
	list-style:none;
	margin: 20px 0 0 0;
	font-size:88%;/*14px*/
	line-height: 1.2em;
}

#header-nav .nav .backnum ul li span{
	background-color:#75613d;
	color:#FFF;
	padding: 4px 0px 4px 8px;
	margin: 0 6px 0 0;
	display:block;
	float:left;
	min-width: 40px;
	border-radius: 4px; /* CSS3草案 */ 
	-webkit-border-radius: 4px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 4px; /* Firefox用 */ 
}

#header-nav .nav .backnum ul li a{
	padding: 4px 0 0 0;
	display:block;
	float:left;
	width:194px;
}

#header-nav .nav .bnr_contact{
	width:250px;
	margin: 0 auto;
}

#header-nav .nav .bnr_contact p{
	margin: 25px auto 0 ;
}

#header-nav .nav .bnr_contact p img{
	box-shadow:0px 2px 2px 0 rgba(0, 0, 0, 0.1);
}

#header-nav .nav .bnr_contact dl{
	margin: 36px auto 0;
	padding: 20px 0 0 0;
	height: 277px;
	background:url(/item/delivery/futon/tsuushin/vol1/images/bg_contact.gif) no-repeat left top;
}

#header-nav .nav .bnr_contact dl dt{
	margin: 0 0 0 30px;
}

#header-nav .nav .bnr_contact dl dd{
	margin: 16px 0 0 26px;
}

#header-nav .nav .bnr_contact dl dd+dd+dd+dd{
	margin: 14px 0 0 25px;
}


/*-------------------------------------------------------------------
content
-------------------------------------------------------------------*/
#mv{
	height:417px;
	padding: 0 0 0 324px;
	z-index: 1;
	background:url(/item/delivery/futon/tsuushin/vol1/images/bg_mv.png) no-repeat top left;
	background-color:#00B1DD;
}

#mv h1{
	position:absolute;
	left: 38%;
	top:0;
	z-index: 2;
}

#content{
	padding: 0 0 0 324px;
	z-index: 2;
	background-color:#f8f8f8;
	height:100%;
}

#content h2{
	text-align:center;
}

.inner:before,
.inner:after {
    content: " ";
    display: table;
}

.inner:after {
    clear: both;
}

.inner {
    *zoom: 1;
}

/*-------------------------------------------------------------------
c01
-------------------------------------------------------------------*/
#content #c01 .inner{
	padding: 0 30px;
	margin: 0 auto;
}

#content #c01 .inner div.pic{
	margin: 30px 0 0 0;
	width:330px;
	float:left;
}

#content #c01 .inner div.pic img{
	padding: 5px 16px 10px 0;
	width:308px;
}

#content #c01 .inner div.pic+p{
	margin: 28px 0 0 0;
}

#content #c01 .innerDouble{
	margin: 40px 70px 0 30px;
	min-width: 620px;
	border:#000 solid 2px;
	padding:2px;
	background-color:#fffde4;
	position:relative;
}

#content #c01 .innerDouble .box{
	border:#000 solid 1px;
	background-color:#fffde4;
	padding: 24px 117px 20px 28px;
}

#content #c01 .innerDouble .box .pic img{
	width:170px;
}

#content #c01 .innerDouble .box .pic{
	position:absolute;
	top:-44px;
	right:-62px;
}

#content #c01 .innerDouble p{
	padding: 20px 0 0 0 ;
	font-size:88%;/*14px*/
}

/*-------------------------------------------------------------------
c02
-------------------------------------------------------------------*/

#content #c02{
	/*width:748px;*/
	margin: 56px 30px 0;
	/*width:100%;*/
	background:url(/item/delivery/futon/tsuushin/vol1/images/bg_c02.gif) repeat top left;
	display: table;
}

#content #c02 .inner{
	margin: 30px 30px 0;
	padding: 0 0 36px 0;
}

#content #c02 .inner:after {
  content:".";
  height:0;
  clear:both;
  display:block;
  visibility:hidden;
 }

#content #c02 .inner{
  zoom:100%;
}

#content #c02 .txt{
	float:left;
	width:100%;
	margin-left: -346px;	
}

#content #c02 .txt .txtin{
	float:left;
	  margin-left: 346px;
}

#content #c02 .pic{
	float:right;
	position:relative;
	width:334px;
	display:inline-block;
}

#content #c02 .pic .pic01{
	width:324px;
	text-align:left;
	margin: 0 10px 0 0;
}

#content #c02 .pic .pic01 img{
	width:310px;
}

#content #c02 .pic p{
	font-size:88%;/*14px*/
	position:absolute;
	top:286px;
	right:40px;
	text-align:right;
}

#content #c02 .pic .pic02{
	margin: 28px 0 0 0;
	text-align:right;
}

#content #c02 p.kome{
	font-size:88%;/*14px*/
	margin-top:1em;
}


/*-------------------------------------------------------------------
c03
-------------------------------------------------------------------*/
#content #c03{
	margin: 0 auto;
}

#content #c03:before,
#content #c03:after,
#content #c03 .inner:before,
#content #c03 .inner:after{
    content: " ";
    display: table;
}

#content #c03:after,
#content #c03 .inner:after{
    clear: both;
}

#content #c03,
#content #c03 .inner{
    *zoom: 1;
}

#content #c03 h2{
	clear:both;
	margin: 40px 0 20px 0;
	text-align:center;
	padding: 0 0 8px 0;
}

#content #c03 .inner{
	width:50%;
	display:block;
	height: 380px;
	float:left;
}

#content #c03 .inner dl{
	/*float:left;*/
	width:310px;
	margin: 0 auto;
}

#content #c03 .inner dl dt img{
	width:310px;
	height:232px;
}

#content #c03 .inner dl dd{
	padding: 6px 4px 0;
	line-height:1.8em;
}

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

#content #footer{
	clear:both;
	margin: 0 30px 0;
	height:92px;
	background:url(/item/delivery/futon/tsuushin/vol1/images/bg_footer.png) repeat-x left top;
}

#footer:before,
#footer:after{
    content: " ";
    display: table;
}

#footer:after{
    clear: both;
}

#footer{
    *zoom: 1;
}

#footer .logo{
	margin: 50px 0 0 0;
	float:left;
}

#footer .logo img{
	width:95px;
}

#footer .copylight{
	margin: 45px 0 0 0;	
	display:block;
	float:right;
}

}

@media screen and (min-width: 1280px){

/*
PC image only
-------------------------------------------------------------------*/
body{
	color:#444;	
	background-color:#F8F8F8;
	letter-spacing:0.1em;
	font-family: 'ヒラギノ角ゴ ProN W3',"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	
}

p{line-height:1.8em;}
.mt10{ margin-top:10px;}
.sp{ display:none;}
a{ color:#231815;}
a:hover{ color:#00A1D5; text-decoration: underline;}


/*-------------------------------------------------------------------
header
-------------------------------------------------------------------*/
#wrap{
	position:relative;
	height:100%;
}

#header-nav{
	z-index: 5;
	width:296px;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}

#header-nav .nav{
	float: left;
	position:absolute;
	width:289px;
	height:100%;
	background:url(/item/delivery/futon/tsuushin/vol1/images/bg_headernav.jpg) repeat top left;
	border-right:1px solid #8c6922 ;
	box-shadow: 0px 0px 5px #0d0408;
}

#header-nav .nav .logo{
	margin:25px 0 0 88px;
}

#header-nav .nav .logo img{
	width:114px;
}

#header-nav .nav .sitelogo{
	margin: 47px 0 0 55px;
}

#header-nav .nav .backnum{
	width: 250px;
	margin: 81px auto 0;
	padding: 20px 0 0 0;
	background:url(/item/delivery/futon/tsuushin/vol1/images/nav_hr.png) no-repeat left top;
}

#header-nav .nav .backnum p{
}

#header-nav .nav .backnum ul{
	padding: 0 0 26px 0;
	background:url(/item/delivery/futon/tsuushin/vol1/images/nav_hr.png) no-repeat left bottom;
}

#header-nav .nav .backnum ul:before,
#header-nav .nav .backnum ul:after,
#header-nav .nav .backnum ul li:before,
#header-nav .nav .backnum ul li:after {
    content: " ";
    display: table;
}

#header-nav .nav .backnum ul:after,
#header-nav .nav .backnum ul li:after {
    clear: both;
}

#header-nav .nav .backnum ul,
#header-nav .nav .backnum ul li {
    *zoom: 1;
}

#header-nav .nav .backnum ul li{
	list-style:none;
	margin: 20px 0 0 0;
	font-size:88%;/*14px*/
	line-height: 1.2em;
}

#header-nav .nav .backnum ul li span{
	background-color:#75613d;
	color:#FFF;
	padding: 4px 0px 4px 8px;
	margin: 0 6px 0 0;
	display:block;
	float:left;
	min-width: 40px;
	border-radius: 4px; /* CSS3草案 */ 
	-webkit-border-radius: 4px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 4px; /* Firefox用 */ 
}

#header-nav .nav .backnum ul li a{
	padding: 4px 0 0 0;
	display:block;
	float:left;
	width:194px;
}

#header-nav .nav .bnr_contact{
	width:250px;
	margin: 0 auto;
}

#header-nav .nav .bnr_contact p{
	margin: 25px auto 0 ;
}

#header-nav .nav .bnr_contact p img{
	box-shadow:0px 2px 2px 0 rgba(0, 0, 0, 0.1);
}

#header-nav .nav .bnr_contact dl{
	margin: 36px auto 0;
	padding: 20px 0 0 0;
	height: 277px;
	background:url(/item/delivery/futon/tsuushin/vol1/images/bg_contact.gif) no-repeat left top;
}

#header-nav .nav .bnr_contact dl dt{
	margin: 0 0 0 30px;
}

#header-nav .nav .bnr_contact dl dd{
	margin: 16px 0 0 26px;
}

#header-nav .nav .bnr_contact dl dd+dd+dd+dd{
	margin: 14px 0 0 25px;
}


/*-------------------------------------------------------------------
content
-------------------------------------------------------------------*/
#mv{
	height:402px;	
	padding: 0 0 0 324px;
	z-index: 1;
	background:url(/item/delivery/futon/tsuushin/vol1/images/bg_mv.png) no-repeat top left;
	background-color:#00B1DD;
}

#mv h1{
	position:absolute;
	left: 38%;
	top:0;
	z-index: 2;
}

#content{
	padding: 0 0 0 324px;
	z-index: 2;
	background-color:#f8f8f8;
	height:100%;
}

#content h2{
	text-align:center;
}

.inner:before,
.inner:after {
    content: " ";
    display: table;
}

.inner:after {
    clear: both;
}

.inner {
    *zoom: 1;
}

/*-------------------------------------------------------------------
c01
-------------------------------------------------------------------*/
#content #c01 h2{
	margin: 15px 0 0 0;
}

#content #c01 .inner{
	padding: 0 30px;
	margin: 0 auto;
}

#content #c01 .inner div.pic{
	margin: 30px 0 0 0;
	width:330px;
	float:left;
}

#content #c01 .inner div.pic img{
	padding: 5px 16px 10px 0;
	width:308px;
}

#content #c01 .inner div.pic+p{
	margin: 28px 0 0 0;
}

#content #c01 .innerDouble{
	margin: 40px 70px 0 30px;
	min-width: 620px;
	border:#000 solid 2px;
	padding:2px;
	background-color:#fffde4;
	position:relative;
}

#content #c01 .innerDouble .box{
	border:#000 solid 1px;
	background-color:#fffde4;
	padding: 24px 117px 20px 28px;
}

#content #c01 .innerDouble .box .pic img{
	width:170px;
}

#content #c01 .innerDouble .box .pic{
	position:absolute;
	top:-44px;
	right:-62px;
}

#content #c01 .innerDouble p{
	padding: 20px 0 0 0 ;
	font-size:88%;/*14px*/
}

/*-------------------------------------------------------------------
c02
-------------------------------------------------------------------*/

#content #c02{
	margin: 56px 30px 0;
	background:url(/item/delivery/futon/tsuushin/vol1/images/bg_c02.gif) repeat top left;
	display: table;
}

#content #c02 .inner{
	margin: 30px 30px 0;
	padding: 0 0 36px 0;
}

#content #c02 .inner:after {
  content:".";
  height:0;
  clear:both;
  display:block;
  visibility:hidden;
 }

#content #c02 .inner{
  zoom:100%;
}

#content #c02 .txt{
	float:left;
	width:100%;
	margin-left: -346px;
}

#content #c02 .txt .txtin{
	float:left;
	  margin-left: 346px;
}

#content #c02 .pic{
	float:right;
	position:relative;
	width:334px;
	display:inline-block;
}

#content #c02 .pic .pic01{
	width:324px;
	text-align:left;
	margin: 0 10px 0 0;
}

#content #c02 .pic .pic01 img{
	width:310px;
}

#content #c02 .pic p{
	font-size:88%;/*14px*/
	position:absolute;
	top:286px;
	right:40px;
	text-align:right;
}

#content #c02 .pic .pic02{
	margin: 28px 0 0 0;
	text-align:right;
}

#content #c02 p.kome{
	font-size:88%;/*14px*/
	margin-top:1em;
}


/*-------------------------------------------------------------------
c03
-------------------------------------------------------------------*/
#content #c03{
	margin: 0 auto;
}

#content #c03:before,
#content #c03:after,
#content #c03 .inner:before,
#content #c03 .inner:after{
    content: " ";
    display: table;
}

#content #c03:after,
#content #c03 .inner:after{
    clear: both;
}

#content #c03,
#content #c03 .inner{
    *zoom: 1;
}

#content #c03 h2{
	clear:both;
	margin: 40px 0 20px 0;
	text-align:center;
	padding: 0 0 8px 0;
}

#content #c03 .inner{
	width:33%;
	display:block;
	height: 380px;
	float:left;
}

#content #c03 .inner dl{
	width:310px;
	margin: 0 auto;
}

#content #c03 .inner dl dt img{
	width:310px;
	height:232px;
}

#content #c03 .inner dl dd{
	padding: 6px 4px 0;
	line-height:1.8em;
}

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

#content #footer{
	clear:both;
	margin: 0 30px 0;
	height:92px;
	background:url(/item/delivery/futon/tsuushin/vol1/images/bg_footer.png) repeat-x left top;
}

#footer:before,
#footer:after{
    content: " ";
    display: table;
}

#footer:after{
    clear: both;
}

#footer{
    *zoom: 1;
}

#footer .logo{
	margin: 50px 0 0 0;
	float:left;
}

#footer .logo img{
	width:95px;
}

#footer .copylight{
	margin: 45px 0 0 0;	
	display:block;
	float:right;
}

}