@charset "UTF-8";
/***************************************************
   HTML All Class Element Styles
***************************************************/
html {  }
body { font-family:Meiryo; font-size: 13px; line-height: 20px; color: #333333; }
a {  }
a:hover {  }
.cb { clear: both; font-size: 0; }


#back { background: url(img/back.jpg); }
#back_shadow { background: url(img/bs.png) repeat-y center; }



/***************************************************
   Header Area Element Styles
***************************************************/
#header_back { height: 180px; background: url(img/header_back.jpg) repeat-x; }
#main_area { width: 800px; margin: -180px auto 0; }
#header { background: url(img/header.png) no-repeat; width: 800px; height: 128px; }



/***************************************************
   Footer Area Element Styles
***************************************************/
#footer { width: 770px; margin: 0 auto; }
#footer_line { border-bottom: 1px solid #f6b5c7; }
#footer_text { height: 25px; font-size: 10px; text-align: center; }



/***************************************************
   Sidebar Area Element Styles
***************************************************/
#sidebar { 172px; float: left; }
#menu_back { background: url(img/sidebar_back.png) no-repeat; width: 172px; height: 402px; }
#menu_back .in { width: 150px; height:360px; position: relative; left: 15px; top: 7px; }

#side_area { width: 150px; margin: 0 0 0 15px; }
#side_area .alpha { width: 150px; height: 36px; background: url(img/side_title.jpg) no-repeat; }
#side_area .beta { width: 150px; height: 62px; background: url(img/side_img.jpg) no-repeat; }
#side_area .gamma { width: 150px; height: 142px; }
#side_area .gamma .in { position: relative; top: 11px; font-size: 11px; line-height: 19px; }
#side_area .delta { width: 150px; height: 140px; background: url(img/side_momotti.jpg) no-repeat; }


.menu_01 { width: 150px; height: 30px; }
.menu_01 a { width: 150px; height: 30px; background: url(img/menu_01.jpg) no-repeat; display: block; }
.menu_01 a:hover { width: 150px; height: 30px; background: url(img/menu_01_on.jpg) no-repeat; }
.menu_02 { width: 150px; height: 30px; }
.menu_02 a { width: 150px; height: 30px; background: url(img/menu_02.jpg) no-repeat; display: block; }
.menu_02 a:hover { width: 150px; height: 30px; background: url(img/menu_02_on.jpg) no-repeat; }
.menu_03 { width: 150px; height: 30px; }
.menu_03 a { width: 150px; height: 30px; background: url(img/menu_03.jpg) no-repeat; display: block; }
.menu_03 a:hover { width: 150px; height: 30px; background: url(img/menu_03_on.jpg) no-repeat; }
.menu_04 { width: 150px; height: 30px; }
.menu_04 a { width: 150px; height: 30px; background: url(img/menu_04.jpg) no-repeat; display: block; }
.menu_04 a:hover { width: 150px; height: 30px; background: url(img/menu_04_on.jpg) no-repeat; }
.menu_05 { width: 150px; height: 30px; }
.menu_05 a { width: 150px; height: 30px; background: url(img/menu_05.jpg) no-repeat; display: block; }
.menu_05 a:hover { width: 150px; height: 30px; background: url(img/menu_05_on.jpg) no-repeat; }
.menu_06 { width: 150px; height: 30px; }
.menu_06 a { width: 150px; height: 30px; background: url(img/menu_06.jpg) no-repeat; display: block; }
.menu_06 a:hover { width: 150px; height: 30px; background: url(img/menu_06_on.jpg) no-repeat; }
.menu_07 { width: 150px; height: 30px; }
.menu_07 a { width: 150px; height: 30px; background: url(img/menu_07.jpg) no-repeat; display: block; }
.menu_07 a:hover { width: 150px; height: 30px; background: url(img/menu_07_on.jpg) no-repeat; }
.menu_08 { width: 150px; height: 30px; }
.menu_08 a { width: 150px; height: 30px; background: url(img/menu_08.jpg) no-repeat; display: block; }
.menu_08 a:hover { width: 150px; height: 30px; background: url(img/menu_08_on.jpg) no-repeat; }
.menu_09 { width: 150px; height: 30px; }
.menu_09 a { width: 150px; height: 30px; background: url(img/menu_09.jpg) no-repeat; display: block; }
.menu_09 a:hover { width: 150px; height: 30px; background: url(img/menu_09_on.jpg) no-repeat; }
.menu_10 { width: 150px; height: 30px; }
.menu_10 a { width: 150px; height: 30px; background: url(img/menu_10.jpg) no-repeat; display: block; }
.menu_10 a:hover { width: 150px; height: 30px; background: url(img/menu_10_on.jpg) no-repeat; }
.menu_11 { width: 150px; height: 30px; }
.menu_11 a { width: 150px; height: 30px; background: url(img/menu_11.jpg) no-repeat; display: block; }
.menu_11 a:hover { width: 150px; height: 30px; background: url(img/menu_11_on.jpg) no-repeat; }
.menu_12 { width: 150px; height: 30px; }
.menu_12 a { width: 150px; height: 30px; background: url(img/menu_12.jpg) no-repeat; display: block; }
.menu_12 a:hover { width: 150px; height: 30px; background: url(img/menu_12_on.jpg) no-repeat; }



/***************************************************
   Contents Area Element Styles
***************************************************/
#contents { width: 628px; float: left; }
.index_mainimg { background: url(img/main.png) no-repeat; width: 628px; height: 402px; }
.bokkee { background: url(img/moriagarunzya.png) no-repeat; width: 310px; height: 210px; position: relative; left: 358px; top: 218px; }
#index_area { width: 590px; margin: 0 0 0 23px; }
#index_info { width: 590px;  }
#index_info .in { border: 0; width: 590px; height:138px; overflow: auto; font-size: 12px; text-align: left; margin-bottom:30px; }
#index_info .line { border-bottom: #8a8a8a 1px dotted; margin: 5px 0; }

#index_subtitle_01 { width: 590px; height: 36px; background: url(img/sub_title_index_01.jpg) no-repeat; }
#index_subtitle_02 { background: url(img/sub_title_index_02.jpg); width: 260px; height: 60px; }
#index_subtitle_03 { background: url(img/sub_title_index_03.jpg); width: 300px; height: 36px; }

#index_info_alpha { width: 260px; float: left; }
#index_info_alpha .text { width: 260px; height: 130px; }
#index_info_alpha .text .in { font-size: 11px; line-height: 19px; width: 240px; position: relative; left: 5px; top: 3px; }

#index_info_beta { width: 300px; float: right; }
#index_info_beta .text { width: 300px; height: 154px; }
#index_info_beta .text .in { font-size: 11px; line-height: 19px; width: 240px; position: relative; left: 6px; top: 8px; }

#c_page { width: 590px; margin: 67px 0 0 23px; }
#c_page .title { width: 590px; height: 36px; background: url(img/c_title.jpg) no-repeat; }
#c_page .title .in { width: 500px; position: relative; left: 4px; top: 10px; color: #ED6C8F; font-size: 14px; }

#c_page .text_area { width: 560px; margin: 10px auto; }