@charset "utf-8";

/* ��{�X�^�C��
---------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
body {
	font-size: 75%;
	font-family: "�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", "�l�r �o�S�V�b�N", sans-serif;
	line-height: 1.4;
	color: #333333;
	background: #f3f3f3;
	
	text-align:center;
}
a {
	color: #333333;
	text-decoration:none;
}
a:visited {
	color: #333333;
	text-decoration:none;
}
a:hover {
	color: #333333;
	text-decoration:none;
}
img {
	border: none;
	vertical-align: top;
}
.cap {
	font-size:xx-small;
	line-height:1.2em;
	color:#333333;
}
#confirm {
	text-align:left;
	margin:5px auto 15px auto;
	width:440px;
}
.cap2 {
	clear:both;
	width:440px;
	font-size:xx-small;
	line-height:1.2em;
	color:#333333;
	margin:15px 0;
}
#wrapper {
	position:relative;
	/*top:0px;
	margin-left:auto;
	margin-right:auto;
	width: 760px;*/
	/*height:600px;*/
	background-color: #ffffff;
	border:1px #ffffff;
	
	width:840px;
	margin:0 auto;
	text-align:left;
}


/* �w�b�_�[
---------------------------------------------*/
#header {
	/*position: absolute;
	width:760px;*/
	height:70px;
	/*top: 0px;
	left:0p;*/
	background:url(../img/head3.gif);
}
#header ul {
	position:absolute;
	top:48px;
	width:840px;
	height:18px;
	text-align:right;
	font-size:x-small;
	color:#666666;
}
#header li {
	margin:0px;
	/*text-align:right;*/
	display: inline;
}
#header a {
	color: #666666;
}
#header a:visited {
	color: #666666;
}
#header a:hover {
	color: #666666;
}
#logo {
	position: absolute;
	left: 25px;
	top: 0px;
}

	/*  �{��
---------------------------------------------*/
#main {
	/*clear:both;
	position:relative;
	top:105px;*/
	/*left:0px;
	margin:0 0 0 0;
	padding:0 25px 25px 25px;*/
	/*width:760px;*/
	background-color:#ffffff;
	height:630px;
	
	position:relative;
	margin:0 0 30px 0;
	width:100%;
}
#mainf {
	background-color:#ffffff;
	height:630px;
	text-align:center;
	position:relative;
	margin:10px auto 30px auto;
	width:100%;
}
#mainf table{
	margin:30px 0 30px auto;
	text-align:left;
}

#topimg a {
	position:absolute;
	top:277px;
	left:20px;
}
#menutop1 {
	width:190px;
	position:absolute;
	top:315px;
	left:19px;
}
#menutop2 {
	width:190px;
	position:absolute;
	top:315px;
	left:223px;
}
#menutop3 {
	width:190px;
	position:absolute;
	top:315px;
	left:427px;
}
#menutop4 {
	width:190px;
	position:absolute;
	top:315px;
	left:631px;
}

#banner {
	background: #ffffff;
	position:absolute;
	right:19px;
	top:576px;
	width:190px;
	margin:0;
	padding:0;
}
#banner2 {
	background: #ffffff;
	position:absolute;
	right:24px;
	top:435px;
	width:200px;
	margin:0;
	padding:0;
}
#mailmagz {
	position:absolute;
	left:19px;
	top:430px;
	width:190px;
}
#menuright {
	text-indent:-9999px;
	/*float:left;*/
	background: #ffffff;
	position:absolute;
	right:19px;
	top:430px;
	width:190px;
}
#menuright1 {
	margin:0;
	list-style:none;
	background:url(../img/scr_menu_right.gif);
	border-top:1px solid #999999;
	border-left:1px solid #999999;
}
#menuright1 li {
	margin:0;
	padding:0;
	width: 189px;
	height:40px;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
} 
#menuright1 li a {
	text-decoration:none;
	display: block;
	width:189px;
	height:40px;
	background-image: url(../img/scr_menu_right.gif);
}
#menuright2 {
	margin:0 0 5px 0;
	list-style:none;
	background:url(../img/menuright2.gif);
	border-top:0px solid #999999;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
}
#menuright2 li {
	margin:0;
	padding:0;
	width: 150px;
	height:25px;
	border-bottom:1px solid #999999;

} 
#menuright2 li a {
	text-decoration:none;
	display: block;
	width:150px;
	height:25px;
	background-image: url(../img/menuright2.gif);
}


	#mr01 { background-position: 0 0px; }
	#mr02 { background-position: 0 -40px; }
	#mr03 { background-position: 0 -80px; }
	#mr04 { background-position: 0 -120px; }
	
	#mr01 a { background-position: 0 0px; }
	#mr02 a { background-position: 0 -40px; }
	#mr03 a { background-position: 0 -80px; }
	#mr04 a { background-position: 0 -120px; }
	
	#mr01 a.stay { background-position: -190px 0px; }
	#mr02 a.stay { background-position: -190px -40px; }
	#mr03 a.stay { background-position: -190px -80px; }
	#mr04 a.stay { background-position: -190px -120px; }
	
	
	#mr01 a:hover { background-position: -190px 0px; }
	#mr02 a:hover { background-position: -190px -40px; }
	#mr03 a:hover { background-position: -190px -80px; }
	#mr04 a:hover { background-position: -190px -120px; }

