/* CSS Document */

*{ margin:0; padding:0; border:0;}

img{ border:0;}

html{ background:#fff;}

body{
	background:#fff url(../images/bg_body.jpg) top center repeat-x;
	margin: 0px;
	padding: 0px;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration: none;
	line-height:1.5em;
	}




/* word -------------------------------------------------------------- */



a:link			{ text-decoration:underline; color:#f5a22c;}
a:hover			{ text-decoration:none; color:#f52c4d;}
a:active		{ text-decoration:underline; color:#f52c4d;}
a:visited		{ text-decoration:underline; color:#f52c4d;}



h1 {margin:10px 0px;}

h2 {margin:20px 0px 10px 0px;
	background:url(../images/bg_h2.gif) 0 0 no-repeat;
	font-size:20px;
	font-weight:bold;
	color:#FFFFFF;
	text-indent:25px;
	line-height:2em;
	height:40px;}

h4 {margin:15px 0px 10px 0px;
	background:url(../images/bg_h4.gif) 0 0 no-repeat;
	font-size:16px;
	font-weight:bold;
	color:#91a501;
	text-indent:25px;
	line-height:1.8em;
	vertical-align:middle;
	height:30px;}

h5 {margin:10px 0px 5px 0px;
	font-size:13px;
	color:#91a501;
	font-weight:bold;}




.pink {color:#ee859a;}










/* contents -------------------------------------------------------------- */




#cont{
		width:850px;
		height:100%;
		margin:0px auto;
		background:url(../images/bg_cont.gif) top center repeat-y;}




#header {
		width:850px;
		height:310px;
		margin:0px auto;
		background:url(../images/bg_header.jpg) top center no-repeat;}
		
		#header table {width:850px;}
		#header td.top {height:250px;}
		#header td.top a {display:block;
							height:250px;
							width:850px;
							text-decoration:none;
							text-indent:-999em;}

		img.volks {margin-left:10px;}
		img.howto {margin-right:10px; text-align:right;}

		#header td.navi {height:30px; text-align:center;}
		#header td.navi ul {margin: 0px 155px; padding:0px 0px;}
		#header td.navi li {float:left; list-style-type:none; margin:0px; padding:0px;}
		#header td.navi a {display:block;
							height:30px;
							width:180px;
							text-decoration:none;
							text-indent:-999em;}

		#header td.navi a.first{background:url(../images/navi_01.gif) 0 0 no-repeat;}
		#header td.navi a.limited{background:url(../images/navi_02.gif) 0 0 no-repeat;}
		#header td.navi a.sumika{background:url(../images/navi_03.gif) 0 0 no-repeat;}									

		#header td.navi a.first:hover{background:url(../images/navi_01.gif) 0 -30px no-repeat;}
		#header td.navi a.limited:hover{background:url(../images/navi_02.gif) 0 -30px no-repeat;}
		#header td.navi a.sumika:hover{background:url(../images/navi_03.gif) 0 -30px no-repeat;}									

		#header td.navi a.first2{background:url(../images/navi_01.gif) 0 -60px no-repeat;}
		#header td.navi a.limited2{background:url(../images/navi_02.gif) 0 -60px no-repeat;}
		#header td.navi a.sumika2{background:url(../images/navi_03.gif) 0 -60px no-repeat;}									



#main{width:765px;
		height:auto;
		margin:20px 42px 30px 43px;}


#main ul {margin:0px; padding:0px;}
#main li {margin-left:10px;
		line-height:1.8em;
		list-style-position:inside;}


.pankuzu{width:765px;
			vertical-align:middle;
			margin:10px 0px;
			padding:0px;
			font-size:90%;
			}

.gototop {width:765px;
			text-align:right;
			vertical-align:middle;
			margin:0px;
			padding:0px;
			}






/* bottom navi -------------------------------------------------------------- */



#bottom_navi{width:765px;
		height:auto;
		margin:20px 42px 20px 43px;
		padding-top:20px;
	font-size:11px;
	text-align:left;
	border-top:3px double #b9d300;}

	#bottom_navi h3{
		border-bottom:#b9d300 solid 1px;
		color:#91a501;
		font-size:14px;}

	#bottom_navi ul{
		margin:0px; padding:0px;}

	#bottom_navi li{
		padding:3px 0;
		line-height:1.5em;
		text-indent:0px;
		list-style:none;}

	#f_reg{
		width:235px;
		padding-right:30px;
		float:left;}
		
	#f_pay{
		width:235px;
		padding-right:30px;
		float:left;}

	#f_ord{
		width:235px;
		float:left;}

/* footer --------------------------------------------------------------------------- */



#footer{
padding-top:20px;
margin:0px auto;
width:850px;
height:auto;
clear:both;
text-align:center;
background:url(../images/bg_footer.gif) bottom center no-repeat;
color:#fff;}

	#footer a:link			{ text-decoration:none; color:#f52c4d;}
	#footer a:hover			{ text-decoration:underline; color:#f52c4d;}
	#footer a:active		{ text-decoration:underline; color:#f52c4d;}
	#footer a:visited		{ text-decoration:none; color:#f52c4d;}






/* btn,bnr -------------------------------------------------------------- */




a.btn_limited {
			margin:15px 15px 15px 0px;
			display:block;
			height:100px;
			width:375px;
			text-decoration:none;
			text-indent:-999em;
			background:url(../images/btn_limited.gif) 0 0 no-repeat;
			float:left;}
a.btn_limited:hover {background:url(../images/btn_limited.gif) 0 -100px no-repeat;}


