/*CSS Document タイプＣブラック×ピンク（たて3段組　左右メニュー） pondt-web*/

/*■初期設定*/

body{
	color:#333333;background-color: #ffffff;/*通常のテキストカラー*/
	}
a{
	color:#0099FF;/*通常のリンクテキストカラー*/
	}
a:hover{
	color:#FF9900;/*マウスが乗った時の通常のリンクテキストカラー*/
	text-decoration:underline;/*マウスが乗った時下線を表示（つけない場合は underline を none へ）*/
	}

/*■初期設定ここまで*/



*{ margin:0; padding:0;}
img{ border:0;}

div{
	margin:auto;
	}

/*■フォントサイズ調整*/
body {
    font-size: 12px; /* モダンブラウザ */
    *font-size: small; /* IE 7 */
    *font: x-small; /* IE 6以下 */
}
p,th,li{
	font-size:12px;
	}
td{font-size:12px;line-height:1.3em}



html{
	width:100%;
	}
body{
	text-align:center;
	width:100%;
	}



/***見出しタグ***/
h2{ font-size:13px;
	border: solid;
	border-color:#333333; /*ページサブタイトル罫線の色*/
	background-color:#FF6699;
	border-width:0px 0 0 4px ;
	color:#ffffff;
	text-indent:10px;
	line-height:22px;
	vertical-align:top;
	margin:0 0 8px 0;}
h2 a{ text-decoration:none;
			color:#333333;/*タイトル部分の色*/ }
h2 a:hover{ text-decoration:none;color:#333333;/*タイトル部分の色（マウスが乗っている時）*/ }
	
h3{ width:100%;
	font-size:13px;
	border: dotted;
	border-color: #333333; /*ページサブタイトル罫線の色*/
	border-width:2px 0 2px 0;
	color:#333333;
	text-indent:10px;
	line-height:18px;
	vertical-align:top;
	margin:20px 0 4px 0 ;	}


#kousin{ 
	font-size:13px;
	border: dotted;
	border-color: #333333; /*ページサブタイトル罫線の色*/
	border-width:2px 0 2px 0;
	color:#333333;
	text-indent:10px;
	line-height:18px;
	vertical-align:top;
	margin:5px 0 4px 0 ;font-weight: bold	}






#h2midashi{ font-size:13px;font-weight: bold;width: 100%;
	border: solid;
	border-color:#333333; /*ページサブタイトル罫線の色*/
	background-color:#FF6699;
	border-width:0px 0 0 4px ;
	color:#ffffff;
	line-height:23px;

	vertical-align:top;
	padding: 3px;}


/*罫線*/
hr{ border:dotted;
	border-color:#333333;
	border-width:2px 0 2px 0;
	}
/*点線*/
hr.dot{
	border-top:dotted 2px;
	border-right:dotted 0;
	border-bottom:dotted 0px;
	border-left:dotted 0;
	}
/*破線*/	
hr.dash{
	border-top:dashed 1px;
	border-right:dashed 0;
	border-bottom:none 0;
	border-left:dashed 0;
	}

	
.CNT{ text-align:center;}
.R{ text-align:right;}
.L{ text-align:left;}

/**レイアウト**/
#head{
	height:auto;
	width: 890px;
	border:solid;
	border-color:#FF3399; /*ヘッダーの上部ライン*/
	border-width:15px 0 0 0;
	background-color:#ffffff;/*ヘッダーの背景色*/
	margin:0 auto 20px auto;
	zoom:100%;
	}
#head:after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
	}

#head_left{
	float:left;font-size: 8pt;margin-top: 2px;text-align: left;margin-left: 2px;
	width:399px;/*ロゴの画像のサイズ*/	
	}	   
#head_right{
	float:left;
	width:489px;/*890-401=489px　*/	
	}	   


#head h1{
	font-size:11px;background-color:#333333;
	font-weight:normal;color: #fffff0;
	padding:2px;text-align: right;
	}
		  
#head h1 a{ text-decoration:none;
			color:#FFFFFF;/*タイトル部分の色*/ }
