@charset "Shift_JIS";
@import url("html5reset-1.6.1.css");
/* CSS Document */
html{
	background:#E84D82;
}

body{
	text-align:center;
	font-size:14px;
	line-height:1.6em;
	color:#333;
	background:#FDFBF7 url(../../image/header.jpg) repeat-x top;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*リンク*/
a:link{
	color:#36C; 
	text-decoration:underline;}
a:visited{
	color:#639; 
	text-decoration:underline;
}
a:hover,
a:active{
	color:#0CC; text-decoration:none;
}


 /* Start of "Micro clearfix" */
.cf { zoom: 1; }
.cf:before,
.cf:after { content: ""; display: table; }
.cf:after { clear: both; }
 /* End of "Micro clearfix" */

.clear{
	clear:both;
}
.center {
	text-align:center;
}
input{padding:0.2em;}


#wrapper{
	width:960px; 
	margin:auto; 
	text-align:left;
}

article{
	padding-bottom:25px;
}

/*ヘッダー*/
header {
	height:134px;
}

header h1{ 
	width:340px; 
	height:134px; 
	float:left;
}

nav{
	width:620px; 
	height:110px; 
	margin-top:24px; 
	float:right;
}

nav ul li{
	float:left; 
	margin:0px 3px 3px 0px;
	line-height:1;
	padding:0px 11px 0px 0px;
	background: url(../../image/navi_right.gif) no-repeat right;
}

nav ul li a{
	cursor: auto;
	position: relative;
	font-size:15px;
	font-weight:bold;
	background: url(../../image/navi_left.gif) no-repeat left;
	/*background-color: #ccc;*/
	background-color:#805A45;
	padding:8px 0px 8px 11px;
	display:block;}
	
nav ul li a:link,
nav ul li a:visited{
	color:#fff; 
	text-decoration:none;
}

nav ul li a:hover,
nav ul li a:active{
	color:#FFC; 
	text-decoration:underline;
}


/*検索とページタイトル*/

section#topCopy {
	margin:15px 0 25px 0;
	
}

.none{
	display:none;
}
h1.pageTitle{
	background-image: url(../../image/h1_bg.jpg);
	color:#58392A;
	float: left;
	width: 560px;
	font-size: 24px;
	line-height: 1%;
	padding: 30px 0px 35px 60px;
	background-repeat: no-repeat;
	margin-top: 15px;
}

.illust {
	float:left;
}
section#topCopy p{
	display:block; 
	width:530px; 
	margin:15px 0 0 10px; 
	float:left;
}
#searchform{
	display:block;
	padding:10px 0px 15px 50px;
	width:265px;
	float:right;
	margin-top:10px;
	background: url(../../image/search.gif) no-repeat top;
	color:#412C20;
	font-weight:bold;
}
#keywords {
	width:180px; 
	padding:3px;
	border:1px solid #C69;
	margin-top:2px;
}
	
	
/*フッター*/
footer {
	clear:both;
	background:url(../../image/footer_bg.gif) repeat-x bottom;
	font-size:13px;
}

footer div{
	width:960px; 
	margin:auto; 
	padding:15px 0; 
	color:#fff; 
	text-align:left;
}

footer ul li{
	float:left;
	padding:2px 10px;
	margin-right:5px;
	display: block;
	white-space:nowrap;
	background: url(../../image/footer_icon.gif) no-repeat left center;

}

footer ul {
	
}

footer p {margin-top:10px;}

footer a:link,
footer a:visited{
	color:#FFF;
}
footer a:hover,
footer a:active{
	color:#FFC
}


/*トップページ*/
.topBox {
	width:229px;
	float:left;
	background: url(../../image/ssection_bg.jpg) no-repeat bottom ;
	margin:10px 14px 25px 0px;
	padding-bottom:15px;
	}

.topBox5 {
	width:229px;
	float:left;
	background: url(../../image/ssection_bg.jpg) no-repeat bottom ;
	margin:10px 14px 25px 0px;
	padding-bottom:15px;
	}

.topBox2 {
	width:229px;
	float:left;
	margin:10px 0 25px 0;
	background: url(../../image/ssection_bg.jpg) no-repeat bottom;
	padding-bottom:15px;
	}

