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

 /*コンテンツ　実際に使うページの設定*/
 #contents{ 
/* width:852px; */ /*横幅を852pxで指定*/
width:800px;/*横幅を852pxで指定*/
margin:0 auto; 
background-image:url(img/main.gif);/*コンテンツ内の背景(サイズをぴったりにすること）*/
background-repeat:repeat-y; /*縦に繰り返し*/
position:relative;/*相対的な位置へ配置*/
font-size:80%;/*文字は見やすいように少し小さめに設定*/
 }


 /*ヘッダー部分の設定*/
 #header{
 background-image:url(img/st4.png); /*壁紙設定自分が使う壁紙に変更する*/
background-position:top right;/*ヘッダーの位置を右上に設定*/
background-repeat:repeat;/*背景画像が小さいので繰り返しの指定*/
height:15px; /*ヘーダーの高さメニュー部分まで合わせたサイズを指定*/
 }


/*ヘッダー部分の文字の設定*/
 /*最上部の小さな文字の部分の設定*/
 /*検索エンジンで重要な見出しタグです*/
h1{
font-weight:700;
font-size:150%;
letter-spacing: 2px;/*文字と文字の間隔*/
padding-left:10px;/*左に少し間隔をあける指定*/
margin: 0px;
 }

 /*見出しタグにリンクを付けた場合の設定*/
h1 a{
/* 白　
 color:#FFFFFF;/*リンク文字の色の指定*/
/* 緑　*/
 color:#008000;/*リンク文字の色の指定*/
font-weight:normal;
 }

 /*免責*/
m1{
font-weight:300;
font-size:90%;
letter-spacing: 2px;/*文字と文字の間隔*/
margin: 10px;
padding-left:0px;/*左に少し間隔をあける指定*/
line-height:130%
 }

m2{
font-weight:300;
font-size:70%;
letter-spacing: 2px;/*文字と文字の間隔*/
margin: 10px;
padding-left:0px;/*左に少し間隔をあける指定*/
line-height:130%
 }


 /*ヘッダー部分のタイトルやサイトの説明の文字の設定*/
 /*ヘッダーに素材としてタイトルが入っている場合はサイトの説明を記入しフォントは小さめに*/
#header p { 
font-size: 25px; /*今回はタイトルにしているので大きめに設定*/
color:#ffffff;
padding-top: 5px;
padding-left: 10px;
}


 /*画像の横に文字が来るように設定するので画像と同じテーブル内にある文字は*/
 /*この指定が必要になる*/
p{
 font-size:90%;/*全体の文字サイズ*/
line-height:300%;/*全体で使う、文字と文字の行間*/
 }

 /*メニューなどの見出しタイトルの設定*/
 /*今回はメニューのページでのみ使用している*/
h2{
 font-size:120%;
 border: solid 2px #cccccc;/*見出しをグレーの枠で囲む設定*/
color:#ffffff;/*見出しの文字の色*/
/* background-image:url(img/h2.gif);*/ /*見出しの背景の指定自分の好みで変更する*/
background-image:url(img/menu.png);
line-height: 35px;/*見出しの背景の高さ*/
padding-left:10px; 
 margin-top: 10px;
 margin-bottom: 1px;
 }


 /*リンク文字の設定*/
/*
a{
 text-decoration:none;/*リンクの文字の下線を消す設定*/
 }  */


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


p img{
 float:left;/*画像の右側へ回り込む設定*/
margin-left:5px; /*画像の左にスペースを空ける*/
margin-right:15px; /:画像の右側へ間隔をあける設定*/
 }


#sample2 {
top:-15px;/*上からの位置指定*/
/*   width:854px; */
/*   height:290px; */
/*   height:450px; */
   width:800px;
   height:250px;
   overflow:hidden;
   position:relative; 
   list-style:none;
/* margin-left: 0; */
/* left:-41px; */  /*左からの位置指定*/
left:-41px;  /*左からの位置指定*/
}

#sample2 li {
   position:absolute;
}

/*上部メニューボタンの設定*/
#navbar{
width: 100%;
height:205px; /*メニューボタンの高さの指定*/
position:absolute;
/* top:100px;/*上からの位置指定*/
top:430px;/*上からの位置指定*/
}

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

#navbar li{
background-image:url(img/nav3.gif); 
float:left;
width:142px;
text-align:center;
padding:0;
 }

#navbar ul a:hover{
background-image:url(img/nav2.gif); 
width:142px; 
}

#navbar a{
color:white;/*メニューボタンの文字の色*/
display:block;
}

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


/*上部メニューボタンの設定(ｔｏｐページ以外)*/
#navbar2{
width: 100%;
/* height:205px; /*メニューボタンの高さの指定*/
height:100px; /*メニューボタンの高さの指定*/
position:absolute;
/* top:100px;/*上からの位置指定*/
top:0px;/*上からの位置指定*/
}

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

#navbar2 li{
background-image:url(img/nav3.gif); 
float:left;
width:142px;
text-align:center;
padding:0;
 }

#navbar2 ul a:hover{
background-image:url(img/nav2.gif); 
width:142px; 
}

#navbar2 a{
color:white;/*メニューボタンの文字の色*/
display:block;
}

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


 /*サイドメニューの設定*/
 #side{
 width:205px;/*サイドの幅（変更するときはコンテンツ背景も変更すること）*/