#info {
	position:absolute;
	top:430px;
	left:223px;
}
#infotext {
	position:absolute;
	top:461px;
	left:223px;
	height:68px;
	width:394px;
	overflow:auto;
	font-size:85%;
}

#whats {
	position:absolute;
	top:548px;
	left:223px;
}
#whatstext {
position:absolute;
	top:576px;
	left:223px;
	height:70px;
	width:394px;
	overflow:auto;
	font-size:85%;
}
#content {
	/*position:absolute;
	top:0px;
	left:198px;
	width:525px;
	float:right;*/
	
	margin-left:202px;
	width:525px;
}
#barrmb {
	display:block;
	height:14px;
	width:525;
	text-indent:-9999px;
	background:#a20848 url(../img/bar_rmb.gif) no-repeat;
	}
#baromb {
	display:block;
	height:14px;
	width:525;
	text-indent:-9999px;
	background:#a20848 url(../img/bar_omb.gif) no-repeat;
	}
#barmtrl {
	display:block;
	height:14px;
	width:525;
	text-indent:-9999px;
	background:#a20848 url(../img/bar_mtrl.gif) no-repeat;
}
#barabout {
	display:block;
	height:14px;
	width:525;
	text-indent:-9999px;
	background:#a20848 url(../img/bar_about.gif) no-repeat;
}
#barprvcy {
	display:block;
	height:14px;
	width:525;
	text-indent:-9999px;
	background:#a20848 url(../img/bar_prvcy.gif) no-repeat;
}
#baratlr {
	display:block;
	height:14px;
	width:525;
	text-indent:-9999px;
	background:#a20848 url(../img/bar_atlr.gif) no-repeat;
}
#barcntct {
	display:block;
	height:14px;
	width:525;
	text-indent:-9999px;
	background:#a20848 url(../img/bar_cntct.gif) no-repeat;
}
#barlink {
	display:block;
	height:14px;
	width:525;
	text-indent:-9999px;
	background:#a20848 url(../img/bar_link.gif) no-repeat;
}
#barsitemap {
	display:block;
	height:14px;
	width:525;
	text-indent:-9999px;
	background:#a20848 url(../img/bar_sitemap.gif) no-repeat;
}
#barnone {
	display:block;
	height:14px;
	width:525;
	text-indent:-9999px;
	background:#a20848 url(../img/bar_none.gif) no-repeat;
}
h1 {
	display:none;
	text-indent:-9999px;
}
h2 {
	display:none;
	text-indent:-9999px;
}
#content h3 {
	display:block;
	font-size:10px;
	height:100%;
	width:440px;
	margin:10px 0 10px 0;
	padding-left:5px;
	vertical-align:middle;
	border-left:#a20848 5px solid;
}
#content h4 {
	display:block;
	height:20px;
	width:440px;
	margin:15px 0 15px 0;
}
#content #shop {
	width:525px;
	margin:15px 0px 15px 0;
	padding:0;
}
#content #shop a {
	margin-right:5px;
		float:left;
}
#content p.narrow {
	width:440px;
}
#content .photo {
	float:left;
	margin:0 10px 5px 0;
}
#content .proc {
	float:left;
	width:440px
	margin:0 0 5px auto;
}
#content .arrow{
	clear:both;
	margin:0px 10px 10px 22px;
}
#content dt {
	display:block;
	height:20px;
	width:440px;
	border-bottom:#cccccc 1px solid;
	/*margin:15px 0 5px 0;*/
}
#content dd {
	width:440px;
	margin:5px 0 30px 0;
}
#tokushou {
border-top:#999999 1px solid;
border-bottom:none;
border-left:#999999 1px solid;
border-right::none;
text-align:left;
width:100%;
font-size:100%;
}
#tokushou th{
font-weight:normal;
border-top:none;
border-bottom:#999999 1px solid;
border-left:none;
border-right:#999999 1px solid;
padding:5px;
text-align:left;
width:125px;
}
#tokushou td{
border-top:none;
border-bottom:#999999 1px solid;
border-left:none;
border-right:#999999 1px solid;
padding:5px;
text-align:left;
}
#linktable {
border-top:#999999 1px solid;
border-bottom:none;
border-left:none;
border-right::none;
text-align:left;
width:100%;
font-size:100%;
}
#linktable th{
font-weight:normal;
border-top:none;
border-bottom:#999999 1px solid;
border-left:none;
border-right:none;
padding:5px;
text-align:left;
width:200px;
}
#linktable td{
border-top:none;
border-bottom:#999999 1px solid;
border-left:none;
border-right:none;
padding:5px;
text-align:left;
font-size:75%;
}
#chuui {
position:relative;
	clear:both;
	width:525px;
	margin:15px 0 0 0;
	padding:15px 0 0 0;
}
#chuui a {
	position:absolute;
	top:70px;
	right:0px
}
#chuui2 {
position:relative;
	clear:both;
	width:525px;
	margin:25px 0 15px 0;
	padding:0 0 0 0;
}
#chuui2 a {
	position:absolute;
	top:0px;
	right:0px
}

