@charset "utf-8";
/* CSS Document */

/*ブラウザスタイルの初期化*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td{
    margin: 0; 
    padding: 0;
}
html{
    overflow-y: scroll;
}
h1, h2, h3, h4, h5, h6{
    font-size: 100%; 
    font-weight: normal;
}
ol, ul{
    list-style:none;
}
fieldset, img{
     border:0;
}
table{
    border-collapse: collapse; 
    border-spacing:0;
}
caption, th{
    text-align: left;
}
address, caption, cite, code, dfn, em, strong, th, var{
    font-style: normal; 
    font-weight: normal;
}

body{
	margin: 0;
	padding: 0;
	border: 0;
	background-color: transparent;
	font-size: 9pt;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
* strong{
	font-weight: bolder;
}
* abbr{
	border-bottom: 1px dotted #ccc;
	font-weight: bolder;
	letter-spacing: 0.2em;
}
* acronym{
	border-bottom: 1px dotted #ccc;
	font-weight: bolder;
	letter-spacing: 0.2em;
}

/*サイト共通大枠設定*/
body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: center;
	width: 100%;
	color: #222;
	background: #efe6e2 url(../images/bg/body.gif) center repeat-y;
}
	*html body{
		font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	}

/*基本アンカー*/
a:link{
	color: #0a50a1;
	border-bottom: 1px dotted;
	text-decoration: none;
}
a:active{
	color: #0a50a1;
	border-bottom: 1px dotted;
	text-decoration: none;
}
a:visited{
	color: #0a50a1;
	border-bottom: 1px dotted;
	text-decoration: none;
}
a:hover{
	border-bottom: 1px solid;
	text-decoration: none;
}



#container{
	width: 960px;
	margin: 0 auto 0 auto;
	position: relative;
}

#header{
	text-align: right;
}
#header h1{
	color: #738692;
	font-size: 0.9em;
	padding: 0 0 4px 0;
	text-align: left;
	width: 460px;
	float: left;
}
#header h1 img{
	vertical-align: text-bottom;
}

/*メニュー*/
#menubox{
	margin: 0;
	padding: 0;
	background: #7fc31c;
}

#menu{
	background: #bfb6b2;
	text-align: left;
	list-style: none none outside;
	margin: 0 0 0 210px;
	height: 25px;
}
	#menu li{
		background: #bfb6b2;
		float: left;
		display: block;
		text-align: center;
		height: 25px;
		overflow: hidden;
	}
		#menu li a{
			width: 140px;
			height: 25px;
			display: block;
			font-size: 0.1em;
			text-indent: -10000em;
			overflow: hidden;
			border: none;
		}
		#menu li a:hover{
			border: none;
		}
		
		#bt1 a{
			background: url(../images/bt/1.gif) no-repeat;
		}
		#bt2 a{
			background: url(../images/bt/2.gif) no-repeat;
		}
		#bt3 a{
			background: url(../images/bt/3.gif) no-repeat;
		}
		#bt4 a{
			background: url(../images/bt/4.gif) no-repeat;
		}
		#bt5 a{
			background: url(../images/bt/5.gif) no-repeat;
		}
		#bt1 a:hover{
			background: url(../images/bt/1_over.gif) no-repeat;
		}
		#bt2 a:hover{
			background: url(../images/bt/2_over.gif) no-repeat;
		}
		#bt3 a:hover{
			background: url(../images/bt/3_over.gif) no-repeat;
		}
		#bt4 a:hover{
			background: url(../images/bt/4_over.gif) no-repeat;
		}
		#bt5 a:hover{
			background: url(../images/bt/5_over.gif) no-repeat;
		}
		#bt1 a.now{
			background: url(../images/bt/1_over.gif) no-repeat;
		}
		#bt2 a.now{
			background: url(../images/bt/2_over.gif) no-repeat;
		}
		#bt3 a.now{
			background: url(../images/bt/3_over.gif) no-repeat;
		}
		#bt4 a.now{
			background: url(../images/bt/4_over.gif) no-repeat;
		}
		#bt5 a.now{
			background: url(../images/bt/5_over.gif) no-repeat;
		}


