@charset "shift_jis";



/* 　　メモ
---------------------------------
上から順番

１．全体、基本デザイン
２．見出しとリンク関係
３．Head
４．Side
５．Main
６．Foot



---------------------------------　 */

/* --------------全体------------- */
* {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}
#wrapperie {	/* IE表示対策用　いいのがあったら変えたい… */
	text-align: center;
}
#wrapper {	/* IE以外ブラウザセンタリング */
	width: 950px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}
img {
	border: 0;
	vertical-align: baseline;
}
#head {
	width: 950px;
	position: relative;
	z-index: 10;
}
#contents {
	width: 950px;
}
#side {
	float: left;
	width: 160px;
	font-size: 10pt;
	position: relative;
	z-index: 5;
}
#main {
	float: right;
	width: 790px;
}
#foot {
	width: 790px;
	font-size: 10pt;
}
/* --------------見出しとリンク関係------------- */

h2 {
	background-image: url("../image/h-bg.gif");	/* サイドバーで使用するスペース部分 */
	font-size: 12pt;
	font-weight: bold;
	color: #fff;
	width: 770px;
	text-align: left;
	margin: 10px 0px 10px 0px;
	background-color: #999;
}
h3 {
	background-image: url("../image/h-bg1.gif");	/* サイドバーで使用するスペース部分 */
	font-size: 11pt;
	font-weight: bold;
	color: #000;
	width: 730;
	text-align: left;
	margin-bottom: -10px;
	background-color: #EFEFEF;
}


h5 {
	background-image: url("../image/h-bg.gif");	/* サイドバーで使用するスペース部分 */
	font-size: 10pt;
	font-weight: bold;
	color: #fff;
	width: 150px;
	height: 15px;
	text-align: center;
	margin: 10px 0px 0px 10px;
	background-color: #999;
}
h6 {
	background-image: url("../image/h-bg.gif");	/* フッターで使用するスペース部分 */
	font-size: 10pt;
	font-weight: bold;
	color: #fff;
	width: 360px;
	height: 15px;
	background-color: #999;
}
a:hover img {	/* リンクタグの後に画像挿入タグが入ると白く画像をぼかします（８０あたりがいいんかも）各ブラウザ対応Ver */
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
}
a:hover img.normal {	/* 強制的に↑の仕様になるので、まずいものはこれで解除。各ブラウザ対応Ver */
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	background: #fff;
}
/* --------------へっだ------------- */
#title1 {
	width: 465px;
	float:left;
}
#title2 {
	width: 485px;
	float:right;
}
#titlel {
	width: 280px;
	float: left;
	background-color: #fff;
/*	text-align: center; */
/*	margin: 5px 0px 0px 30px; */
}
#titler {
	width: 160px;
	float: right;
	text-align: center;
	margin: 5px 30px 0px 0px;
}

#menu {
	width: 952px;
	clear: both;
	padding: 0;
	margin: 0;
	z-index: 100;
}

ul.headmenu {
	list-style : none;
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 13px;
}
li#hmenull {
	float:left;
	padding: 0;
	margin: 0;
	width: 26px;
	height: 25px;
}
li#hmenuli0 {
	float:left;
	padding: 0;
	margin: 0;
	width: 90px;
	height: 25px;
	position: relative;
}
li#hmenuli0 a{
	display: block;
	background: url(../image/head-bar/04.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
	line-height: 25px;
	text-decoration: none;
	height: auto;
	color: #000;
	font-weight: bold;
}
li#hmenuli0 a:visited{
	text-decoration : none;
}
li#hmenuli0 a:hover{
	background: url(../image/head-bar/04a.gif) no-repeat;
	color: #fff;
	font-weight: bold;
}
li#hmenuli1 {
	float:left;
	padding: 0;
	margin: 0;
	width: 90px;
	height: 25px;
	position: relative;
}
li#hmenuli1 a{
	display: block;
	background: url(../image/head-bar/02.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
	line-height: 25px;
	text-decoration: none;
	height: auto;
	color: #fff;
	font-weight: bold;
}
li#hmenuli1 a:visited{
	text-decoration : none;
}
li#hmenuli1 a:hover {
	background: url(../image/head-bar/02a.gif) no-repeat;
	color: #000;
	font-weight: bold;
}

.popup {
	position: absolute;
	display: none;
}
a:hover .popup {
	display: block;
	top: 25px;
	left: 0px;
	z-index: 100;
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}

li#hmenuli2 {
	float:left;
	padding: 0;
	margin: 0;
	width: 90px;
	height: 25px;
	position: relative;
}
li#hmenuli2 a{
	display: block;
	background: url(../image/head-bar/03.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
	line-height: 25px;
	text-decoration: none;
	height: auto;
	color: #fff;
	font-weight: bold;
}
li#hmenuli2 a:visited{
	text-decoration : none;
}
li#hmenuli2 a:hover{
	background: url(../image/head-bar/03a.gif) no-repeat;
	color: #000;
	font-weight: bold;
}

li#hmenuli3 {
	float:left;
	padding: 0;
	margin: 0;
	width: 90px;
	height: 25px;
	position: relative;
}
li#hmenuli3 a{
	display: block;
	background: url(../image/head-bar/06.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
	line-height: 25px;
	text-decoration: none;
	height: auto;
	color: #00f;
	font-weight: bold;
}
li#hmenuli3 a:visited{
	text-decoration : none;
}
li#hmenuli3 a:hover{
	background: url(../image/head-bar/06a.gif) no-repeat;
	color: #fff;
	font-weight: bold;
}

#searchselect {
	font-size: 10pt;
	margin: 0px 0px 10px 0px;
}
#searchbox {
	width: 95px;
	font-size: 10pt;
	margin: 0px 0px 10px 0px;
}
#searchbotan {
	font-size: 10pt;
}
/* --------------さいどばー------------- */

