@charset "UTF-8";

* {
  padding: 0;
  margin: 0;
}

body {
	font-size:90%;
	padding: 0 auto;
	margin: 0 auto;
	text-align:center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:url(./img/bg04-3.gif);
}
img{
	border:0px;
}
#page{
	width:840px;
	margin:0 auto;
	padding:5px 0 20px 0;
	border-left:1px solid #333333;
	border-right:1px solid #333333;
	background:#FFFFFF;
	text-align:left;
}
*html #page{
	width:840px;
	margin:5px 20px;
	padding:0 auto;
	border-left:1px solid #333333;
	border-right:1px solid #333333;
	background:#FFFFFF;
	text-align:left;
}
#header{
	width: 200px;
	margin:0;
	float:left;
}
#header-bar{
	width: 840px;
	height: 20px;
	margin-bottom: 0;
	background:url(./img/bg-sub.gif);
	border-top:1px solid #FFAAAA;
	border-bottom:1px solid #FFAAAA;
}

#right{
	width: 180px;
	float:right;
	margin:0px;
	text-align:center;
}
*html #right{
	width: 176px;
	float:right;
	margin:0px;
	text-align:center;
}
#main{
	width: 480px;
	float:right;
	margin:0px;
	padding:0;
}
*html #main{
	width: 470px;
	float:left;
	margin:0px;
	padding:0;
}
#left{
	width: 180px;
	float:left;
	margin:0px;
}
*html #left{
	width: 176px;
	float:left;
	margin:0px;
}

#footer{
	width:834px;
	margin:0;
	align:center;
	text-align:center;
	padding:5px auto;
	font-size:9pt;
}

#copy{
	width:834px;
	margin:0;
	padding:3px;
	text-align:center;
	font-size:9pt;
	color:#666666;
}

.foot-menu{
	width:270px;
	padding:0 auto;
	text-align:center;
	font-size:9pt;
}
.foot-menu a{
	text-decoration:none;
}
.foot-menu a:hover{
	text-decoration:none;
	color:#FF0000;
}
.foot-menu p{
	width:90px;
	height:20px;
	float:left;
}
/*ヘッダー表示*/
.title-img{
	width:220px;
	float:left;
	margin:0;
	padding:0;
}
.title-h1{
	width:200px;
	float:left;
	margin:0;
	padding:3px 0 3px 5px;
}
.title-h1 h1{
	margin:0;
	padding:0;
	font-weight:bold;
}
.title-h1 a{
	color:#000000;
	text-decoration:none;
}
.title-h1 a:hover{
	color:#000000;
	text-decoration:none;
}
.title-h1 a:visited{
	color:#000000;
	text-decoration:none;
}
.title-h2{
	width:590px;
	font-size:9pt;
	float:left;
	margin:0;
	padding:1px 0 0 0;
}
.title-h1 h2{
	margin:0;
	padding:0;
}

/*インデックスページ用*/
.index{
	width:590px;
	margin:0;
	padding:0 auto;
	align:center;
	text-align:center;
}
.index-comment{
	width:590px;
	margin:0px;
	padding:0 auto;
	font-size:11pt;
	align:center;
	text-align:center;
}
.ninsyo{
	margin:5px;
	text-align:center;
	line-height:1.6;
	
}
.title-in{
	margin:5px;
	text-align:center;
	line-height:1.6;
}
.engine{
	width:110px;
	float:left;
	margin:0;
	padding:0;
	text-align:center;
}
.pickup{
	width:580px;
	margin:0 2px;
	padding:0 auto;
	text-align:center;
}
*html .pickup{
	width:575px;
	margin:0 1px;
	padding:0;
	text-align:center;
}
.pickup_site{
	width:96px;
	margin:0 3px;
	padding:2px;
	align:center;
	text-align:center;
	font-size:9pt;
	float:left;
	border:1px solid #CCCCCC;
}
*html .pickup_site{
	width:96px;
	margin:0 1px;
	padding:2px;
	align:center;
	text-align:center;
	font-size:9pt;
	float:left;
	border:1px solid #CCCCCC;
}
.pickup_site a{
	color:#333333;
	text-decoration:none;
}
.pickup_site a:hover{
	color:#999999;
	text-decoration:underline;
}
.pickup_moz{
	width:96px;
	height:96px;
	margin:0;
	padding:0;
	text-align:center;

}
.ranking{
	width:470px;
	font-size:12pt;
	font-weight:bold;
}
.ranking-top{
	text-align:center;
	font-size:12pt;
	font-weight:bold;
}
.ranking-top span{
	text-align:center;
	font-size:9pt;
	font-weight:normal;
}
.ranking-title{
	margin:0;
	padding:2px;
	font-size:10pt;
	border-bottom:1px solid #333333;
	background:#FFcece;

}
.cate-rank-pt{
	margin:0;
	padding:0;
	font-weight:bold;
	border-bottom:1px solid #333333;
}
*html .cate-rank-pt{
	margin:0;
	padding:0;
	font-weight:bold;
	border-bottom:1px solid #333333;
}

