/* index.php と index_new.php用1 */

/*-----------------------------------------------------
Yahoo UI Library Font-size Adjustment
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
http://developer.yahoo.com/yui/license.txt
http://developer.yahoo.com/yui/fonts/

10px = 77%     11px = 85%     12px = 93%     13px = 100%
14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%
26px = 197%
------------------------------------------------------*/ 

body {
	line-height:1.6;
	background-image: url(img/back.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	margin: 0px;
	padding: 0px;



	*font-size: small; /* Win IE7およびWin IE6標準準拠モード向け */
	*font: x-small; /* Win IE 5-5.5､6(後方互換モード)向け */
	color:#333;
	line-height:1.6;
	font-weight:normal;
	font-style:normal;
	font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",Osaka,Arial,Helvetica,sans-serif;
	font-size: 13px;
	background-color: #01ABE6;
	}

/*html:\66irst-child body {
	font-size:12px; safari only \
}*/



* {
padding:0;
margin:0;
}

a {
outline:none;
text-decoration: none;
}

img {
border:0 none;
vertical-align:bottom;
margin: 0px;
padding: 0px;
}

li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

a, p, h1, h2, h3, h4, ul, ol, li, dl, dt, dd, p, form, input, table, td, th {
margin:0;
padding:0;
}

table {
	font-size: inherit; /* モダンブラウザ向け */
	font: 100%; /* Win IE 5-5.5､6(後方互換モード)向け */
	font-size: 100%;
}
select,input,button,textarea,button{
	font-family: arial, helvetica, clean, sans-serif;
	font-size: 93%;
	color: #333;
}

input {
vertical-align: middle;
}



#top{
	float:right;
	text-align:right;
	font-size:0.8em;
	line-height:180%;
}
.lemail{
	width:100px;
	height:20px;
}
.ltext{
	width:60px;
	height:20px;
}
.lsubmit{

}
#top #login {
	padding-top: 10px;
	padding-bottom: 10px;
}


.text_r{
	width:150px;
	height:25px;

}
.textlong_r{
	width:250px;
	height:25px;
}
.regist_button{
	font-size: 120%;
	height: 1.5em;
	width: 100px;
	margin:5px;
}


#top-left{
	float:left;
	width:350px;
	padding-top: 200px;
	padding-bottom: 40px;
	margin-left: 80px;
	display: inline;
}

#top-right{
	float:right;
	text-align:right;
	width:300px;
	font-size:1.4em;
	font-weight:bold;
	line-height:120%;
	margin-top: 10px;
	color: #FFF;
}

#header{
	clear:both;
	text-align:center;
}

#middle_form{
	clear:both;
	text-align:center;
	font-size:1.4em;
	font-weight:bold;
	line-height:120%;
}

#message{
	clear:both;
	text-align:center;
	color:red;
	font-weight:bold;
30px;10px;30px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 80px;
}

#list-header{
	clear:both;
	font-weight:bold;










30px;10px;30px;
	padding-left: 80px;
	margin-bottom: 20px;
	font-size: 153.9%;
}

#comment-list{
	padding-left: 80px;
	float: left;
}

#pager{
	clear:both;
	text-align:center;
}

#footer{
	clear:both;
	text-align:center;
}

img{
	border: 0;
}

.entry{
	clear:both;
	width: 800px;
	margin-right: 0px;
	margin-left: 0px;
	float: left;
	margin-top: 0px;
	margin-bottom: 15px;
}

.number{
	color:#FFFFFF;
	text-align:center;
	width:72px;
	height:72px;
	float:left;
	background-image: url(img/comment.jpg);
	background-repeat: no-repeat;
}

.number a{
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
}

.number em.big_num {
	color:#FFFFFF;
	display:block;
	font-size:2em;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
	line-height:100%;
	margin-bottom:-3px;
	padding-top:12px;
}


.entrybody{
	float:right;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	width: 710px;
}

.title{
	font-size:1.4em;
	font-weight:bold;
	line-height:1.4em;
}

.title a{
	color:#FFF;
}

.comment{
	color:#003;
	font-size:14px;
	vertical-align: middle;
	line-height: 1.6;
}

.timestamp{
	font-size:14px;
	float:left;
	color: #191919;
	margin: 0px;
	height: 30px;
	line-height: 30px;
}

.evaluation{
	float:left;
	line-height: 22px;
}
.evaluation img{
	vertical-align: middle;
	margin-right: 5px;
}
.good_num{
	color:#B2100D;
	font-weight:bold;
	margin-right: 5px;
	font-size: 22px;
}

.bad_num{
	font-size:22px;
	color:#333333;
	font-weight:bold;
	margin:0px 3px 0px 2px;
}

.real{
	font-weight:bold;
}
.shadow{
	font-weight:bold;

}

/* 以下entry.php用 */

.sitetitle{
	font-size:35px;
	font-weight:bold;
	margin:30px 0px 10px 0px;
}

.sitelink{
	font-size:138.5%;
	font-weight:italic;
	margin:30px 0px 10px 0px;
}

.sitecomments{
	font-size:18px;
	font-weight:bold;
}

.max_num{
	color:#FFF;
	font-weight:bold;
	font-size:36px;
	margin:0px 8px 0px 0px;
}

.number2{
	float:left;
	clear:both;
}

.number2 a{
	
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
}

.combody{
	float:left;
}

.evaluation2{
	float:left;
}
.timestamp2{
	font-size:14px;
	float:left;
	margin:5px 0px 5px 0px;
}

.comment2{
	clear:both;	
	font-size:123.1%;
	font-weight:bold;
	line-height:100%;
	margin:5px 0px 5px 0px;
}
#container #rogo a {
	background-image: url(img/logo.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 100px;
	width: 250px;
	background-position: left top;
	margin: 0px;
	padding: 0px;
}
#container #rogo {
	margin-top: 200px;
	margin-left: 80px;
	margin-bottom: 70px;
	padding: 0px;
	float: left;
	width: 500px;
	display: inline;
}
#header .sitetitle a {
	color: #FFF;
}
#header .sitelink a {
	color: #003;
}
#list-header img {
}
#container {
	background-image: url(img/back2.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px;
	height: auto;
	width: 900px;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	float: left;
}

.comment img {
vertical-align: middle;}

#container #list-header a {
	text-decoration: underline;
	color: #000;
}
#container #content {
	padding-left: 80px;
}
#list-header img {
	vertical-align: middle;
}
.sitecomments img {
	vertical-align: middle;
}
#top-right form textarea {
	width: 300px;
}
#container #top form #login img {
	vertical-align: middle;
}
#container #top-right form input {
	margin-bottom: 8px;
}

