/* CSS Document */
h2{
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

ul {
padding: 0;
margin: 0;
}



li {
  list-style: none;
  position: relative;
}



body{
	margin:0;
	padding:0;
	font-size:12px;
    font-family: Helvetica,Verdana,Roboto;
	/*background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#50e2ff),
		to(#ffffff));
    */
	background-color:#FFFFFF;
	background-repeat:repeat-x;
	word-wrap:break-word;
	}
h1{
	padding:5px 0;
	margin:0;
	font-size:20px;
}


a{
	border:0;
	margin:0;
	padding:0;
	display:block;
}


#container{
	margin:0 auto;
	width:100%;
	overflow:hidden;
}

.adlb {
	line-height:30px;
 	font-size: 14px;
}

.toukou {
  margin-left: 5px;
  line-height: 1.6;
  font-size: 13px;
  word-break: break-all;
  padding: 15px 0 15px 0;
}



.clearfix:after {
  content: " ";
  display: block;
  clear: both;
}

#namedetail {
  padding: 0px 0px;
  background-repeat:
    repeat-y,
    no-repeat,
    repeat;
  background-position:
    2px 0px,
    0 0,
    0 0;
  -webkit-background-size: auto auto, auto auto, auto auto, auto auto;
  text-align: left;
  position: relative;
}


#namedetail .body {
  padding: 0 0;
  background: #fff;
}

#namedetail .article-body {
  padding: 8px 8px 8px 8px;
  line-height: 1.4;
  font-size: 13px;
}

#namedetail .article-body h2 {
  margin-bottom: 0.6em;
  padding: 5px 0 5px 32px;
  position: relative;
  background: #FFFFFF url(../images/h2_boy.png) no-repeat 10px 10px;
  font-size: 15px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}


#namedetail .article-body p,
#namedetail .article-body ul,
#namedetail .article-body blockquote {
  margin-bottom: 1em;
  margin-left: 5px;
  line-height: 1.6;
  font-size: 13px;
  word-break: break-all;
}

#namedetail .article-body li.girl {
  line-height: 2.0;
  font-size: 16px;
  margin-bottom: 2px;
  margin-left: 0;
  padding-left: 22px;
  background: url(../images/li_girl.png) no-repeat 6px 14px;
}

#namedetail .article-body li.boy {
  line-height: 2.0;
  font-size: 16px;
  margin-bottom: 2px;
  margin-left: 0;
  padding-left: 22px;
  background: url(../images/li_boy.png) no-repeat 6px 14px;
}


#namedetail .message {
  margin: 0 5px 1em 5px;
  padding: 0.4em 0.8em 0.44em 30px;
  border: 1px dotted #ddd;
  font-size: 13px;
  line-height: 1.5;
}



#namedetail .check-message {
  background: url(../images/check.gif) no-repeat 5px center;
}

#namedetail .alert-message {
  background: url(../images/alert.gif) no-repeat 5px center;
}


#header{
}


#logo{
	display:table-cell;
	vertical-align:middle;
	line-height:40px;
	width:100%;
	float:left;
	text-align:center;
	background-color:#FEE;
    background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.50, #ffffff),
		color-stop(0.50, #F5FAFE),
		color-stop(0.95, #7EC1F8),
		to(#ffffff));
	-webkit-box-shadow:
		0px 3px 3px rgba(000,000,000,0.1),
		inset 0px 0px 3px rgba(255,255,255,1);
	text-shadow:
		0px 1px 1px rgba(255,0,0,0.2),
		0px -1px 0px rgba(255,255,255,0.7);
	border-bottom:2px #00548C solid;
}
#logo img{
	margin:0 auto;
}

#headerMain{
	display:none;
}
#logo>h1>a{
	display:block;
	width:100%;
	text-decoration:none;
	color:#906;
	font-size:16px;
}
#logo span{
	color:#F90;
	text-shadow:
		0px 1px 1px rgba(255,0,0,0.2),
		0px -1px 0px rgba(255,255,255,0.7);
}
.logo_pc{
	display:none;
}
.logo_i{
	display:block;
	width:100%;
	height:auto;
}





#namelist{
	clear:both;
}

