@charset "shift-jis";

/* 基本設定 ここから */

body {
     margin:0px;          /* ページ全体のmargin */
     padding:0px;         /* ページ全体のpadding */
     text-align:center;   /* 下記のautoに未対応用のセンタリング */
 color: #333333;
 font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS P Gothic",sans-serif ;
 font-size: 0.8em;
 line-height: 1.5em;
 background-color: #99CC66;
}

#content
    {

     margin-left:auto;    /* 左側マージンを自動的に空ける */
     margin-right:auto;   /* 右側マージンを自動的に空ける */
     text-align:left;     /* 中身を左側表示に戻す */
     width:810px;         /* 幅を決定する */
 background-image: url(images/cont_bg_main.gif);
 background-repeat: repeat-y;
 margin-top:0px;
 padding: 0px 30px 30px 30px;
    }


a {
 color: #003399;
 text-decoration: none;
}

a:hover {
 color: #0099CC;
}

a:hover img {filter: alpha(style=0, opacity=80); 
/*IE用*/-moz-opacity : 0.8; /*旧firefox用*/opacity :0.8 ; /*Safari,Opera,Firefox,google Chrome用*/}

a:visited {
 color: #003399;
}

img {
 border-style:none;
  }

/* 基本設定 ここまで */

/* 共通ヘッダー設定 */
.bgtop {
 margin-top:0px;
 padding:0;
 position: relative;
 left: -30px;
}

.header00 {
 padding: 30px 0 0 0;
}

.header00 .beppunavi {
 float:right;
}

.header00 h1 {

}

.header01 {

}

.header01 p {
 position: relative;
 top: 17px;
 left: 20px;
 color: #776666;
}

.header01 p a {
 color: #776666;
}

.header01 p a:hover {
 color: #660000;
 background-color: #F6F0EB;
}

.top_main {
 text-align:center;
 padding:0 0 30px 0;
}

.banner {

}

.mousikomi {
 text-align:right;
 padding:15px 15px 15px 0;
}

/* 共通ヘッダー設定 ここまで */

/* トップページヘッダー設定 */
.top_main {
 clear:both;
}
/* トップページヘッダー設定 ここまで */

/* cont_main 設定 */
#cont_main {
     margin-left:auto;    /* 左側マージンを自動的に空ける */
     margin-right:auto;   /* 右側マージンを自動的に空ける */
     text-align:left;     /* 中身を左側表示に戻す */
 width:770px;
 background-image: url(images/cont_bg_map.gif);
 background-repeat: no-repeat;
 background-position:-30px 0;
}

#cont_main p {
     margin:0 0 50px 0;
}

#cont_main .top_left {
 float:left;
 width:100px;
 padding-right:20px;
}

#cont_main .top_photo_left {
 float:left;
 width:151px;
 padding-right:10px;
}

#cont_main .top_right {
 float:right;
 width:640px;
 padding-bottom:30px;
}

#cont_main .top_right_day {
 float:right;
 width:480px;
 padding-bottom:30px;
}

#cont_main h3 {
 font-size: 18px;
 color: #3F9F1B;
 padding-top:5px;
}


#cont_main .top_right img {
 padding-bottom:15px;
}

.top_read p {
 padding:0 30px 0 30px;
}

.imp {
 font-size: 14px;
 color: #cc3333;
}

#cont_sub {
     margin-left:auto;    /* 左側マージンを自動的に空ける */
     margin-right:auto;   /* 右側マージンを自動的に空ける */
     text-align:left;     /* 中身を左側表示に戻す */
 width:770px;

}

#cont_main p {
     margin:0 0 50px 0;
}

#cont_left {
 width:538px;
 background-image: url(images/main_back_main.gif);
 background-repeat: repeat-y;

 float:left;
 margin:0 0 45px 0;
 padding:0;
}

.cont_leftcont {
 width:478px;
 margin:0;
 padding:0 30px 0 30px;
}


.cont_left_image {
 /* position: relative; */
 /* left: -30px; */
}

#cont_left h1 {
 font-size:20px;
 letter-spacing:0.3em;
}

#cont_left h2 {
 margin: 30px 0px 10px 0px ;
 padding:0px 5px 2px 13px;
 background-image: url(images/main_h2_marker.gif);
 background-position: 0 2px;
 background-repeat: no-repeat;
 font-size:14px;
 border-bottom:1px solid #ccc;
 letter-spacing:0.3em;
}

#cont_left h3 {
 margin: 7px 0px 0px 0px ;
 padding:10px 0px 2px 13px;
 font-size:12px;
 color:#999;
}

#cont_left p {
 margin: 0px ;
 padding:15px 0px 20px 13px;
}

#cont_left .ken_sho {
 margin: 0 0 20px 0 ;
 padding:15px 0px 15px 13px;
 font-size:16px;
 font-weight:600;
 line-height: 2em;
 background-color:#E9F3DE;
 letter-spacing:0.1em;
}

#cont_left ul {
 margin: 0px ;
 padding:10px 0px 20px 23px;
 list-style-image: url(images/list_marker_red.gif);
}

#cont_left li {
}

#cont_left .c1 {
 background-color:#99CC66;
 border-bottom:1px solid #ccc;
 border-right:1px solid #ccc;
 padding: 2px 0 2px 4px;
 margin:0;
}

#cont_left .c2 {
 padding: 2px 7px 2px 7px;
 margin:0;
}

#cont_left .c3 {
 padding: 2px 7px 2px 7px;
 margin:0;
 border-bottom:1px dashed #ccc;
}

#cont_left p .kome {
 text-align:right; 
 padding: 5px 0px 10px 0px;
 margin:0;
}

/* cont_main 設定 ここまで */

/* cont_right 設定 */


#cont_right {
 width:203px;
 float:right;
 margin: 0;
 padding: 3px 10px 5px 10px;
}


.meijinblog {
 background-image: url(images/right_blog_main.gif);
 background-repeat: repeat-y;
 padding: 0;
 margin: 0 0 15px 0;
 width:203px;
}

.meijinblog h2 {
 margin: 3px 15px 0px 15px ;
 padding:0px 5px 2px 13px;
 background-image: url(images/main_green_marker.gif);
 background-position: 0 2px;
 background-repeat: no-repeat;
 font-size:12px;
 border-bottom:1px solid #ccc;
}

.meijinblog ul {
 margin: 7px 15px 0px 15px ;
 padding:0px 5px 2px 13px;
 list-style-image: url(images/list_marker_red.gif);

}

.meijinblog p {
 margin: 7px 15px 0px 15px ;
 padding:0px 5px 2px 13px;
}


/* cont_right 設定 ここまで */

/* フッター 設定 */
#footer {
 /* clear:both; */
 position: fixed;
 left:0;
 bottom: 0;
 width: 100%;

 background: transparent url(images/footerbg.png) repeat-x bottom;
 overflow: hidden;
}

#footer p {
     margin-left:auto;    /* 左側マージンを自動的に空ける */
     margin-right:auto;   /* 右側マージンを自動的に空ける */
     text-align:left;     /* 中身を左側表示に戻す */
     width:750px;         /* 幅を決定する */
     color:#fff;
 position: relative;
 top: 5px;
 padding: 0 0 5px 0;
 margin-top:0;
}
/* フッター 設定 ここまで */