#head h1 a:hover{ color:#FFFFFF;/*タイトル部分の色（マウスが乗っている時）*/ }
	
	
#head p{
	font-size:11px;
	font-weight:normal;
	padding:2px;text-align: left}

#head p.link{
	font-size:11px;
	font-weight:nomal;
	padding:2px;text-align: left;margin-bottom: 10px;margin-top: 5px}
	
#head h2{
	font-size:14px;
	font-weight:normal;padding: 2px;
	text-align: left;background-color:#FFffff;color: #333333;margin:1px 0 4px 0;text-indent:0px;
	}

	
	
#title{
	float: left;
	background-color:#FFffff
	}
	
	
		
#contents{
	width:890px;
	margin:0 auto 20px auto;
	text-align:left;
	margin-top: -15px;
	}
	
	
	

#toprank {
	width:890px;
	margin: 0; padding :0;}
#toprank ul { margin: 0; padding :0; list-style-type : none;
	zoom:100%;
	}
#toprank ul:after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
	}	
#toprank li {
	display :inline;
	padding :0;
	margin:1px;
	float:left;
	width: 220px;
	}

#toprank a {display:block; 
background-image:url(img/bot.gif);font-size:12px;text-align:center;
padding:3px;}

#toprank a:hover{display:block; font-size:12px;text-align:center;padding: 3; 
background-image:url(img/bot2.gif);
}

#headbana{
	clear:left;/*floatをクリア*/
	display:block;/*spanをブロック要素に*/
	height:95px;width: 890px;
	border:solid;
	border-color:#FF3399; /*ヘッダーの上部ライン*/
	border-width:3px 0 0 0;
	background-color:#333333;/*ヘッダーの背景色*/
	margin:0 0 10px 0;text-align:center;
	}

/*↓ここから↓*/
#left_menu{
	position:relative;
	z-ndex:5;
	float:left;
	clear:left;
	width:190px;
	}

#left_menu p{
	margin:10px 0 0 0;	
	}
	
#left_menu p.title{
	font-size:13px;
	text-align:center;
	color:#FFFFFF; /*左メニュータイトルのテキストの色*/
	background-color:#333333;　/*左メニュータイトルの背景の色*/
	width:190px;
	padding:2px 0 2px 0;
	margin:0 0 1px 0;
	border:solid #FF3366;
	border-width:2px 0 0 0;
	}

#left_menu ul{
	width:190px;
	background-color:#663300;
	list-style-type:none;
	margin-bottom:20px;
	padding:0 0 1px 0;

 	}

#left_menu ul li{
	width:188px;
	margin:0px 1px 0px 1px;
	border:solid #663300;
	border-width:1px 0 0px 0;
	}

#left_menu ul li a{
	color:#333333;
	display:block;
	text-decoration:none;
	vertical-align:top;
	font-size:13px;
	line-height:22px;
	height:22px;
	background-color:#FFFFFF;
	width:188px;
	text-indent:6px;
	}					
#left_menu ul li a:hover{
	background-color:#FF3399;
	border-left-color:#FF6600;
	}
/*↑ここまで↑*/
	

.ranking{BORDER-top: #333333 1px solid;BORDER-LEFT: #333333 1px solid; BORDER-RIGHT: #333333 1px solid; BORDER-BOTTOM: #333333 1px solid;background-color: #FFFFFF;font-size: 12px;padding: 5px;line-height:1.3em;
	margin:0 0 20px 0;
	}
.ranking textarea{
	font-size:12px;
	}


.leftbana{BORDER-top: #333333 1px solid;BORDER-LEFT: #333333 1px solid; BORDER-RIGHT: #333333 1px solid; BORDER-BOTTOM: #333333 1px solid;background-color: #FFFFFF;
padding: 5px;text-align: center}


#main{
	margin-left:-100%;
	width:100%;
	float:right;
	}
#main div#main_inner{
	margin-left:197px;
	margin-right:207px;
	}
#main div#main_inner p{
	line-height:1.3em;
	font-size:12px;
	}

#main div#main_inner p.topic{
	}
#main div#main_inner p.topic a img{
	margin:0 2px 2px 0;
	}


