/*通常ver　終了次第差し替える*/
@charset "Shift_JIS"; 

* {
	margin:0; padding:0; 		/*全要素のマージン・パディングをリセット*/
}

body {
	margin-top: 20px;
	background-color:#ccccff;
	font-size:90%;
	font-family: "ＭＳ ゴシック",sans-serif;
	line-height:1.5;
	color:#333333;
	text-align: center;
}
a {	text-decoration:none;}


div#pagebody {
	background-color:#ffffff;		/*内容全体の背景色*/
	background-image: url("img/back.png");
	background-repeat:no-repeat; 
	background-attachment: fixed;
	background-position: right bottom;
	margin:0 auto;	/*内容全体をセンタリング*/
	padding:15px;
	text-align: left;
}

/* ヘッダやで */
div#header {
	height:80px;				/*ヘッダ部分の高さ*/
}
div#header h1 {
	padding:10px 0px 5px 20px;		/*見出しの位置調整*/
	font-size:18px;				/*フォントのサイズ*/
	font-family: "ＭＳ ゴシック",sans-serif;	/*フォントの種類*/
}

/* スマホ表示 */

@media screen and (max-width: 480px) {
 img {
	width: 100%;
	height: auto;
 }
}

/* メニューやで */


ul#menu {
	width:100%; height:30px; 	/*メインメニュー部分の幅と高さ*/
	margin:0px 20px; 		/*上下マージン0px、左右マージン20px*/
}
#menu li {
	list-style-type:none;
	display:inline;
	float:left;	
	font-size: 13px;
}
#menu li a {
	background-color:#ffffff;
	color:#333333;
	display:block;
	width:80px; height:20px;	/*幅と高さ*/
	padding:3px 0px 0px 0px;	/*パディング*/
	text-align:center;
}
#menu li a:hover {
	background-color:#333333; 	/*リンクにマウスが乗ったら背景色を変更する*/
	color:#ffffff;
}


/* コンテンツやで */
div#contents {
	width:100%; margin:20px auto auto 50px;	/*内容全体をセンタリング*/
	padding:0px;
	text-align: left;
}
div#contents h2 {
	font-size:17px;				/*フォントのサイズ*/
	margin:20px 0;
	padding-left:40px;
	font-family: "ＭＳ ゴシック",sans-serif;	/*フォントの種類*/
	background:url(img/point.gif) no-repeat left center; 
	
}
div#contents h3 {
	font-size:19px;				/*フォントのサイズ*/
	font-weight: 500;
	margin:15px 0;
	font-family: "ＭＳ ゴシック",sans-serif;	/*フォントの種類*/
	
}
div#contents h4 {
	font-size:15px;				/*フォントのサイズ*/
	font-weight: 600;
	margin:10px 0;
	font-family: "ＭＳ ゴシック",sans-serif;	/*フォントの種類*/
	
}

ul#link {
	height:30px;
	margin:0px
}

#link li {
	list-style-type:none;	
	font-size: 13px;
	display:inline;
	float:left;	
}
#link li a {
	background-color:#ffffff;
	color:#333333;
	display:block;
	height:20px;	/*幅と高さ*/
	padding:3px 7px 0px 7px;	/*パディング*/
	text-align:center;
}
#link li a strong {
	color:#ff6666;
}
#link li a:hover {
	background-color:#333333; 	/*リンクにマウスが乗ったら背景色を変更する*/
	color:#ffffff;
}

ul#llink {
	height:46px;
	margin:0px
}

#llink li {
	list-style-type:none;	
	font-size: 13px;
	display:inline;
	float:left;	
}
#llink li a {
	background-color:#ffffff;
	color:#333333;
	display:block;
	height:40px;	/*幅と高さ*/
	padding:3px 2px 3px 2px;	/*パディング*/
	text-align:center;
}
#llink li a:hover {
	background-color:#333333; 	/*リンクにマウスが乗ったら背景色を変更する*/
	color:#ffffff;
}
/* 一枚絵メニューの　*/
ul#pict {
	height:56px;
	margin:0px
}

#pict li {
	list-style-type:none;	
	font-size: 13px;
	display:inline;
	float:left;	
}
#pict li a {
	background-color:#ffffff;
	color:#333333;
	display:block;
	height:50px;	/*幅と高さ*/
	padding:3px 3px 3px 3px;	/*パディング*/
	text-align:center;
}
#pict li a:hover {
	background-color:#333333; 	/*リンクにマウスが乗ったら背景色を変更する*/
	color:#ffffff;
}


/* 球団擬人化キャラ紹介の　*/
ul#chara {
	height:140px;
	margin:0px
}

#chara li {
	list-style-type:none;	
	font-size: 13px;
	display:inline;
	float:left;	
}
#chara li a {
	background-color:#ffffff;
	color:#333333;
	display:block;
	height:135px;	/*幅と高さ*/
	padding:3px 7px 2px 7px;	/*パディング*/
	text-align:center;
}
#chara li a:hover {
	background-color:#333333; 	/*リンクにマウスが乗ったら背景色を変更する*/
	color:#ffffff;
}

/* web拍手用の　*/
ul#clap {
	height:150px;
	width:135px;
	margin:0px;
	padding:0px;
}

#clap li {
	list-style-type:none;	
	display:inline;	
}
#clap li img{
   	margin-left:-14px;
}
#clap li a {
	background-image:url(img/webclap02.png);	/*リンク領域に背景画像を付ける*/
	background-repeat:no-repeat;	
	display:block;
}
#clap li a:hover  img{
   	visibility: hidden;
}

strong{
	color:#ff6666;
}