.topBox4 {
	width:229px;
	float:left;
	margin:10px 0 10px 0;
	background: url(../../image/ssection_bg.jpg) no-repeat bottom;
	padding-bottom:5px;
	}

.topBox7 {
	width:229px;
	float:left;
	margin:10px 0 10px 0;
	background: url(../../image/ssection_bg.jpg) no-repeat bottom;
	padding-bottom:5px;
	}

.topBox9 {
	width:229px;
	float:left;
	margin:10px 0 10px 0;
	background: url(../../image/ssection_bg.jpg) no-repeat bottom;
	padding-bottom:5px;
	}


.topBox3 {
	width:229px;
	float:left;
	background: url(../../image/ssection_bg.jpg) no-repeat bottom ;
	margin:10px 14px 25px 0px;
	padding-bottom:15px;
	}

.topBox h1,
.topBox2 h1,
.topBox3 h1,
.topBox4 h1,
.topBox5 h1,
.topBox7 h1,
.topBox9 h1,

.postBox1 h1{
	color:#7F5945; 
	font-size:16px; 
	font-weight:bold;
	padding:25px 0 8px 62px;
}

.postBox2 h1{
	color:#7F5945; 
	font-size:16px; 
	font-weight:bold;
	padding:25px 0 8px 52px;
}

.topBox h2{
	margin:10px 0 0 20px; 
	color:#C36;
}

.topBox p{
	margin:5px 15px;
	padding-top:5px;
	padding-bottom:5px;
}

.topBox2 p{
	margin:5px 20px;
	padding-top:5px;
	padding-bottom:5px;
}

.topBox form{
	padding:0px 0px;
}
.topBox form input,
.topBox form select,
.topBox form textarea{
	margin-bottom:5px;
}

.topBox4 form{
	padding:10px 18px;
}
.topBox4 form input,
.topBox4 form select,
.topBox4 form textarea{
	margin-bottom:5px;
}

.topBox4 form #sei,
.topBox4 form #mei{
	width:185px;
}
.topBox4 form #hiragana{
	width:185px;
}


.topBox7 form{
	padding:10px 18px;
}
.topBox7 form input,
.topBox7 form select,
.topBox7 form textarea{
	margin-bottom:5px;
}

.topBox7 form #moji{
	width:60px;
}
.topBox7 form #hiragana{
	width:185px;
}




.topBox5 form{
	padding:10px 18px;
}
.topBox5 form input,
.topBox5 form select,
.topBox5 form textarea{
	margin-top:10px;
	margin-bottom:10px;
}

.topBox5 form #sei,
.topBox5 form #mei{
	width:185px;
}




.topBox3 h2{
	margin:10px 0 0 20px; 
	color:#C36;
}

.topBox3 form{
	padding:10px 18px;
}
.topBox3 form input,
.topBox3 form select,
.topBox3 form textarea{
	margin-bottom:5px;
}

.topBox3 form #name,
.topBox3 form #yomi{
	width:185px;
}

.topBox3 form #imi{
	width:190px;
	height:35px;
}


/*各見出しの背景*/
.newname {
	background-image:url(../../image/h1_bear.jpg)
}
.ranking {
	background-image:url(../../image/h1_crown.jpg)
}
.ranking_boy {
	background-image:url(../../image/h1_boy.jpg)
}
.ranking_girl {
	background-image:url(../../image/h1_girl.jpg)
}
.kirakira {
	background-image:url(../../image/h1_kirakira.jpg)
}
.geino_pop {
	background-image:url(../../image/h1_geinopop.jpg)
}
.geino_kirakira {
	background-image:url(../../image/h1_geinokirakira.jpg)
}
.kanji {
	background-image:url(../../image/h1_kanji.jpg)
}
.boy50 {
	background-image:url(../../image/h1_50boy.jpg)
}
.girl50 {
	background-image:url(../../image/h1_50girl.jpg)
}
.seimei {
	background-image:url(../../image/h1_seimei.jpg)
}
.kako_boy {
	background-image:url(../../image/h1_kakoboy.jpg)
}
.kako_girl {
	background-image:url(../../image/h1_kakogirl.jpg)
}
.namesearch {
	background-image:url(../../image/h1_toy.jpg)
}

