/*div{border:1px solid red;}*/
/*---
glt.js（ツールチップ）
---*/
.glt-elm{
	position: absolute;
	left:0;
	top: 0;
	width: 150px;
	color: #fff;
	opacity: 0.9;
	visibility: hidden;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);

}

.glt-elm p{
	background: #666;
	margin: 0;
	padding: 0.5em;
}

.glt-elm img{
	display: block;
}

/*---
編集不要 Yahoo Reset CSS
---*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}

ol{
	list-style-position:outside;
	list-style-type:decimal;
}
ol li{
	margin-left:1.5em;
	}
ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
a {
	text-decoration:none;
	}

/*---
編集不要 Yahoo Fonts CSS
---*/
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/*---
共通
---*/
.inner{
	width:1000px;
	margin:0 auto;
	text-align:left;
	}
.heightmax{
	height:100%;
	}
.textcenter{
	text-align:center;
	}
.textright{
	text-align:right;
	}
.textleft{
	text-align:left;
	}
.white{
	color:white;
	}
.floatright{
	float:right;
	}
.floatleft{
	float:left;
	}
.small{
	font-size:85%;
	}
.midium{
	font-size:93%;
	}
.x-large{
	font-size:189%;
	}
.hidden{
	visibility:hidden;
	}
.clear{
	clear:both;
	display:block;
	width:100%;
	}
.inline{
	display:inline;
	}
.block{
	display:block;
	}

/*---
topヘッダのランキング表示の見出し
---*/
.rankcnt a:link{color:#FFFFFF;}
.rankcnt a:visited{color:#FFFFFF;}
.rankcnt a:hover{color:#ff66ff;}
.rankcnt a:active{color:#ff66ff;}

p.mes{color:beige;}
/*---
トップのカテゴリに固有
---*/
div#topcategory,
div#topcategory a:link{
	color:#000000;
	}
div#topcategory a:hover{
	color:blue;
	border-bottom:1px dotted blue;
	}
div#topcategory a:visited{
	color:#333333;
	}

/*---ヘッダー---*/
div#counter p{
	color:#cccccc;
	}
.headline{
	color:#666666;
	}
div#topillust p{
	color:#999999;
	}

div#topillust p a:link,
div#topillust p a:visited,
div#topillust p a:hover
{
	color:#ff8bdd;
	}
div.rankcnt h2{
	color:#ffffff;
	} 
div.rankcnt p.tprankft a:link{
	color:#ff83ec;
	}
/*---
背景
---*/
body{
	background:url(../img/bg.jpg) #FFFFFF;
	}
/*---トップページ---*/
body#top{
	background:url(../img/topbodybg.jpg) #FFFFFF repeat-x;
	}
div#counter{
	background:url(../img/counterbg.jpg) #353535 no-repeat center;
	}
div#header{
	background:url(../img/header.jpg) no-repeat;
	}
div#topillust{
	background:url(../img/topillustbg.png) no-repeat;
	}

div#ranking div.rankcnt ul{
	background:url(../img/tprankbg.jpg) repeat #f5f5f5;
	}
div.rankcnt h2 a:link,
div.rankcnt h2 a:visited{
	background:url(../img/tprankhd.jpg) repeat-y;
	} 
div.rankcnt h2 a:hover{
	background:url(../img/tprankhd.jpg) repeat-y -300px 0px;
	}
div.rankcnt p.tprankft{
	background:url(../img/tprankft.jpg) repeat-y;
	} 
div#search .inner{
	background:url(../img/searchbg.png) #FFFFFF no-repeat top center;
	}
div#other{
	background:url(../img/other.jpg) #FFFFFF repeat-x;
	}
div#footer{
	background:#333333;
	}

div#header2{
	background:url(../img/mainhd.png) repeat-x;
	}
/*---メイン---*/
div#main div.inner{
	background:url(../img/mainbg.png) #FFFFFF;
	}
/*---
レイアウト
---*/
html{
	margin:0;
	padding:0;
	zoom:1;
	}
body{
	text-align:center;
	}
/*---
topページ固有
---*/
div#header{
	height:814px;
	}
div#counter{	
	height:47px;
	text-align:right;
	}
div#counter p{
	padding-top:30px;
	}
div#title{
	height:87px;
	}
p#sitename{
	padding-top:20px;
	}
div#nav{
	height:28px;
	}
div#nav ul{
	padding:5px;
	height:100%;
	}
div#nav ul li{
	padding-right:20px;
	}
div#nav ul a{
	}
div#nav ul a:hover{
	background:#999999;
	}
div#hdcontent{
	height:335px;
	}
div#topillust{
	margin-top:10px;
	padding:13px;
	}
div#topillust p{
	padding-top:5px;
	text-align:right;
	font-size:85%;
	}
p#description{
	padding:150px 400px 0 0;
	line-height:2;
	}
p#information{
	padding:25px 400px 0 0;
	}
div.rss-box{
	padding:8px 400px 8px 90px;
	margin:3px;
	color:beige;
	text-align:right;
	font-size:85%
	}
