/*===ベーススタイル===*/

a { color: #777777; text-decoration: none}
a:hover { color: #CC0000; text-decoration: none}
body { background-color: #FFFFFF; text-align: center; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; background-image: url(../img/bg.jpg); background-repeat: repeat-x; background-position: center top}
body,table,th,td,p { color: #777777; font-size: 12px; line-height: 20px; font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif}
img { border: none}
h1 { margin: 0px; padding: 0px; font-size: 11px; background-image: url(../img/header.jpg); background-repeat: no-repeat; background-position: center top; height: 98px; color: #777777; text-align: left}
h1 a { color: #777777; text-decoration: none; display: block; height: 100%; padding-left: 15px; padding-top: 8px}
ul,ol,li { list-style: none}
ul { margin: 0px; padding: 0px; margin-top: 10px}
ol { margin-left: 20px; margin-right: 20px; margin-top: 0px; margin-bottom: 0px; padding: 0px}
li { padding: 0px; margin-bottom: 15px}
h2 { background-image: url(../img/h2bg.jpg); background-repeat: no-repeat; background-position: left top; font-size: 18px; font-weight: bold; font-style: normal; margin-top:20px}
h3 { font-size: 13px; font-weight: bold; font-style: normal}
hr { border-top: 1px solid #99CC99; border-bottom: none; border-left: none; border-right: none; height: 1px}



/*===汎用スタイル===*/

.left { text-align: left}
.center { text-align: center; margin-left: auto; margin-right: auto}
.right { text-align: right}
.top { vertical-align: top}
.middle { vertical-align: middle}
.bottom { vertical-align: bottom}
.bold { font-weight: bold}
.w100 { width: 100%}
.clear_right { clear: right}
.img_left { float: left}
.img_right { float: right}



/*===カラーセット===*/

.color1 { color: #FFFFFF} /*白*/
.color2 { color: #000000} /*黒*/



/*===レイアウト===*/

#site_frame { background-color: #FFFFFF; width: 750px; text-align: center; margin-left: auto; margin-right: auto; border-left: 1px solid #F3F3F3; border-right: 1px solid #F3F3F3}
#left_area { width: 210px; text-align: center; padding-top: 4px; float: left}
#right_area { width: 540px; text-align: center; padding-top: 4px; margin-left: 210px}
#main_image { border-top: 1px solid #F7B31E; border-bottom: 1px solid #F7B31E}
#menu div { margin-bottom: 1px}
#credit { font-size: 10px; margin-top: 15px; clear: left}

.list { text-align: center; margin-left: auto; margin-right: auto; border: 1px solid #FFF2CC; width: 526px; margin-top: 4px; margin-bottom: 4px; color: #946C46}
.list_frame { text-align: left; margin: 10px}
.news iframe { text-align: center; margin-left: auto; margin-right: auto; border: 1px solid #FFF2CC; width: 526px; margin-top: 4px; margin-bottom: 4px; color: #946C46}
.left_banner { margin-top: 4px}
.right_banner { text-align: center; margin-left: auto; margin-right: auto; width: 526px}
.mainimg01 { text-align: center; margin-left: auto; margin-right: auto; border: 1px solid #FFF2CC; width: 526px; margin-top: 4px; margin-bottom: 4px; color: #946C46}

#contents { width: 480px; text-align: left; padding-top: 10px; margin-left: auto; margin-right: auto}


dl { margin-bottom: 20px}
dl dd { margin: 0px 0px 10px 0px}
form dl dt { }
form dl dd { margin-bottom: 10px}
form dl dd textarea { margin-top: 2px; width: 490px}
form ul { margin: 0px 0px 20px 0px}
form ul li { list-style-type: none}

#services { border: 1px solid #cccccc; padding: 30px; margin: 20px}
#qa_list { border: solid 1px #99cc99; margin: 20px; padding: 15px}