/* CSS Document */

/* CSS Document */

html { 
padding: 0px;
margin: 0px;
text-align: center;
}

body {
text-align: center;
font-size: 14px;
line-height: 1.5;
margin-top: 0px;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
padding:0px;
background-color: #6D6648;
}

a:link{
text-decoration: none;
color: #521515;
}

a:visited{
text-decoration: none;
color: #521515;
}

a:hover{
text-decoration: none;
color: #CC9933;
}

a:active{
text-decoration: none;
color: #CC9933;
}

img{
border: none;
}

p{
margin: 6px 0 6px 20px;
padding: 0px;
}

/* ++++++ out ++++++ */

#out {
width: 750px;
margin:0px auto;
background: url(img/b-mbg.jpg);
border-right: #EBC952 solid 5px;
border-left: #EBC952 solid 5px;
} 

/* ++++++ header ++++++ */

#header{
width: 750px;
height: 50px;
background-image: url(img/b-header.jpg);
background-repeat: no-repeat;
}

.header_l{
float: left;
width: 535px;
height: 50px;
}

.header_r{
float: left;
width: 205px;
height: 40px;
padding-top: 7px;
text-align: right;
}


/* ++++++ main ++++++ */

#main{
clear: both;
width: 750px;
height: auto;
text-align: left
}

/* ++++++ banner ++++++ */

#banner{
width: 750px;
text-align: left;
}

/* ++++++ menu ++++++ */

#menu{
float: left;
width: 190px;
padding-left: 5px;
background-image: url(img/b-menubg.jpg);
background-repeat: repeat-y;
text-align: left;
}

.menu{
padding: 3px 0 0 5px;
text-align: left;
}

/* ++++++ content ++++++ */

#content{
float: left;
width: 525px;
height: auto;
padding: 10px 15px 10px 10px;
text-align: left;
background-color: #FFFFFF;
overflow: hidden;
}

#content ul{
margin-left: 15px;
padding-left: 15px;
list-style-type: decimal;
}

#content li{
list-style-type: decimal;
}

.content_ult{
margin: 20px 0 0 0;
padding-left: 30px;
list-style-type: decimal;
}

.content_ul{
margin: 0px;
padding-left: 30px;
padding-bottom: 2px;
list-style-type: decimal;
}

.content_ulb{
margin: 0px;
padding-left: 30px;
list-style-type: decimal;
}

.content_uls{
margin: 0px;
padding-left: 30px;
list-style-type: decimal;
}

.copy{
margin: 15px 0 0 6px;
padding: 0px;
}

.top_p{
margin: 6px 0 6px 0px;
padding-left: 50px;
}

.title{
margin: 25px 10px 5px 5px;
padding-left: 10px;
font-size: 16px;
font-weight: bold;
color: #521515;
border-left: #521515 solid 20px;
border-bottom: #521515 solid 1px;
}

.title_l{
width: 487px;
height: 29px;
margin: 25px 10px 5px 5px;
padding-top: 1px;
padding-left: 30px;
font-size: 18px;
font-weight: bold;
background-image: url(img/ti-bg.gif);
}

.sub_title{
margin: 25px 5px 10px 5px;
padding-left: 4px;
font-size: 14px;
font-weight: bold;
color: #521515;
border-bottom: #521515 2px dotted;
}


/* ++++++ footer ++++++ */

#footer{
clear:both;
width: 745px;
height: 23px;
padding-top: 5px;
padding-right: 5px;
background-color: #EBC952;
font-size: 12px;
color: #660000;
text-align:right;
}

/* ++++++ form ++++++ */

#form{
width: 730px;
padding: 10px 10px;
background-color: #FFFFFF;
}

.question{
width: 200px;
padding-left: 5px;
background-color: #521515;
color: #FFFFFF;
}

.input{
height: 20px;
width: 300px;
background-image: url(img/fm-inputbg.gif);
background-repeat: repeat-x;
}

.gakubu{
height: 18px;
width: 50px;
background-image: url(img/fm-inputbg.gif);
background-repeat: repeat-x;
}

.add{
height: 40px;
width: 350px;
background-image: url(img/fm-addbg.gif);
background-repeat: repeat-y;
}

.text{
height: 100px;
width: 350px;
background-image: url(img/fm-textbg.gif);
background-repeat: repeat-y;
}

/* ++++++ style ++++++ */

.style_large{
font-size: 16px;
font-weight: bold;
line-height: 1.5;
}

.style_middle{
font-size: 14px;
font-weight: bold;
line-height: 1.2;
}

.style_small{
font-size: 12px;
line-height: 1.2;
}

.style_vsmall{
font-size: 10px;
line-height: 1.5;
}

.style_grayb{
font-size: 14px;
font-weight: bold;
line-height: 1.4;
color: #666666;
}

.style_url{
font-size: 13px;
line-height: 1.2;
}