#namelist ul{
	padding:0;
	list-style:none;
	display:block;
	padding:5px 10px 0px 10px;
}
#namelist li.boy{
	overflow:hidden;
	-webkit-box-sizing: border-box;
	margin:0;
    float:none;
	clear:both;
	width:100%;
	text-align:left;
	padding:0;
	border:5px #F9C solid;
	border-bottom:0px;
    background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.50, #ffffff),
		color-stop(0.50, #D2F0FF),
		color-stop(0.95, #97DDFF),
		to(#ffffff));
    display:block;*/
	/*-webkit-box-shadow:
		0px 3px 3px rgba(000,000,000,0.1);*/
}

#namelist li.girl{
	overflow:hidden;
	-webkit-box-sizing: border-box;
	margin:0;
    float:none;
	clear:both;
	width:100%;
	text-align:left;
	padding:0;
	border:5px #F9C solid;
	border-bottom:0px;
    background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.50, #ffffff),
		color-stop(0.50, #fff0f8),
		color-stop(0.95, #ffd1e7),
		to(#ffffff));
    display:block;*/
	/*-webkit-box-shadow:
		0px 3px 3px rgba(000,000,000,0.1);*/
}


#namedetail .article-body a{
  font-size: 16px;
}


#namelist li:first-child{
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
}
#namelist li:last-child{
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	border-bottom:5px #F9C solid;
}
#namelist li>a>span{
	display:table-cell;
	clear:none;
	vertical-align:middle;
	height:auto;
}
#namelist li>a>span:last-child{
    width:100%;
}
#namelist li>a>span>img{
  margin-right:10px;
}
#namelist li>a{
	color:#903;
	display:block;
	-webkit-box-sizing: border-box;
	width:100%;
	height:auto;
  padding:10px;
	padding-left:15px;
	text-align:left;
	text-decoration:none;
    font-family: Helvetica,Verdana,Roboto;
    font-size: 18px;
	font-weight:bold;
	vertical-align:middle;
	text-shadow:
		0px 1px 1px rgba(0,0,255,0.2),
		0px -1px 0px rgba(255,255,255,0.7);
}
#namelist li>a:after{
	content:url(../images/arrowR.png);
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	display:table-cell;
	vertical-align:middle;
}




ul.pager {
	margin: 0;
    padding: 20px 0;
	font-family: Helvetica,Verdana,Roboto;
	font-size:12px;
	text-align: center;
}
ul.pager li {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
}
ul.pager li strong {
	display: -moz-inline-box; /* firefox2 送・ */
	display: inline-block;
	padding: 0.5em 0.8em;
	background-color: #FFF;
	border: 1px #888 solid;
}
ul.pager li a {
	display: -moz-inline-box; /* firefox2 送・ */
	display: inline-block;
	padding: 0.5em 0.8em;
	border: 1px #888 solid;
}
		
ul.pager li a:link,
ul.pager li a:visited {
    text-decoration: none;
	border-color: #888;
	background-color: #FFF;
	color: #5C5C5C;
	
}
ul.pager li a:hover,
ul.pager li a:active {
	border-color: #003399;
	background-color: #003399;
	color: #FFFFFF;
}



.formsp {
margin:10px;
}



input {
 padding: 5px;
 width: 150px;
 font-size: 14px;
}

input[type="name"],
input[type="yomi"] {
 width: 250px;
}

input[type="radio"] {
 width: auto;
}

input[type="submit"] {
 padding: 5px 10px;
 border: 1px solid #FFFFFF;
 width: auto;
 color: #FFFFFF;
 background-color: #D9F5F3;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#FF9900), color-stop(48%, #FF8600), color-stop(52%, #FF7700), to(#FF6600));
 font-size: 16px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
 -webkit-box-shadow: 0 0 3px #333333;
 box-shadow: 0 0 3px #333333;

}

.submit {
 text-align: center;
}


.compager {
 text-align: center;
}




.social_btn { 
  display: inline-block;
  height: 30px;
  overflow: hidden;
  text-align: left;
  vertical-align: bottom;
  margin-top: 5px; 
  margin-bottom: 15px; 
} 

.social_btn .line { 
  float: left;
  width: 100px;
  height: 30px;
  overflow:hidden;

} 

.social_btn .twitter { 
  float: left;
  width: 100px;
  height: 30px;
  overflow:hidden;

} 





#adspace {text-align:center; font-size: 16px;}
#adspace ul {margin:0 0 13px 0;}
#adspace ul li {border-right:solid 1px #333; display:inline;}
#adspace ul li:last-child {border-right:0;}
#adspace ul li a {display:inline-block; margin-right: 8px; margin-left: 4px; padding:4px 6px;}




#footer {text-align:center; font-size: 16px;}
#footer ul {margin:10px 0;}
#footer ul li {border-right:solid 1px #333; display:inline;}
#footer ul li:last-child {border-right:0;}
#footer ul li a {display:inline-block; margin-right: 8px; margin-left: 4px; padding:4px 6px;}
#footer div.copyright {
	margin:10px 0;
	}


.adsense{
min-height:320px;
}