@charset "utf-8";

body {text-align:center;
    font-size: 75%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	line-height:1.8em;
	letter-spacing: 0.1em;
	color:#333; 
	background: #FFF;
	}
.clearfix {display:block;}
.clear {clear:both;}
* {margin:0 auto; padding:0;}
img {border:0;}
hr {padding:0; margin:0;}
p {margin:5px 0 10px 5px;}
strong {font-weight:bold;}
.underline{text-decoration:underline;}
/* ＣＳＳハック */
html>/**/body {width:800px;}
/* exlude MacIE5 \*/
* html .clearfix {height: 1%;}
/*----------------------------------------------------------------
                                リンク
------------------------------------------------------------------*/
a {text-decoration:none; color:#FF6600;}
a:hover{text-decoration:underline;}
/*---------------------------------------------------------------
                               ヘッダー
------------------------------------------------------------------*/
#cut{background:url(../img/bgi.gif) repeat-y;
	 width:820px;
	 text-align:center;
     }
#outline{margin:0 auto;
		 padding-left:1px;
		 padding-right:1px;
		 width:800px;
		 background:url(../img/bgi-logo.gif) bottom right no-repeat;
		 }
h1{font-size:11px;
   font-weight:normal;
   float:left;
   color:#FFFFFF;
   padding:0 0 0 5px;
   margin-top: 0px;
   margin-bottom: 0px;
   margin-left:10px;
   }
/*---------------------------------------------------------------
                         ヘッダーコンテンツ 
-----------------------------------------------------------------*/
#header {clear:both;
		 text-align:left;
		 background:url(../img/head_bgi.gif) no-repeat center;
		 width:800px;
		 height:170px;
		 display:block;
		 }
#header h2 {padding:8px 0 7px 10px; float:left;}
#header h3{text-align:right;
           font-size:85%;
		   font-weight:normal;
		   margin:0;
		   padding:84px 25px 3px;
		   }
/* ＣＳＳハック */
* html #header h3{margin-right:12px; margin-bottom:4px;}
* html #header h2{margin:5px 0 0 5px;}
/* *:first-child+html #header */
/*---------------------------------------------------------------
                      ヘッダーサイトマップ 
----------------------------------------------------------------*/
#sitemap{
  float:right;
  margin-right:10px;
  }
#sitemap a{color:#FFFFFF;}
/*--------------------------------------------------------------
                      メニュー
---------------------------------------------------------------*/
ul.top_mainnavi{float:left;
	             text-align:left;
	             height:30px;
	             width:790px;
				 margin-left:7px;
                 display:block;
				 list-style:none;
				 border-left:1px solid #CCCCCC;
                 }
.top_mainnavi li a{display:block;
	               float:left;
	               text-align:left;
	               margin:0;
				   border-right:1px solid #CCCCCC;
                   text-indent: -9999px;
	               overflow:hidden;
                   width:130.5px;
		           height:30px;
			       }
.top_mainnavi li {display:block;
	               float:left;
	               text-align:left;
	               margin:0;
	               border-right:1px solid #CCCCCC;
                   text-indent: -9999px;
	               overflow:hidden;
                   width:130.5px;
		           height:30px;
			       }

li#menu-1 a{background:url(../img/menu-0.gif) top no-repeat;}
li#menu-1 a:hover{background:url(../img/menu-0.gif) bottom no-repeat;}
li#menu-2 a{background:url(../img/menu-1.gif) top no-repeat;}
li#menu-2 a:hover{background:url(../img/menu-1.gif) bottom no-repeat;}
li#menu-3 a{background:url(../img/menu-2.gif) top no-repeat;}
li#menu-3 a:hover{background:url(../img/menu-2.gif) bottom no-repeat;}
li#menu-4 a{background:url(../img/menu-3.gif) top no-repeat;}
li#menu-4 a:hover{background:url(../img/menu-3.gif) bottom no-repeat;}
li#menu-5 a{background:url(../img/menu-4.gif) top no-repeat;}
li#menu-5 a:hover{background:url(../img/menu-4.gif) bottom no-repeat;}
li#menu-6 a{background:url(../img/menu-5.gif) top no-repeat;}
li#menu-6 a:hover{background:url(../img/menu-5.gif) bottom no-repeat;}

