@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #DBEAF2;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #33333;
	font-size:0.9em;
}
.oneColFixCtrHdr #container {
	width:730px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	background: #FFFFFF;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	border: 1px solid #003366;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
}
.oneColFixCtrHdr #header {
	padding: 0;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
	padding:0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
	background:url(img/top01.jpg) left top no-repeat;
	width:730px;
	height:53px;
	text-indent:-9999px;
}
.oneColFixCtrHdr #header p{float:right;
	margin:-20px 20px 0 0;
	height:20px;}
.oneColFixCtrHdr #mainContent {
	padding: 0 0 0 0; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	background: #FFFFFF;
}
.oneColFixCtrHdr #mainContent h1{
	margin:0;padding:0;
	clear:both;
	background:url(img/top02.jpg) left top no-repeat;
	width:730px;
	height:170px;
	text-indent:-9999px;}
#mainmenu{
	margin:0;padding:0;
	width:730px;
	height:42px;
	list-style:none;
	border-top:1px solid #006699;
	border-bottom:1px solid #006699;
	background:url(img/menu.jpg);
	display:block;
}
#mainmenu li{
	display:block;
	float:left;

}
#mainmenu li a{
	width:146px;
	height:42px;
	display:block;
	text-indent:-9999px;
}
#nav0{background:url(img/menu.jpg);background-position:0 0;}
#nav1{background:url(img/menu.jpg);background-position:-146px 0;}
#nav2{background:url(img/menu.jpg);background-position:-292px 0;}
#nav3{background:url(img/menu.jpg);background-position:-438px 0;}
#nav4{background:url(img/menu.jpg);background-position:-584px 0;}
a:hover#nav0{background-position:0 42px;}
a:hover#nav1{background-position:-146px 42px;}
a:hover#nav2{background-position:-292px 42px;}
a:hover#nav3{background-position:-438px 42px;}
a:hover#nav4{background-position:-584px 42px;}

.oneColFixCtrHdr #footer {
	padding: 0 10px; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
	text-align:center;
	font-size:0.8em;
	border-top:1px dotted #999999;
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 10px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
}
#kouka{
	margin:20px 0 0 0;padding:0;
	width:730px;
	height:250px;
	background:url(img/top03.jpg) left top no-repeat;
	text-indent:-9999px;}
#T00{margin:10px 0 10px 35px;font-size:0.9em;}
#T01{width:201px;
	height:242px;
	background:url(img/top04.jpg) left top no-repeat;}
#T01 h3,#T02 h3,#T03 h3,#T04 h3{text-indent:-9999px;}
#T01 p{padding:135px 15px 15px;}
#T02{width:201px;
	height:242px;
	background:url(img/top05.jpg) left top no-repeat;}
#T03{width:201px;
	height:242px;
	background:url(img/top06.jpg) left top no-repeat;}
#T02 p{padding:135px 18px 18px;}
#T03 p{padding:130px 18px 18px;}
#T04{width:28px;
	height:242px;
	background:url(img/plus.jpg) left top no-repeat;}
#price{margin:0 35px;
	width:660px;
	height:110px;
	background:url(img/price.jpg) left top no-repeat;
	text-indent:-9999px;}
h4 a{margin:10px 135px;
	text-align:center;
	text-indent:-9999px;
	display:block;
	width:457px;
	height:59px;
	background:url(img/order.jpg) left top no-repeat;}
h4 a:hover{
	background-position:0 -58px;}
#voice{margin:10px 35px 50px;
	padding:10px 0 0 0;
	width:660px;
	height:120px;
	border-bottom:2px dotted #CCCCCC;
	border-top:2px dotted #CCCCCC;}
#voice h3{
	margin:0;
	padding:0
	width:255px;
	height:40px;
	text-indent:-9999px;
	background:url(img/voice.jpg) left top no-repeat;}
#voice p{margin:0;padding:0;}
#voice h4{margin:10px 0 5px;padding:0;}
#footmenu{
	margin:10px 0 0 25px;
	padding:0;
	width:700px;
	height:40px;
	list-style:none;
	display:block;
}
#footmenu li{
	margin:20px 2px 0;
	width:132px;
	height:40px;
	float:left;
	text-indent:-9999px;
	display:block;
}
#footmenu li a{
	display:block;
	width:132px;
	height:40px;}
#navi01{background:url(img/top_buttum.jpg) top left no-repeat;}
#navi02{background:url(img/top_buttum2.jpg) top left no-repeat;}
#navi03{background:url(img/top_buttum3.jpg) top left no-repeat;}
#navi04{background:url(img/top_buttum4.jpg) top left no-repeat;}
#navi05{background:url(img/top_buttum5.jpg) top left no-repeat;}
.clearF{clear:both;}
#inputForm{margin:10px 0 20px 60px;
	font-size:0.8em;
}
.required{font-style:normal;
	font-weight:normal;
	color:#990000;
	font-size:12px;}
#inputForm th,#inputForm td{
	padding:10px 17px;
	border-bottom:1px solid #E1D9CA;
	text-align:left;}
#inputForm th{
	width:180px;}
#inputForm td{
	background:#F8F6F2;}
#inputForm .text1,
#inputForm .text2,
#inputForm .text3{
	border:1px solid #E1D9CA;
	padding:3px;}
#inputForm .text1{
	width:154px;}
#inputForm .text2{
	width:285px;}
#inputForm .submit{
	text-align:center;}
#inputForm .text1:focus,
#inputForm .text2:focus,
{border:1px solid #D94040;}
#panf{
	margin:30px 50px 5px 30px;
	padding:5px 6px 4px;
	font-size:1em;
	color:#003366;
	border-bottom:1px #003366 dashed;
	border-top:1px #003366 dashed;
	border-left:5px #003366 solid;}
#thanks{
	margin:50px 0;
	text-align:center;}
#order{
	margin:20px 50px;
	line-height:150%;}