#girl010{background-image:url(img/2-0004.gif);width: 25px;height: 138px;}
#girl09{background-image:url(img/2-0005.gif);width: 405px;height: 138px;}
#girl011{background-image:url(img/2-0006.gif);width: 15px;height: 138px;}

#girl010mini{background-image:url(img/2-01.gif);width: 25px;height: 41px;}
#girl09mini{background-image:url(img/2-02.gif);width: 405px;height: 41px;}
#girl011mini{background-image:url(img/2-03.gif);width: 15px;height: 41px;}


#girl0102{background-image:url(img/2-00042.gif);width: 25px;height: 69px;}
#girl092{background-image:url(img/2-00052.gif);width: 405px;height: 69px;}
#girl0112{background-image:url(img/2-00062.gif);width: 15px;height: 69px;}


table{font-size: 12px; }


.pickup{font-weight: bold;text-align:center;}


.abcomm{ width:100%;
	font-size:13px;
	border: dotted;
	border-color: #333333; /*ページサブタイトル罫線の色*/
	border-width:2px 0 2px 0;
	color:#333333;
	text-indent:10px;
	line-height:18px;
	vertical-align:top;
	margin:20px 0 4px 0 ;font-weight: bold;
	}

/*今注目のオンラインランキング*/
#chumoku{
	height:430px;
	zoom:100%;
	}
#chumoku:after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
	}
#chumoku div#sub_A{
	width:155px;
	float:left;
	margin:0 0 0 20px;
	}
#chumoku div#sub_B{
	width:155px;
	float:left;
	margin:0 0 0 0px;	
	}	
#chumoku div#sub_C{
	width:155px;
	float:left;
	margin:0 0 0 0px;	
	}



#right_menutop{
	float:right;
	_clear:left;
	width:200px;height: 3500px
	}

#right_menu{
	float:right;
	_clear:left;
	width:200px;
	}
#kensaku00{BORDER-top: #333333 1px solid;BORDER-LEFT: #333333 1px solid; BORDER-RIGHT: #333333 1px solid; BORDER-BOTTOM: #333333 1px solid;background-color: #FFFFFF;
	text-align: center;
	margin:0 0 20px 0;
	}
#flash{
	BORDER-top: #333333 1px solid;BORDER-LEFT: #333333 1px solid; BORDER-RIGHT: #333333 1px solid; BORDER-BOTTOM: #333333 1px solid;
	background-color: #FFFFFF;
	text-align: left;
	padding: 5px;
	line-height:1.1em;
	}
#flash a img{
	margin:0px 3px 3px 0px;
	}
#flash p{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height:1.4em;
	}	

#rightbana{
	BORDER-top: #333333 1px solid;BORDER-LEFT: #333333 1px solid; BORDER-RIGHT: #333333 1px solid; BORDER-BOTTOM: #333333 1px solid;
	background-color: #FFFFFF;
	padding: 5px;text-align: center}


/*オンラインランキング*/
#online_ranking table{
	border-collapse:collapse;
	}
#online_ranking table td{
	text-align:center;
	vertical-align:middle;
	}
#online_ranking table td.up{
	vertical-align:top;
	}	
#online_ranking table td.col_line_l{
	background:url(img_ninkirank/ogrl.gif) repeat-y left top;
	}
#online_ranking table td.col_line_r{
	background:url(img_ninkirank/ogrr.gif) repeat-y left top;
	}


#right_menu p{
	margin:10px 0 0 0;	
	}
#right_menu p.title{
	font-size:13px;
	text-align:center;
	color:#FFFFFF; /*右メニュータイトルのテキストの色*/
	background-color:#333333;　/*右メニュータイトルの背景の色*/
	width:200px;
	padding:2px 0 2px 0;
	margin:0 0 1px 0;
	border: solid #FF9999;
	border-width:2px 0 0 0;	
	}


#right_menu ul{
	width:200px;
	background-color:#663300;
	list-style-type:none;
	margin-bottom:20px;
	border:solid #333333;
	border-width:0 0 1px 0;
	}

#right_menu ul li{
	width:198px;
	margin:1px 1px 0 1px;
	}

