/*全体の設定*/
body{
	  font:"メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	  color: #333333;/*全体で使う文字の色*/
	  margin:0px;
	  padding:0px;
}

.body {background:url(../img/header2.jpg) top center repeat-x}
.body1 {background:url(../img/header2.jpg) top center repeat-x}
.body2 {background:url(../img/bg.png) top repeat}

/*ページの中身の設定*/
#contents{      
                    width:880px;/*実際のホームページの横幅*/
                    margin:0 auto; 
                    position:relative;/*相対位置で指定する*/
                    font-size:90%;/*全体の文字サイズを少し小さくする*/
}



/*ヘッダー部分の設定*/
#header{
	  background-repeat:repeat;
	  height:95px; /*ヘーダーの高さ*/
	  color: #FFFFFF;/*文字の色を見やすい色に変える*/
}


/*上部のメインメニューの設定*/
#nav{
           background:url(../img/bt_bg.gif) repeat-x; /*メニューボタンの背景色*/
           width: 100%;/*ページの幅いっぱいに設定*/
           height:30px;/*メインメニューの縦の幅*/
                    position:relative;/*相対位置で指定する*/  
                    margin-top:3px;
           margin-left:0px;
          margin-bottom:10px;
      }


#nav ul{
                    margin:0;
	  padding:0;
	  list-style-type:none;
	  font-size: 13px;/*メニューボタンの文字のサイズ*/
	  line-height:30px;/*メニューボタンの縦の幅*/
	  letter-spacing:2px;/*文字と文字の間隔を少し空ける*/
                    margin-left:10px;
}

#nav li{
	  float:left;/*右横へ並んで表示するように指定*/
	  width:107px;  /*メニューボタンの幅*/
	  text-align:center;/*メニューの文字をセンター合わせに指定*/
	  margin:0;
	  padding:0;
}

#nav li a:hover{
	  width:107px;  /*メニューボタンの幅*/
                    background:#330903;
}

/*メインメニューの文字の色を変化させる設定*/
#nav a{
         color:#330903;/*メニューボタンの文字の色*/
	  }

#nav a:hover{
         color:#cccccc; /*メニューの文字がカーソルが来た時、この色に変わる*/
   }



/*メイン部分の設定*/
#main{
      width:820px;/*デザインのバランスを考えコンテンツより少し幅を小さくする*/
      height:820px;/*ページの縦の長さの指定ページに合わせて調整する*/
      margin-top:10px;/*上から少しスペースを空ける*/
      margin-left:35px;/*左に少しスペースを空ける*/
}



/*下部のフッター部分の設定*/
address{
                    background-color:#000000;/*フッターの背景色*/
                    width:100%;/*フッターの幅をコンテンツの幅ピッタリにする*/
	  font-size:80%;/*文字は少し小さめに指定*/
	  font-style:normal;/*指定をしないと文字が斜めに表示される*/
	  text-align:center;/*文字をセンター合わせにする*/ 
	  color: #FFFFFF;/*文字の色を変える*/
                    padding-top:20px;/*文字の上に少しスペースを空ける*/
                    padding-bottom:20px;/*文字の下に少しスペースを空ける*/
}

address a{
                   color:#FFA8F6;
}



/*検索エンジン対策の文字の指定*/

/*検索で重要な見出しタグの設定*/
h1{
	  font-size:70%;/*文字を小さくする*/
	  font-weight:normal;/*見出しタグは太字なので普通の文字にする指定をします*/
	  letter-spacing: 2px;/*文字と文字の間隔を少し空ける*/
                    margin-top:0px;
                    padding-left:10px;/*左に少しスペースを空ける*/
}


/*見出しタグの設定*/
h2{
     color:#420000;
     font-size:130%;/*文字サイズを大きくする*/	  
     margin-bottom:5px;
}

h4{
     width:785px;
     color:#7a1016;
     font-size:160%;/*文字サイズを大きくする*/
     margin-top:20px;/*上から少しスペースを空ける*/
     padding-left:25px;
     margin-bottom:20px;
}



h5{
     width:785px;
     color:#000000;
     font-size:130%;/*文字サイズを大きくする*/
     padding-left:25px;
     margin-bottom:20px;
}

h6{
     width:785px;
     color:#000000;
     font-size:280%;/*文字サイズを大きくする*/
     margin-top:20px;/*上から少しスペースを空ける*/
     margin-bottom:5px;
}

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

a:hover{
                   color:#ED0C0C;
}

.ta1 {
width: 380px;/*テーブルの幅*/
margin-top:20px;
margin-right:20px;
margin-left:10px;
float:left;
}


