/* 基本設定
------------------------------------- */
body{
	margin: 0px;
	padding: 0px;
	text-align: center;
}
h1{
/*	border: 1px solid #f00;	*/
	color: darkgreen;
	margin: 8px 0px 5px 120px;
	padding: 0px 0px 0px 0px;
	text-indent: -9999px;
			/* 文字を表示可能域外に移動 */
	font-style: bold;
	width: 450px;
	height: 50px;
	background: url(./r-hpsTop.gif) no-repeat center left;
}
h2{
	align: center;
	text-align: center;
	border-left: solid 15px #066;
	border-right: solid 15px #066;
	border-top: solid 2px #066;
	border-bottom: solid 2px #066;
	background-color: #cfc;
	width: 400px;
	margin: 15px auto 15px auto;s
	padding: 5px;
/*	text-indent: -9999px;	*/
			/* 文字を表示可能域外に移動 */
}
h3{
	align: center;
	text-align: center;
	width: 400px;
	color: #036;
	font-weight: bold;
	border: 1px #036 solid;
	padding: 3px;
	margin: 5px auto 5px auto;
}
A{
	text-decoration: none;
}
a img{
	border: none;
}	/* リンク画像の周りに枠線を表示しない */
A:link{
	color: green;
	font-weight: bold;

}
A:visited{
	color: green;
	font-weight: bold;
}
A:hover{
	background-color: yellow;
	font-weight: bold;
}
A:active{
	color: red;
	font-weight: bold;
}
strong{
	color: red;
	background-color: yellow;
	font-size: large;
	font-weight: bold;
}
hr{
	margin: 5px auto 5px auto;
}

/* 共通基本クラス
------------------------------------- */
*.float-left{
	float: left;
	margin-right: auto;
}
*.float-right{
	float: right;
	magin-left: auto;
}
*.float-clear{
	clear: both;
}
p.cyuuigaki{
	text-align:left;	/* 左寄せ指定 */
	font-size: x-small;
	margin: 5px;
	position:relative;	/* 相対位置で配置指定 */
	left:20px;
	line-height:150%;	/* 行間指定 */
}
*.cyuuigaki{
	font-weight: bold;
	color: #f00;
	bgcolor: #fcc;
}
*.text-left{
	color: black;
	text-align: left;
	padding: 1em;
	line-height: 1.3em;
	margin: 0em;
}
*.cyuui-red{
	font-weight: bold;
	color: #f55;
}
*.title-blue{
	font-weight: bold;
	color: #00f;
}
*.comment{
	font-size: xx-small;
}

/* ■■ ＩＤ定義 */
/* レイアウト用大枠(ID設定)
------------------------------------- */
#layout{
	color: #000;
	width: 600px;
		/* 左のメニュー＝100px，右の本文＝597px */
	margin: 0px auto;
	padding: 0px;
/*	border: 1px solid #a00; */
	background: url(./img/kabe_maru05.gif) repeat #acc;
/*	background: #fff;	*/
}
/* ヘッダ部
------------------------------------- */
#header{
	width: 600px;
	margin: 0px;
	padding: 0px;
	text-align: left;
/*	border: solid 2px #0f0; */
	background: url(./img/kabe_shima27.gif) repeat #ddf;
}
#header span.header{
	font-weight: bold;
	font-size: x-small;
	margin: 0px 3px 0px 5px;
}
#headerlink{
	width: 50%;
	margin: 0px;
	border: solid 2px #ccc;
}
#header img{
	margin: 5px;
}

/* ■画面右のコンテンツ部
------------------------------------- */
#rightside{
	float: right;
	width: 497px;
		/* 左にメニューを入れる時は有効にする */
		/* 左のメニューは100px */
/*	width: 100%;	*/
		/* 左にメニューを入れる時は無効にする */
	margin: auto;
/*	margin: 0 0 0 100px;	*/
	padding: 0px 0px 0px 0px;
	text-align: center;
/*	background-color: #acc;	*/
/*	border: solid 1px #0ff;	*/
}
#rightside img{
	margin: 0px 0px 10px 0px;
}
#rightside table{
	text-align: center;
	border: solid 2px #aaa;
	margin: 0px auto 10px auto;
}
#rightside td{
	padding: 3px;
	fontsize: x-small;
}


/* ■画面左のメニュー部
------------------------------------- */
#leftside{
/*	clear: both;	*/
	float: left;
	width: 100px;
	margin: 0px;
	padding: 0px;
	text-align: left;
/*	border: solid 1px #ff0;	*/
/*	background: #050;	*/
}
#leftside ul{
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	list-style: none;
}
#leftside li{
	margin: 0;
	padding: 0;
	width: 100px;
/*	height: 30px;	*/
	text-indent: -9999px;
		/* ■メニューの文字は画面に表示しない */
}
#leftside li a{
	text-decoration: none;
		/* Firefoxで線が表示されないよにしとく */
	display: block;
	width: 100px;