#right_menu ul li a{
	color:#333333;
	text-decoration:none;
	vertical-align:top;
	font-size:13px;
	line-height:22px;
	height:22px;
	display:block;
	background-color:#FFFFFF;
	width:198px;
	text-indent:6px;
	}

#right_menu ul li a:hover{
	background-color:#FF3399;
	border-left-color:#FF6600;
	}

#right_menutop p{
	margin:10px 0 0 0;	
	}
#right_menutop p.title{
	font-size:13px;
	text-align:center;
	color:#FFFFFF; /*右メニュータイトルのテキストの色*/
	background-color:#333333;　/*右メニュータイトルの背景の色*/
	width:200px;
	padding:2px 0 2px 0;
	margin:0 0 1px 0;
	border: solid #FF9999;
	border-width:2px 0 0 0;	
	}


#right_menutop ul{
	width:200px;
	background-color:#663300;
	list-style-type:none;
	margin-bottom:20px;
	border:solid #333333;
	border-width:0 0 1px 0;
	}

#right_menutop ul li{
	width:198px;
	margin:1px 1px 0 1px;
	}

#right_menutop ul li a{
	color:#333333;
	text-decoration:none;
	vertical-align:top;
	font-size:13px;
	line-height:22px;
	height:22px;
	display:block;
	background-color:#FFFFFF;
	width:198px;
	text-indent:6px;
	}

#right_menutop ul li a:hover{
	background-color:#FF3399;
	border-left-color:#FF6600;
	}


#foot_up{
	clear:both;
	}
#foot{
	background-color:#333333;　/*フッターコピーライト部分の背景色*/
	border:solid #FF3366;
	border-width:0px 0 3px 0;
	color:#FFFFFF; /*コピーライトのテキストの色*/
    height:40px;
	clear:both;
	text-align:center;
	margin:0 auto 0 auto;
	font-size:11px;
	padding:6px 0 0 0;
	width: 890px;
	}

#foot a{
	color:#FFFFFF;
	text-decoration:none;
	}
#foot a:hover{
	color:#FFFFFF;
	}
	
	
	   

	   
	   
	   
	   
	   
/*  */


#main dl.serviceList {
	margin: 0 0 20px;	line-height:1.3em;
}

#main dl.serviceList dt {
	position: relative;
	width: 485px;
	margin-top: 5px;
	padding-top: 8px;
	padding-left:125px;
	font-weight: bold;
	border-top: 1px solid; #FF3333;
}

#main dl.serviceList dt.firstChild,
#main dl.serviceList dt:first-child {
	border-top: 0;
	padding-top: 0;
}


#main dl.serviceList dd{
	}

#main dl.serviceList dd a {   
    padding-left:20px;   
    background: url(img/shousai.gif) no-repeat left center; 
}   
    

#main dl.serviceList dt img {
	position: absolute;
	top: 5px;
	left: 0;
	padding: 2px;
	border: 1px solid #EEE;
}

#main dl.serviceList dt.firstChild img,
#main dl.serviceList dt:first-child img {
	top: 0;
}

#main dl.serviceList dd {
	margin-bottom: 5px;
	padding-left: 125px;
}

#main dl.serviceList > dd {
	min-height: 125px;
	height: auto;
}

/*リスト上ライン付*/
#main div.serviceList2{
	clear:left;
	zoom:100%;
	margin:5px 0 5px 0;
	border:solid #333333;
	border-width:1px 0 0 0;
	padding:5px 0 0px 0;		
	}
#main div.serviceList2:after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
	}
#main div.serviceList2 div.pic{
	float:left;
	width:124px;
	border:1px solid  #EEE;
	padding:2px;
	}
#main div.serviceList2 div.detail{
	float:left;
	width:350px;
	margin:5px 0px 5px 5px;
	}
#main div.serviceList2 div.detail span{
	font-size:100%;
	margin:5px 5px 5px 0px;color: #000000;font-weight: bold;
	}
	
#main div.serviceList2 div.detail h4{
	font-size:100%;
	margin:5px 0 5px 0;color: #000000;
	}

	