li#menu2-1 {background:url(../img/menu2-0.gif) no-repeat;}
li#menu2-2 a{background:url(../img/menu2-1.gif) top no-repeat;}
li#menu2-2 a:hover{background:url(../img/menu2-1.gif) bottom no-repeat;}
li#menu2-3 a{background:url(../img/menu2-2.gif) top no-repeat;}
li#menu2-3 a:hover{background:url(../img/menu2-2.gif) bottom no-repeat;}
li#menu2-4 a{background:url(../img/menu2-6.gif) top no-repeat;}
li#menu2-4 a:hover{background:url(../img/menu2-6.gif) bottom no-repeat;}
li#menu2-5 a{background:url(../img/menu2-4.gif) top no-repeat;}
li#menu2-5 a:hover{background:url(../img/menu2-4.gif) bottom no-repeat;}
li#menu2-6 a{background:url(../img/menu2-5.gif) top no-repeat;}
li#menu2-6 a:hover{background:url(../img/menu2-5.gif) bottom no-repeat;}
li#menu2-7 a{background:url(../img/menu2-7.gif) top no-repeat;}
li#menu2-7 a:hover{background:url(../img/menu2-7.gif) bottom no-repeat;}
/* ＣＳＳハック */
* html ul.top_mainnavi{margin-top:-5px; height:35px;}
/*--------------------------------------------------------------
                      パンくずリスト
---------------------------------------------------------------*/
#pankuzu {padding:2px 2px 20px 20px;
          margin:0 auto;
          text-align:left;
          font-size:80%;
		  color:#CCCCCC;
		  background:url(../img/con-bgi-h.gif) bottom no-repeat;
		 }
#pankuzu a{color:#FFFFFF;}
/* ＣＳＳハック */
* html #pankuzu{margin-left:3px;}
 /*-------------------------------------------------------------
                        コンテンツ
--------------------------------------------------------------*/
#container{margin:0 auto;
		padding-left:1px;
		padding-right:1px;
		width:800px;
		background:url(../img/con-bgi-m.gif) repeat-y;
		text-align:left;
		}
/*-------------------------------------------------------------
                        レフトメニュー
--------------------------------------------------------------*/
#left{margin-left:5px;
      margin-right:5px;
      padding:0 5px;
	  width:190px;
	  float:left;
	  }
#left h2 {color:#fff; font-size:14px; font-weight:bold;}
#left h3 {color:#fff; font-size:14px; font-weight:bold;}
#left h4 {color:#fff; font-size:14px; font-weight:bold;}
#left h5 {color:#fff; font-size:14px; font-weight:bold;}
#left h6 {color:#fff; font-size:14px; font-weight:bold;}

.menu1{background:url(../img/side-top1.gif) no-repeat;
       width:180px;
	   height:40px;
	   padding:15px 10px 0 10px;
	   }
ul#menu1{background:url(../img/side-top1-l.gif) bottom left no-repeat;
         list-style:none;
		 margin-top:-15px;
		 margin-bottom:5px;
		 padding-bottom:14px;
		 width:180px;
         }
#menu1 li{background:url(../img/side-top1-m.gif) repeat-y; width:177px; text-indent:1.5em;
          padding:10px 2px 0;
		  border-bottom:#ccc 1px dotted;
          }
#menu1 li a {background:url(../img/list-mark-1.gif) left no-repeat;
             display:block;
		     width:160px;
             height:20px;
			 }

.menu-u{background:url(../img/side-top2.gif) no-repeat;
       width:180px;
	   height:40px;
	   padding:15px 10px 0 10px;
	   }
ul#menu-u{background:url(../img/side-top2-l.gif) bottom left no-repeat;
          list-style:none;
		 margin-top:-15px;
		 margin-bottom:5px;
		 padding-bottom:14px;
		 width:180px;
         }
#menu-u li{background:url(../img/side-top2-m.gif) repeat-y; width:177px; text-indent:1.5em;
           padding:10px 2px 0;
		   border-bottom:#ccc 1px dotted;
           }
#menu-u li a {background:url(../img/list-mark-2.gif) left no-repeat;
             display:block;
		     width:160px;
             height:20px;
			 }
.menu4{background:url(../img/side-top4.gif) no-repeat;
       width:180px;
	   height:40px;
	   padding:15px 10px 0 10px;
	   }
ul#menu4{background:url(../img/side-top4-l.gif) bottom left no-repeat;
         list-style:none;
		 margin-top:-15px;
		 margin-bottom:5px;
		 padding-bottom:14px;
		 width:180px;
         }
#menu4 li{background:url(../img/side-top4-m.gif) repeat-y; width:177px; text-indent:1.5em;
          padding:10px 2px 0;
		  border-bottom:#ccc 1px dotted;
          }
#menu4 li a {background:url(../img/list-mark-2.gif) left no-repeat;
             display:block;
		     width:160px;
             height:20px;
			 }

/*---------------------------------------------------------------

----------------------------------------------------------------*/
.menu-s{background:url(../img/side-top3-s.gif) no-repeat;
       width:180px;
	   height:40px;
	   padding:15px 10px 0 10px;
	   text-indent:-9999px;
	   }
.menu-r{background:url(../img/side-top3-r.gif) no-repeat;
       width:180px;
	   height:40px;
	   padding:15px 10px 0 10px;
	   text-indent:-9999px;
	   }
