@charset "shift-jis";


/*全ページ共通
---------------------------------------------------------------------------------------------------------*/
div#content{
	background:url(../img/content_bg.gif) top left;
	padding-bottom:40px;
}

/*****img*****/
div#content img{border:0px;}

/*****font-weight/color*****/
div#content .bold{font-weight:bold;}
div#content .red{color:#ff0000;}
div#content .gray{color:#666666;}

/*****clear*****/
div#content p.clear,br.clear{
	height:0px;
	line-height:0px;
}

/*****padding*****/
div#content .pt05{padding-top:5px;}
div#content .pt10{padding-top:10px;}
div#content .pr10{padding-right:10px;}
div#content .pb10{padding-bottom:10px;}
div#content .pl10{padding-left:10px;}
div#content .pt15{padding-top:15px;}
div#content .pr15{padding-right:15px;}
div#content .pr20{padding-right:20px;}
div#content .pl20{padding-left:20px;}
div#content .pt30{padding-top:30px;}
div#content .pr30{padding-right:30px;}
div#content .pl30{padding-left:30px;}
div#content .pl40{padding-left:40px;}

/*****margin*****/
div#content .mt15{margin-top:15px;}
div#content .mr40{margin-right:40px;}

/*****width*****/
div#content .w50p{width:50%;}
div#content .w400{width:400px;}
div#content .w540{
	width: 540px;
}
div#content .w580{width:580px;}

/*****text-indent*****/
div#content .ti10{text-indent:-10px; }

/*****border*****/
div#content .border{border:1px solid #cccccc;}

/*****background*****/
div#content .bg-yellow{background:#fffcf2;}


/*インデックスページ
---------------------------------------------------------------------------------------------------------*/
div#content .note{
	background:url(../img/index_note_bg.gif) repeat-y top left;
	padding-left:25px;
}

div#content .note p.awa{padding:18px 0px 0px 10px;}


/*サブページ
---------------------------------------------------------------------------------------------------------*/

/*****tabNavi*****/
div#content .tabNavi{
	position:relative;
	width:620px;
	height:56px;
	list-style-type:none;
}
/*
div#content .tabNavi li.tatami{
	position:absolute;
	top:0px;
	left:0px;
}
div#content .tabNavi li.curtain{
	position:absolute;
	top:0px;
	left:103px;
}
*/
div#content .tabNavi li.furo{
	position:absolute;
	top:0;
	left:0;
}
div#content .tabNavi li.yokushitsu{
	position:absolute;
	top:0px;
	left:124px;
}
div#content .tabNavi li.mado{
	position:absolute;
	top:0px;
	left:248px;
}
div#content .tabNavi li.sentakumono{
	position:absolute;
	top:0px;
	left:372px;
}
div#content .tabNavi li.nav05{
	position:absolute;
	top:0px;
	right:0;
}


/*****こうして解決*****/
div#content .kaiketsu{
	background:url(../img/kaiketsu_bg.gif) repeat-y top left;
	padding-bottom:50px;
}
div#content .kaiketsu .flv{
	background:url(../img/awa_flv_bg.gif) no-repeat top left;
	width:280px;
	height:235px;
	padding:10px 0px 0px 10px;
	margin-top:5px;
}
div#content .kaiketsu p.fon{font-size:12px;line-height:18px;color:#333;}
/*****こうして解決 part2*****/
div#content .kaiketsuarea{
	
	background:url(../img/kaiketsu_bg.gif) repeat-y top left;
	padding-bottom:50px;
}
div#content .kaiketsu1{
	width:560px;
	padding:0px 30px 0px 30px;
}
div#content .kaiketsu1 .left0{
	width:190px;
	padding:10px 0 0 0;
	float:left;
	}
div#content .kaiketsu1 .right0{
	width:360px;
	padding:10px 0 0 10px;
	float:left;text-align:left;
	color: #333;
    font-size: 12px;
    line-height: 18px;
	}
	div#content .kaiketsu1 .left00{
	width:327px;
	padding:10px 0 0 0;
	float:left;
	}
div#content .kaiketsu1 .right00{
	width:220px;
	padding:10px 0 0 10px;
	float:left;text-align:left;
	color: #333;
    font-size: 12px;
    line-height: 18px;
	}
	div#content .kaiketsu1 .left000{
	width:313px;
	padding:10px 0 0 0;
	float:left;
	}
div#content .kaiketsu1 .right000{
	width:237px;
	padding:10px 0 0 10px;
	float:left;text-align:left;
	color: #333;
    font-size: 12px;
    line-height: 18px;
	}