/*メインボックス*/
#main{
	text-align: left;
	width: 750px;
	margin: 0 0 0 210px;
	padding: 10px 0;
}
	#main h2{
		font-size: 1.4em;
		font-weight: 600;
		margin: 15px 5px 20px 5px;
		padding: 2px 10px 10px 2px;
		color: #0a50a1;
		letter-spacing: 0.1em;
		background: #fff url(../images/bg/h2.gif) repeat-x bottom;
	}
	#main h2 span{
		font-size: 0.8em;
		font-weight: 400;
		color: #536672;
		padding: 0 1em 0 1em;
		letter-spacing: 0.1em;
	}
	#main h3{
		font-size: 1.2em;
		font-weight: 600;
		margin: 20px 0 5px 10px;
		color: #0a50a2;
		letter-spacing: 0.1em;
	}
	#main h3 span{
		font-size: 0.8em;
		font-weight: 400;
		color: #536672;
		margin: 0 1em 0 1em;
		letter-spacing: 0.1em;
	}
	#main h4{
		color: #536672;
		font-weight: 600;
		margin: 10px 0 10px 12px;
	}
	
	#main p{
		margin: 0 10px 5px 15px;
		line-height: 1.4em;
	}
	#main p.center{
		text-align: center;
	}
	#main p.right{
		padding: 5px;
		text-align: right;
	}
	#main td{
		line-height: 1.4em;	
	}
	
	/*icon*/
	#main img.bottom{
		vertical-align: bottom;
	}
	
	/*list*/
	#main ul.list1{
		margin: 0 10px 10px 10px;
		padding: 0 0 0 2em;
		list-style: disc none outside;
	}
	#main ul.list1 li{
		padding: 0.2em 0.5em 0.2em 0;
		font-size: 1em;
	}
	/*float list*/
	#main ul.right_list{
		margin: 0 10px 10px 330px;
		padding: 0 0 0 2em;
		border: 1px dotted #ccc;
		list-style: disc none outside;
	}
	#main ul.right_list li{
		padding: 0.5em 0.5em 0.5em 0;
		font-size: 1em;
	}


/*禁忌品リスト*/
div#kinki{
	padding: 5px;
	margin: 10px 25px 5px 10px;
	border: 1px dotted #7fc31c;
	background: #ffc;
	width: 300px;
	float: left;
}
div#kinki2{
	padding: 5px;
	margin: 10px 25px 5px 10px;
	border: 1px dotted #7fc31c;
	background: #ffc;
	width: 630px;
}
	div#kinki p{
		margin: 0 0 5px 5px;
		padding: 0;
	}
	div#kinki2 p{
		margin: 0 0 5px 5px;
		padding: 0;
	}

/*左寄せフォト*/
.leftimage300{
	width: 300px;
	padding: 10px;
	margin: 0 5px 0 5px;
	background: #fff url(../images/bg/air_bg300.gif) no-repeat 0 0;
	float: left;
	display: inline;
}
.leftimage300_t{
	width: 300px;
	padding: 10px;
	margin: 0 5px 0 5px;
	background: #fff url(../images/bg/air_bg300_t.gif) no-repeat 0 0;
	float: left;
	display: inline;
}
.leftimage150{
	width: 150px;
	padding: 5px;
	margin: 0 5px 0 5px;
	background: #fff url(../images/bg/air_bg150.gif) no-repeat 0 0;
	float: left;
	display: inline;
}

/*リサイクルマークフロート*/
img.left120{
	width: 120px;
	float: left;
	display: inline;
}

/*回り込みテキストボックス*/
.rightBox{
	float: left;
	width: 600px;
}

