/* vvvvv reset vvvvv */
BODY,UL,OL,LI,H1,H2,H3,H4,H5,H6,P,TABLE,TR,TD,TH,IMG{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
LI{
list-style:none;
}
H1,H2,H3,H4,H5,H6,TABLE,TR,TD,TH{
font-weight:normal;
text-decoration:none;
}
IMG,TABLE,TR,TD,TH{
border:0px none #ffffff;
}
IMG A:active{
text-decoration:none;
border:0px none #ffffff;
}

/* ~~~~~ reset ~~~~~ */


/* vvvvv 共通 vvvvv */
BODY{
width:800px;
margin:0px auto 0px auto;
padding:0px 10px 0px 10px;
background-color:#f9f8ed;
text-align:center;
color:#404040;
}

DIV#bgField{
width:800px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background-color:#ffffff;
background-image:url(/img/body_bg.gif);
background-position:center top;
background-repeat:repeat-y;
}

DIV#headField{
width:778px;
margin:0px 10px 0px 11px;
background-image:url(/img/head_bg.jpg);
background-position:center top;
background-repeat:repeat-x;
border-top:4px solid #234b36;
}
DIV#headField IMG.titleimg{
float:left;
}
DIV#headField DIV{
float:left;
padding-left:40px;
background-image:url(/img/head_bg.jpg);
background-position:center top;
background-repeat:repeat-x;
text-align:right;
}
DIV#headField H1{
width:580px;
padding:8px 0px 5px 0px;
border-bottom:1px solid #dedede;
font-size:0.6em;
color:#666666;
text-align:left;
}
DIV#headField DIV IMG{
clear:both;
margin:10px 6px 0px 0px;
margin-bottom:-5px;
}
IMG.hbi{
display:block;
margin:0px 0px 0px 0px;
vertical-align:top;
}

DIV#naviField{
width:780px;
margin:0px 10px 21px 10px;
}

DIV#mainField{
clear:both;
width:740px;
margin:0px 30px 30px 30px;
text-align:left;
}

P.totop{
clear:both;
width:760px;
margin:0px 20px 0px 20px;
padding:5px 0px 5px 0px;
font-size:0.6em;
text-align:right;
vertical-align:bottom;
}
P.totop A{
text-decoration:none;
color:#234b36;
}

P.bosi{
clear:both;
width:760px;
margin:-10px 20px 0px 30px;
padding:5px 0px 5px 0px;
font-size:0.7em;
text-align:left;
}

DIV#footField{
width:780px;
margin:0px 10px 0px 10px;
background-color:#4c7b47;
vertical-align:middle;
text-align:right;
}
DIV#footField IMG{
float:left;
vertical-align:middle;
}
DIV#footField P{
float:left;
width:571px;
padding:8px 8px 8px 0px;
background-color:#4c7b47;
vertical-align:middle;
font-size:0.5em;
color:#b7cab5;
text-align:right;
}
IMG.ende{
clear:both;
display:block;
margin:0px 0px 0px 0px;
vertical-align:bottom;
}

.natural{
clear:both;
overflow:hidden;
width:1px;
height:1px;
margin:0px -1px -1px 0px;
border:0px solid #ffffff;
padding:0px;
font-size:0em;
line-height:0em;
}

/* IE 5.5 IE6 */
* html DIV#bgField{
width:801px;
overflow-x:hidden;
background-color:#f9f8ed;
}
* html DIV#mainField{
clear:both;
width:741px;
overflow-x:visible;
background-color:#ffffff;
margin:0px 30px 30px 30px;
text-align:left;
border:1px solid #ffffff;
}
* html DIV#headField{
width:778px;
overflow-x:hidden;
margin:0px 10px 0px 12px;
}
* html DIV#headField H1{
width:574px;
}
* html DIV#headField IMG.titleimg{
float:left;
}
* html DIV#headField DIV{
padding-left:40px;
}
* html DIV#headField DIV IMG{
margin-bottom:0px;
}
* html IMG.hbi{
margin:0px 0px 0px 0px;
}
* html DIV#naviField{
margin:0px 9px 21px 11px;
}
* html DIV#footField{
width:780px;
margin:0px 9px 0px 11px;
padding:0px 0px 0px 0px;
position:relative;
}
* html DIV#footField IMG{
display:inline;
width:200px;
position:relative; top:0px; left:-3px;
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
* html DIV#footField P{
display:inline;
float:left;
width:570px;
position:relative; top:0px; left:-6px;
margin:0px 0px 0px 0px;
padding:8px 0px 8px 0px;
}
* html DIV#footField IMG.ende{
display:block;
width:780px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
margin-right:-7px;
}

/* IE 5.5 IE6 */
/* ~~~~~ 共通 ~~~~~ */