.sponsor {
	background-image:url(../../image/h1_toy.jpg)
}
.post {
	background-image:url(../../image/h1_wear.jpg)
}
.word {
	background-image:url(../../image/h1_word.jpg)
}
.comment {
	background-image:url(../../image/h1_balloon.jpg)
}
.sponsor2 {
	background-image:url(../../image/h1_instrument.jpg)
}

.topBox ul,
.topBox2 ul{
	margin:5px 20px;
}
.topBox ul li,
.topBox2 ul li{
	border-bottom:dotted 1px #AC8E6F;
	padding-top:5px;
	padding-bottom:5px;
}

.appleboy{
	background:url(../../image/icon_app_m.jpg) no-repeat left center;
	padding-left:20px;
}

.applegirl{
	background:url(../../image/icon_app_w.jpg) no-repeat left center;
	padding-left:20px;
}

.ranks1{background:url(../../image/rank1.gif) no-repeat left center;
	padding-left:32px;}
.ranks2{background:url(../../image/rank2.gif) no-repeat left center;
	padding-left:32px;}
.ranks3{background:url(../../image/rank3.gif) no-repeat left center;
	padding-left:32px;}
.ranks4{background:url(../../image/rank4.gif) no-repeat left center;
	padding-left:32px;}
.ranks5{background:url(../../image/rank5.gif) no-repeat left center;
	padding-left:32px;}

.more{
	background: url(../../image/icon_more.gif) no-repeat right center;
	text-align:right;
	padding-right:18px;
	display:block;
	margin-right:15px;
}

.cel50 td {
	width:32px; 
	text-align:center; 
	padding:3px;
}
table.cel50 {
	margin:0 0 10px 17px;
}

.celtheme td {
	width:32px; 
	text-align:center; 
	padding:10px 4px 10px 3px ;
}
table.celtheme {
	margin:0 0 0px 17px;
}

.celyomi td {
	width:53px; 
	text-align:center; 
	padding:3px;
}
table.celyomi {
	margin:0 0 10px 17px;
}




.topBox dl{
	padding:0 15px 10px 15px;
}
.topBox dl dd{
	padding-bottom:5px;
	border-bottom:dotted 1px #AC8E6F;
}
.topBox dl dt{
	padding:5px 0 0 20px;
}

.topBox9 dl{
	padding:0 15px 10px 15px;
}
.topBox9 dl dd{
	padding-bottom:5px;
	border-bottom:dotted 1px #AC8E6F;
}
.topBox9 dl dt{
	padding:5px 0 0 20px;
}

.fukiboy{
	background: url(../../image/icon_fuki_m.gif) no-repeat left center;	
}
.fukigirl{
	background: url(../../image/icon_fuki_w.gif) no-repeat left center;	
}

.googleBox{
	padding-top: 0.8em;
	clear:both;
	display: block;
}
.googleBox2{
	text-align:center;
	display: block;
	padding-bottom: 0.8em;
}

.googleBoxTOP{
	background: url(../../image/aside_top.gif) no-repeat top;
	padding-top: 0.8em;
	clear:both;
	display: block;
}
.googleBox2TOP{
	background: url(../../image/aside_bottom.gif) no-repeat bottom;
	text-align:center;
	display: block;
	padding-bottom: 0.8em;
}



.centerArea{
	text-align: center; 
		clear:both;

}


/*ランキング*/
ul.pager {
	font-size:12px;
	text-align: center;
	padding-bottom:5px;
}


ul.pager li {
	list-style: none;
	display: inline;
	margin-right:10px;
	
}


ul.pager li strong {
	display: -moz-inline-box; /* firefox2 送・ */
	display: inline-block;
	padding: 0.3em 0.8em;
	background-color: #7F5945;
	border: 1px #7F5945 solid;
}


ul.pager li a {
	display: -moz-inline-box; /* firefox2 送・ */
	display: inline-block;
	padding: 0.3em 0.8em;
	border: 1px #7F5945 solid;
}


ul.pager li a:link,
ul.pager li a:visited {
    text-decoration: none;
	border-color: #7F5945;
	background-color: #7F5945;
	color: #FFF;
	
}

