@charset "shift_jis";
/* CSS Document */
* {
	margin: auto;
	padding: 0px;
}


/*純広告*/
#main p.bnrAd1 img,#main p.bnrAd2 img,#main p.bnrAd3 img{
max-width:620px;
display:block;
margin:0px auto;
}

#main .report p.bnrAd1 img,#main .report p.bnrAd2 img,#main .report p.bnrAd3 img{
max-width:580px;
}


/*body*/

body {
text-align: center;
color: #333333;
font-size:14px;
background:white;
padding-top:10px;
padding-bottom:10px;
}

body strong {
font-weight:normal;
}


/*page*/

#page {
	max-width:970px;
	margin:auto;
	text-align: left;
}

/*header*/
h1{
margin: 0px;
line-height:30px;
}

h1 a{
	font-weight: bold;
	font-size: 14px;
	margin: 5px;
	padding: 0px;
	float: left;
	display: block;
	height: 200px;
	margin-top: 0px;
}

#header {
	background:url(img/header.jpg) left center no-repeat;
	margin:auto;
	min-height:200px;
	padding: 0px;
	border-bottom:#CC9999 10px double;
	margin-bottom: 0px;
}

#header strong{
font-weight:bold;
}

#header #head_r p {
	font-size: 15px;
	font-weight: bold;
	text-align: right;
	line-height:20px;
	padding-bottom:0px;
	margin:0px;
	margin-top: 10px;
}

#header #head_r p.small {
	font-size:10px;
	font-weight:normal;
	margin-top:25px;
	margin-bottom:15px;
}

#header #head_r .sitemap {
	margin-top:15px;
	text-align: right;
	margin-right: 0px;
	display:block;
}

#header #head_r .sitemap p{
	font-size:12px;
	text-align:right;
	font-weight: normal;
	margin: 5px;
	padding: 0px;
}

#header #head_r{
	float:right;
	min-height: 200px;
	max-width: 640px;
}

#header #head_r span {
color:#D76AB4;
}

#header #head_r h2 {
font-size:32px;
text-align:right;
color:#D76AB4;
margin:5px;
}

#pankuzu{
clear: both;
margin: 5px;
}

#pankuzu ol li{
display: inline;
margin-left: 15px;
}

#pankuzu ol{
margin:5px;
padding:10px;
background:#FEF0E7;
}

/*main*/

#page #main {
	float:right;
	margin: 0px;
	max-width: 670px;
}

#page #main h2,#page #pickup h2 {
font-size:22px;
text-align:left;
padding:10px;
margin:0px;
background:#F99D8A;
}

#page #main p,#page #pickup p {
font-size:14px;
line-height:30px;
text-align:left;
padding:10px;
padding-bottom: 0px;
}

#page #main .koushin {
padding:0px;
border:solid 2px #DCC0A9;
margin-top:5px;
margin-bottom:20px;
}


#page #main .about_site,#page #main .about_deli {
padding:0px;
background-color:white;
border:solid 2px #F99D8A;
margin-bottom:20px;
}

#page #main .koushin h2 {
background:#DCC0A9;
}

#page #main .koushin ul{
margin:0px;
padding:0px;
}

#page #main .koushin ul li{
display:block;
font-size:14px;
list-style:inside;
padding:10px;
}

#main #yougosyu {
padding:0px;
background-color:white;
border:solid 2px #D6E6ED;
margin-bottom:20px;
}

#main #yougosyu h2{
	font-size:16px;
	clear:both;
	display: block;
	min-height: 35px;
	line-height: 30px;
	background:white;
}

#main #yougosyu h2#yougo {
background:#D6E6ED;
font-size:22px;
text-align:left;
clear: none;
padding:10px;
margin:0px;
}

#main #yougosyu p{
padding-left: 10px;
margin-top:0px;
margin-bottom:5px;
}

#main #yougosyu ul{
padding-left:5px;
margin: 0px;
}


