*{margin:0; padding:0;}

html {
    overflow-y:scroll;
}

body{
  width:100%;
  color: #666;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  background-image: url(img/img_back.gif);
  background-repeat: repeat;
}

.clear { clear:both; }
.clear hr { display:none; }


#my_body{margin:0 auto; width:730px;  background-color:#fff;} /*全体の幅を決定*/

#my_main{ /*真ん中のコンテンツ※フッターとヘッダー以外*/
  width:100%;
}

H1 {
  font-size: 14px;
  letter-spacing:0.1em;
}

H2 {
  font-size: 14px;
  letter-spacing:1px;
  line-height:1.5em;
  border-color: #ccc;
  border-width: 1px;
  border-style: solid none dotted none;
  margin: 0 0 5 0;
  font-weight: normal;
}

a:hover img { /*画像リンクの設定*/
  filter: alpha(opacity=70);
  -moz-opacity:0.5;
  opacity:0.5;
}

img{ border:none;}

.cap{
  font-size: 10px;
  color: #808080 ;
  text-align:right;
  padding: 0 20 0 0;
}

.capb{
  font-size: 11px;
  color: #666666 ;
}

.attention{
  color: #ff8c00 ;
}

.item_title {
  color:#FFFFFF;
  font-size: 12px;
  font-weight: bold;
  padding: 5px;
  text-align:center;
}

.item_txt {
  font-size: 12px;
  font-weight: normal;
  background-color:#ffffff;
  padding: 5px;
}

/*------------ ヘッダーの設定 ------------ */
#header{
  width:100%;
  text-align : right ;
  border-bottom:5px solid #fff;
  background-image: url(img/img_back.gif); /*firefox対策*/
  background-repeat: repeat;
  padding: 30px 0 0 0;
}
/*------------ ヘッダーの設定 ------------ */


/*------------ フッターの設定 ------------ */
#footer{
  width:100%;
  clear:both;
  text-align:right;
  font-size: 11px;
  color: #666666;
  font-family: "Arial", "Helvetica", "sans-serif";
  padding: 2px 0 30px 0;
  letter-spacing: 0.1em;
  border-top:2px solid #fff;
  background-image: url(img/img_back.gif); /*firefox対策*/
  background-repeat: repeat;
}

#footer a,#footer a:link {/*リンクされた文字*/
  color: #666666;
  font-style:normal;
  text-decoration:none;
}

#footer a:hover {/*マウスをのせたとき*/
  color:#ffffff;
  font-style:normal;
  background-color:#CCCC99;
  text-decoration:none;
  border:none;
}

#footer a:active {/*クリック中*/
  color:#FFFF99;
  text-decoration:underline;
}
/*------------ フッターの設定 ------------ */


/*------------ サイドメニューの設定 ------------ */
#side {
  background-color:#fff;
  float:left;
  width:190px;
}

#side-inner{padding:1em 0 2em 1em;border:0px solid #fff;}

/*サイドメニュータイトル設定*/
#side-title {
  padding-bottom:10px;
  border-bottom:1px solid #CCCCCC;
  margin-bottom:20px;
  margin-right:10px;
  padding-right:10px;
}

/*サイドメニューリンク設定*/
#side a:link{ color:#666; text-decoration:none; }
#side a:visited{ color:#666; text-decoration:none; }
#side a:hover{ text-decoration: none; border-bottom: 3px orange dotted /*solid*/; }
#side a:active{ text-decoration:none; }

/*サイドメニューリスト設定*/
#side ul{
  font-size:12px;
  list-style:none;
  margin:0;
  padding:0;
}

#side li{
  border-bottom:1px dotted #CCC;
  margin-bottom:5px;
  padding-bottom:5px;
  margin-right:10px;
  padding-right:10px;
}
/*------------ サイドメニューの設定 ------------ */


/*------------ メインメニューの設定 ------------ */
#main {
  background-color:#fff;
  float:right;
  width:530px;
}

#main-inner{padding:1em;}

.contents {
  margin:2em 0;
  font-size: 13px;
  clear:both;
  line-height:130%;
}

.contents p{margin:0.6em 0;}

.contents img{
  margin:10px 9px 5px 0;
  float:left;
}

.koguma, .yotsuba ,.olink {
  margin:2em 0;
  font-size: 13px;
  line-height:130%;
  clear:both;
}

.contents a,.contents a:link,.contents a:visited { text-decoration:none; color:#228b22; }
.contents a:hover{ text-decoration: none; border-bottom: 3px #ff7f50 dotted; }
.contents a:active{ text-decoration:none; color:#ffd700; }


.koguma a, .koguma a:link, .koguma a:visited { color:#ff8c00; text-decoration:none; }
.koguma a:hover { text-decoration: none; border-bottom: 2px #ff8c00 dotted; }
.koguma a:active{ color:#ffd700; text-decoration:none; }

.yotsuba a, .yotsuba a:link, .yotsuba a:visited { color:#3cb371; text-decoration:none; }
.yotsuba a:hover { text-decoration: none; border-bottom: 2px #2e8b57 dotted; }
.yotsuba a:active { color:#ffd700; text-decoration:none; }


/*メニューリスト設定*/
#main ul{
  margin:0;
  padding:0;
  list-style-type: circle;
}

#main li{
  margin-top:5px;
  padding-top:5px;
  margin-left:20px;
  padding-left:0px;
}

/*メディア設定*/

#media {
  font-size: 13px;
}

#media table {
  text-align:left;
}

#media td {
  border-bottom: 3px #dcdcdc dotted;
}

#media img {
  margin: 15px 10px 20px 0;
  border: 1px #dcdcdc solid;
}

#media a,#media a:link,#media a:visited { text-decoration:none; color:#3cb371; }
#media a:hover{ text-decoration: none; border-bottom: 3px #ff7f50 dotted; }
#media a:active{ text-decoration:none; color:#ffd700; }




/*------------ メインメニューの設定 ------------ */


/*------------ サイトマップの設定 ------------ */
#smap {
  background-color:#fff;
  float:right;
  width:530px;
}

#smap-inner{padding:1em;}

#smap-list {
  width:80%;
}

/*
#smap dl {
  margin:0;
  padding:0;
  font-size: 12px;
  letter-spacing:1px;
  line-height:1.5em;
  font-weight: normal;
  list-style:none;
}
*/

#smap ul {
  margin:0;
  padding:0;
  font-size: 14px;
  letter-spacing:1px;
  line-height:1.5em;
  color:#696969;
}

#smap ul li {
  margin:0;
  padding:6px;
  list-style:none;
}
#smap ul li ul{
  border:none;
  padding:6px;
  border:1px dotted #CCC;
}

#smap ul li ul li {
  margin-top:5px;
  padding-top:5px;
  margin-left:20px;
  padding-left:0px;
  background:#FFF;
  list-style-type: square;
}
#smap ul li ul li ul li{
  font-size: 11px;
  margin:0px;
  padding:0px;
  background:#FFF;
  list-style-type: none;
}

#smap a, #smap a:link, #smap a:visited { color:#778899 ; text-decoration:none; }
#smap a:hover { text-decoration: none; border-bottom: 2px #4682b4 dotted; }
#smap a:active { color:#ffd700; text-decoration:none; }