div.rss-box a:link,
div.rss-box a:visited,
div.rss-box a:hover,
div.rss-box a:active{color:beige;}
p.gotonews{
	text-align:right;
	font-size:85%;
	padding:0 400px;
	}
p.rss-items{
	height:40px;
	overflow:auto;
	}
p.gotonews a:link,
p.gotonews a:visited{
color:beige;
	}
p.gotonews a:hover,
p.gotonews a:active{
color:beige;
background-color:#666666
}
.rss-item{
	border-bottom:1px dotted beige;}
div#ranking{
	height:212px;
	}
div#ranking div.rankcnt{
	width:300px;
	}
div.rankcnt h2{
	font-size:93%;
	} 
div.rankcnt h2 a{
	padding:4px;
	} 
div.rankcnt p.tprankft {
	font-size:93%;
	} 
div#ranking div.rankcnt ul{
	height:160px;
	overflow:auto;
	}
div#ranking div.rankcnt ul li{
	padding:5px 0 0 5px;
	font-size:85%;
	}

div#random{
	height:105px;
	}
div#random h2{
	font-family:Constantia,Georgia,Times,"Times New Roman",serif;
	padding:5px 0 7px 0;
	color:#333333;
	font-size:116%;
	}
	
div#random ul{
	text-align:center;
	}
	
div#random ul li{
	width:250px;
	float:left;
	text-align:center;
	font-size:85%;
	}
div#search {
	margin:20px 0 0 0;
	}
div#search .inner{
	height:115px;
	padding-top:20px;
	}
p.searchinfo{
	margin:25px 1em 0 0;
	}
div#topcategory .inner{
	width:960px;
	}
div#topcategory div.ctselect{
	width:240px;
	height:560px;
	overflow:auto;
	line-height:1.4;
	}
ul.ctlist li.ctheadline1{
	padding:0.3em 0 0.3em 0.5em;
	background:url(../img/ctheadbg.png) no-repeat #FFFFFF;
	}
ul.ctlist{
	}
ul.ctlist ul li{
	padding:0.2em 20px;
	background:url(../img/ctlistitembg.png) no-repeat left center #FFFFFF;
	}
div#topcategory ul.ctlist ul{background-color:#FFFFFF;
	}
div#topcategory input{
	vertical-align:middle;
	margin-right:0.2em;
	}	
div#other ul{
	padding:30px 5px;
	line-height:1.8;
	}
/*---
メインデザイン
---*/
.text{
	line-height:1.4;
	}
.text-container{
	margin:0 100px;
	line-height:1.6;
	}
.text p{
	padding:0.8em 0;
	}

.text h2{
	font-size:131%;
	font-weight:bold;
	padding:0.3em 0;
	}
.text ol,
div.text ul{
	margin:0.5em 0 1em 1em;;
	}
/*-div#main div{border:1px solid red;}*/
p.menubar{
	text-align:right;
	padding:100px 30px 0 0;
	}
p.menubar a{
	color:white;
	}
p.navigationbar{
	font-size:93%;
	}
div#main h1{
	text-align:center;
	font-size:167%;
	padding:15px 0;
	font-weight:bold;
	}

div#header2{
	height:133px;
	}
div#main h2{
	margin-top:5px;
	}
div#main h2 a{
	font-weight:bold;
	font-size:131%;
	color:#554526;
	margin-left:100px;
	}

div#main div.rankingcol{
	}
p.update{
	height:1.5em;
	color:black;
	font-size:85%;
	padding:0.2em 0.5em;
		}
div#log-0{
	margin-left:100px;
	font-size:138.5%;
	font-weight:bold;
	}

div#main div.rkcolmain{
	margin:5px 100px 50px 100px;
	}
div#main div.rkcolmain div{
	padding:10px;
	}
div#log-1,
div#log-2,
div.banner{
	border-bottom:1px dashed #999999;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
		
	}
div.banner{
	border-top:1px solid #999999;
	}
div#log-3{
	border-bottom:1px solid #999999;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	}
div#log-2 a{
	font-size:85%;
	}
div#log-2 a:link,
div#log-2 a:visited{
	color:#135413;
	border-bottom:1px solid #135413;
	}
div#log-2 a:hover,
div#log-2 a:active{
	color:#347126;
	border-bottom:1px solid #a3d397;
	}
div#main div.rkcolmain div#log-4{
background-color:#e8e8e8;
font-size:85%;
padding:0.5em;
margin:0.5em 0 0 0;
	}
/**state**/
p.state{
	font-family:"Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif;
	font-size:85%;
	margin-top:7px;
	}
p.state a:link,
p.state a:visited{ 
	color:#666666;
	}
p.state a:hover,
p.state a:active{ 
	color:#f77633;
	background-color:#ffefcd;
	}
p.state span{
	margin-right:5px;
	}
p.state span.state1{
	background:url(../img/state01.png) no-repeat;
	padding:5px 0 3px 25px;
	}
p.state span.state2{
	background:url(../img/state02.png) no-repeat;
	padding:3px 0 3px 25px;
	}
p.state span.state3{
	background:url(../img/state03.png) no-repeat;
	padding:3px 0 3px 25px;
	}
