/*
div{ border:1px solid;}
*/
body{
font:12px/22px Georgia,"Times New Roman",Times,serif;
color:#666;
background:#ebebeb;
margin:0;
padding:0
}
h1,h2,h3{
margin:0;
padding:0
}

fieldset{
border:0px;
padding:4px;
}

a{
color:rgb(130,130,130);
}
a:hover{
color:#B22222
}
a:visited{
color:#696969
}
a acronym{
border:none
}
acronym{
cursor:help
}

/* forms */

.readonly{
color:rgb(40,40,210);
}

.valid{
position:relative;
bottom:-80px;
}

.err{
margin-top:90px;
font-size:18px;			
text-indent:10%;			
color: #EE0000;
font-weight: bold;
}

/* main */
#container{
z-index:1;
background:url("/layout/cover_bot-A_03.png") no-repeat left bottom;
left:550px;
position:absolute;
width:800px;
margin:10px 0 20px -385px;
padding-bottom:42px
}
/* intro */
#intro{
padding:0 30px;
background:url("/layout/cover_bot-A_02.png") repeat-y;
padding-bottom:1px
}
#pageHeader{
margin:0 -30px;
background:url("/layout/cover_bot-A_01.png") no-repeat;
}
#pageHeader h1{
background:url("/layout/csszengarden.png") no-repeat;
height:186px;
width:650px;
position:relative;
top:20px;
left:23px
}
#pageHeader h1 span{
display:none
}
#pageHeader h2{
background:url("/layout/shogetsudo-eshop.png") no-repeat;
height:60px;
width:299px;
z-index:3;
position:relative;
top:55px;
left:425px
}
#pageHeader h2 span{
display:none
}
#quickSummary{
position:absolute;
top:41px;
padding:0 0 0 400px
}
#quickSummary .p1{
margin:10px 81px 0 0;
font-size:120%
}
#quickSummary .p2{
margin:0;
background:url("/layout/bookmark.gif") no-repeat;
position:absolute;
top:-39px;
left:640px;
width:128px;
height:127px
}
#quickSummary .p2 span{
display:block;
text-align:center;
padding:5px 10px;
margin-top: 119px;
color:rgb(150,150,150);
font:15px/22px serif
}
#quickSummary .p2 a{
color:rgb(150,150,150);
}
#quickSummary .p2 a:hover{
text-decoration:none;
color:#ccc
}
#preamble{
padding-top:100px;
padding-bottom: 10px;
background:url("/layout/img_1.jpg") 20px 140px no-repeat;
height:1%
}
#preamble h3{
background:url("/layout/roadto.png") no-repeat;
position:relative;
left:20px;
height:88px;
width:212px
}
#preamble h3 span{
display:none
}
#preamble p{
text-align:left;
margin-top:-44px;
/*font-style:italic;*/
padding:0 10px 35px 400px
}
/* main content */
#supportingText{
background:url("/layout/cover_bot-A_02.png") repeat-y;
padding:2px 20px;
}
#explanation{
height:1%;
background:url("/layout/img_2.jpg") 405px 42px no-repeat
}
#explanation h3{
background:url("/layout/yokan.png") no-repeat;
position:relative;
left:400px;
height:65px;
width:176px
}
#explanation h3 span{
display:none
}

#explanation p{
text-align:right;
margin-top:-45px;
/*font-style:italic; */
padding:20px 400px 45px 15px;
}

#explanation ul li{
list-style:outside url("/layout/bull.png");
padding: 1px 4px 1px 4px;
}

#explanation ul li a{
text-decoration:none;				
}

#explanation ul{
text-decoration:none;		
width: 35%;	
margin: -55px 5px 5px 35px;		
}


/* */
#eating{
height:1%;
background:url("/layout/img_3.jpg") 5px 10px no-repeat;
margin-top:30px;
padding-bottom: 15px;
height:182px;
}
#eating h3{
/*background:url("/layout/yokan.png") no-repeat; */
position:relative;
left:20px;
height:48px;
width:212px
}
#eating h3 span{
/*display:none */
}


#eating p{
text-align:left;
margin-top:-44px;
/*font-style:italic;*/
padding:0 10px 35px 400px
}
/**/

