@charset "Shift_JIS";

ul#fpack_menu{
	list-style: none;
	margin-left: 20px;
	padding-top: 10px;
}
ul#fpack_menu li{
	display: inline;
	background: url(images/common/icn_mainmenu_a.gif) no-repeat 0px 0px;
	padding-right: 20px;
}

ul#fpack_menu li a{
	background: url(images/common/icn_mainmenu_a.gif) no-repeat 0px 0px;
	padding-left: 20px;
}
ul#fpack_menu li a:visited{}
ul#fpack_menu li a:hover{
	background: url(images/common/icn_mainmenu_b.gif) no-repeat 0px 0px;
}

/* ************************************************ 
 *	f-packトップ
 * ************************************************ */
 
div#fpack_index{
	background: url(images/index/in_bg.jpg) no-repeat 0px 0px;
	margin-top: 20px;
	margin-right: 20px;
}


div#fpack_index #main{
	width: 480px;
	text-align: left;
	margin-left: 450px;
}

div#fpack_index #main .logo{
	text-align: right;
	margin-bottom: 50px;
	padding-top: 20px;
}
div#fpack_index #main h1{
	margin-bottom: 30px;
	margin-left: 20px;
}

div#fpack_index #main .prtxt{
	margin-left: 40px;
	margin-bottom: 40px;
}


div#fpack_index #main ul{
	list-style: none;
	margin-left: 80px;
}
div#fpack_index #main li{
	margin-bottom: 15px;
}


/* ************************************************ 
 *	f-packラインナップ
 * ************************************************ */

div#lineup_wr{
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	width: 910px;
	zoom: 100%;
}

div#lineup_wr:after{
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;  
	line-height: 0;  
	clear: both; 
	}
	
div#lineup_wr h1{
	margin-bottom: 20px;
	text-align: left;
	margin-top: 20px;
}
div#lineup_wr h2{
	margin-bottom: 10px;
}
div#lineup_wr div#designpack{
	float: left;
	width: 450px;
}

div#lineup_wr div#thermo{
	float: right;
	width: 450px;
}

div#common{
	clear: both;
	text-align: center;
	width: 910px;
	margin-right: auto;
	margin-left: auto;
	height: 200px;
}


/*ラインナップ個々の商品*/
div.listbox{
	text-align: left;
	height: 200px;
	margin-bottom: 10px;
	margin-right: 5px;
	margin-left: 5px;
}
div#designpack div.listbox{border: 2px solid #2F1C18;}
div#thermo div.listbox{border: 2px solid #555D65;}
div#common div.listbox{
	border: 2px solid #CCCCCC;
	width: 437px;
}

div.listbox img{
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 20px;
	border-right: 1px solid #2F1C18;
	padding-right: 10px;
}

div#designpack div.listbox img{border-right: 1px solid #2F1C18;}
div#thermo div.listbox img{border-right: 1px solid #555D65;}
div#common div.listbox img{border-right: 1px solid #CCCCCC;}


div.listbox dl{
	margin-top: 20px;
	margin-right: 15px;
}
div.listbox dt{
	color: #4B403B;
	font-weight: bold;
	font-size: 14px;
	line-height: 1.4em;
	margin-bottom: 15px;
}
div.listbox dd{
	color: #444444;
	font-weight: bold;
	line-height: 1.3em;
	font-size: 12px;
}
div.listbox dd.seibun{
	font-size: smaller;
	font-weight: normal;
	border-top: 1px solid #CCCCCC;
	margin-left: 160px;
	margin-top: 10px;
	padding-top: 5px;
}


div.none{
	text-align: center;
	padding-top: 30px;
}

.word{
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}



/* ************************************************ 
 *	process
 * ************************************************ */
 
div#howto{
	margin-left: 40px;
}

div#howto h1{
	margin-bottom: 40px;
}
div#howto h2{
	margin-bottom: 30px;
}
div#howto:after{
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;  
	line-height: 0;  
	clear: both; 
	}

div#howto div#point{
	text-align: left;
	float: left;
	width: 400px;
	padding-top: 30px;
}


div#howto div#point dl#design{}
div#howto div#point dl#thermo{}

div#howto div#point dt{
	text-align: center;
	color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 20px;
	margin-bottom: 2px;
	font-weight: bold;
	letter-spacing: 1px;
}

dl#design dt{background: #614A39;}
dl#thermo dt{background: #999597;}

div#howto div#point dd{
	padding: 10px;
	line-height: 1.6em;
	letter-spacing: 1px;
}

dl#design dd{background: #F0E5C2;	color: #614A39;
}
dl#thermo dd{background: #E8E8E8;	color: #3C3E3F;}


div#howto div#photo{
	float: right;
	width: 480px;
	padding-top: 30px;
}

div#process{
	clear: both;
	background: #F6F4E1;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding: 15px 10px;
}