@charset "utf-8";
body { background-color: #ffddeb; margin: 0px; padding: 0px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
h1 { font-size: 10px; color: #FFFFFF; font-weight: normal; margin: 0px; padding: 8px 0px 4px; text-align: left; float: left; width: 635px; height: 130px; }
h2 { margin: 0px 0px 10px; padding: 5px 0px 5px 6px; border-left: 3px solid #5f0c2f; font-size: 22px; color: #5f0c2f; line-height: 26px; font-weight: normal; }
h3 { margin: 0px 0px 20px; padding: 0px; border-bottom: 3px double #5f0c2f; font-size: 18px; line-height: 24px; font-weight: normal; }
h4 { margin: 0px 0px 3px; padding: 0px 0px 0px 6px; border-bottom: 1px dotted #333333; border-left: 3px solid #5f0c2f; }
a:link { color: #619ae9; text-decoration: underline; }
a:visited { text-decoration: underline; color: #619ae9; }
a:hover { text-decoration: none; color: #245dac; }
a:active { text-decoration: underline; color: #619ae9; }
a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity:a0.70;
	opacity:0.70;
}


#wrapper{width:880px; margin:0 auto;}
#header_top{ background-image: url(../images/common/header_bg.gif); background-repeat: repeat-x; background-position: left top; height: 310px; }
#header{ background-image: url(../images/common/header_bg2.gif); background-repeat: repeat-x; background-position: left top; height: 193px; }
#main_top { background-image: url(../images/common/main_top.jpg); background-repeat: no-repeat; height: 297px; width: 880px; }
#main { background-image: url(../images/common/main.jpg); background-repeat: no-repeat; height: 180px; width: 880px; }


#submenu { float: left; width: 245px; padding-top: 1px; background-color: #FFFFFF; }
#info { width: 238px; border: 1px solid #d5d5d5; background-color: #FFFFFF; height: 95px; margin-top: 15px; text-align: left; padding: 5px 0px 5px 5px; }
#infobox{ overflow: auto; height: 78px; width: 238px; }
#infobox ul{ margin: 0px; padding: 0px; list-style-type: none; }
#infobox li{ font-size: 10px; color: #333333; line-height: 14px; border-left: 3px solid #5f0c2f; margin-bottom: 5px; padding-left: 5px; }

#header_box { margin: 0px; padding: 0px; width: 880px; }



#contents { width: 670px; float: left; margin-right: 20px; padding: 5px; font-size: 14px; line-height: 22px; color: #333333; }
.detail{ padding: 0px 20px 0px 0px; background-image: url(../images/common/icon02.gif); background-repeat: no-repeat; background-position: right top; font-size: 12px; text-align: right; margin-top: 5px; margin-bottom: 40px; margin-left: 0px; }


#top_contents { background-color: #F00; width: 670px; float: left; margin-right: 20px; }
#side { background-color: #FFFFFF; width: 170px; float: left; padding: 5px; font-size: 12px; line-height: 20px; color: #333333; }
#side ul{ margin: 0px; padding: 0px 0px 0px 10px; list-style-type: none; }
#side li{ margin: 5px 0px; padding: 0px 0px 0px 14px; background-image: url(../images/common/icon01.gif); background-repeat: no-repeat; background-position: left top; }

#footer { background-color: #5f0c2f; clear: left; background-image: url(../images/common/footer_bg.gif); background-repeat: repeat-x; background-position: center top; font-size: 12px; line-height: 20px; color: #FFFFFF; }
#footer_box { margin: 0px; padding: 0px; width: 880px; }
#footer_menu { float: left; width: 700px; padding-top: 8px; text-align: left; }
#footer_submenu { float: left; width: 180px; background-color: #FFFFFF; padding-top: 8px; }
#footer_menu a:link { color: #FFFFFF; text-decoration: underline; }
#footer_menu a:visited { text-decoration: underline; color: #FFFFFF; }
#footer_menu a:hover { text-decoration: none; color: #fec7dd; }
#footer_menu a:active { text-decoration: underline; color: #FFFFFF; }
#page_top { text-align: right; padding: 10px 3px; }
#mail_box{background-color:#FFFFFF; padding:30px; font-size:18px; line-height:24px;
-webkit-box-shadow: 0 10px 6px -6px #777;
-moz-box-shadow: 0 10px 6px -6px #777;
box-shadow: 0 10px 6px -6px #777;
}