ul.pager li a:hover,
ul.pager li a:active {
	background-color: #92D6C6;
	color: #FFF;
}



.postBox1{
	background: url(../../image/box_bg.gif) repeat-y;
	margin:15px 0;
}

.postBox1 span{
	background: url(../../image/aboutbox_bottom.gif) no-repeat bottom;
	display: block;
	padding-bottom:15px;
}

.postBox1 form{
	margin-left:25px;
}
.postBox1 dl dd{
	padding:8px 0;
}
.postBox1 p{padding: 10px 25px 5px;}




.postBox2{
	background: url(../../image/box_bg.gif) repeat-y;
	margin:15px 0;
}

.postBox2 span{
	background: url(../../image/aboutbox_bottom.gif) no-repeat bottom;
	display: block;
	padding-bottom:15px;
}
.post2 {
	background-image:url(../../image/h1_comment2.jpg)
}

.postBox2 form{
	margin-left:25px;
}
.postBox2 dl dd{
	padding:8px 0;
}
.postBox2 p{padding: 10px 25px 5px;}



.memo{
	margin-left:20px;
}

.postBox3{
	background: url(../../image/aboutbox_bg.gif) no-repeat top; 
	margin:25px 0;
	padding-top:25px;
}
.postBox3 span{
	display: block; 
	padding-bottom:25px; 
	background: url(../../image/aboutbox_bottom.gif) no-repeat bottom;
}
.postBox3 p{
	margin:5px 0 0 25px;
}

.postBox3 form{
	margin:5px 0 0 25px;
}

.postBox3  ul li{
	background: url(../../image/icon_yaji.gif) no-repeat left center;
	padding-left:15px;
	margin-top:3px;
}

.postBox3  ul{
	margin-left:30px;
	margin-top:10px;
}





.yaji li{
	background: url(../../image/icon_yaji.gif) no-repeat left center;
	padding-left:10px;
}



/*みんなの感想・コメント*/

.commentBox{
	width:716px;
	float:left;
	margin:10px 14px 25px 0;
	padding-bottom:15px;
	background: url(../../image/commentBox_bg.gif) no-repeat bottom;
}

.commentBox dl{
	background: url(../../image/commentBox_top.gif) no-repeat top; 
	display:block;
	padding: 30px 20px 20px 20px;
}

.commentBox dl dd{
	border-bottom:dotted 1px #AC8E6F;
	padding:5px 0;
}
.commentBox dl dt{
	padding:5px 0 0 20px;
}

/*このサイトについて*/
div.aboutBox {
	background: url(../../image/aboutbox_bg.gif) no-repeat top; 
	margin:25px 0;
}
div.aboutBox span{
	display: block; 
	padding-bottom:25px; 
	background: url(../../image/aboutbox_bottom.gif) no-repeat bottom;
}

div.aboutBox section{
	display: block;
	padding:25px 25px 0px 25px;
}

div.aboutBox section.cont{
	padding-bottom: 25px;
}

.aboutBox h1{ 
	background-color:#FDF6F5; 
	padding:4px 10px;
	margin-bottom:5px;
	border-left:#F2A1BB 4px solid;
	border-bottom:dotted 1px #F2A1BB;
	font-size:16px;
	line-height:normal;
}

.aboutBox section p{
	margin:10px 0;
}

img.floatleft {
	float:left; 
	margin:10px 10px 5px 0;
}
.postText {margin-left:111px;}

.aboutBox section ul li{
	background: url(../../image/icon_yaji.gif) no-repeat left center;
	padding-left:10px;
	
}

.aboutBox section ul{
	margin-left:20px;
}

.aboutBox section  blockquote{ 
	background-color:#FDFBF7; 
	padding:10px; 
	border:1px solid #F2A1BB; 
	width:30%;
}

/*2012/07/21 追加----------------------------------------------*/

.postBox2 dl {
	margin:20px;
}

.postBox2 dl dd{
	padding-bottom:5px;
	border-bottom:dotted 1px #AC8E6F;
}
.postBox2 dl dt{
	padding:5px 0 0 20px;
}

/*2012/07/24 ツールチップ　追加---------------------------------*/