@charset "utf-8";

@import url("./common.css");

/* ==================================================

  Index Style Sheet
  トップページのスタイルシートです。

================================================== */

body {

	background: #4F0000;

	font-size: 84%;

	text-align: center;

}

a {
	/*\*/
	overflow: hidden;
	/**/
}

hr { display: none; }
ul li { list-style-type: none; }

.clear { clear: both; }

.textCenter { text-align: center !important; }
.textRight { text-align: right !important; }
.textLeft { text-align: left !important; }

/* ================================================== */

div#header h1 {
	display: none;
}

div#header #vi {
	margin-bottom: 5px;
	text-align: center;
}

/* ================================================== */

div#whole {
	width: 780px;
	margin: 0 auto;
	background: url("../images/prt_whole_01.jpg") 0 0 repeat-y #333; /* whole_01 */
	/*\*//*/
	font-size: 90%;
	/**/
	text-align: left;
}

/* ================================================== */

div#content {
	display: inline;
	float: right;
	width: 550px;
	margin: 0 10px 60px 0;
}

div#content p.pagenate {
	margin-bottom: 5px;
	color: #333; /* content_01 */
	font-size: 110%;
	text-align: center;
}

div#content p.pagenate a {
	color: #c5a78b; /* content_02 */
}

div#content div.section {
	margin-bottom: 10px;
	background: #9F9F9F; /* content_03 */
	color: #fff; /* content_04 */
}

div#content div.section h2 {
	margin-bottom: 15px;
	padding: 6px 0 3px 10px;
	background: url("../images/prt_content_01.jpg") 0 0 no-repeat;
	color: #000000; /* content_05 */
	font-weight: bold;
}

div#content div.section h3 {
	margin: 0 0 15px 15px;
	color: #ffe455; /* content_06 */
	font-size: 110%;
	font-weight: bold;
}

div#content div.section div.article {
	width: 500px;
	margin: 0 0 25px 25px;
	line-height: 140%;
}

div#content div.section div.article p {
	margin-bottom: 1em;
}

div#content div.section div.article strong {
	font-weight: bold;
}

div#content div.section div.article a {
	color: #0000ff; /* content_07 */
}

div#content div.section p.info {
	padding: 6px 10px 3px 0;
	background: url("../images/prt_content_02.jpg") 0 100% no-repeat;
	color:#FFFFFF ; /* content_08 */
	text-align: right;
}

div#content div.section p.info a {
	color: #FFFFFF; /* content_09 */
}

div#content div.section p.more {
	margin: 0 25px 25px 0;
	text-align: right;
}

div#content div.section p.more a {
	padding: 4px 0 4px 22px;
	background: url("../images/ico_side_01.gif") 0 3px no-repeat;
	color: #700000; /* content_10 */
}

div#content div#comment {
	margin-bottom: 10px;
	padding-bottom: 30px;
	background: url("../images/prt_content_02.jpg") 0 100% no-repeat #333; /* content_11 */
	color: #fff; /* content_12 */
}

div#content div#comment h2 {
	margin-bottom: 15px;
	padding: 6px 0 3px 10px;
	background: url("../images/prt_content_01.jpg") 0 0 no-repeat;
	color: #000000; /* content_13 */
	font-weight: bold;
}

div#content div#comment div.postdata {
	margin: 0 10px 10px 10px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #fff; /* content_14 */
}

div#content div#comment div.postdata h3 {
	margin: 0 0 10px 10px;
	color: #ffe455;
	font-weight: bold;
}

div#content div#comment div.postdata p {
	margin: 0 20px 10px 20px;
	line-height: 140%;
}

div#content div#comment div.postdata p a {
	color: #c5a78b;
}

div#content div#comment div.postdata p.info {
	margin-bottom: 0;
	color: #fff; /* content_15 */
	text-align: right;
}

div#content div#comment p.announce {
	margin: 0 30px 10px 30px;
	padding-top: 10px;
}

div#content div#comment form {
	margin: 0 30px 10px 30px;
}

div#content div#comment form dl {
	padding-top: 10px;
}

div#content div#comment form dl dt {
	margin-bottom: 2px;
	color: #fff; /* content_16 */
}

div#content div#comment form dl dd {
	margin-bottom: 10px;
}

div#content div#comment form dl dd input#commentFormName {
	width: 35em;
}

div#content div#comment form dl dd textarea#commentFormComment {
	width: 35em;
	height: 10em;
}

div#content div#trackBack {
	margin-bottom: 10px;
	padding-bottom: 30px;
	background: url("../images/prt_content_02.jpg") 0 100% no-repeat #333; /* content_17 */
}

div#content div#trackBack h2 {
	margin-bottom: 15px;
	padding: 6px 0 3px 10px;
	background: url("../images/prt_content_01.jpg") 0 0 no-repeat;
	color: #fff; /* content_18 */
	font-weight: bold;
}

div#content div#trackBack div.url {
	margin: 0 10px 15px 10px;
}

div#content div#trackBack div.url h3 {
	margin: 0 0 10px 10px;
	color: #ffe455; /* content_19 */
	font-weight: bold;
}

div#content div#trackBack div.url p {
	margin-left: 20px;
	color: #fff; /* content_20 */
}

div#content div#trackBack div.postdata {
	margin: 0 10px 10px 10px;
	padding-top: 20px;
	border-top: 1px dashed #fff; /* content_21 */
}

