/*ページのレイアウト用css*/
body{
 background: #f1fceb url(img/main-back.png);	/*壁色と壁紙設定*/
     background-repeat:repeat-x;/*繰り返さない場合はno-repeatに変更*/
     font:"メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
     color: #333333;/*全体で使う文字の色*/
     margin:0px;
     padding:0px;/*隙間を空けないように指定します*/
}


/********************文字の設定**************************/

/*------------------------------------------------------*/
h1{
     font-size:10px;
     letter-spacing: 2px;
     color:#999999;
     padding-left:10px;
     margin: 12px;
}

h2{
     font-size:15px;
     /*border: solid 2px #cccccc;*/
     color:#347b11;
     font-weight: bold;
     /*background-image:url(img/menu.png);*/
     line-height: 35px;
     padding-left:10px;  
     margin-top: 0px;
     margin-bottom: 0px;
}

h3{
     font-size:20px;
     color:#555555;
     background-image:url(img/index.png);
     background-repeat:repeat-x;
     width:705px;
     margin-left:5px;
     line-height: 50px;
     padding-left:15px;  
     margin-top: 0px;
     margin-bottom: 0px;
}
/*-------------------------------------------------------*/
p{
     font-size: 15px;/*全体の文字サイズ*/
     line-height:120%;/*全体で使う、文字と文字の行間*/
     color:#333333;
}
/*-------------------------------------------------------*/
p img {
     float:left;
     margin-left:0px;  /*写真の左にスペースを空ける*/
     margin-right:15px;  /:写真と文字の間隔*/
}
/*-------------------------------------------------------*/
a{
     text-decoration: underline;
     color:#0000cd;
}
/*-------------------------------------------------------*/
a:hover {
     color: #ff0000;/*リンクの文字の上にマウスが来た時この色に変わる*/
     text-decoration: none;
}
/*-------------------------------------------------------*/

/************************Contents***************************/
#contents{      
     width:940px;
     margin:0 auto; 
     background-image: url()/*コンテンツ内の背景(サイズをぴったりにすること）*/
     background:none;   /*縦に繰り返し*/
     line-height:120%;/*全体で使う、文字と文字の行間*/
     position:relative;
     font-size:13px;
}
/*************************INDEX****************************/


/***********************ヘッダー部分の設定********************/
#header{
     background-image:url(img/header.png);
     background-position:15px 7px;
     background-repeat:no-repeat;
     width:940px;/*サイドの幅（変更するときはコンテンツ背景も変更すること）*/
     height:127px;ヘーダーの高さ
}

/*********************メニュー*******************/
#menu{
     width:205px;/*サイドの幅（変更するときはコンテンツ背景も変更すること）*/
     position:absolute;
     top:103px;/*上からの位置*/
     left:740px;
}

#menu ul{
     margin:0;
     padding:0;
     list-style-type:none;
     font-family:Arial, Helvetica, sans-serif;
     font-size: 15px;
     line-height:42px;
	  letter-spacing:2px;
}

#menu li{
     background-image:url(img/menu.png);  /*メニューのボタンの背景*/
     width:200px;  /*メニューボタンの幅*/

     text-align:left;
}

#menu ul a:hover{
     background-image:url(img/menu-on.png);/*メニューボタンにカーソルが来た時に背景画像をこれにする*/
     width:200px;  /*メニューボタンの幅*/

}

#menu a{
     color:#333333;/*メニューボタンの文字の色*/
     display:block;
     text-decoration: none;

}

#menu a:hover{
     color:#ff0000; /*メニューの文字がカーソルが来た時、この色に変わる*/
     text-decoration: none;
}

/***********************ここまで**********************************/

/********************メイン部分の設定*****************************/

#main{
      width:720px;
      margin-top:-20px;
      margin-left:5px;
}



/***********************ここまで**********************************/

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

address{
     background-color:#666666;
     color:#ffffff;
     width:940px;
     padding-bottom:10px;
     border:none;
}

address a{
     color:#ffffff;
}