/*このスタイルシートの著作権はテンプレート工房TAKEにあります*/
/*ページのレイアウト用css*/

body{
	  background:#ffffff;	/*壁色と壁紙設定*/
	  background-repeat:repeat;/*繰り返さない場合はno-repeatに変更*/
	  font:"メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	  color: #333333;
	  margin:0px;
	  padding:0px;
}

#contents{      
      width:920px;
	  margin:0 auto; 
	  background-image:url(images/bg1.gif);/*コンテンツ内の背景(サイズをぴったりにすること）*/
	  background-repeat:repeat-y;   /*縦に繰り返し*/
	  border:solid 1px #666666;/*サイトに枠を付ける設定,色の変更可*/
      position:relative;
      font-size:80%;
}


/*ヘッダー部分の設定*/
#header{
	  background-image:url(images/head.gif);/
	  background-repeat:repeat-x;   /*縦に繰り返し*/
	  background-position:top right;
	  height:130px; /*ヘーダーの高さ*/
color:#ffffff;
}

.header-right{
      position:relative;
               margin-top:-10px;
               margin-left:600px;
     font-size:150%;
     font-weight:bold;
color:#111;
}

.header-right p{
     font-size:13px;
     font-weight:normal;
}

/*ヘッダーのページタイトルの文字*/
#header p {
	margin-top:20px;
	padding-left: 3px;
color:#ffffff;
}

#header p image {
      border:none;
}

/*上部ナビゲーションメニュー*/
#tabs{
position:relative;
display:block;
height:54px;
font-size:13px;
font-weight:nomal;
background:transparent url(images/nav2.gif) repeat-x top left;
font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase;
}
#tabs ul{
margin:0px;
padding:0;
list-style-type:none;
width:auto;
}
#tabs ul li{
display:block;
float:left;
margin:0 0;
border-right:solid 1px #5B3121;
}
#tabs ul li a{
display:block;
float:left;
color:#fff;
text-decoration:none;
padding:20px 25px 0 25px;
height:33px;
}
#tabs ul li a:hover,#tabs ul li a.current{
color:#fff;
background:transparent url(images/nav1.gif) no-repeat top center;
}



/*サイドメニューの設定*/

#side{
      width:220px;/*サイドの幅*/
	  position:absolute;
	  top:190px;/*上からの位置*/
	  left:5px;
}
#side a{
padding-left:25px;
}

#side h3 {
	background-image:url(images/side-h.gif);
	  background-repeat:repeat-x;/*繰り返さない場合はno-repeatに変更*/
	border: double 3px #fff;
	font-size: 90%;
	color:#ffffff;
	text-align: center;
                  width:204px;
	line-height: 24px;
	margin-top: 10px;
	margin-left: 0px;
	margin-bottom: 5px;
}

#side h3 a {
      color:#ffffff;
	  font-weight:normal;
}

#side ul{
      font-size:100%;
	  line-height:220%; /*サイドの文字と文字の行間設定*/
	  margin:0px;
}

#side ul a:hover {
      width:180px;
	background: #EFE7D0 url(images/side1.png) no-repeat ;	/*サイドのカーソルオーバー時の背景色*/
	color: #000;	/*サイドのカーソルオーバー時の文字色*/
}

#side ul{
     list-style-type:none;
	 padding-left:0px;
}

#side li{
	background-image:url(images/side1.png);
	  background-repeat:no-repeat;/*繰り返さない場合はno-repeatに変更*/
border-bottom:solid 1px #666;
width:205px;
}

#side li a{
     color:#111;/*サイドの文字色*/
     width:180px;
     display:block;
}



#side .ad_list li{
     background-image:none;
	 padding-left:0;
}






/*右側メイン部分の設定*/
#main{
      width:660px;
      margin-top:20px;
      margin-left:240px;
}

#main h2 {
	  text-align: center;
          }

#main h3 {
	  text-align: center;
          }

#main ul{
     list-style-type:none ;
}

#main li{
	background-image:url(images/checkbox_small_red.gif);
	background-position : left center ; /* 位置は左端の真ん中 */
        background-repeat : no-repeat ; /* 背景だけど繰り返し表示しない */
        padding-left : 15px ; /* 「画像の横幅+マーカーとの距離」を左方向に空ける */
}

#b1{
          font-size:180%;
}

#b2{
          font-size:180%;
}

#b3{
          font-size:150%;
}

/*下部のフッター部分の設定*/
address{
	  font-size:80%;
	  font-style:normal;
	  text-align:center;
	  padding-top:5px;
}

address{
      background-color:#330000;
      color:#ffffff;
          width:920px;
	  padding-bottom:10px;
	  border:none;
	  }
address a{
     color:#FBAEB2;
	  }

address a:hover{
      color:#990000;
	  }



/*文字の設定*/
h1{
	  font-size:60%;
	  letter-spacing: 2px;
                    padding-top:3px;
	  padding-left:10px;
	  margin: 0px;
}

h1 a{
      color:#FFFFFF;
	  font-weight:normal;
}


h2{
      font-size:120%;
	background:#3A1714;
	  background-repeat:repeat-x;/*繰り返さない場合はno-repeatに変更*/
	border: double 3px #fff;
	line-height: 33px;
          width:650px;
	  padding-left: 5px;
	  color:#fff;	  
	  margin-top: 15px;
	  margin-bottom: 5px;
}

#main h3{
      font-size:120%;
	border: solid 1px #990000;
        color:#ffffff;
	background-color:#D3AE4D;
	line-height: 30px;
	  padding-left:10px;
	  margin-top: 10px;
	  margin-bottom: 1px;
}

p{
      font-size:90%;/*全体の文字サイズ*/
	  line-height:140%;/*全体で使う、文字と文字の行間*/
          margin-left:5px;
}

p img{
      float:left;
          margin-top:5px;  /*写真の左にスペースを空ける*/
          margin-left:5px;  /*写真の左にスペースを空ける*/
	  margin-right:10px;  /:写真と文字の間隔*/
}


/*リンク文字の設定*/
a{
     color:#000099;
      text-decoration:none;
}
a:hover {
	color: #FF0000;/*リンクの文字の上にマウスが来た時この色に変わる*/
	text-decoration: none;
}

/*メインのインフォーメーション*/
#newinfo {
 width:650px;/*横幅*/
margin: 1px 0;/*h4と少し隙間を空ける*/
padding: 2px;
overflow: auto;
height: 120px;/*縦のサイズ*/
border: 3px double #000000;/*枠の色*/
background: #FFFFFF;/*背景の色*/
scrollbar-arrow-color:#000000;/*スクロールバーの色*/
scrollbar-3dlight-color:#000000;/*スクロールバーの色*/
scrollbar-darkshadow-color:#000000;/*スクロールバーの色*/
scrollbar-face-color:#FFFFFF;
 scrollbar-track-color:#FFFFFF;
 scrollbar-track-color:#cccccc;
 scrollbar-shadow-color:#cccccc;
color:#111111;
 }
 
#newinfo p {
 margin: 0;
 padding: 3px;
 font-size: 100%;
 border-bottom: 1px dotted #111111;/*文字に下線を引く*/
 }