#sideber {
	width: 160px;
	text-align: center;
}
ul.smenu {
	list-style-image: url("../image/ico001.gif");
	list-style-position: inside;
}
li.sidemenup {
	text-align: left;
	margin: 5px 0px 5px 10px;
}
li.sidemenup a{
	border-bottom: dashed #999 1px;
	font-size: 10pt;
	color: #000;
	text-decoration: none;
}
.sidemenup a:hover{
	border-bottom: solid #999 1px;
}
li.sidemenup2 {
	text-align: left;
	margin: 5px 0px 5px 10px;
}
li.sidemenup2 a{
	border-bottom: dashed #999 1px;
	font-size: 8pt;
	color: #000;
	text-decoration: none;
}
.sidemenup2 a:hover{
	border-bottom: solid #999 1px;
}

#sidebody {
	font-size: 10pt;
	color: #000;
	margin: 0px 0px 0px 10px;
}
#sidelink {
	font-size: 10pt;
	width: 150px;
	text-align: center;
	margin: 20px 0px 20px 10px;
}
img#sidebox1 {
	margin: 3px 0px 5px 0px;
}
img#sidebox2 {
	margin: 5px 0px 5px 0px;
}
img#sidebox3 {
	margin: 10px 0px 0px 10px;
	text-align: center;
}

/*休業日のぽっぷあっぷ用*/

div#popbox {
	position: relative;
	z-index: 2;
}

img#sidebox0 {
	margin: 15px 0px 3px 0px;
	width:140px;
	height: 65px;
}
.side0pop {
	position: absolute;
	display: none;
}
a:hover .side0pop {
	display: block;
	top: 15px;
	left: 0px;
/*	z-index: 80;*/
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}

/* --------------めいん------------- */
#pagehead {
	font-size: 10pt;
	color: #00f;
	text-align: right;
}

#maincontents {
	width: 750px;
	clear: both;
	margin: 0px;
}
#maincontents1 {
	width: 760px;
	clear: both;
	margin-left: 50px;
}
#maina {
	width: 320px;
	float: left;
	margin: 20px 0px 0px 50px;
	text-align: center;
}
#mainb {
	width: 320px;
	float: right;
	margin: 20px 10px 0px 0px;
	text-align: center;
}
#mainae {
	width: 320px;
	float: left;
	margin: 20px 0px 50px 50px;
	text-align: center;
}
#mainbe {
	width: 320px;
	float: right;
	margin: 20px 10px 30px 0px;
	text-align: center;
}

.iframebox {
	width: 316px;
	height: 80px;
}

iframe.newlamp {
	border: 2px #f33 solid;
	width: 316px;
	height: 80px;
	overflow: auto;
}
iframe.newkigu {
	border: 2px #f90 solid;
	width: 316px;
	height: 80px;
	overflow: auto;
}
iframe.newtoner {
	border: 2px #666 solid;
	width: 316px;
	height: 80px;
	overflow: auto;
}
iframe.newkaden {
	border: 2px #069 solid;
	width: 316px;
	height: 80px;
	overflow: auto;
}
iframe.newkagu {
	border: 2px #963 solid;
	width: 316px;
	height: 80px;
	overflow: auto;
}
iframe.newoutdoor {
	border: 2px #4d1 solid;
	width: 316px;
	height: 80px;
	overflow: auto;
}
iframe.newpet {
	border: 2px #db0 solid;
	width: 316px;
	height: 80px;
	overflow: auto;
}
p.aboutfre {
	border: 2px #999 solid;
	width: 320px;
	height: 140px;
	text-align: center;
	background-color: #fff;
	padding: 4.5px 0px 4.5px;
}

table.makerlink {
	width: 630px;
}
table.makerlink td{
	padding: 3 3 3 5;
	background-image: url("../image/h-bg1.gif");
	background-color: #EFEFEF;
}
table.makerlink td a{
	color: #000;
	text-decoration: none;
	display: block;
}

table.makerlink td a:hover {
	background-image: url("../image/h-bg.gif");
	color: #fff;
	background-color: #999;
}

/* --------------ふった------------- */
.foothead {
	clear: both;
	font-size: 10pt;
	width: 790px;
	text-align: center;
	margin: 10px 0px 20px 0px;
}
.boxall {
	width: 730px;
	clear: both;
	margin: 0px 30px 0px 30px;
	text-align: center;
}
#box1 {
	width: 360px;
	height: 120px;
	font-size: 10pt;
	color: #000;
	float: left;
	padding-bottom: 10px;
	text-align: left;
}
#box2 {
	width: 360px;
	height: 120px;
	font-size: 10pt;
	color: #000;
	float: right;
	padding-bottom: 10px;
	text-align: left;
}
#box3 {
	width: 360px;
	height: 150px;
	font-size: 10pt;
	color: #000;
	float: left;
	padding-bottom: 10px;
	text-align: left;
}
#box4 {
	width: 360px;
	height: 150px;
	font-size: 10pt;
	color: #000;
	float: right;
	padding-bottom: 10px;
	text-align: left;
}
#footend {
	width: 790px;
	font-size: 10pt;
	text-align: center;
}
span.bold{
	font-weight: bold;
}
#flash {
	width: 700px;
	height: 45px;
	text-align: left;
	font-size: 10pt;
	color: #000;
	border: 2px solid #999;
	padding: 5px 0px 5px 5px;
	margin: 0 auto;
}
img.flor {
	float: left;
}
/* :::::::::::::::::::::::::IEのみFLASH表示関連の */

div.aflabox {
	position: relative;
}

div#flabox {
	position:absolute;
	top: 0;
	left: 0px;
}

p.delete {
	position:absolute;
	width: 770px;
	height: 740px;
}