a.btn_sumika {
			margin:15px 0px;
			display:block;
			height:100px;
			width:375px;
			text-decoration:none;
			text-indent:-999em;
			background:url(../images/btn_sumika.gif) 0 0 no-repeat;
			float:left;}
a.btn_sumika:hover {background:url(../images/btn_sumika.gif) 0 -100px no-repeat;}			
			

a.btn_alloutfits,
a.btn_allshoes{
			margin:0px 0px;
			display:block;
			height:40px;
			width:760px;
			margin:auto;
			text-decoration:none;
			text-indent:-9999em;}
			
a.btn_alloutfits{background:url(../images/btn_alloutfits.gif) 0 0 no-repeat;}
a.btn_alloutfits:hover {background:url(../images/btn_alloutfits.gif) 0 -40px no-repeat;}		

a.btn_allshoes{background:url(../images/btn_allshoes.gif) 0 0 no-repeat;}
a.btn_allshoes:hover {background:url(../images/btn_allshoes.gif) 0 -40px no-repeat;}


a.btn_sheet_a,
a.btn_sheet_b,
a.btn_sheet_c,
a.btn_sheet_d,
a.btn_sheet_e{margin:0px 0px;
			display:block;
			height:50px;
			width:152px;
			text-decoration:none;}


a.btn_sheet_a{background:url(../images/btn_sheet_a.gif) 0 0 no-repeat;}
a.btn_sheet_a:hover {background:url(../images/btn_sheet_a.gif) 0 -50px no-repeat;}	

a.btn_sheet_b{background:url(../images/btn_sheet_b.gif) 0 0 no-repeat;}
a.btn_sheet_b:hover {background:url(../images/btn_sheet_b.gif) 0 -50px no-repeat;}	

a.btn_sheet_c{background:url(../images/btn_sheet_c.gif) 0 0 no-repeat;}
a.btn_sheet_c:hover {background:url(../images/btn_sheet_c.gif) 0 -50px no-repeat;}	

a.btn_sheet_d{background:url(../images/btn_sheet_d.gif) 0 0 no-repeat;}
a.btn_sheet_d:hover {background:url(../images/btn_sheet_d.gif) 0 -50px no-repeat;}	

a.btn_sheet_e{background:url(../images/btn_sheet_e.gif) 0 0 no-repeat;}
a.btn_sheet_e:hover {background:url(../images/btn_sheet_e.gif) 0 -50px no-repeat;}	





/* Limited & sumika --------------------------------------------------------------- */



.step{width:760px;
			padding:0px;
			margin-bottom:10px;
			border:#999999 solid 1px;
			border-collapse:collapse;}
			
.step th{width:125px;
			background:#CCFF99;
			text-align:center;
			padding:0px;
			border:#999999 solid 1px;}

.step tr{height:30px;}

.step td{padding-left:10px;
border:#999999 solid 1px;}


.attention{color:#ee859a;
			border-bottom:1px dotted #FF0033;}



/* Limited --------------------------------------------------------------- */



.limited table{width:760px;
			padding:0px;
			margin-bottom:10px;
			border:#999999 solid 1px;
			border-collapse:collapse;}
			
.limited th{	height:25px;
			background:#FF9900;
			color:#FFFFFF;
			text-align:center;
			vertical-align:middle;
			padding:0px;
			border:#ffffff solid 1px;}

.limited tr.pink{background-color:#fed3d3;}
.limited tr.blue{background-color:#d3dffe;}
.limited tr.green{background-color:#e0fed3;}
.limited tr.purple{background-color:#e6d3fe;}
.limited tr.yellow{background-color:#fefad3;}

.limited td{
color:#666666;
padding:5px;
border:#FFFFFF solid 1px;}

.limited td.check{text-align:center;}

.limited td.entry{text-align:center;
padding:15px;}

.limited_order table{width:760px;
					padding:0px;}

.limited_order th{width:152px;
				padding:0px;
				margin:0px;}
				
.limited_order td{text-align:left;
				vertical-align:top;
				padding:5px 10px;
				font-size:12px;
				color:#999999;}


/* sumika --------------------------------------------------------------- */



.bnr_sumika{width:760px;
margin-top:20px;
border-collapse:collapse;}
.bnr_sumika td{width:380px;
padding-bottom:5px;
text-align:center;}






.t_sumika
				{
					width:765px;
					margin:auto;
					padding-top:10px
				}
.t_sumika td
				{
					vertical-align:top;
					width:50%;
					text-align:center
				}
.t_sumika p{text-align:center;
					border-bottom:3px double #b9d300;
					font-size:120%;
					font-weight:bold;
					color:#91a501;}
.t_sumika table	{margin-top:10px; width:100%;}
.t_sumika table th	{
					background:#b9d300;
					color:#ffffff;
					width:20%;}
.t_sumika table th,
.t_sumika table td
				{padding:5px;}
.t_sumika table td
				{
				text-align:left;
				border-bottom:1px dotted #b9d300;}
.t_sumika td.none,
.t_sumika th.none,
.t_sumika p.none
					{	border:none; background:none;}
.t_sumika td.order,
.t_sumika td.order_pre{padding:0px; margin:0px; border-bottom:3px double #b9d300; color:#FF0066;}

.t_sumika td.order a {display:block;
							height:30px;
							width:380px;
							margin:auto;
							text-decoration:none;
							text-indent:-999em;
							background:url(../images/btn_order.gif) 0 0 no-repeat;}

.t_sumika td.order a:hover{background:url(../images/btn_order.gif) 0 -30px no-repeat;}



h5.attention{color:#FF0033;}
.attention li {color:#ee859a;
			border-bottom:1px dotted #FF0033;}
.attention {border-bottom:none;}