﻿/*ページのレイアウト用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;/*隙間を空けないように指定します*/
}
/**********************Contents*********************/
#contents{      
     width:940px;
     margin:0 auto; 
     background-image:none;/*コンテンツ内の背景(サイズをぴったりにすること）*/
     background-repeat:no-repeat;   /*縦に繰り返し*/
     position:relative;
     font-size:15px;
 }
/********************文字の設定**************************/
h1{
     font-size:10px;
     letter-spacing: 2px;
     color:#999999;
     padding-left:10px;
     margin: 12px;
 }
/*------------------------------------------------------*/
h2{
     font-size:30px;
     letter-spacing: 2px;
     color:#ff0000;
     padding-left:10px;
     margin: 12px;
 }




/*-------------------------------------------------------*/
h3{
     font-size:20px;
     color:#555555;
     background-image:url(img/index.png);
     background-repeat:repeat-x;
     width:700px;
     margin-left:-5px;
     line-height: 50px;
     padding-left:10px; 
     margin-top: 0px;
     margin-bottom: 0px;
 }

/*-------------------------------------------------------*/
h4{
     font-size:17px;
     color:#555555;
     margin-left:10px;
     line-height: 50px;
     padding-left:10px;  
     margin-top: 0px;
     margin-bottom: 0px;
 }
/*-------------------------------------------------------*/
p{
     font-size:15px;/*全体の文字サイズ*/
     line-height:150%;/*全体で使う、文字と文字の行間*/
     color:#333333;
 }
/*-------------------------------------------------------*/
p img {
      /*margin-top:0px;*/
     float:left;/*画像の右側へ回り込む設定*/
     margin-left:10px;  /*写真の左にスペースを空ける*/
     margin-right:15px;  /*写真と文字の間隔*/
 }
/*-------------------------------------------------------*/
a{
     <!---font-size: 14px;---!>
     text-decoration: underline;
     color:#0000cd;
 }
/*-------------------------------------------------------*/
a:hover {
     color: #b22222;/*リンクの文字の上にマウスが来た時この色に変わる*/
     text-decoration: none;
 }

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

/****************ﾊﾟﾝくずﾘｽﾄのFONT設定************************/
.font-1 { font-size: 10px; }

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

#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:#000000;/*メニューボタンの文字の色*/
     display:block;
     text-decoration: none;

 }

#menu a:hover{
     color:#b22222; /*メニューの文字がカーソルが来た時、この色に変わる*/
     text-decoration: none;
 }
/********************Pageの設定*****************************/
#page {
      width:720px;
     position:absolute;
     top:109px;/*上からの位置*/
     font-family:Arial, Helvetica, sans-serif;
      margin-left:15px;*/
}
/***********************下部のフッター部分の設定************************/
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;
}