#main #yougosyu ul li{
	font-size: 12px;
	float: left;
	display: block;
	list-style: none;
	border-left: 2px solid #D6E6ED;
	border-top: 1px solid #D6E6ED;
	min-width: 200px;
	min-height: 30px;
	line-height: 30px;
	margin-left: 5px;
	margin-bottom: 5px;
}

#main .report ul {
	border-bottom: 1px dotted gray;
	padding: 10px;
	margin-bottom:0;
}
#main .report li{
	list-style:none;
	font-size:12px;
	margin: 0;
}
#main .report li:not(:last-child) {
	margin: 0 0 10px 0;
}
#main .report li span{
	color:#ff8000;
}

/*bottom_bannar------------------------------------------*/

#main #bottom_bannar {
border:solid 2px #FEEEA5;
margin-bottom: 15px;
}

#main #bottom_bannar h2 {
background:#FEEEA5;
}


#page #main #bottom_bannar p {
font-size:16px;
text-align: center;
font-weight: bold;
margin:0px;
}

#page #main #bottom_bannar p strong {
font-weight:bold;
}

#main #bottom_bannar p a {
font-size:22px;
font-weight:bold;
line-height:50px;
}

#main .saikyou img{
	display:block;
	max-width:100%;
	height:auto;
}

#main .saikyou{
	margin-bottom:20px;
	background-color:#FFF0E1;
	border:solid 1px #FF8000;
	padding-bottom:10px;
}

#main .saikyou p a{
	display:block;
	text-align:center;
	font-weight:bold;
	text-decoration:underline;
}



/*menu*/

#menu {
	float:left;
	min-width: 270px;
	padding-top: 0px;
	padding-bottom:0px;
}

#menu h2{
	background:#F1D6D6 url(img/keitai_02.gif) right no-repeat;
	font-size:16px;
	text-align: left;
	line-height:20px;
	padding: 10px;
	border-left:#CC9999 20px solid;
	margin: 0px;
}

#menu ul{
background: white;
padding-bottom:20px;
margin: 0px;
}


#menu ul li{
font-size:14px;
text-align:left;
list-style: none;
margin:5px 5px 5px 5px;
padding:7px 0px;
border-bottom: gray dotted 1px;
}


/*メニューのおすすめリンク------------------------------------------*/

#menu #chart {
padding-bottom: 15px;
border:#FEEEA5 5px solid;
border-bottom:#FEEEA5 20px solid;
margin-top:5px;
margin-bottom:20px;
}

#menu #chart img {
border:2px #FFC0CB solid;
display:block;
margin:auto;
width:100%;
height: auto;
}

#menu #chart p{
text-align:center;
margin:10px;
line-height:20px;
}

#menu #chart p a {
color:#FF1493;
font-weight:bold;
}

#menu #chart p span {
color:#FF1493;
}

#menu #chart p.chart_title {
font-weight:bold;
}

#menu #chart p.chart_title strong {
font-weight:bold;
}



#menu #chart h2 {
background:#FEEEA5 url(img/keitai_01.gif) right no-repeat;
font-size: 18px;
text-align: center;
border: none;
}


/*footer*/

#foot {
border-top:#CC9999 10px double;
text-align: center;
margin-top:30px;
}

#foot p{
line-height:20px;
}


/*main_con*/

#page #head_r p.head_sub {
font-size:40px;
}

#page #main .archive {
padding:0px;
border:solid 2px #F99D8A;
margin-top:5px;
margin-bottom:20px;
}

#page #main .main_con,#page #main .main_con02 {
margin-bottom:20px;
}

#page #main .main_con h2 {
width:450px;
}

#page #main .main_con02 h2 {
width:auto;
}

#page #main .main_con02 span,#page #main .yougoall span {
color:red;
font-weight:bold;
}

#page #main .main_con ol,#page #main .main_con02 ol,#page #main .report ol {
	margin:15px 35px;
}

#page #main .main_con ol li,#page #main .main_con02 ol li,#page #main .report ol li {
	font-size:14px;
	border-bottom:#F99D8A 1px dotted;
	margin-bottom: 15px;
	padding-top:0px;
	list-style-position:outside;
	line-height:25px;
	list-style:decimal;
}