#participation{
height:1%;
background:url("/layout/img_4.png") 405px 0px no-repeat;
padding-top: 10px;
margin-top:2px;
}
#participation h3{
position:relative;
left:400px;
height:45px;
width:176px
}
#participation h3 span{
display:none
}
#participation p{
text-align:right;
margin-top:10px;
/*font-style:italic; */
padding:5px 400px 145px 15px
}
#benefits{
background:url("/layout/img_4.png") 400px 50% no-repeat
}
#benefits h3{
background:url("/layout/benefits.png") no-repeat;
position:relative;
left:400px;
height:47px;
width:150px
}
#benefits h3 span{
display:none
}
#benefits p{
text-align:right;
margin-top:-47px;
/*font-style:italic;*/
padding:0 400px 35px 10px
}
#requirements h3{
background:url("/layout/requirements.png") no-repeat;
position:relative;
left:180px;
height:46px;
width:150px
}
#requirements h3 span{
display:none
}
#requirements p{
text-align:left;
margin-top:-46px;
/*font-style:italic;*/
padding:0 10px 35px 400px
}
#footer{
padding-left:400px;
text-align:center
}
#footer a{
color:#666;
text-decoration:none;
border:1px solid #fffcf1;
padding:5px
}
#footer a:hover{
border:1px solid #ccc
}
/* notes */
#links{
font-size:100%;
position:relative;
width:90px;
left:15px;
text-align:center;
}

#links h3{
width:74px;
height:25px;
position:relative;
left:0px
}

#lselect ul li{
list-style:outside url("/layout/bull.png")
}
#linkList ul li a{
text-decoration:none
}



#navigation{
float:left;
position:absolute;
z-index:2;
font:11px/18px "Trebuchet MS",Arial,Helvetica,sans-serif;
display:block;				
background:url("/layout/notes.png") no-repeat;
padding:25px 20px;
margin: 0px;
width:363px;
position:relative;
}


#navigation div{
padding-bottom:10px
}

#navigation ul{
margin:30px	20px 50px 25px
}
#navigation h3.resources{
width:85px;
height:22px;
background:url("/layout/resources.png") no-repeat
}
#navigation h3.resources span{
display:none
}

#navigation a.current{
color:#B22222;
border-bottom:1px dotted;
border-color:rgb(188,180,180);					
/*background-color:rgb(188,180,180);	*/
padding-left:5px;
text-decoration:none;
font-weight:bold;
	font-size:10pt;			
			
}

#navigation a.navLink{
text-decoration:none;
font-weight:bold;			
}

#navigation a.navLink:hover{
color:#B22222;
border-bottom:2px dotted;
border-color:rgb(188,180,180);					
/*background-color:rgb(188,180,180);	*/
padding-left:7px;	
}



/* form ORDER.PHP */

#formwrap{
background:url("/layout/ruled-paper_03.png") no-repeat left bottom;
background-color:rgb(255,255,255);
position:relative;
margin: 70px 0px 0px 5px;
padding:0px;
left:110px;
width:520px;
}

#formwrap div.formHeader{
background:url("/layout/ruled-paper_01.png") no-repeat;
text-align:center;
position:relative;
margin-top:5px;
padding-top:6px;
font-weight:bold;	
z-index:2;		

}


#formwrap div.contentFrame{
background:url("/layout/ruled-paper_02.png") repeat-y;
float:left;
position:relative;
width:520px;
margin-top:0px;
margin-bottom:0px;
padding-bottom:0px;
z-index:1;
}

#formwrap div.contentLeft{
position:relative;
float:left;
margin-top:5px;
margin-left:15px;
width:105px;
}

#formwrap div.contentRight{
position:relative;
left:8px;
top:0px;
float:left;
margin-left:8px;
width:370px;
}

.required{
color:rgb(255,5,5);
}

.fldHeader{
color:rgb(55,55,55);
}

.fldData{
color:rgb(90,105,100);
}

#terms{
margin-top:70px;
background:url("/layout/Shogetsudo-2tone-bottom.png") 455px 10% no-repeat;
height:1%;
}

/* Fee Chart */

#feeChart{
text-align:center;
font-size:11px;	
border: 1px dotted;
width: 510px;
margin: 5px;
background:url("/layout/delivery.gif") -110px no-repeat;
background-color:rgb(241,241,241);		
}

#feeChart table{
width:490px;
border: 1px solid;
padding:0px;
margin:0px;				
position:relative;
left:10px;
font-size:10px;	
}

#feeChart tr.level1{
background-color:rgb(220,220,220);
}

#feeChart tr.level2{
background-color:rgb(250,250,250);
}

#feeChart td.chart{
font-size:10px;	
padding:0px;
margin:0px;			
}

.tempMessage {
	align-content: center;
	margin-left: 200px;
	color: #b10303;
}
.topHeader {
	align-content: center;
	margin-left: 200px;
	//color: #b10303;
}