/*	height: 30px;	*/
}

#leftside li#banner a{
	background: url(./icon/left-banner.jpg) no-repeat 0 0;
	height: 300px;
}
#leftside li#banner a:hover{
	background: url(./icon/left-banner.jpg) no-repeat -100px 0px;
	height: 300px;
}
#leftside li#left-4c18 a{
	background: url(./icon/left-4c18.gif) no-repeat 0 0;
	height: 100px;
}
#leftside li#left-4c18 a:hover{
	background: url(./icon/left-4c18.gif) no-repeat -100px 0px;
	height: 100px;
}
#leftside li#left-4cmeishi a{
	background: url(./icon/left-4cmeishi.gif) no-repeat 0 0;
	height: 100px;
}
#leftside li#left-4cmeishi a:hover{
	background: url(./icon/left-4cmeishi.gif) no-repeat -100px 0px;
	height: 100px;
}
#leftside li#left-5man a{
	background: url(./icon/left-5man.gif) no-repeat 0 0;
	height: 100px;
}
#leftside li#left-5man a:hover{
	background: url(./icon/left-5man.gif) no-repeat -100px 0px;
	height: 100px;
}
#leftside li#left-zihisyuppan a{
	background: url(./icon/left-zihisyuppan.gif) no-repeat 0 0;
	height: 100px;
}
#leftside li#left-zihisyuppan a:hover{
	background: url(./icon/left-zihisyuppan.gif) no-repeat -100px 0px;
	height: 100px;
}
#leftside li#left-nenga a{
	background: url(./icon/left-nenga.gif) no-repeat 0 0;
	height: 100px;
}
#leftside li#left-nenga a:hover{
	background: url(./icon/left-nenga.gif) no-repeat -100px 0px;
	height: 100px;
}

/*
現在未使用 -- ▽▽▽ ココから ▽▽▽---------------------- */
#leftside li#meishi{
	background: url(./icon/i-1.gif) no-repeat 0 0;
}
#leftside li#meishi a:hover{
	background: url(./icon/i-1.gif) no-repeat -200px 0px;
}
#leftside li#hagaki{
	background: url(./icon/i-2.gif) no-repeat 0 0;
}
#leftside li#hagaki a:hover{
	background: url(./icon/i-2.gif) no-repeat -200px 0px;
}
#leftside li#card{
	background: url(./icon/i-3.gif) no-repeat 0 0;
}
#leftside li#card a:hover{
	background: url(./icon/i-3.gif) no-repeat -200px 0px;
}
#leftside li#chirashi{
	background: url(./icon/i-4.gif) no-repeat 0 0;
}
#leftside li#chirashi a:hover{
	background: url(./icon/i-4.gif) no-repeat -200px 0px;
}
#leftside li#panfu{
	background: url(./icon/i-5.gif) no-repeat 0 0;
}
#leftside li#panfu a:hover{
	background: url(./icon/i-5.gif) no-repeat -200px 0px;
}
#leftside li#tissyu{
	background: url(./icon/i-6.gif) no-repeat 0 0;
}
#leftside li#tissy a:hover{
	background: url(./icon/i-6.gif) no-repeat -200px 0px;
}
#leftside li#dummy{
	background: url(./icon/i-6.gif) no-repeat 0 0;
}
#leftside li#dummy a:hover{
	background: url(./icon/i-6.gif) no-repeat -200px 0px;
}
#leftside li#address{
	background: url(./icon/i-6.gif) no-repeat 0 0;
}
#leftside li#address a:hover{
	background: url(./icon/i-6.gif) no-repeat -200px 0px;
}
#leftside li#form{
	background: url(./icon/i-6.gif) no-repeat 0 0;
}
#leftside li#form a:hover{
	background: url(./icon/i-6.gif) no-repeat -200px 0px;
}
/*
現在未使用 -- △△△ ココまで △△△ ---------------------- */


#leftside p#address{
	font-size: x-small;
	text-align: left;
	margin: 10px;
}


/* フッタ設定
------------------------------------- */
#footer{
	clear: both;
	width: 600px;
	height: 20px;
	margin: 0px;
	padding: 10px 0px 0px 0px;
/*	padding: 0.5em 2em 0.5em 0.5em;	*/
	background: url(./img/kabe_shima27.gif) repeat #ddf;
	text-align: right;
	font-size: x-small;
	lineheight: 1.5em;
/*	border: solid 2px #F00; */
}
#footer a{
	margin: 20px;
/*	border: solid 2px ;	*/
}
/* ■個別■ トップのナビ部
------------------------------------- */
#top-nav{
	clear: both;
	width: 600px;
	margin: 0px;
/*	padding: 5px;	/*
	text-align: left;
	vertical-align: center;
	background-color: #363;	/* darkgreen */
	list-style: none;
/*	border: solid 1px #f00;	*/
	height: 30px;
}
#top-nav ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#top-nav li{
	float: left;
