/*スタイルシート*/

/*全体の設定*/
body{

	margin-left: 100px;
	margin-top: 0px;
	margin-right: 50px;
	margin-bottom: 100px;
	background-color: #ff0000;	

	background-image:url(img/head4.gif);	/*壁紙の設定*/
	background-repeat:no-repeat ;/*横に繰り返す繰り返さない場合はno-repeatに変更*/

	margin:0px;
	padding:0px;

    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
    font-size: 10px;
    line-height: 1.6;

}


/*リンク画像の枠を消す（全体に）*/
img {
    border-style:none;
}





 
 
input, textarea {
    font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}
 
/* for IE6 */
* html body {
    font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
* html input, * html textarea {
    font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}








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


/*ヘッダー部分の設定*/



#headerArea {
margin-left: -15px;
overflow: hidden; margin-bottom: 1.62em; zoom: 1; }

		#menu li {
			float: left;
			position: relative;
			z-index: 3;
		}
			#menu li a {
				background: url(top_img/top_navi_930x70_o.gif) left top no-repeat;
				display: -moz-inline-box;
				display: inline-block;
			}
				#menu li.menu a { background-position: -500px 0; }
				#menu li.access a { background-position: -700px 0; }
				#menu li.contact a { background-position: -840px 0; }

			#menu li a:hover {
				position: static;
			}
			#menu li a:hover img ,
			#menu li#current a img {
				position: relative;
				z-index: -1;
			}

li {
margin-left:0px;
list-style-type: none;
}











#header{
	margin-top: 0px;

	  height:30px; /*ヘーダーの高さ*/
	            background-color:#ffffff;/*フッターの背景色*/
				
background-image: url(top_img/top_head_900x35.gif);
background-repeat:repeat-x ;/*横に繰り返す繰り返さない場合はno-repeatに変更*/
          width:100%;/*幅をコンテンツの幅ピッタリにする*/
		  height:30px
}

#header p {
        font-size: 30px;/*タイトル文字のサイズ指定*/
        color: #aaaaaa;/*タイトル文字の色*/
        padding-top:515px;/*上からの位置を調整する*/
        padding-left:0px;/*左に少しスペースを空ける*/
}








/*------------------------------
  メインコンテンツ　
  top_main-main w900
------------------------------*/

#top_main-main {
	float: left;

	width:940px;
	
	margin-left: 25px;
	padding-top: 0px;
	margin-top:30px;
    
	margin-bottom:30px;
}




/* top mainの左側のレイアウト設定*/

.top_main-left {
	float: left;

	width:650px;

	margin-left: 0px;
	padding-top: 0px;
	margin-top: 0px;
}


/* 「NEWS おしらせ欄」の設定*/
div.news {
width: 670px; /* ボックスの幅 */

padding-top:10px;/*上に少しスペースを空ける*/
font-size: 100%; /* ボックス内の文字サイズ */
float: left;/*ボックスが横に並ぶように指定*/
padding-bottom:30px;/*下に少しスペースを空ける*/
}




/* WordpressのNEWSページ最新情報を自動表示 */
.news-wp {

background-color:#FF0000; /* ボックスの背景色 */    
width: 640px; /* ボックスの幅 */
margin-top: 0px;

	  height:660px; /*高さ*/

margin-left:-80px;/*各行の左側にスペース*/
padding-top:20px;/*上に少しスペースを空ける*/
padding-right:30px;/*右に少しスペースを空ける*/
font-size: 100%; /* ボックス内の文字サイズ */
}





.news p {
width: 640px; /* ボックスの幅 */
padding-left:0px;/*各行の文字の左側にスペース*/
border-bottom:dotted 1px #ddaabb;/*文字の下に点線を入れる設定*/
margin-top:70px;/*各行の上にスペースを空ける*/
margin-left:0px;/*各行の左側にスペース*/
padding-right:30px;/*右に少しスペースを空ける*/

}











/* top mainの右側のレイアウト設定*/

.top_main-right {
	float: right;
	width:280px;
		height: 550px;
	margin-right: 0px;
	
margin-left:10px;
padding-top: 0px;
margin-top: 0px;
}



/*右下バナー部分の設定*/

#bnrArea { overflow: hidden; margin-bottom: 1.62em; zoom: 1; }
		#menu2 li {
margin-bottom:10px;/*各バナーの下にスペースを空ける*/

			position: relative;
			z-index: 3;
		}
			#menu2 li a {
				background: url(top_img/bnr_o_340x240.jpg) left top no-repeat;
				display: -moz-inline-box;
				display: inline-block;
			}
				#menu2 li.bnr-blog a { background-position: 0 0px; }
				#menu2 li.bnr-shop a { background-position: 0 -85px; }
				#menu2 li.bnr-access a { background-position: 0 -85px; }
				#menu2 li.bnr-cal a { background-position: 0 -170px; }
				#menu2 li.bnr-facebook a { background-position: 0 -170px; }
				#menu2 li.bnr-fcr a { background-position: -10 -250px; }
				#menu2 li.bnr-film a { background-position: -10 -250px; }
				#menu2 li.bnr-secur a { background-position: -10 -250px;  margin-left:7px}

			#menu2 li a:hover {
				position: static;
			}
			#menu2 li a:hover img ,
			#menu2 li#current a img {
				position: relative;
				z-index: -1;
			}

li {
margin-left:0px;
list-style-type: none;
}

.bnr-tw {
    margin: 20,0,0,20; 
padding:  20,0,0,20;
}




/*------------------------------
  ACCESSページメインコンテンツ　
  access_main-main
------------------------------*/