p.state span.state4{
	background:url(../img/state04.png) no-repeat;
	padding:3px 0 3px 25px;}
div.banner a img{
	float:left;
	}
div.banner  p{
	margin-left:210px;
	font-size:95%;
	}
p.state span {
	position:relative;
	}
p.state span a span.popup{
	left:-50px;
	position:absolute;
	top:30px;
	visibility:hidden;
	}
p.state span a:hover span.popup{
	visibility:visible;
	color:#ccc1a8;
	}
/*---
ヘルプに固有
---*/
.help p{
	margin:0 0.5em 2em;
	}
.help ol li{
	font-weight:bold;
	color:#0054aa;
	}
.help .mokuji{
	background:#E5FEE5 none repeat scroll 0 0;
	border:1px dashed #134513;
	line-height:1.8;
	padding:1.7em;
	margin-bottom:20px;
}
.help ol.mokuji li{
	color:#000000;
	}
/*---
新規登録画面に固有
---*/
.regist_new{
	margin:0 50px;
	}
/*---
全ページ共通
---*/
div.inner-padding{
	padding:0 90px;
	}
div#footer{
	padding:15px 0;
	font-size:93%;
	}
div#footer,
div#footer a:link,
div#footer a:visited{
	color:#999999;
	}
div#footer a:hover,
div#footer a:active{
	color:white;
	}
/*---
新規と更新のカテゴリ表示に固有
---*/
#category {
width:580px;
font-size:93%;
}
#category ul{
border:1px dotted #999999;
width:190px;
float:left;
height:540px;
margin:0;
}
#category ul ul { border:none;}

#category ul li { padding:3px; border:none;}
#category ul li ul li{ float:left; width:150px;border:none;}
#category ul li ul li ul{border:none;}
#category ul li ul li ul{float:none; border-left:2px solid #cccccc; }
#category ul li ul li ul li{float:none; width:140px; border:none;}

#mes ol li{
	margin-left:0.5em;}
/*---Aboutlinkに固有---*/
p.bn{
	border:1px dashed #999999;
	background-color:#f4f9fd;
	margin:1em;
	}
p.bn a{
	font-weight:bold;
	display:block;
	padding:0.3em;
	margin:0.3em 0;
	border-bottom:1px dotted #999999;
	}
/*---
ログイン・新規登録等管理画面
---*/
body#login{
	background:url(../img/mesbg.jpg) #1c5a8e fixed no-repeat bottom right;
	}
body#login h1{
	font-size:161.6%;
	padding:20px;
	font-weight:bold;
	text-align:center;
	}
body#login h2{
	font-size:123.1%;
	font-weight:bold;
	padding:2em;
	text-align:center;
	}

body#login p{
padding-bottom:0.4em;
padding-right:2px;
	}
div#mes{
	width:700px;
	margin:100px auto;
	}
p.menu{
margin:50px auto;
	color:white;
	text-align:center;
	}
p.topmenu{
}
p.btmmenu{
}
div.maincol{
	padding:40px;
	background-color:#FFFFFF;
	}

div.loginform{
text-align:left;
}
.label{
float:left;
text-align:right;
width:260px;
}
.field{
padding:0 0 0 200px;
}
#login{
	line-height:1.4;
	}
#login input{}
#login table{
	margin:0 auto;
	}
#login table br{display:none;}
p.button{
margin:1em 0;
text-align:center;
}
#login .menu a:link,
#login .menu a:visited{
color:#b7cee1;
}
#login .menu a:hover,
#login .menu a:active{
color:#FFFFFF;
}
#login .topmenu{
margin:40px auto 20px auto;
}
#login .btmmenu{
padding:40px auto 60px auto;

}
#login .back{
	margin:2em 0 0 0;}
#login div.hr{
	background:url(../img/loginhr.png) no-repeat center center;
	height:50px;
	padding:20px;}
#login .radio{
	padding-left:250px;
	}
/*---
サブカテゴリ表示(function.php)
---*/
ul.subcategorylist{
padding:39px 5px 5px 0;
margin-top:10px;
background:url(../img/ctsubctbg.png) no-repeat top center;
}
ul.subcategorylist p{
font-weight:bold;
padding:0.5em 0 1em;
text-align:center;

}
ul.subcategorylist li{
background:transparent url(../img/ctbullet.png) no-repeat scroll 0 5px;
float:left;
font-size:93%;
padding-left:12px;
margin:0.1em 0;
width:190px;

	}
ul.subcategorylist li a{
}

div.subctbtm{
	background:url(../img/ctsubctbgbtm.png) no-repeat bottom center;
	height:45px;
	}
/*---
サブカテゴリ表示(function.php)リンク設定
---*/
ul.subcategorylist a:link,
ul.subcategorylist a:visited,
ul.subcategorylist a:active{	color:black;	}
ul.subcategorylist a:hover{	color:#3366cc;
											border-bottom:1px dotted #3366cc;	}

/*---
主張アイコン
---*/
body#syuchoico{min-height:100%;}
p.syucho{padding-bottom:100px;}
p.syucho img{padding:10px 0;}