#main div.serviceList2 div.detail a{
	 background: url(img/shousai.gif) no-repeat left center;
	 padding-left:20px;  
	 }
#main div.serviceList2 div.detail p.link_up{
	margin:10px 0 0 0;
	}
	
	


	
	
.flash{
	font-size: 10px;text-align: center;margin-top: 2px;
	}
.flash {
	}	
.flash p{
	margin:10px 0 10px 0;
	}
	   
	
	
	
	
.shousai4{ width:100%;
	font-size:13px;
	border: dotted;
	border-color: #333333; /*ページサブタイトル罫線の色*/
	border-width:2px 0 2px 0;
	color:#333333;
	text-indent:10px;
	line-height:18px;
	vertical-align:top;
	margin:20px 0 4px 0 ;font-weight: bold	}
	
	
	
#backg{width:330px;font-size:13px;
	border: dotted;text-align: center;
	border-color: #333333; /*ページサブタイトル罫線の色*/
	border-width:2px 0 2px 0;
	color:#333333;
	text-indent:10px;
	line-height:18px;
	vertical-align:top;
	margin:20px 0 4px 0 ;font-weight: bold}

	}



.backg{width:330;font-size:13px;
	border: dotted;text-align: center;
	border-color: #333333; /*ページサブタイトル罫線の色*/
	border-width:2px 0 2px 0;
	color:#333333;
	text-indent:10px;
	line-height:18px;
	vertical-align:top;
	margin:20px 0 4px 0 ;font-weight: bold}

/****全体位置の決定****/
DIV#menu{
    font-size:14px;/*△*/
}
/****メインメニュー用スタイル****/
ul.main{
    margin:0px;/*△*/
    padding:0px;/*△*/
    list-style:none;/*△*/
    text-align:center;/*○*/
}
/*通常時*/
.main li.off{
    height:1.5em;/*○*/
    width:220px;/*○*/
    overflow:hidden;/*×*/
    border:1px solid #ffffff;/*○*/
    background-color:#FFFFFF;/*○*/
}
/*展開時*/
.main li.on{
    overflow:hidden;/*×*/
    width:220px;/*○*/
    background-color:#ffcccc;/*○*/
    border:1px solid #993300;/*○*/
}
.main>li.on{
overflow:visible;/*×*/
}
/*リンクスタイル*/
.main a{
    display:block;/*△*/
    text-decoration:none;/*○*/
}
.main a:hover{
    background-color:#FFFFD5;/*○*/
}

/****サブメニュー用スタイル****/
ol.sub{
    margin:0px;/*△*/
    padding:0px;/*△*/
    left:0.5em;/*○*/
    top:0.5em;/*○*/
    width:210px;/*○*/
    border:1px solid #ffffff;/*○*/
    border-bottom:0px solid #ffffff;/*○*/
    background-color:#FFffff;/*○*/
    list-style:none;/*△*/
    text-align:left;/*○*/
}
.sub li{
/*必要に応じて追加*/
}
.sub a{
    padding:2px 0px 2px 5px;/*○*/
    display:block;/*△*/
    width:210px;/*○*/
    border-bottom:1px solid #ffffff;/*○*/
}
.sub a:hover{
    background-color:#FFFFff;/*○*/
}

#table0{border-color:#cccccc; border-width:1px; border-style:solid;background-color: #FFFFFF;width:890px} 

#mid{ font-size:10pt; }
#small{ font-size:10pt; }
#kanri{ color:#ff9999; } /* 管理人コメントの色 */
#log{ width:530; border-style:solid; border-color:#9999CC; }
#log-0{ background-color:#FFCC66; } /* ランキング順位 */
#log-1{ background-color:#CCCCFF; } /* タイトル */
#log-2{ background-color:#FFCCFF;width: 100%} /* カテゴリ */
#log-3{ background-color:#FFFFFF; } /* 紹介文 */
#log-4{ background-color:#FFFFFF; } /* 管理人コメント */
#title-bar{ background-color:#ffffff; color:#666666; font-size:10pt;border-width: 1;border-color: #666666} /* タイトルバー */
#mid-bar{ background-color:#ffffff; } /* 中段バー */