/*#navi {
	margin:0 0 0 217px;
	width:91px;
}*/
#navi {
	width:100%;
	height:15px;
	text-align:center;
	font-size:100%;
	color:#666666;
	text-decoration:none;
}
#navi li {
	display:inline;
	margin:0;
}
#navi li a {
	text-decoration:none;
	color:#a20848;
}
/*#navi li.next {
	width:45px;
	background-image:url(../img/prev_on.gif);
	background-position:left:46px;
}
#navi li.prev {
	width:46px;
	background-image:url(../img/prev_on.gif);
}
#navi li.nextoff {
	width:45px;
	background-image:url(../img/prev_off.gif);
	background-position:left:46px;
}
#navi li.prevoff {
	width:46px;
	background-image:url(../img/prev_off.gif);
}*/

#henpin {
	list-style:none;
	width:440px;
	}
#toform {
	display:block;
	border:#999999 1px solid;
	background-color:#FFFFCC;
	margin:10px 0 10px 0;
	padding:10px;
	width:420px;
}
#toform a {
	display:block;
	width:180px;
	height:30px;
	border:#cccccc 1px solid;
	background-color:#FFFFFF;
	text-align:center;
	text-decoration:none;
	vertical-align:middle;
	margin:10px auto 0 auto;
	padding:10px 0 0 0;
}

#tosample {
	position:absolute;
	top:180px;
	right:50px;
	/*float:left;*/
	}
#product {
	width:525px;
	height:315px;
	margin:5px 0 10px 0;
	padding:0px;
	border-top:#CCCCCC 1px solid;
	border-left:#CCCCCC 1px solid;
}
#product a{
	float:left;
	height:102px;
	width:102px;
	margin:0;
	padding:2px 0px 0px 2px;
	border-right:#cccccc 1px solid;
	border-bottom:#cccccc 1px solid;
}
	
#jump {
	display:block;
	font-size:x-small;
	color:#666666;
	height:75px;
	width:525px;
	border:#cccccc 1px dashed;
	margin-bottom:10px;
	}
#jump a{
	float:left;
	margin:0 5px 25px 0;
}
#jump .box {
	margin:5px;
	width:164px;
	float:left;
}
#jump2 {
	display:block;
	font-size:x-small;
	color:#666666;
	height:60px;
	width:525px;
	border:#cccccc 1px dashed;
	margin-bottom:10px;
	margin-top:20px;
}
#jump2 a{
	float:left;
	margin:3px 5px 25px 0;
}
#jump2 .box2 {
	margin:5px;
	width:375px;
	float:left;
}
.box3 {
	float:left;
	margin:4px 0;
}
.box3 a{
	display:block;
	width:125px;
	height:30px;
	border:#cccccc 1px solid;
	background-color:#FFFFCC;
	text-align:center;
	text-decoration:none;
	vertical-align:middle;
	float:left;
	padding-top:15px;
}

