@charset "shift_jis";


@media  (min-width: 200px) and (max-width: 737px){

html, body {
    height: 100%;
	margin: 0;
	padding: 0;
}

body{
	margin: 0;
	padding: 0;
	font-size: 1em;
	line-height: normal;
	color:#333;
	position: relative;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;

}


strong{font-weight:bold;}

/* リンク色（ページ全体） */
a { color: #0000ff; text-decoration: underline; }
a:hover { color: #ff0000; text-decoration: none;}


/*モバイル画像サイズ*/
img{
	width: 100%;
	height: 100%;
}

p a img{
	width: 100%;
	height: 100%;
}

.kara_img{
width: 1px ;
height: 1px;
}

/*==トップ画像==*/
img.top{
	width: 263px;
	height: 237px;
}

/*==ランキング１〜==*/
img.ranking{
	width: 150px;
	height: 30px;
}

/*==バス等のアイコンサイズ==*/
img.icon{
	width: 50px;
	height: 30px;
}

hr{
 color:#CCCCCC;
 margin: 10px 20px;
}


.none{
font-weight:normal;
}


/**▼サイトレイアウト*****/

#wrap{
 width:100%;
 margin: auto;
 background: none;
}





/**▼ヘッダー*****/

#head{
 width:100%;
 margin:0 auto;
}

.head_img{
width: 100% ;
height: auto;
}

h1{
 color:#fff;
 font-size:0.8em;
 padding:  10px;
 background-color: #FC647C;
}


/**▼メインコンテンツ*****/

h2{
 	 font-size: 136%;
	 font-weight:bold;
padding: .3em .3em;
	border: 1px solid #ccc;
	border-top: 3px solid #FC647C;
	background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
	margin-left: 10px;
	margin-right: 10px;

}

#cnt{
 width:100%;
 padding: 0px;
}

.in_cnt{
 margin:10px;
 padding-bottom: 10px;
}

.in_cnt p{
 background: url(img/note_line3.gif) left bottom;
 margin:0 15px 15px;
 font-size:114%;
 line-height: 25px;
 text-align:justify;
}





/**▼フッター*****/

#footer{
 text-align: center;
 clear: both;
 overflow:hidden;
}

address {
 font-style: normal;
 color: #FFFFFF;
 text-align: center;
 padding:  10px;
 display: block;
 background: #FC647C;
 font-size: 92%;
 margin: 20px 0;
}




/**▼フッターリンク*****/

#linkspace{
 margin: 0 15px 15px;
 padding:15px 0;
 font-size:100%;
 border-top:1px #ccc solid;
 clear:both;
}

#linkspace ul{
 margin:0 35px;
}

#linkspace a { color: #0000ff; text-decoration: underline; }
#linkspace a:hover { color: #ff0000; text-decoration: none;}





/**▼ランキング表*****/

.rh3{
 background-image: url(img/bg_h3.jpg);
 line-height: 25px;
 background-repeat: no-repeat;
 padding-left: 25px;
 margin-bottom: 15px;
 font-size:115%;
}


.rank_table{
 width: 100%;
 margin:0 45px 0 0;
 border: 2px solid #CCCCCC;

}

.rank_table th{
width: 100px;
 border: 1px solid #999999;
 vertical-align:top;
 padding-top:10px;
 text-align:center;
}
.rank_table td{
 border:1px solid #999999;
 vertical-align: top;
}

.rank_table td p{
 margin:10px;
 font-size:107%;
}

.rank_table th img.list,
.rank_table td img.list{
	width: 110px;
	height: auto;

}

/*==アドセンスのアイコン画像==*/
.ad{
	height:1px;
	width: 1px;
}

.rank{
 padding:0px;
 margin:0px;
 background-image: url(img/th_bg.jpg);
}

.rank h3{
 background-image:none;
 padding-left: 10px;
 margin-bottom: 0px;
 margin: 0px;
 font-size:136%;
 font-weight:bold;
 line-height:52px;
 height:50px;
 overflow:hidden;
}


/**▼お申込みボタン*****/

.btn{
 text-align:center;
 margin: 10px 0 20px;
 padding: 10px;
 clear:both;
}



/**▼文字装飾*****/

/*赤文字*/
.rb{ color:#f00;}

/*下線*/
.uline{ text-decoration:underline;}

/*文字色背景を黄色*/
.yb{ background:#ff0;}

/*文字列を左寄せにする*/
.tl{ text-align:left;}

/*文字列を中央に配置*/
.tc{ text-align:center;}

/*文字列を右寄せにする*/
.tr{ text-align:right;}

/*画像を左に配置し、後に続く文字を右に回り込ませる*/
.left{
 float:left;
 margin:0 20px 0 0;
}

/*画像を右に配置し、後に続く文字を左に回り込ませる*/
.right{
 float:right;
 margin:0 0 0 20px;
}

/*画像を中央に配置*/
.center{
	display: block;
 margin-left: auto;
 margin-right: auto;
}


/*回り込み解除*/
.c_both{ clear:both;}

}