/* タグ定義 */

body {

	color:#434343;

	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;

	font-size: 0.8em;

	line-height:1.5em;

}



h2 {

	background:transparent url(stripe1.png) repeat scroll 0%;

	border-bottom:1px solid #C8D686;

	font-size:1.2em;

	margin-right:10px;

	padding:5px 5px 5px 10px;

}



h3 {

	border-bottom:1px solid #C8D686;

	font-size:1.0em;

	margin-right:5px;

	padding:5px 5px 5px 5px;

}



a{

	text-decoration: none;

}





h1 a{

	color: #000000;

}



fieldset{

	border-top: none;

	border-bottom: none;

	border-left: none;

	border-right: none;

	padding-left: 50px;

}



#author a{

	color: #000000;

}





div#menu{

	background-color: #FF8698;

	

}



div#menu a{

	color: #ffffff;

	text-decoration: none;

	padding: 5px;

}



div#menu a:hover{

	background-color: #FFC0AA;

}



div#footer{

	border-top:1px solid  #7D8B2E;

	background-color: #7D8B2E;

}



div#footer a{

	color: #ffffff;

	text-decoration: none;

	padding: 5px;

}

div#footer a:hover{

	color: #C8D686;

}







/* 格言部分 */

#quote_box{

	margin-top: 5px;

}



#quote_box blockquote {

  background: transparent url(quoleft.png) left top no-repeat;

  margin: 0;

}

#quote_box blockquote h1 {

  padding: 0 0 0 60px;

  font-size: 1.5em;

  font-weight: bold;

  background: transparent url(quoright.png) right bottom no-repeat;

  line-height: 40px;

}

#quote_box #author{

	font-size: 1.5em;

	text-align: right;

	padding: 3px;

	float: right;

}

#quote_box #under_quote{

	border-top: 1px solid #aaaaaa;

	padding-top: 10px;

}



#quote_box #spread{

	float: left;

	height: 30px;

	padding-top: 5px;

}



#quote_box #spread ul{

	list-style: none;

	margin: 0;

	padding: 0;

	border: none;

	display: inline;

}



#quote_box #spread li{

	margin: 0;

	display: inline;

	padding-left: 10px;

}



a.button1 {

	padding: 5px;

	display: inline;

	border: 1px dashed #FF8698;

	color: #7D8B2E;

}



a.button1:hover {

	padding: 5px;

	display: inline;

	border: 1px dashed #FF8698;

	color: #ffffff;

	background-color: #FF8698;

}



/* 格言部分ここまで */



.ranking{

	margin-left: 10px;

}

.ranking .quote{

	width: 350px;

	float: left;

	padding-top: 5px;

	border-bottom: 1px dashed #cccccc;

}



.ranking2{

	margin-left: 10px;

}

.ranking2 .quote{

	width: 500px;

	float: left;

	padding-top: 5px;

	border-bottom: 1px dashed #cccccc;

}



.ranking .author{

	float: left;

	padding-top: 5px;

}



.ranking .author2{

	width: 450px;

	padding-top: 5px;

}



.quote_list{

	width: 500px;

	border-bottom: 1px dashed #cccccc;

	margin-left: 10px;

	padding-top: 5px;

}



.quote_list a{

	text-decoration: none;

}



/* サイドバー */

.sidebar_ranking{

	width:170px;

	border-bottom: 1px dashed #cccccc;

}



/* タグクラウド */

ul.tagcrowd li{

	display:inline;

}



.tag_crowd_0{

	font-size: 1.0em;

	padding: 3px;

	margin: 2px;

	float: left;

}



.tag_crowd_1{

	font-size: 1.1em;

	padding: 3px;

	margin: 2px;

	display: block;

	float: left;

}



.tag_crowd_2{

	font-size: 1.2em;

	padding: 3px;

	margin: 2px;

	display: block;

	float: left;

}



.tag_crowd_3{

	font-size: 1.3em;

	padding: 3px;

	margin: 2px;

	display: block;

	float: left;

}



.tag_crowd_4{

	font-size: 1.4em;

	padding: 3px;

	margin: 2px;

	display: block;

	float: left;

}



.tag_crowd_5{

	font-size: 1.5em;

	padding: 3px;

	margin: 2px;

	display: block;

	float: left;

}



.tag_crowd_0 a{

	color: #7D8B2E;

	padding: 1px;

	border: 1px solid #ffffff;

}



.tag_crowd_1 a{

	color: #7D8B2E;

	padding: 1px;

	border: 1px solid #ffffff;

}