.pickup_rank{
	width:170px;
	margin:2px 5px;
	padding:0;
	line-height:1.5;
	text-align:left;
	border:1px solid #666666;
	font-size:10pt;
}
*html .pickup_rank{
	width:170px;
	margin:2px 3px;
	padding:0;
	line-height:1.5;
	text-align:left;
	border:1px solid #666666;
	font-size:10pt;
}
.pickup_rank_no{
	width:170px;
	margin:0;
	padding:0 0 3px 0;
	font-size:10pt;
	line-height:1;
	font-weight:bold;
	text-align:center;
	background:#FFCCCC;
}

/*カテゴリメニュー*/
.cate-menu-all{
	width:480px;
	margin:0;
	padding:0;
	float:left;
	display:block;
}
.cate-menu-left{
	width:233px;
	margin:2px;
	padding:0;
	float:left;
	display:block;
}
.cate-menu-right{
	width:233px;
	margin:2px;
	padding:0;
	float:left;
	display:block;
}
.cate-menu-main{
	width:480px;
	margin:2px;
	padding:0;
	float:left;
	display:block;
}
.cate-menu{
/*	width:233px;*/
	width:480px;
	margin:0;
	padding-bottom:0;
	border:1px solid #FF99FF;
	display:block;

}
*html .cate-menu{
/*	width:227px;*/
	width:475px;
	margin:0;
	padding:0;
	border:1px solid #FF99FF;
	display:block;

}
.cate-menu-title{
/*	width:480px;*/
	height:20px;
	margin:0;
	padding:6px 0 0 6px;
	font-weight:bold;
	background:#FFCCCC;
	color:#333333;
}
*html .cate-menu-title{
/*	width:227px;*/
	height:20px;
	margin:0;
	padding:6px 0 3px 12px;
	font-weight:bold;
	background:#FFCCCC;
	color:#333333;
}
.cate-menu-list{
	margin:0;
	padding:2px;
	font-size:10pt;
	line-height:1.6;

}
.cate-menu-list span{
	width:86px;
	font-size:9pt;
	text-align:left;
	float:left;
	display:block;
	line-height:1.3;
}
*html .cate-menu-list span{
	width:80px;
	height:16px;
	font-size:9pt;
	text-align:left;
	float:left;
	display:block;
	line-height:1.3;
}
.cate-menu-list em{
	font-weight:normal;
	text-decoration:none;
	color:#FF66FF;
}
.cate-menu-list a{
	color:#333333;
	text-decoration:none;
}
.cate-menu-list a:hover{
	color:#999999;
	text-decoration:underline overline;
}
.cate-menu-list a:active{
	text-decoration:none;
}
.cate-menu-list a:visited{
	text-decoration:none;
}	

/*サイドメニュー関係*/
dl.sidemenu-dl{
	margin:0 5px 5px 5px;
	padding:0;
	font-size:10pt;
	line-height:1;
}