div#content .kaiketsu1 .pdpd{width:540px;float:left;padding:30px 0 5px 0;}	
div#content .kaiketsu1 .textmini{width:550px;font-size:10px; text-indent:-10px;line-height:13px;padding:10px 0 10px 10px;display:block;float:left;}
div#content .kaiketsu1 p.fon{font-size:12px;line-height:18px;color:#333;}
/*****使用製品*****/
div#content .tatami_shiyou{
	background:url(../img/tatami_shiyou.jpg) no-repeat top left;
	height:166px;
}
div#content .curtain_shiyou{
	background:url(../img/curtain_shiyou.jpg) no-repeat top left;
	height:166px;
}
div#content .furo_shiyou{
	background:url(../img/furo_shiyou.jpg) no-repeat top left;
	height:166px;
}
div#content .sentaku_shiyou{
	background:url(../img/sentaku_shiyou.jpg) no-repeat top left;
	height:166px;
}
div#content .yokushitsu_shiyou{
	background:url(../img/yokushitsu_shiyou.jpg) no-repeat top left;
	height:166px;
}
div#content .mado_shiyou{
	background:url(../img/mado_shiyou.jpg) no-repeat top left;
	height:166px;
}
div#content .sentakumono_shiyou{
	background:url(../img/sentakumono_shiyou.jpg) no-repeat top left;
	height:166px;
}
div#content .awa_shiyou{
	background:url(../img/awa_shiyou.jpg) no-repeat top left;
	height:166px;
}
div#content .shiyou .left{padding:40px 0px 0px 60px;float:left;}
div#content .shiyou .left p{padding-top:10px;}
div#content .shiyou .left a{
	background:url(../img/shiyou_arrow.gif) no-repeat center right;
	padding:10px 25px 10px 0px;
}
div#content .shiyou .right{padding:5px 60px 0px 0px;float:right;}

div#content .furo_shiyou#kabikiller .left {
	padding-top: 25px;
}

div#content .furo_shiyou#kabikiller .notes {
	font-size: 0.8em;
	line-height: 2;
}


/*****footerNavi*****/
div#content .footerNavi{
	position:relative;
	width:620px;
	height:140px;
	list-style-type:none;
}
/*
div#content .footerNavi li.tatami{
	position:absolute;
	top:0px;
	left:0px;
}
div#content .footerNavi li.curtain{
	position:absolute;
	top:0px;
	left:211px;
}
*/
div#content .footerNavi li.furo{
	position:absolute;
	top:0;
	left:0;
}
div#content .footerNavi li.yokushitsu{
	position:absolute;
	top:0;
	left:310px;
}
div#content .footerNavi li.mado{
	position:absolute;
	top:46px;
	left:0;
}
div#content .footerNavi li.sentakumono{
	position:absolute;
	top:46px;
	left:310px;
}
div#content .footerNavi li.content05{
	position:absolute;
	top:92px;
	left:0;
}


/*特別編
---------------------------------------------------------------------------------------------------------*/

/*****title*****/
div#content .title{
	position:relative;
	width:620px;
	height:281px;
}
div#content .title p.title01{
	position:absolute;
	top:0px;
	left:0px;
}
div#content .title p.titleFlv{
	position:absolute;
	top:98px;
	left:0px;
	background:url(../img/awa_titleFlv.gif) no-repeat;
	padding:4px 5px 24px 42px;
}
div#content .title .title02{
	position:absolute;
	top:98px;
	left:227px;
}


/* ページ内からこちらへ移動 20120619
-------------------------------------------------------- */

/* index */
div #bkKabi{
	background: url(../img/index_main2.jpg) no-repeat left top;
	width:620px;
	height:352px;
	float:left;
	text-align:left;
}

div .leftKabi{
	padding-left:180px;
	padding-right:5px;
	padding-top:12px;
	float:left;
	width:125px;
	height:103px;
	line-height:1.7em;
}

div .rightKabi{
	padding-left: 165px;
	padding-right: 25px;
	padding-top: 12px;
	float: left;
	width: 119px;
	height: 103px;
	line-height: 1.7em;
}

div #bkAwa{
	background: url(../img/index_awa_bk.jpg) no-repeat left top;
}

div #imgAwa{
	padding-top: 30px;
	padding-left: 14px;
	width: 605px;
	height:130px;
}

/* 各ページ共通 */
div #ttl{
	width:620px;
	height:43px;
	background: url(../img/ttl.gif) no-repeat #FFFFFF;
}

#top {
	margin-left:200px;
	margin-top:13px;
}

/*  */
.txMini {
	font-size:10px;
	line-height:13px;
}