#link {
	width:90%;
	/*text-align:left;:*/
}
#link td {
	vertical-align:top;
}
#mainlink {
	list-style:disc;
	margin:25px;
}
#sublink {
	list-style:circle;
	margin:0px 25px 25px 25px;
	display:list-item;
	
}
/* ���j���[
---------------------------------------------*/







#products {
	margin:20px 0 20px 2px;
	list-style:none;
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;
	border-right:none;
	border-bottom:none;
	font-size:xx-small;
	background-image:none;
	width:520px
}
#products li {
	/*margin:0;
	padding:0;*/
	width:51px;
	hight:13px;
	border-top:none;
	border-left:none;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	float:left;
} 
#products li a {
	background-color:#CCCCCC;
	text-decoration:none;
	text-align:center;
	display: block;
	width:51px;
	height:13px;
}

/*  �w�i�摜�̈ʒu
---------------------------------------------*/
	
	/* �ʏ� */
	

	
	
	
#footer {
	/*clear:both;*/
	/*position:absolute;*/
	/*position:relative;*/
	/*vertical-align:middle;*/
	/*top:600px;*/
	/*margin:0px;*/
	padding:6px 8px 0 8px;
	/*width:760px;*/
	height:18px;
	background-color:#730045
}
#footer address {
	/*top:5px;
	left:10px;*/
	font-size:xx-small;
	font-style:normal;
	color:#FFFFFF;
	float:left;
}
#footer ul {
	/*position:absolute;*/
	/*top:600px;*/
	/*width:760px;
	height:18px;*/
	text-align:right;
	font-size:x-small;
	color:#FFFFFF;
}
#footer li {
	margin:0;
	display: inline;
}
#footer a {
	color: #ffffff;
}
#footer a:visited {
	color: #ffffff;
}
#footer a:hover {
	color: #ffffff;
}

/*form*/
#inquiry {
	width: 525px; /* ボックスの幅を指定 */
}
#inquiry table {
	border-top: 1px solid #CCCCCC;
	border-bottom: none;
	border-left: none;
	border-right:  1px solid #CCCCCC;
	font-size: 100%;
	width: 100%;
}
#inquiry td {
	border-top: none;
	border-bottom: 1px solid #CCCCCC;
	border-left: none;
	border-right: none;
	padding: 5px;
}
#inquiry th {
	border-top: none;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: none;
	background-color:#FFFFCC;
	font-weight: normal;
	padding: 5px;	
	width: 150px;
	text-align:left;
}
#inquiry th.must {
	border-left-color: #D90000;
}
#inquiry th em {
	font-style: normal;
	color: #FF0000;
	padding-left: 5px;
}
.text1,.text2,.text3,.text4,.text5,.text6,.text7 {
	border: 1px solid #CCCCCC;
	background-color: #F3F3F3;
	padding: 2px;
}
.text1 {
	width: 100px;
}
.text2 {
	width: 4em;
}
.text3 {
	width: 98%;
}
.text4 {
	width: 98%;
}
.text5 {
	font-size:75%;
}
.text6 {
	width: 2em;
}
.text7 {
	width:60%;
}

#inquiry select {
	border: 1px solid #CCCCCC;
	background-color: #F3F3F3;
}
#inquiry .submit {
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;

}
.text1:focus,.text2:focus,.text3:focus,.text4:focus {
	border-color: #7F9DB9; /* フォーカス時のボーダーの色を指定 */
	background-color: #FFFFFF; /* フォーカス時の背景色を指定 */
}

#proleft {
border-top:#999999 1px solid;
border-bottom:none;
border-left:#999999 1px solid;
border-right::none;
text-align:left;
font-size:100%;
	width:525px;
	height:302px;
}
#proleft th{
font-weight:normal;
border-top:none;
border-bottom:#999999 1px solid;
border-left:none;
border-right:none;
}
#proright {
border-top:none;
border-bottom:#999999 1px solid;
border-left:none;
border-right::#999999 1px solid;
}
#spec {
border-top:none;
border-bottom:none;
border-left:none;
border-right::none;
text-align:left;
font-size:100%;
	width:145px;
	height:302px;
}
#spec th{
font-weight:normal;
font-size:75%;
border-top:none;
border-bottom:#999999 1px solid;
border-left:#999999 1px solid;
border-right:#999999 1px solid;
padding:2px;
text-align:left;
width:38px;
}
#spec td{
	font-size:75%;
border-top:none;
border-bottom:#999999 1px solid;
border-left:none;
border-right:#999999 1px solid;
padding:2px;
text-align:left;
}