.sidemenu-dl dt{
	text-align:left;
	margin-top:0.5em;
	margin-bottom:0.5em;
	padding:1px 0 1px 15px;
	border-bottom: 2px solid #FF9933;
	background: url(img/bg-listmark.gif) no-repeat 0 50%;
}

.sidemenu-dl dd {
	width:100%;
	margin:2px;
	border-bottom:0px solid #FF9933;
	line-height:1;
	font-size:10pt;
	color:#FF6666;
}

.sidemenu-dl dd p{
	margin-bottom:0.2em;
	font-size:10pt;
	color:#333333;
}

.sidemenu-dl dd a{
	padding:5px;
	text-decoration:none;
	color:#0000CC;
}
.sidemenu-dl dd a:hover{
	padding:5px;
	text-decoration:none;
	color:#FF0000;
}
.sidemenu-dl dd a:visited{
	padding:5px;
	text-decoration:none;
}
.sidemenu-dl dd a:active{
	padding:5px;
	text-decoration:none;
	color:#0000FF;
}

/*広告関係*/
.cm{
	width:480px;
	margin:0 auto;
	padding:0;
	display:block;
	text-align:center;
}
.cm-table{
	text-align:left;
	border:0;
	font-size:10pt;
	border-collapse:collapse;
}
.cm-table td{
	border:1px solid #666666;
}
.cate-into-cm{
	padding:5px 0 0 5px;
	text-align:left;
	display:block;
}
.cate-pr{
	margin:0 0 0 1em;
	padding:0 1em;
	line-height:1.2;
	list-style-image:url(./img/pr-mark.gif);
}
.cate-pr a{
	text-decoration:none;
	color:#0000FF;
}
.cate-pr a:hover{
	text-decoration:none;
	color:#FFAA99;
}
.cate-pr li{
	font-size:9pt;
	padding-left:0;
}

/*全てのページ共通*/
.main{
	width:480px;
	margin:0;
	padding:0;
}
*html .main{
	width:480px;
	margin:0;
	padding:0;
}
.main-title{
	font-weight:bold;
	color:#333333;
	margin-bottom: 0.2em;
	padding-bottom: 2px;
	border-bottom: 2px solid #FF3333;
}
.main-list{
	line-height:1.3;
	list-style-type: none;
	margin-bottom: 0.2em;
	font-size:9pt;
	padding:5px;
}
.main-list ul{
	margin:0;
	padding:5px 5px 5px 30px;
}
.main-list p{
	line-height:1.6;
	margin-bottom:5px;
}
.main-list span{
	color:#DD0000;
	font-weight:bold;
}
.main-title-2d{
	font-weight:bold;
	color:#333333;
	margin:0 1em;
	padding:2px 0 2px 4px;
	border-left:5px solid #333333;
	border-bottom: 1px solid #333333;
}
.main-list-2d{
	list-style-type: none;
	margin:0 1.5em 1em 1.5em;
	font-size:10pt;
	padding:3px;
}
.main-list-2d p{
	line-height:1.6;
	margin-bottom:2px;
}
.main-list-content{
	width:80px;
	font-size:9pt;
	text-align:center;
	font-weight:bold;
	margin-left:10px;
	padding-left:3px;
	background:#FFCCCC;
	float:left;
}
.main-list-contents{
	width:360px;
	font-size:9pt;
	padding-left:3px;
	background:#FFEEEE;
	float:left;
}


.main-contents{
	width:570px;
	margin:5px;
	padding:0;

}
.main-contents-td{

}
.str-ttl{
	font-weight:bold;
	color:6666FF;
}
#header h1{
	margin:0 0 0 10px;
	font-size:110%;
	padding:0;
}
#header-bar h2{
	margin:0 auto;
	text-align:right;
	padding:3px;
	margin:0;
	font-size:9pt;
	font-weight:normal;
}
.header-space{
	float:right;
}

.logo {
	padding:0 0 0 15px;
	margin:0;
	font-size: 30pt;
	font-weight:bold;
	font-family:"HG行書体", "Osaka-等幅", serif;
}