#page #main .main_con p {
text-align:right;
font-weight:bold;
}

#page #main .main_con02 p {
text-align:left;
font-weight:bold;
}

#page #main .main_con p strong,#page #main .main_con02 p strong {
font-weight:bold;
}

#page #main .report {
border:#FEDDB1 2px solid;
margin-top:5px;
margin-bottom:20px;
}

#page #main .report h2{
background:#FEDDB1;
}

#page #main .report p {
font-size:12px;
}

#page #main .report p span {
font-size:16px;
color:red;
}

#page #main .report p.serifu {
font-size:16px;
color:#FF1493;
}

#page #main .report .delijyou {
height:auto;
}

#page #main .report .delijyou p {
float:left;
padding:10px 30px 10px 10px;
}

#page #main .report img {
margin:20px;
}

#page #main .report #taidan ul{
margin-left:15px;
list-style:none;
line-height:20px;
}

#page #main .report #taidan ul li{
font-size:12px;
margin:10px;
}

#page #main .report #taidan ul li.guest{
font-size:14px;
font-weight:bold;
margin-left:30px;
margin-bottom:30px;
}

#page #main .report #taidan ul li.guest strong {
font-weight:bold;
}

#page #main .report #taidan ul li.guest span {
font-weight:bold;
color:red;
}

#page #main .yougoall, #page #main .sougolink {
margin-top:5px;
}

#page #main .yougoall table, #page #main .sougolink table {
text-align:left;
border-collapse:collapse;
margin:10px;
}

#page #main .yougoall table th, #page #main .sougolink table th {
width:20%;
Vertical-align:top;
padding:7px 2px 0px 10px;
border-bottom:#F99D8A 1px dotted;
font-size:14px;
line-height:20px;
}

#page #main .sougolink table th {
width:30%;
}


#page #main .yougoall table td, #page #main .sougolink table td {
line-height:20px;
padding:5px 5px 10px 5px;
border-bottom:#F99D8A 1px dotted;
}

#page #main .archive ul {
list-style-position:inside;
padding:10px 20px 10px 10px;
}

#page #main .archive ul li {
	border-bottom:#F99D8A 1px dotted;
	margin-bottom: 15px;
	padding-top:0px;
	list-style-position:inside;
	line-height:25px;
}

#page #main .archive .my_bannar {
padding-left:20px;
margin-bottom:10px;
}

#page #main .archive .my_bannar p {
padding:0px;
padding-top:15px;
margin:0px;
}

#page #main .form {
padding:10px 0px 20px 20px;
line-height:30px;
}

#page #main .main_con02 p.color {
text-align:center;
font-size:16px;
margin:30px 130px 50px 130px;
border-bottom:3px double #FFC0CB;
}





/*ranking*/

#page #menu #ranking {
table-layout:auto;
text-align:center;
margin-left: auto;
margin-right: auto;
margin-bottom:20px;
}


/*pickup*/

#page #pickup {
padding:30px 0px;
}

#page #pickup h2 {
background:orange;
color:white;
}

#page #pickup ul {
margin-top:30px;
}

#page #pickup ul li {
margin:0px 10px;
display:inline;
font-size:16px;
font-weight:bold;
}


/*jispelin----------------------------*/

#menu p#jispelin {
text-align:center;
margin-bottom:30px;
}

#menu p#jispelin a img {
border:none;
}
.smview_ad{
	display:none;}

@media screen and	(max-width: 640px) {
#page #main .yougoall table th, #page #main .sougolink table th,#page #main .yougoall table td, #page #main .sougolink table td{
	width:100%;
	display:block;
	}
	
	#page #main .yougoall table td, #page #main .sougolink table td{
		padding-left:15px;}
		
		#header{
			background-position:top left;}
		#header #head_r p{
			font-size:0.8em;}
			#page #main{
				float:none;}
				
				#page #main img{
					width:90%;
					float:none;
					margin:auto;}

	.smview_ad{
	display:block;
	float:none;}
	
.smview_ad img{
	margin:15px auto;
	padding:auto;
	display:block;
}

}