position:absolute;
 top:480px;/*上からの位置指定メニューページは変更すること*/
left:640px;/*左からの位置指定*/
 }


#side ul{
 font-size:100%;
 line-height:250%; /*サイドの文字と文字の行間設定*/
margin:0px;
 padding-left:15px;
 }
 #side ul a:hover {
 color: #ff0000; /*サイドのカーソルオーバー時の文字色*/
 }

 #side ul{
 list-style-type:none;
 padding-left:2px;
 }
 #side li{
 padding-left:5px;　/*文字の左端からの位置*/
 }
 #side li a{
 color:#333333;/*サイドの文字色*/
border-bottom:solid 1px #666666;/*文字の下に線を入れる設定*/
width:190px;
 display:block;
 }
 #side .ad_list li{
 background-image:none;
 padding-left:0;
 }


 /*メイン部分の設定*/
 #main{
 width:600px;/*メイン部分の横幅の指定*/
margin-top:0px;/*イメージ画像から間隔をあける指定*/
margin-left:15px;/*左から少し間隔をあける指定*/
 }

 /*メイン部分の設定(TOPページ以外）*/
 #main2{
 width:770px;/*メイン部分の横幅の指定*/
margin-top:0px;/*間隔をあける指定*/
margin-left:15px;/*左から少し間隔をあける指定*/
 }



 /*下部のフッター部分の設定*/
address{
 background-color:#666666;/*フッターの背景色の設定*/
color:#ffffff;/*文字の色がグレーだと見えないので白に変更*/
/* width:800px; */ /*フッターの幅をコンテンツピッタリに指定*/
padding-bottom:5px;/*フッターの下に隙間を空ける設定*/
border:none;
line-height:130%; 
 }


address{
 font-size:90%;
 font-style:normal;
 text-align:center;/*フッターの文字をセンター合わせに指定*/
padding-top:5px;
 }

 address a{
 color:#ff9999;/*フッター部分のリンク文字の色の指定*/
 }

ul#news_list {
	margin:5px 0 0 20px;
	padding:0;
}
ul#news_list li {
	color:#666;
	font-size:13px;
	margin:0;
	padding:0;
	padding-bottom:2px;
	margin-bottom:5px;
	border-bottom:1px dotted #ccc;
	line-height:150%;
}
a {
	color:#36F;
	text-decoration:none;
}
a:hover {
	color:#039;
	text-decoration:underline;
}
/*▲共通スタイル▲*/

/*▼ポップアップウインドウのスタイル▼*/
body#news_popup {
	-webkit-text-size-adjust: none;
	margin:10px;
	padding:0;
}
body#news_popup h2 {
	font-size:16px;
	margin:0 0 5px;
	color:#444;
	border-bottom:1px dotted #999;
	padding:5px 2px 1px;
}
#detailWrap {
	padding:10px;
	margin:0px;
	color:#666;
	font-size:15px;
	line-height:140%;
}
#detailWrap ul,#detailWrap ol{
	margin-left:20px;	
}
#detailWrap p{
	padding:5px 0;
}
#detailWrap a{
	text-decoration:underline;
}
p.up_ymd {
	font-size:13px;
	margin:0px;
	color:#666;
	text-align:right;
}
.close_btn {
	font-size:15px;
	text-align:right;
	padding-right:15px;
}
.close_btn a {
	padding:2px 10px;
	border:1px solid #aaa;
	text-decoration:none;
	color:#666;
	border-radius:5px;
}
.close_btn a:hover {
	background:#eee;
}
/*▲ポップアップウインドウのスタイル▲*/

/*▼index.phpスタイル▼*/

/*▲index.phpスタイル▲*/

/*▼admin.phpスタイル▼*/
body#news_admin p {
	margin:0 0 5px;
	line-height:130%;
	font-size:13px;
}
body#news_admin #wrapper {
	width:820px;
	border: 1px solid #ccc;
	border-top:0;
	border-bottom:0;
	box-shadow: 0 0px 7px #aaa;
	margin:0 auto;
	color:#666;
	padding:5px 20px;
	position:relative;
}
body#news_admin h1 {
	font-size:18px;
	color:#333;
	margin:5px 0;
	padding-left:5px;
	border-left:5px solid #333;
}
body#news_admin h2 {
	font-size:14px;
	color:#fff;
	margin-bottom:10px;
	padding-left:5px;
	background:#333;
	padding:5px 8px 3px;
	border-radius:3px;
}
body#news_admin #news_wrap {
	width:820px;
	height:150px;
	overflow:auto;
}
.submit_btn {
	width:240px;
	height:30px;
	cursor:pointer;
}
form p {
	border-bottom:1px dotted #ccc;
	padding:5px 0;
	margin-bottom:10px;
}
.fc_bbb, .fc_bbb a:link {
	color:#bbb!important
}
.fc_red {
	color:#F00!important
}
.message_com {
	min-height:18px
}
.logout_btn {
	position:absolute;
	right:20px;
	top:10px;
}
.logout_btn a {
	padding:2px 10px;
	border:1px solid #aaa;
	text-decoration:none;
	color:#666;
	font-size:13px;
	border-radius:4px;
}
.logout_btn a:hover {
	background:#eee;
}
#countTotal{
	position:absolute;
	right:20px;
	top:35px;
}
/*▲admin.phpスタイル▲*/