/* body --------------------------------------------------- */

body {
       font-family:verdana,sans-serif;
       margin: 0 0 0 0; 
       text-align: center;
       background-color: #E8E7C5 ;
       background-image:url("img/back_img_gra.jpg");
       background-repeat:repeat-x;
       }

/* groval ------------------------------------------------- */

.clear {
       CLEAR: both; line-height: 0; HEIGHT: 0px
       }

#wrapper{
       width: 780px;
       verticl-align: top;
       background-color: #fff ;
       border-top: 0px #000 solid;
       border-left: 1px #A4A4A4 solid;
       border-right: 1px #A4A4A4 solid;
       border-bottom: 1px #A4A4A4 solid;
       margin-top: 0;
       margin-bottom: 0;
       padding: 0 0 0 0;
       }

/* link --------------------------------------------------- */

A {
       text-decoration: none;
       color: #FF6600;
       }
A:link {
       text-decoration: none;
       color: #FF6600;
       }
A:visited  {
       text-decoration: none;
       color: #FF6600;
       }
A:active {
       text-decoration: underline;
       color: #FF6600;
       }
A:hover {
       text-decoration: underline;
       color: #FF6600;
       }



/* submenu ------------------------------------------ */

#submenu{
       margin-top: 0px;
       width: 175px;
       display:block;
       }

.submenu_index {
       color: #295C4B;
       text-align:left;
       display: block;
       font-size: 10pt; 
       width: 175px;
       background-color: #ffffff;
       padding:0px;
       margin:0px;
       border-top: #666666 1px dashed;
       }

.submenu_0{
       display: block;
       width: 175px;
       color: #295C4B;
       display: block;
       background-color: #ffffff;
       margin:0px;
       }

.submenu_0 p{
       font-size: 10pt; 
       color: #295C4B;
       padding: 5 5 5 23;
       font-weight:bold;
       }

.submenu_01{
       display: block;
       font-size: 10pt; 
       width: 175px;
       color: #222222;
       display: block;
       padding:0px;
       margin:0px;
       }

.submenu_01 A{
       display: block;
       color: #222222;
       padding: 6 5 7 23;
       text-decoration: NONE;
       border-bottom: #666666 1px dashed;
       margin:0px;
       background-image:url("img/icon_yajirushi.gif");
       background-repeat: no-repeat;
       }

.submenu_01 A:link {
       text-decoration: none;
       color: #222222;
       }

.submenu_01 A:visited {
       text-decoration: none;
       color: #222222;
       }

.submenu_01 A:hover {
       text-decoration: none;
       color: #222222;
       background-color: #B7E8E8;
       background-image:url("img/icon_yajirushi_s.gif");
       background-repeat: no-repeat;
       }

/* img -----------------------------------------------------*/
img{ 
       border:0px;
       margin:0 0 0 0;
       }

/* separator -----------------------------------------------*/
hr{
       height:1px;
       color:#dcdcdc;
       border-style:solid; 
       }

hr.separator{
       display: none;
       margin:0px;
       }

.top H2{
       font-size: 10pt;
       padding: 11 0 12 12;
       margin: 15 0 0 0;
       height: 15px;
       color:#111;
       clear: both;
       font-weight: bold;
       background-image:url("img/top_titlebck_h2.jpg");
       background-repeat:repeat-x;
       }

/* page_text_waku ------------------------------------------*/
.page_text_waku {
       display:block;
       padding: 8 7 11 7;
       margin: 0 1 0 1;
       color:#222;
       text-justify: distribute-all-lines;
       background-repeat:repeat-y;
       border: 1px #cccccc solid;
       border-top: 0px #dddddd solid;
       }

.page_text_waku p{
       text-align: left;
       margin: 0 5px 0;
       font-size: 80%;
       line-height: 160%;
       text-align: justify;
       text-justify: inter-ideograph;
       }

.page_text_waku H2{
       font-size: 12pt;
       padding: 7 0 3 2;
       margin: 0;
       color:#111;
       border-bottom: 3px #3399FF solid;
       clear: both;
       }

/* news ----------------------------------------------------*/

.news UL{
        list-style-type: none;
        padding: 0;
        margin:0 7 10 0;
        font-size: 10pt;
        }

.news li{
        list-style-type: none;
        margin: 0;
        padding: 5 0 0 22;
        background-image:url("img/icon_news.gif");
        background-repeat: no-repeat;
        }

.date{
        color:#222222;
        margin:0 10 0 0;
        font-weight: bold;
        }

.top_rightarea_txt{
       font-size: 10pt;
       padding: 0 0 3 0;
       margin: 0 3 12 4;
       color:#111;
       text-justify: distribute-all-lines;
       background-repeat:repeat-y;
       }

.top_rightarea_btn{
       font-size: 10pt;
       width: 150px;
       height: 35px;
       padding: 0 0 0 0;
       margin: 0 0 0 0;
       color:#333333;
       font-weight: bold;
       background-image:url("img/top_oubobtnback.jpg");
       background-repeat: no-repeat;
       background-color: #ccc;
       }

.top_rightarea_btn A{
       display: block;
       color: #295C4B;
       padding: 8 5 5 23;
       text-decoration: NONE;
       margin:0px;
       }