.tag_crowd_2 a{

	color: #7D8B2E;

	padding: 1px;

	border: 1px solid #ffffff;

}



.tag_crowd_3 a{

	color: #7D8B2E;

	padding: 1px;

	border: 1px solid #ffffff;

}



.tag_crowd_4 a{

	color: #7D8B2E;

	padding: 1px;

	border: 1px solid #ffffff;

}



.tag_crowd_5 a{

	color: #7D8B2E;

	padding: 1px;

	border: 1px solid #ffffff;

}





.tag_crowd_0 a:hover{

	padding: 1px;

	border-bottom: 1px solid #FF8698;

}



.tag_crowd_1 a:hover{

	padding: 1px;

	border-bottom: 1px solid #FF8698;

}



.tag_crowd_2 a:hover{

	padding: 1px;

	border-bottom: 1px solid #FF8698;

}



.tag_crowd_3 a:hover{

	padding: 1px;

	border-bottom: 1px solid #FF8698;

}



.tag_crowd_4 a:hover{

	padding: 1px;

	border-bottom: 1px solid #FF8698;

}



.tag_crowd_5 a:hover{

	padding: 1px;

	border-bottom: 1px solid #FF8698;

}

/* タグクラウド終わり */



.paging{

	margin-left: 10px;

	color: #b45f6b;

	text-align: center;

	margin-bottom: 10px;

	margin-left: 50px;

	margin-right: 50px;

}



.streach_box{

	display: none;

	margin-left: 20px;

	margin-right: 20px;

	padding-left: 30px;

	padding-right: 30px;

	overflow: hidden;

}



#vote textarea{

	border: 1px dashed #888888;

 	width: 100%;

	width: 300px;

	padding: 5px;

}



.input{

	margin-top: 10px;

}



/* フォーム関連 */

.input label{

	width: 150px;

	display: block;

	float: left;

}



.input input{

	width: 300px;

	border: 1px solid #aaaaaa;

	padding: 5px;

}



.input textarea{

	width: 300px;

	border: 1px solid #aaaaaa;

	padding: 5px;

	height: 100px;

}



.submit{

	text-align: right;

	width: 460px;

	clear: both;

}



/* コメント関連 */



#comment_form{

	margin-left: 20px;

}



#comments{

	margin-left: 20px;

	margin-right: 20px;

}



#comments .comment{

	border-left: 1px solid #cccccc;

	background-color: #eeeeee;

	margin-bottom: 10px;

	padding: 10px;

}



#comments .comment .date{

	text-align: right;

}



#comments .comment .name{

	text-align: right;

}



.code {

	margin-bottom: 10px;

}



.code input{

	padding: 5px;

	border: 1px dashed #777777;

	width: 350px;

}



.note{

	font-size: 0.9em;

	color: #FF8698;

}



.gray_bg{

	margin: 10px;

	padding: 5px;

	border-top: 1px solid #cccccc;

}



.bold{

	font-weight: bold;

}



.statistics .bold{

	color: #ff0000;

}



.statistics{

	text-align: right;

	font-size: 0.8em;

}





.box2{

	width: 300px;

	float: left;

	border-right: 1px solid #dddddd;

	margin: 10px;

	padding: 5px;

}



.author_list{

	width: 200px;

	border-bottom: 1px dashed #cccccc;

	float: left;

}



#title_table h1{

	padding-top: 10px;

}





.input input.captcha{

	width: 150px;

	padding: 5px;

	font-size: 0.8em;

	border: 1px solid #999999;

}



.input img{

	border: 1px solid #999999;

	margin: 5px;

}



.error-message{

	margin-left: 150px;

	color: #BB0009;

}



dl.apiabout{

	margin-left: 50px;

}



dl.apiabout dt{

	font-weight: bold;

}



dl.apiabout dd{

	margin-bottom: 10px;

}



textarea.code{

	width: 500px;

	height: 200px;

	padding: 10px;

	font-size: 12px;

	background-color:#EEEEEE;

	border: 1px solid #CCCCCC;

}

.pagerHolder{
  padding-top: 20px;
}

ul.pager {
      margin: 10px;
      list-style: none;
}
ul.pager li {
      float: left;
      margin-right: 10px;
      padding-right: 10px;
      border-right: 1px #999999 solid;
}
ul.pager li.next {
      border-right: none;
}
ul.pager li a:link,
ul.pager li a:visited {
      text-decoration: none;
}
ul.pager li a:hover,
ul.pager li a:active {
    background: none;
    color: #FF6633;
    text-decoration: none;
    font-weight: bold;
}
ul.pager li em {
      font-weight: bold;
}