div#content div#trackBack div.postdata h3 {
	margin: 0 0 10px 10px;
	color: #ffe455; /* content_22 */
	font-weight: bold;
}

div#content div#trackBack div.postdata p {
	margin: 0 20px 10px 20px;
	line-height: 140%;
	color: #fff; /* content_23 */
}

div#content div#trackBack div.postdata p.more {
	text-align: right;
}

div#content div#trackBack div.postdata p.more a {
	color: #c5a78b; /* content_24 */
}

div#content div#trackBack div.postdata p.info {
	margin-bottom: 0;
	color: #fff; /* content_25 */
	text-align: right;
}

/* ================================================== */

div#side {
	display: inline;
	float: left;
	width: 200px;
	margin: 0 0 60px 10px;
	color: #333; /* side_01 */
}

div#side a {
	color: #604731; /* side_02 */
}

div#side div.section {
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: #FFFFFF; /* side_03 */
}

div#side div.section ul {
	padding-left: 15px;
}

div#side div.section ul li {
	margin-bottom: 5px;
	padding: 2px 0 2px 22px;
	background: url("../images/ico_side_01.gif") 0 2px no-repeat;
}

div#side div.section h2 {
	width: 200px;
	height: 30px;
	margin-bottom: 10px;
	text-indent: -9999px;
}

div#side div.profile h2 {
	background: url("../images/tit_side_01.jpg") 0 0 no-repeat;
}

div#side div.profile div {
	margin-bottom: 5px;
}

div#side div.profile p {
	margin: 0 10px;
}

div#side div.calendar h2 {
	margin-bottom: 10px;
	background: url("../images/tit_side_00.jpg") 0 0 no-repeat;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	text-indent: 0;
	line-height: 30px;
}

div#side div.calendar table {
	width: 180px;
	margin-left: 10px;
}

div#side div.calendar table th,
div#side div.calendar table td {
	text-align: center;
}

div#side div.category h2 {
	background: url("../images/tit_side_02.jpg") 0 0 no-repeat;
}

div#side div.backNumber h2 {
	background: url("../images/tit_side_03.jpg") 0 0 no-repeat;
}

div#side div.recentEntry h2 {
	background: url("../images/tit_side_04.jpg") 0 0 no-repeat;
}

div#side div.recentComment h2 {
	background: url("../images/tit_side_05.jpg") 0 0 no-repeat;
}

div#side div.recentComment ul li ul {
	padding-left: 0;
}

div#side div.recentComment ul li ul li {
	list-style-type: square;
	padding: 5px 0 0 0;
	margin: 0 0 0 1.5em;
	background: none;
}

div#side div.recentTrackBack h2 {
	background: url("../images/tit_side_06.jpg") 0 0 no-repeat;
}

div#side div.recentTrackBack ul li ul {
	padding-left: 0;
}

div#side div.recentTrackBack ul li ul li {
	list-style-type: square;
	padding: 5px 0 0 0;
	margin: 0 0 0 1.5em;
	background: none;
}

div#side div.blogParts {
	background: none;
}

div#side div.blogParts div.counter,
div#side div.blogParts div.enquete, 
div#side div.blogParts div.countdown {
	margin-bottom: 20px;
	background: none;
}

div#side div.blogParts div.counter {
	text-align: center;
}

div#side div.blogParts div.countdown {
	color: #fff;
	text-align: center;
}

div#side div.banner {
	margin-bottom: 20px;
}

div#side div.banner ul li {
	margin-bottom: 5px;
}

div#side div.advertise {
	margin-bottom: 20px;
}

div#side div.advertise ul li {
	margin-bottom: 5px;
}

div#side div.rss {
	text-align: center;
}

/* ================================================== */

div#footer {
	clear: both;
	background: #000;
	padding-bottom: 5px;
}

div#footer ul {
	margin-bottom: 15px;
	padding-top: 12px;
}

div#footer ul li {
	display: inline;
	margin-left: 15px;
}

div#footer address {
	margin-right: 10px;
	text-align: right;
}
div#content p.phFrame img {
	border: 3px solid #FFFFFF;
}
.style9 {font-size: larger; color: #FFFF00; font-weight: bold; }
.style6 {color: #FFFF00}
.style7 {
	font-weight: bold;
	color: #FFFF00;
}
.style10 {
color: #DD006F;
font-weight:bold;
}
.style12 {font-weight: bold; color: #FFFF00; font-size: 18px; }
.style13 {
	color: #0000FF;
	font-size: 18px;
	font-weight: bold;
}
.style14 {
color: #FF0000;
font-weight: bold;
}
.style15 {
	color: #FFFF00;
	font-size: 18px;
	font-weight: bold;
}
.style19 {color: #FF3300; font-size: 18px; font-weight: bold; }
.style20 {color: #0000FF}
.style22 {
	font-size: 36px;
	color: #FF0000;
}
.style23 {
	font-size: 16px;
	font-weight: bold;
}
.style24 {color: #FF6600}
.style25 {color: #FF00FF;
font-weight: bold;
}
.style26 {color: #99FF00}
.style27 {color: #009900}
.style28 {color: #663366}
.style29 {font-size: 18px}
.attention_top {
	color: #FFFFFF;
	background-color: #000000;
	padding: 10px;
}
.style30{
color:#0000FF;
font-weight:bold;
}