div.box1 {
width: 800px; /* ボックスの幅 */
height: 240px;/*ボックスの高さ文字数によって調整すること*/
background-color:#FFFFFF; /* ボックスの背景色 */
font-size: 90%; /* ボックス内の文字サイズ */
/*margin-left:15px;ボックスの右側にスペース*/
/*margin-right:40px;ボックスの右側にスペース*/
/*float: left;ボックスが横に並ぶように指定*/
}

div.box1 h3 {
line-height: 27px;
padding-left: 5px;
border-bottom: 1px #999999 solid; /* 見出しの枠線 */
font-size: 150%; /* 見出しの文字サイズ */
color:#333333;
margin-bottom:10px;
}

div.box1 p {
margin-top: 10px;
padding-left:10px;
border-bottom:dotted 1px #000066;/*文字の下に線を入れる設定*/
}

/*ボックスの設定*/
 div.box3 {
 width: 230px; /* ボックスの幅 */
 height: 240px;
 background-color: #FFFFFF; /* ボックスの背景色 */
 border-top: 2px #671a1e solid; /* ボックスの枠 */
 border-bottom: 2px #671a1e solid; /* ボックスの枠 */
 font-size: 90%; /* ボックス内の文字サイズ */
 float: left;
 margin-right: 25px;
 margin-left: 0px;
 margin-bottom:17px;
padding:10px;
 }
 
div.box3 h3 {
 margin: 0; 
 line-height: 27px;
 padding-left: 35px; 
border-bottom: 2px #671a1e solid; /* 見出しの下線 */
 font-size: 180%; /* 見出しの文字サイズ */
font-family:"Ballpark";
 color:#881f24;
 }
 
.box3 p img{
 float:left;
 margin-bottom:5px;
 border:solid 2px #CCCCCC;/*サイトに枠を付ける設定,色の変更可*/
 }
 
 div.box4 {
 width: 230px; /* ボックスの幅 */
 height: 240px;
 background-color: #FFFFFF; /* ボックスの背景色 */
 border-top: 2px #671a1e solid; /* ボックスの枠 */
 border-bottom: 2px #671a1e solid; /* ボックスの枠 */
 font-size: 90%; /* ボックス内の文字サイズ */
 float: left;
 margin-left: 3px;
 margin-bottom:17px;
padding:10px;
 }
 
div.box4 h3 {
 margin: 0; 
 line-height: 27px;
 padding-left: 45px; 
border-bottom: 2px #671a1e solid; /* 見出しの下線 */
 font-size: 180%; /* 見出しの文字サイズ */
font-family:"Ballpark";
 color:#881f24;
 }
 
.box4 p img{
 float:left;
 margin-bottom:5px;
 border:solid 2px #CCCCCC;/*サイトに枠を付ける設定,色の変更可*/
 }



/*詳細ボタンの設定*/
 .syosai {
 text-align: right;
 clear: both;
 padding-top: 0px;
 padding-right:10px;
 } 

.syosai a,
 a.syosai {
 color:#000099;
 font-size:12px;
 }
 
.syosai a:hover,
 a.syosai:hover {
 color:#FF0000;
 font-size:12px;
 } 




div.box5 {
                    margin-top:0px;
 width: 670px; /* ボックスの幅 */
 height: 65px;
 float: left;
 }
 
div.box5 p {
	font-size: 38px;/*タイトル文字のサイズ指定*/
                  padding-left:10px;/*左にスペースを空ける*/
                  padding-top:0px;
}

div.box5 p a{
         color:#cccccc; /*メニューの文字がカーソルが来た時、この色に変わる*/
}

div.box5 p a:hover{
         color:#999999; /*メニューの文字がカーソルが来た時、この色に変わる*/
}


.box5 p img{
 float:left;
 margin-bottom:5px;
 border:solid 2px #CCCCCC;/*サイトに枠を付ける設定,色の変更可*/
 }
 
 div.box6 {
 width: 180px; /* ボックスの幅 */
 height: 65px;
 float: left;
 }
 
.box6 p img{
 float:left;
 margin-top:0px;
 margin-right:15px;
 }

 div.box7 {
 width: 876px; /* ボックスの幅 */
 height: 370px;
 border:solid 2px #FFFFFF;
 }

div.box8 {
width: 790px; /* ボックスの幅 */
height:240px;
font-size: 100%; /* ボックス内の文字サイズを少し小さく指定 */
margin-top:10px;
margin-bottom:15px;/*ボックスの下に少しスペースを空ける*/
color:#ffffff;
padding:5px;
}

div.box8 p img {
margin-top: 15px;
margin-left: 35px;
margin-right:10px;
}


div.box9 {
width: 440px; /* ボックスの幅 */
margin-top:10px;
margin-bottom:10px;/*ボックスの下に少しスペースを空ける*/
padding-top:5px;
padding-left:25px;
float:left;
}

div.box10{
width:600px;
margin-left:35px;
}