.top_rightarea_btn A:link {
       text-decoration: none;
       color: #333333;
       }

.top_rightarea_btn A:visited {
       text-decoration: none;
       color: #333333;
       }

.top_rightarea_btn A:hover {
       text-decoration: none;
       color: #333333;
       background-image:url("img/top_oubobtnback_s.jpg");
       background-repeat: no-repeat;
       }
          
/* PAGE TEXT -----------------------------------------------*/
.page_text{
        display:block;
        padding: 1 10 0 5;
        color:#222;
        font-size: 80%;
        line-height: 180%;
        text-justify: distribute-all-lines;
        background-repeat:repeat-y;
        }

.page_text p{
	text-align: left;
	margin: 0 10 0 10;
        background-color: #fff;
        font-size: 100%;
        line-height: 180%;
        text-align: justify;
        text-justify: inter-ideograph;
        }

.page_text p A {
	text-decoration: none;
        color: #016586;
        }
.page_text p A:link {
	text-decoration: none;
        color: #016586;
        }
.page_text p A:visited  {
       text-decoration: none;
       color: #3399CC;
       }
.page_text p A:active {
       text-decoration: underline;
       color: #FF6600;
       }
.page_text p A:hover {
       text-decoration: underline;
       color: #FF6600;
       }

.page_text H1{
       font-size: 12pt;
       padding: 0 0 0 5;
       margin: 15 0 10 0;
       color:#336666;
       clear: both;
       font-weight: bold;
       }

.page_text H2{
       font-size: 10pt;
       padding: 7 0 12 12;
       margin: 15 0 10 0;
       height: 20px;
       color:#111;
       clear: both;
       font-weight: bold;
       background-image:url("img/page_titlebck_h2.jpg");
       background-repeat:repeat-x;
       }

.page_text H3{
       font-size: 100%;
       font-weight: nomal;
       padding: 4 0 4 7;
       margin: 0 0 10 0;
       background-color: #E8E8E8;
       color:#111;
       clear: both;
       }
.page_text UL{
       list-style-type: none;
       padding: 0px 0px 0px 0px;
       margin:10px 7px 10px 0px;
       font-size: 10pt;
       }

.page_text li{
       list-style-type: none;
       margin: 0 0 5 0;
       padding: 0 0 0 32;
       background-image:url("img/icon_list.gif");
       background-repeat: no-repeat;
       }

/* place ---------------------------------------------------*/
#place{
       font-size: 10px; 
       text-align: right;
       padding: 3 0 0 3;
       margin: 0;
       display: block;
       color:#555555;
       }
#place A {
       text-decoration: none;
       color: #FF6600;
       }
#place A:link {
       text-decoration: none;
       color: #FF6600;
       }
#place A:visited  {
       text-decoration: none;
       color: #FF6600;
       }
#place A:active {
       text-decoration: underline;
       color: #FF6600;
       }
#place A:hover {
       text-decoration: underline;
       color: #FF6600;
       }

/* img_area-------------------------------------------------*/

.img_area_l{
       margin: 0 15 40 0;
       padding: 5px;
       border: 1px #ccc solid;
       float: left;
       }

.img_area_l p{
       font-size: 10px;
       margin: 3 0 5 0;
       line-height: 130%;
       text-align: left;
       }

.img_area_r{
       font-size: 10px;
       margin: 0 0 15 15;
       padding: 5px;
       float: right;
       border: 1px #ccc solid;
       text-align: center;
       }

.img_area_r p{
       font-size: 10px;
       margin: 3 0 0 0;
       line-height: 140%;
       text-align: left;
       }
.img_area_c{ margin: 0 20px 20px 0; padding: 5px; border: solid 1px #ccc; float: none; clear: none; }
.img_area_c p{
       font-size: 10px;
       margin: 3 0 5 0;
       line-height: 130%;
       text-align: left;
       }
/* pagetop -------------------------------------------------*/
.pagetop{
       display: block;
       font-size: 10pt;
       text-align:right;
       border-top:1px #dcdcdc solid;
       padding: 3 5 0 0;
       margin: 10 5 10 0;
       clear: both;
}

/* footer --------------------------------------------------*/

#footer {
       display: block;
       padding: 0 2 2 5;
       margin: 3 0 0 0;
       }

#footer_copy {
       display: block;
       text-align:left;
       padding: 0 0 10 0;
       margin: 0 0 20 0;
       }

#footer P {
       padding: 3 0 4 0;
       margin: 0px;
       font-size: 80%;
       color: #222222;
       letter-spacing:0.03em;
       }

#footer P A {
       text-decoration: none;
       color: #FF6600;
       }
#footer P A:link {
       text-decoration: none;
       color: #FF6600;
       }
#footer P A:visited  {
       text-decoration: none;
       color: #FF6600;
       }
#footer P A:active {
       text-decoration: underline;
       color: #FF6600;
       }
#footer P A:hover {
       text-decoration: underline;
       color: #FF6600;
       }

#footer_copy P {
       padding: 5 0 20 5;
       margin: 0 0 0 0;
       font-size: 10px;
       color: #222222;
       letter-spacing:0.04em;
       border-top:1px #ffffff solid;
       }

#footer hr {
       width:100%;color:#A4A4A4; size:1px;
       }