#access_main-main {
	float: left;

	width:980px;

	margin-left: 0px;
	padding-top: 0px;
	margin-top: 0px;
}




/* access mainの左側のレイアウト設定*/

.access_main-left {
	float: left;

	width:380px;

	margin-left: 0px;
	padding-top: 0px;
	margin-top: 0px;
}





/* chiryou mainの右側のレイアウト設定*/

.access_main-right {
	float: right;
	width:530px;
	margin-right: 0px;
}









/*------------------------------
  下部のフッター部分の設定
------------------------------*/


#footer {
	margin-left: -5px;
	margin-top:150px;
	margin-right: -5px;
	margin-bottom: 50px;
	
	

background-repeat:no-repeat ;/*横に繰り返す繰り返さない場合はno-repeatに変更*/
          background-color:#ff0000;/*フッターの背景色*/
          width:100%;/*フッターの幅をコンテンツの幅ピッタリにする*/
          font-size:80%;/*文字は少し小さめに指定*/
          color: #FFFFFF;/*全体で使う文字の色*/
          font-style:normal;/*指定をしないと文字が斜めに表示される*/
          text-align:center;/*文字をセンター合わせにする*/ 
          padding-top:5px;/*文字の上に少しスペースを空ける*/
          padding-bottom:30px;/*文字の下に少しスペースを空ける*/

    position:absolute; /* フッターを絶対値↓のbottom：0に指定する設定 */


    height:160px;
}
		  
		  
		  

#footer a{
         color:#FFffff;/*著作権表示のリンクの文字を見やすい色に変える*/
         text-decoration:none;/*リンク文字の下線を消す設定*/
	  }

#footer a:hover {
        color:#FFaacc;/*カーソルが上に来た時文字の色を変える*/
	  }



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


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



/*見出しタグの設定*/
h2{
          border-left: 10px solid #000099;/*左に付箋のようなマークを付ける*/
          border-bottom:dotted 1px #000066;/*文字の下に点線を入れる設定*/
          width:620px;/*横幅を指定しないとコンテンツいっぱいに表示される*/
          font-size:120%;/*文字サイズを大きくする*/
          padding-left: 5px;/*文字の左に少しスペースを空ける*/
          color:#333333;/*見出しの文字の色*/
}



/*ボックスの設定*/
div.box1 {
width: 630px; /* ボックスの幅 */
height: 255px;/*ボックスの高さ文字数によって調整すること*/
background-color:#FFFFFF; /* ボックスの背景色 */
border: 1px #999999 solid; /* ボックスの枠の太さと色 */
font-size: 90%; /* ボックス内の文字サイズを少し小さく指定 */
margin-bottom:20px;/*ボックスの下に少しスペースを空ける*/
}

/*ボックス内の見出しの設定*/
div.box1 h3 {
margin: 0; 
background-image:url(img/21.png);/*見出しの背景色*/
line-height: 27px;
padding-left: 10px; 
border-bottom: 1px #999999 solid; /* 見出しの下線 */
font-size: 110%; /* 見出しの文字サイズ */
color:#aaaaaa;
}

div.box1 p {
margin-top: 5px;/*文字の上に少しスペースを空ける*/
margin-left: 10px;/*文字の左に少しスペースを空ける*/
margin-bottom:10px;/*文字の下に少しスペースを空ける*/
}

.box1 p img{
float:left;/*文字が写真の右側に回り込むように指定*/
margin-top: 15px;/*文字の上に少しスペースを空ける*/
margin-left:15px;/*写真の左にスペース*/
margin-right:20px; /*写真の右にスペース*/
border:solid 2px #999999;/*画像に枠を付ける設定,色の変更可*/
}


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

div.box2 h3 {
margin: 0; 
background-image:url(img/21.png); /* 見出しの背景色 */
line-height: 27px;
padding-left: 10px; 
border: 1px #999999 solid; /* 見出しの枠線 */
font-size: 110%; /* 見出しの文字サイズ */
color:#FFFFFF;
}

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


/*ボックス3の設定*/
div.box3 {
width: 310px; /* ボックスの幅 */
height: 260px;/*ボックスの高さ文字数によって調整すること*/
background-color: #FFFFFF; /* ボックスの背景色 */
border: 1px #999999 solid; /* ボックスの枠 */
font-size: 90%; /* ボックス内の文字サイズ */
float: left;
}

div.box3 h3 {
margin: 0; 
background-image:url(img/21.png); /* 見出しの背景色 */
line-height: 27px;
padding-left: 10px; 
border-bottom: 1px #999999 solid; /* 見出しの下線 */
font-size: 110%; /* 見出しの文字サイズ */
color:#FFFFFF;
}

div.box3 p {
margin: 5px;/*文字と枠の間にスペース*/
}

.box3 p img{
float:left;
margin-left:5px;/*写真の左にスペース*/
margin-right:10px; /*写真の右にスペースを空ける*/
border:solid 2px #999999;/*画像に枠を付ける設定,色の変更可*/
}


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


.btn a,
a.btn {
	background-color: #000099;
	padding-top: 2px;
	padding-right: 18px;
	padding-bottom:2px;
	padding-left: 18px;
	font-size: 11px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	background-position: center top;
	color: #FFFFFF;
	text-decoration: none;
}

.btn a:hover,
a.btn:hover {
	color: #000011;
	background-color:#99ccff;
}


/*リンク文字の設定*/
a {
         color:#339933;/*リンク文字の色*/
}

a:hover {
         color:#66aa66;/*カーソルが文字の上に来た時この色に変わる*/
}