ul#menu-s{background:url(../img/side-top3-l.gif) bottom left no-repeat;
         list-style:none;
		 margin-top:-15px;
		 margin-bottom:5px;
		 padding-bottom:14px;
		 width:180px;
		 }
#menu-s li{background:url(../img/side-top3-m.gif) repeat-y; width:177px;
          padding:10px 2px 0;
		  border-bottom:#ccc 1px dotted;
		  line-height:35px;
		  }
li.rs1 a{background:url(../img/rs1.gif) left no-repeat; height:35px; 
         text-indent:2.5em;
             display:block;
		     width:160px; 
			 }
li.rs2 a{background:url(../img/rs2.gif) left no-repeat;
         height:35px;
		 text-indent:2.5em;
         display:block;
		 width:160px;
	     }
li.rs3 a{background:url(../img/rs3.gif) left no-repeat;
         height:35px;
		 text-indent:2.5em;
         display:block;
		 width:160px;
		 }

ul#menu-r{background:url(../img/side-top3-l.gif) bottom left no-repeat;
         list-style:none;
		 margin-top:-15px;
		 margin-bottom:5px;
		 padding-bottom:14px;
		 width:180px;
		 }
#menu-r li{background:url(../img/side-top3-m.gif) repeat-y; width:177px;
          padding:10px 2px 0;
		  border-bottom:#ccc 1px dotted;
		  height:35px; line-height:35px;
		  }

#left ul{margin-left:0; font-weight:bold;}
#left li{margin-left:0;}
/* ＣＳＳハック */
* html #left{margin-right:0;}
* html #left ul{margin-top:0;}
* html #left li a {display:block; width:177px;}
/*---------------------------------------------------------------
                  コンテンツ
----------------------------------------------------------------*/
#contents{margin-right:5px;
          padding:0 5px;
		  width:580px;
		  }
#contents_top{background:url(../img/con-sub.gif) no-repeat;
             text-indent:2.5em;
			 width:570px;
			 height:40px;
			 line-height:26px;
			 font-size:14px;
			 font-weight:bold;
			 padding-top:10px;
			 }
.content{background:url(../img/con-top.gif) no-repeat;
             text-indent:2em;
			 width:570px;
			 height:38px;
			 line-height:24px;
			 font-size:14px;
			 font-weight:bold;
			 padding-top:10px;
			 }
#contents p{margin-left:10px;}
/* ＣＳＳハック */
*:first-child+html #contents{float:right; width:570px;}
* html #contents{float:right; width:570px;}
/*--------------------------------------------------------------

---------------------------------------------------------------*/
.pp{color:#999;
    font-size:80%;
	}
.ff{font-size:100%;
    color:#FF3300;
    font-weight:bold;
    padding-left:5px;
	margin-top:10px;
	}
.my20{margin-top:20px;
      margin-bottom:20px;
	  }
.my10{margin-top:10px;
      margin-bottom:10px;
	  }
.my5{margin-top:5px;
     margin-bottom:5px;
	 }
.mx5{margin-left:5px;
      margin-right:5px;
	  }
.mx10{margin-left:10px;
      margin-right:10px;
	  }
.mx20{margin-left:20px;
      margin-right:20px;
	  }	 
.px10{margin-right:10px;
      margin-left:10px;
	  }
.ml30{margin-left:30px;}
.tr{text-align:right;}
.tc{text-align:center;}
.tl{text-align:left;}
.underline{text-decoration:underline;}
.red{font-size:large;
     font-weight:bold;
	 color:#FF6600;
	 }
.line{line-height:21px;}
/* フォントサイズ */
.fs18{font-size:18px;
      font-weight:bold;
	  }
.fs16{font-size:16px;
      font-weight:bold;
	  }
.fs14{font-size:14px;
      font-weight:bold;
	  }
.fs10 {font-size:10px;
      color:#999999;
	  }

.fw {font-weight:bold;}
/* フォントカラー */
.fcred{color:#FF0000;}
.fcblue{color:#0000FF;}
.fcpink{color:#FF33FF;}
.fcgreen{color:#006600;}
/* ボーダー */
.bd{border-top:#FF33FF double 1px;
    border-bottom:#FF33FF double 1px;
	}
/* 回り込み */
.fl{float:left;}
.fr{float:right;}
/* 外枠 */
.bd{border:#6633FF 2px dotted;
    padding:5px;
	}
/*--------------------------------------------------------------
                    フッター
----------------------------------------------------------------*/
#hooter {clear:both;
		 background:url(../img/con-bgi-l.gif) top no-repeat;
		 padding-top:30px;
		 padding-bottom:20px;
		 margin:-10px auto 0;
		}
.footleft{text-align:left;}
#copylight{text-align:center;}
#hooter p{color:#fff;}
#hooter a{color:#fff;}
/* ＣＳＳハック */
* html #hooter{margin-left:3px;}