/*フラッシュエリア*/
#main #flash{
	margin: 0;
	padding: 0;
}

/*ノースクリプトメッセージ*/
#main #flash div.errbox{
	margin: 5px 20px 10px 20px;
	border: 1px dotted #f33;
	display: block;
}
#main #flash p.error{
	color: #f33;
	font-weight: 600;
	margin: 0;
	padding: 4px;
	background: #cdf;
}
#main #flash p{
	margin: 5px;
}

/*leftBox*/
#left{
	position: absolute;
	top: 90px;
	left: 0;
	width: 210px;
	margin: 0;
	padding: 8px 0 0 0;
	text-align: left;
}
#left ul.images{
	list-style: none none outside;
	padding: 0 0 15px 0;
}
	#left ul.images li{
		margin: 0 0 2px 6px;
		padding: 0;
		height: 24px;
	}
	#left ul.images li a{
		border: none;
	}
		#left ul.images li a img{
			border: 1px solid #8396a2;
			margin: 1px;
		}
		#left ul.images li a:hover img{
			border: 2px solid #7fc31c;
			margin: 0;
		}
/*外部バナー*/
#left ul.outsorce{
	list-style: none none outside;
	padding: 0 5px 0 6px;
}
	#left ul.outsorce li{
		margin: 0 0 2px 0;
		padding: 0;
		height: 65px;
	}
	#left ul.outsorce li a{
		border: none;
	}
		#left ul.outsorce li a img{
			border: 1px solid #8396a2;
			margin: 1px;
		}
		#left ul.outsorce li a:hover img{
			border: 2px solid #7fc31c;
			margin: 0;
		}

/*子メニュー*/
#left ul.images li.menubox{
	height: auto;
	border: 1px solid #8396a2;
	margin: 0 11px 3px 7px;
	padding: 0;
}
#left ul.images li.menubox a img{
	margin: 0;
	border: none;
}
#left ul.images li.menubox img{
	border: none;
}
#left ul.images li.menubox ul{
	padding: 5px 0;
}
	#left ul.images li.menubox ul li{
		margin: 0 0 0 5px;
		padding: 0;
	}
	#left ul.images li.menubox ul li a{
		border-bottom: 1px solid #fff;		
	}
	#left ul.images li.menubox ul li a:hover{
		border-bottom: 1px solid #7fc31c;
	}
	#left ul.images li.menubox ul li a img{
		border: none;
		width: auto;
		height: auto;
		margin: 0;
	}
	#left ul.images li.menubox ul li a:hover img{
		border: none;
		margin: 0;
	}

/*フッター*/
#gotop{
	margin: 45px 10px 10px 10px;
	padding: 0;
	text-align: right;
}
	#gotop a{
		font-size: 0.8em;
		vertical-align: middle;
	}
	#gotop img{
		vertical-align: top;
	}

#footer{
	text-align: left;
	background: #fff url(../images/bg/footer_bg.gif) repeat-x top;
	height: 120px;
	border-top: 1px solid #8396a2;
	padding: 2px;
	margin: 0;
}
	#footer a{
		font-size: 0.8em;
		margin: 0 1em 0 1em;
		color: #0a50a1;
	}
	#copy{
		color: #8396a2;
		font-size: 0.8em;
		left: 0.2em;
		font-family: Arial, Helvetica, sans-serif;
		text-align: right;
	}

/*カウンター*/
#counter{
	position: absolute;
	border: 0;
	right: 0;
	text-align: center;
	padding: 5px;
	font-size: 0.8em;
	color: #aaa;
	font-family:Arial, Helvetica, sans-serif;
}
	#counter strong{
		margin: 0 0 0 5px;
		color: #aaa;
		font-weight: 600;
		font-size: 1.2em;
	}

/*フロートクリア*/
.clear{
	clear: both;
	display: hidden;
	font-size: 1px;
	line-height: 1px;
	padding: 0;
	margin: 0;
}