/*	border: 1px solid #ccc;	*/
	border: none;
	text-align: center;
	vertical-align: center;
	font-size: x-small;
	display: inline;
		/* リスト表示を解除してインライン表示 */
	margin: 0px;
	padding: 0px;
	height: 30px;
/*	width: 500px;	*/
	text-indent: -9999px;	
		/* ■メニューの文字は画面に表示しない */
}
#top-nav li a{
/*	border: 1px solid #fcc;	*/
	text-decoration: none;
		/* Firefoxで線が表示されないよにしとく */
	background: url(./icon/top-nav.gif) no-repeat;
	display: block;
	height: 30px;
	width: 50px;
}
/*
#top-nav li a:hover{
	text-decoration: none;
		/* Firefoxで線が表示されないよにしとく */
	background: url(./icon/top-nav.gif) no-repeat;
	background-color: yellow;
	display: block;
	height: 30px;
	width: 50px;
}
*/
#top-nav li#top-top a{
	background-position: 0px 0px;
	width: 50px;
	height: 30px;
}
#top-nav li#top-top a:hover{
	background-position: 0px -30px;
	width: 50px;
	height: 30px;
}
#top-nav li#top-5man a{
	background-position: -50px 0px;
	width: 100px;
	height: 30px;
}
#top-nav li#top-5man a:hover{
	background-position: -50px -30px;
	width: 100px;
	height: 30px;
}
#top-nav li#top-4c18meishi a{		/* ■■■■■ */
	background-position: -150px 0px;
	width: 125px;
	height: 30px;
}
#top-nav li#top-4c18meishi a:hover{		/* ■■■■■ */
	background-position: -150px -30px;
	width: 125px;
	height: 30px;
}
#top-nav li#top-4cmeishi a{		/* 現在未使用 */
	background-position: -150px 0px;
	width: 125px;
	height: 30px;
}
#top-nav li#top-4cmeishi a:hover{		/* 現在未使用 */
	background-position: -150px -30px;
	width: 125px;
	height: 30px;
}
#top-nav li#top-form a{
	background-position: -275px 0px;
	width: 75px;
	height: 30px;
}
#top-nav li#top-form a:hover{
	background-position: -275px -30px;
	width: 75px;
	height: 30px;
}
#top-nav li#top-address a{
	background-position: -350px 0px;
	width: 50px;
	height: 30px;
}
#top-nav li#top-address a:hover{
	background-position: -350px -30px;
	width: 50px;
	height: 30px;
}
#top-nav li#top-nenga a{		/* 現在未使用 */
	background-position: -400px 0px;
	width: 75px;
	height: 30px
}
#top-nav li#top-nenga a:hover{		/* 現在未使用 */
	background-position: -400px -30px;
	width: 75px;
	height: 30px;
}



/* ■個別■ 価格リスト部
------------------------------------- */
#rightside table.kakaku-waku{
	text-align: left;
	border: none;
	margin: 0px;
}
#rightside tr.kakaku-title{
	background-color: #55f;
	color: #fff;
	padding: 1em;
	font-size: large;
}
#rightside tr.odd{
	background-color: #cfc;
	font-size: small;
}
#rightside tr.even{
	background-color: #ccf;
	font-size: small;
}
#rightside tr.kakaku-cyuui{
	background-color: #fcc;
	color: #f33;
	font-weight: bold;
}
#rightside ul{
	position:relative;	/* 相対位置で配置指定 */
	left:20px;
	text-align:left;	/* 左寄せ指定 */
	line-height:150%;	/* 行間指定 */
}
#rightside ul.cyuuigaki{
	text-align: left;
}
*.bikou-center{
	text-align: center;
	font-weight: bold;
	border-top: 0px;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	border-left: 0px;
}
*.bikou-left{
	text-align: left;
	font-size: small;
	border-top: 0px;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	border-left: 0px;
}



/* ■問い合わせフォーム用・共通
----------------------------------------------*/
#rightside #form{
	background-color: #cec;
	width: 450px;
	border: none;
	margin: aurto;
	padding: 1px 10px 1px 10px;
	text-aligh: left
	line-height: 1.5;
}



/* ■ヘッダ用リンク（サブナビ）（現在未使用）
------------------------------------- */
ul#header-link{
	position: absolute;	/* 絶対位置に表示 */
	top: 45px;
	left: 200px;
	margin: 0;
	padding: 0 0 0 50px;
		/* 窓サイズ可変時にロゴと重ならない様に左にマージン確保*/
	list-style: none;
	text-align: left;
	font-size: x-small;
	line-height: 1.5;
}
ul#header-link li{
	display: inline;
		/* リスト表示を解除してインライン表示 */
	padding-left: 1em;
	text-transform: uppercase;
	vertical-align: top;
}

/* 【そのほか】
------------------------------------- */
#div.center{
	text-align; center;
}