/* ------------------------------------- 
 *	CSSリセット
 * ------------------------------------- */
 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,fieldset,form,input,blockquote{ margin:0px;padding:0px; }
fieldset,img { border:0px; }
address,caption,cite,code,dfn,em,strong,th,var{ font-style:normal;font-weight:normal; }
caption,th{ text-align:left; }
h1,h2,h3,h4,h5,h6{ font-size:100%;margin:0px;padding:0px; }
q:before,q:after{ c ontent:'';}

/* ------------------------------------- 
 *	基本設定
 * ------------------------------------- */

html {
	height:100%;
}

p{
	margin-top:30px;
}

body {
	font: 12px/20px "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#333333;
	background:url(/img/common/back.jpg) repeat-x #FFFFFF;
	margin:0px;
	text-align:center;
	height:100%;
}

body.sec{
	font: 12px/20px "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#333333;
	background:url(/img/common/back_sec.gif) repeat-x #FFFFFF;
	margin:0px;
	text-align:center;
	height:100%;
}

a:link {
	text-decoration: none;
	color: #276401;
}

a:visited {
	text-decoration: none;
	color: #276401;
}

a:hover,
a:active {
	text-decoration: underline;
	color: #307E00;
}

/* ------------------------------------- 
 *	汎用パーツ
 * ------------------------------------- */

.clear{
	clear:both;
}

.komidashi{
	width:582px;
	background:url(/img/common/komidashi.gif) no-repeat #ECECEC;
	height:30px;
	line-height:30px;
	font-weight:bold;
	margin-bottom:10px;
	text-indent:25px;
}

.bt_pagetop{
	background:url(/img/common/bt_pagetop.gif) no-repeat;
	text-indent:25px;
	margin-top:40px;
}

.center{
	text-align:center;
	display:block;
}

.txt_red{
	color:#FF3300;
}

.arrow{
	height:22px;
	background:url(/img/common/arrow.gif) no-repeat;
	text-indent:20px;
	line-height:22px;
	font-weight:bold;
}

/* ------------------------------------- 
 *	基本レイアウト
 * ------------------------------------- */

#wrapper {
	width:800px;
	text-align:left;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -125px; /* the bottom margin is the negative value of the footer's height */
}

#footer {
	height:125px; /* .push must be the same height as .footer */
}

#footer .obi{
	height:73px;
	width:100%;
	background:url(/img/common/back_footer.gif) repeat-x;
}

#footer .copy{
	margin-top:22px;
}

.push {
	height:125px; /* .push must be the same height as .footer */
	padding-top:40px;
}

#head{
	width:800px;
}

#head .logo{
	margin:25px 442px 0px 0px;
	float:left;
	display:inline;
}

#head .bt{
	float:left;
	margin-top:33px;
	display:inline;
}

#menu img{
	margin-top:20px;
	float:left;
	display:inline;
}

#left{
	width:198px;
	margin:15px 13px 0px 0px;
	float:left;
	display:inline;
	text-align:center;
}

#left .title{
	margin:0px 0px 30px 0px;
}


#right{
	width:589px;
	margin:15px 0px 0px 0px;
	float:left;
	display:inline;
}

#right .mainimg{
	margin:0px 0px 20px 0px;
}

#contetsu_area{
	width:582px;
	margin-left:7px;
}

/* ------------------------------------- 
 *	HOME
 * ------------------------------------- */

#home_flash{
	margin-bottom:20px;
}
 
#home_left{
	width:480px;
	float:left;
	display:inline;
	margin-right:20px;
}

#home_left img{
	margin-bottom:15px;
}

#home_right{
	width:300px;
	float:left;
	display:inline;
}


.whatsnew{
	width:300px;
	border-bottom:dotted #CCCCCC 1px;
	padding:10px 0px 5px 0px;
}

.date{
	width:80px;
	float:left;
	margin-right:10px;
	display:inline;
}

.news{
	width:190px;
	float:left;
	display:inline;
}


/* ------------------------------------- 
 *	製品案内
 * ------------------------------------- */

.product_whynot_left{
	width:355px;
	float:left;
	display:inline;
}

.product_whynot_left img{
	margin-bottom:20px;
}

.product_whynot_left .arrow{
	margin-top:15px;
}

.product_whynot_right{
	width:227px;
	float:left;
	display:inline;
}

.product_freshkeep_left{
	width:190px;
	float:left;
	display:inline;
}

.product_freshkeep_right{
	width:392px;
	float:left;
	display:inline;
}

.product_freshkeep_right img{
	margin-bottom:20px;
}

.product_freshkeep_box{
	width:578px;
	padding:10px 0px 0px 0px;
	background:#F4F0E7;
	border:#EAE2D2 solid 2px;
	text-align:center;
}

.product_freshkeep_box span{
	width:558px;
	text-align:left;
	margin:auto;
	display:block;
}

.product_freshkeep_box span img{
	margin-bottom:10px;
}

.product_freshkeep_box span .pic{
	float:right;
	display:inline;
	margin:0px 0px 10px 20px;
}

/* ------------------------------------- 
 *	会社概要
 * ------------------------------------- */

table.abouus{
	width:582px;
	border-collapse:collapse;
	border:solid 2px #CAC1AA;
	text-align:left;
}

table.abouus td,th{
	padding:10px;
	border:solid 1px #CAC1AA;
	text-align:left;
	background:#FCFBF6;
}

table.abouus .item{
	width:25%;
	background:#F9F7ED;
}

/* ------------------------------------- 
 *	お問い合わせ
 * ------------------------------------- */
 
table.inquiry{
	width:582px;
	border-collapse:collapse;
	border:solid 2px #CCCCCC;
	text-align:left;
}

table.inquiry td,th{
	padding:10px;
	border:solid 1px #CCCCCC;
	text-align:left;
	background:#FFFFFF;
}

table.inquiry .item{
	width:25%;
	background:#F3F3F3;
}

.inquiry_soushin{
	width:582px;
	padding:5px 0px 5px 0px;
	background-color:#CCCCCC;
	text-align:center;
}

.inquiry_thanks{
	width:580px;
	padding:20px 0px 20px 0px;
	text-align:center;
	border:#CCCCCC 1px solid;
}


/* ------------------------------------- 
 *	サイトマップ
 * ------------------------------------- */
 
 .sitemap{
 	width:575px;
	height:22px;
	background:url(/img/common/arrow.gif) no-repeat;
	border-bottom:#E6E6E6 solid 5px;
	text-indent:20px;
	line-height:22px;
	font-weight:bold;
	margin-bottom:30px;
 }
 
 /* ------------------------------------- 
 *	プライバシーポリシー
 * ------------------------------------- */
 
 
.pp_kakomi{
 	width:580px;
	border:#CCCCCC 1px solid;
	padding:10px 0px 10px 0px;
	text-align:center;
 }
 
.pp_kakomi span{
 	width:560px;
	text-align:left;
	margin:auto;
	display:block;
 }
 
h1.pp{
	font-weight:bold;
	color:#666666;
	margin:20px 0px 10px 0px;
}