.logo a {
	text-decoration: none;
	color: #000000;
}

.logo a:hover {
	text-decoration: none;
	color: #FF0000;
}
a{
	text-decoration:none;
}
a:hover{
	color:#FF0000;
	text-decoration:underline;
}
a.visited{
	color:#0000FF;
}
a.active{
	color:#0000FF;

}
h1 {
	font-size: 100%;
	font-weight: normal;
}
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
}

h3,
h4,
h5,
h6 {
}

.cate-month-cm{
	line-height:1.6;
	list-style-type: none;
	margin-bottom: 1em;
	font-size:10pt;
	padding:5px;
}
.cate-month-cm span{
	border:1px solid #666666;
	color:#333333;
	font-size:8pt;
	padding:2px;
}
.cate-month-cm span a{
	color:#333333;
	text-decoration:none;
}
.cate-month-cm span a:hover{
	color:#FFEEEE;
	text-decoration:none;
}
.cate-month-cm span a:visited{
	color:#333333;
	text-decoration:none;
}
.codecontainer {
    width:470px;
    margin:2px;
    padding:0;
    border:1px solid #666666;
    font-size:10pt;
}
.back-botton{
	width:90px;
	border:solid #3366CC;
	border-width:0px 1px 0px 1px;
	background:#99CCFF;
	padding:0;
}
input[type="text"]:focus {
   background-color: #CCFFFF;
   border: 1px solid #666666;
}
/*yomi-search用*/
.yomi-tmp{
	margin:0;
	padding:0;
	position:relative;
	right:5px;
}

/* カテゴリ別広告用 */
.otomeshi{
	width:470px;
	margin:0;
	padding:3px;
	font-size:11pt;
	line-height:1.2;
	border:1px solid #999999;
	background:#CCFFFF;
}
.otomeshi-com{
	font-size:10pt;
	line-height:1.2;
	letter-spacing:1.6;
}

/*エラーページ用*/
#error-left{
	width: 180px;
	float:right;
	margin:0px;
	text-align:center;
}
*html #error-left{
	width: 178px;
	float:right;
	margin:0px;
	text-align:center;
}

#error{
	width:588px;
	height:500px;
	align:center;
	margin:0;
	padding:0;
	text-align:center;
	vertical-align:middle;
	font-family: "verdana","arial","Helvetica","sans-serif";
	border:1px solid #666666;
	display:block;
}
.error-found{
	font-size:120%;
	line-height:2em;
	margin:0;
	padding:0;
}
.error-com{
	font-size:100%;
	line-height:1.6em;
	margin:0;
	padding:0;
}
.error-url{
	font-size:90%;
	line-height:1.6em;
	margin:0;
	padding:0;
}
.url{
	padding-left:10px;
	color:#006600;
	font-size:8pt;

}
/* 新規登録ページ */
.regist-com{
	border:1px solid #333333;
	margin:0;
	padding:5px;
	font-size:10pt;
}
.regist-form{
	font-size:10pt;
	margin:0 0 20px 0;
	padding:0;
	color:#333333;
}
.title{
	font-weight:bold;
	background:#FFCC99;
	border-bottom:1px solid #FF9966;
}
.input{
	padding:5px 0 5px 10px;
}

/* カテゴリ個別広告用 */
.other-cm{
	width:480px;
	line-height:1.5;
	text-align:center;
}
.other-cm img{
	margin:3px 0;
}
.other-cm-com{
	width:468px;
	margin:0 auto;
	padding:0 auto;
	font-size:10pt;
	line-height:1.1;
	text-align:center;
}
.inout{
	text-align:right;
	font-size:8pt;
}

/* PRテキスト広告用 */
.pr{
	width:100%;
	text-align:center;
}
.pr-text{
	font-size:9pt;
	letter-spacing:1.2;
	line-height:1.6;
}

/*詳細設定*/
a{
	color:#3333FF;
}
.c-both{
	margin:0 0 10px 0;
	clear:both;
	height:10px;
}
.br-both{
	margin:0 0 2px 0;
	clear:both;

}