@CHARSET "UTF-8";

/* =========================================
Reset
========================================= */
h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, th, td, img, form {
	margin: 0;
	padding: 0;
	border: none;
	line-height: 100%;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	text-align: left;
}
textarea { font-size: 100%; }

img{
	vertical-align: bottom;
}

hr{
 clear:both;
 width:0px;
}


body, table, textarea, input {
	font-family:'MS P Gothic',sans-serif;
}

a{
	color:black;
}
a:visited{
	color:#555;
}
a.detail{
	color:black;
}
a.detail:visited{
	color:#555;
}
a.noboder{
	text-decoration:none;
}
.small{
	font-size:0.7em;
	font-weight:normal;
}
.red{
	color:#9c2020;
}
img.button{
	cursor:pointer;
}
img.icon{
	border:#aa9 1px solid;
}

th{
	padding:0 4px;
	text-align:left;
	font-size:0.85em;
	background:#FFF4DD;
	color:#3a492d;
}


table.default{
}
	table.default td,
	table.default th{
		font-size:0.85em;
		line-height: 1.2em;
		padding:4px 6px;
	}
html{
    height:100%;
}
body{
    height:100%;

}


/*___________________________________________________________________*/

input.submit,
a.submit{
	padding:1px 4px;
	font-family:'MS P Gothic',sans-serif;
	background:#333;
	color:#fff;
	text-decoration:none;
	margin: 5px 0px;
}
	a.submit{
		display:inline-block;
		padding:2px 17px;
		_padding:0 17px;
	}
	a.submit:visited{
		color:#fff;
	}

	a.submit:hover{
		color:#FF8D72;
	}

ul.errors{
	list-style: none;
	color:#9c2020;
	font-size: 0.85em;
	margin-bottom: 10px;
	padding: 5px 10px;
}

ul.errors li {
	line-height:1.3em;
	font-weight: bold;
}

/* 短歌一覧系 */
a.tanka_list{
	text-decoration:none;
}
a.tanka_list:hover{
	border-bottom:#676 1px solid;
}

div.tanka_list table {
	margin-bottom:5px;
}


.alpha{
	filter: expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.firstChild.src + ", sizingMethod=scale)");
	width: expression(this.firstChild.clientWidth+"px");
	height: expression(this.firstChild.clientHeight+"px");
}
.alpha img{visibility: expression("hidden");}

input.text{
	height:21px;
	border:#000 1px solid;
}

/* ========================================
layout
========================================= */
body {
	text-align: center;
	margin: 0px;
}

#container {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	background:#fff url(/img/senryu/bg.gif) repeat-y left top;
	padding: 0px 0px;
	position: relative;
}

#header {
	height: 135px;
}

	#headerRight {
		float: right;
		width: 710px;
		padding-top: 33px;
		text-align: left;
	}

#wrap {
	padding:0px 10px;
}

#main {
	background-color: white;
	float: right;
	width: 540px;
	text-align: left;
}

#mainDef {
	float: left;
	width: 640px;
}

#side {
	float: left;
	width: 380px;
	background-color: white;
	text-align: left;
}

#contents {
	background-color: white;
	width: 930px;
	text-align: left;
}

h1 {
	position: absolute;
	top: 0px;
	left:12px;
}

#topBnr {
	position: absolute;
	top: 14px;
	right:30px;
}

h2 {

}

h2.inline {
	float: left;
	width: 100px;
	font-size: 0.8em;
	line-height: 20px;
	padding-bottom: 5px;
}

h2.default {
	padding-bottom: 20px;
	font-size: 27px;
	color: #134319;
}

h2.text {
	background: url(/img/senryu/h2/h2_circle.gif) no-repeat 0px 0.1em;
	padding-left: 35px;
	font-size: 27px;
	color: #134319;
	line-height: 30px;
	padding-bottom: 15px;
}
h3 {
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 1px dotted black;
}

h3.default {
	padding-top: 20px;
	border-bottom: none;
}

h4 {
	font-size: 0.8em;
	line-height: 20px;
	padding-bottom: 5px;
}

h4.inline {
	float: left;
	width: 100px;
	font-size: 0.8em;
	line-height: 20px;
	padding-bottom: 5px;
}

p {
	font-size: 0.85em;
	line-height:1.5em;
	padding-bottom: 3px;
}

p.smallText {
	font-size: 0.8em;
	line-height:1.3em;
}

.domainUrl {
	font-size: 0.8em;
	line-height:1.2em;
	text-align: right;
	margin: 0px;
	padding-bottom: 5px;
	color: #777;
}

blockquote {
	font-size: 0.85em;
	line-height:1.5em;
	padding-bottom: 3px;
}


/* ========================================
# MENU
========================================= */
#headerRight img {
	margin-right:5px;
}

#menu img {
	margin-top: 5px;
	margin-right:15px;
}

/* ========================================
# SIDE
========================================= */
.sideInner {
	padding: 15px 20px;
}

.sideInnerTop {
	padding: 20px;
}


.sideInnerMark {
	padding: 15px 20px;
	background-color: #FFF4DD;
}

.sideInnerMark h3 {
	border: none;
	margin-bottom: 0;
	padding-bottom: 5px;
	margin-left: -5px;
}

/* ========================================
# MAIN
========================================= */
.mainInner {
	padding: 15px 20px;
	position: relative;
}

.mainInnerTop {
	padding: 20px 20px 15px 20px;
	position: relative;
}

#main img{
	vertical-align: middle;
}

#main h2.vertical {
	float:right;
	padding:0px 0px 0px 23px;
}

#main h2.verticalm {
	float:right;
	padding:0px 0px 0px 10px;
}

.continueVertWrap {
	position: relative;
	float:right;
	width:60px;
}

.continueVertWrap h2.vertical {
	padding:0px;
}

.continueVert {
	position: absolute;
	top: 340px;
	right:20px;
}

#mainLeft {
	float: left;
	width: 250px;
}

#mainRight {
	float: right;
	width: 230px;
}

#mainRightDef {
	float: right;
	width: 210px;
}

#mainRightList {
	float: right;
	width: 210px;
	padding-top: 40px;
}

	#PRarea {
		width: 210px;
/*		border: 1px #999 solid;*/
		text-align:center;
	}



/* ========================================
# CONTENTS
========================================= */
.contentsInner {
	padding: 20px;
}

.contentsInnerMin {
	padding: 20px;
	height: 550px;
	overflow:hidden;
}

#textColumn {
}

#textColumn p {
	margin-bottom: 15px;
}

#textColumn h3 {
	font-weight: bold;
	font-size: 1.0em;
	border-bottom: 1px dotted #009999;
	color: black;
}

#textColumn h4 {
	font-size: 0.85em;
	border-left: 5px solid #009999;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-bottom: 10px;
	line-height: 1.4em;
	color: #009999;
}

#textColumn ul {
	margin-bottom:20px;
	}

#textColumn li {
	margin-left: 20px;
	font-size: 0.85em;
	line-height: 1.4em;
	}

#textColumn ol li {
	margin-bottom: 10px;
}

/* ========================================
general
========================================= */
#container {
	color:#333;
}

.smallText {
	font-size:13px;
}

.smallGray {
	font-size:0.85em;
	color: #777;
}

.iconBox {
	width: 50px;
	padding-right: 5px;
}

.continue {
	text-align:right;
}

.articleTitle {
	background: url(/img/senryu/icon_article_p.gif) no-repeat 0px 0.2em;
	padding-left: 43px;
	color: black;
	font-weight: bold;
	padding-bottom: 0px;
}

.articleLinks {
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom: 1px solid white;
}

.articleLinksBottom {
	padding-bottom:0px;
	margin-bottom:0px;
	border-bottom: none;
}

.clear {
	clear: both;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}

.first {
	margin-top: 0px;
	padding-top: 5px;
}

.blue{
	color:#009999;
}

a.blue:visited {
	color:#009999;
}

.normalText {
	font-size: 0.8em;
	line-height: 1.2em;
	font-color: #333;
}

.blankP {
	margin-top: 5px;
}

/* 縦書き短歌一覧______________________________________________*/

table.tanka_vertical_thin{
	float:right;
	margin-left:0px;
	width:80px;
}
	.tanka_vertical_thin .tanka{
		width: 48px;
		height: 370px;
		text-align: center;
		vertical-align:top;
		padding-top:12px;
		background: url(/img/senryu/bg_senryu_v_s.gif) no-repeat 0px 0px;
	}

	.tanka_vertical_thin .detail{
		width: 15px;
		text-align:center;
		vertical-align:bottom;
		font-size:11px;
	}

	.tanka_vertical_thin .theme{
		width: 17px;
		text-align:center;
		vertical-align:top;
		font-size:11px;
		font-weight: bold;
	}

	.tanka_vertical_thin .sub{
		padding-top:4px;
	}
		.tanka_vertical_thin .sub span.rate{
			display:block;
			padding:0 1px;
			width:24px;
			font-size:10px;
			background:#fff100;
			text-align:right;
		}


/* ___________________________________________________________________*/



div#profile,
div.comment2{
	word-wrap:break-word;
	word-break:break-all;
	overflow-x:auto;
}
div#profile{
	margin-top:20px;
	text-align:left;
	color:black;
}
	div#profile .detail{
		padding:0.6em 1em;
		text-align:left;
	}
	div#profile img{
		float: left;
		border: 1px black solid;
		margin-right: 10px;
	}

	div.comment2{

		background:url(../img/senryu/bg_note.gif) repeat top left;
	}
		div.comment2 p{
			min-height:180px;
			height: auto !important;
			height: 180px;
			padding: 2px 10px 0px 10px;
			line-height: 24px;
			font-size: 14px;
		}

/* 短歌詳細______________________________________________*/
#side p.theme{
	margin:30px 0px 43px;
	line-height:20px;
	font-size:16px;
}
	p.theme span{
		padding:0 6px;
	}
#side p.rating{
	margin:30px 11px 5px;
	line-height:20px;
	font-size:16px;
	font-weight:bold;
	color:#9c2020;
}
#side p.rate{
	margin:5px 0 30px 117px;
}
table#profile{
	width:350px;
	margin:5px 0 40px;
	border-collapse:collapse;
}
	table#profile td{
		border:none;
	}
	table#profile td.body{
		padding:10px;
		width:142px;
		text-align:center;
		border:black 1px solid;
		color:black;
	}

	table#profile img {
		margin-bottom: 10px;

	}

table#tanka{
	height:380px;
	margin-top: 20px;
}
	table#tanka .title{
		text-align:center;
		font-size:13px;
		font-weight: bold;
		margin-top: 20px;
	}
	table#tanka .body{
	margin:0px 20px;
	padding:20px 0;
	width:150px;
	background: url(/img/senryu/bg_senryu_v.gif) no-repeat 0px 0px;
	text-align:center;
	}
	table#tanka .body img {
	margin-left: 27px;
	}

	table#tanka .wareki{
		font-size:12px;
		color:#777;
		margin-bottom:20px;
	}

.tanka_vertical{
	float:right;
	padding-left:27px;
	width:73px;
	_width:103px;
										/*	border:#f00 1px solid;*/
}
	.tanka_vertical .tanka{
		padding-left:10px;
		width:17px;
		_width:27px;
		float:right;
										/*	border:#00f 1px solid;*/
	}
	.tanka_vertical .sub{
		float:right;
		padding-top:300px;
		width:32px;
		text-align:center;
										/*	border:#f0f 1px solid;*/
	}
		.tanka_vertical .sub span.rate{
			display:block;
			padding:0 1px;
			width:32px;
			_width:34px;
			font-size:10px;
			background:#fff100;
			text-align:right;
		}
			.tanka_vertical span.name{
				font-family:monospace;
				width:12px;
				font-size:12px;
			}
		div.wareki{
			padding-top:4px;
			width:11px;
			font-size:11px;
			text-align:center;
			color:#999;
		}



p.theme_list{

}


#viewDetail {
	width: 170px;
	margin: 20px auto;
}

#koebuParts {
	width: 160px;
	margin: 0px auto;
}

/* 一覧系  */
#contents div.searchbox{
	margin-top: 10px;
	padding: 5px 0px 8px;
	border:#999 1px dashed;
}
	#contents div.searchbox h3{
		margin-top:12px;
		padding:0;
		border:none;
	}
	div.searchbox table td{
		font-size:14px;
		padding-right:23px;
	}
		div.searchbox table td p,
		div.searchbox table td form{
			padding-left:8px;
		}

	ul.tanka{
		clear:both;
		margin-top:15px;
		padding-top:13px;
		list-style: none;
	}
		ul.tanka li{
		 	margin:6px 0;
			height:32px;
			font-size:0.85em;
		}
		ul.tanka span.rate{
			padding:4px 2px;
			line-height:32px;
			font-size:10px;
			background:#fff100;
		}
		span.wareki{
			padding:0 4px;
			color:#999;
			font-size:12px;
		}

	ul.tankaBR{
		clear:both;
		margin-top:15px;
		padding-top:13px;
		list-style: none;
	}
		ul.tankaBR li{
		 	margin:6px 0;
		 	padding-bottom: 20px;
			font-size:0.85em;
			line-height: 1.2em;
		}
		ul.tankaBR span.rate{
			padding:4px 2px;
			font-size:10px;
			background:#fff100;
		}

		ul.tankaBR img {
			vertical-align: middle;
		}

	ul.tanka img {
		vertical-align: middle;
	}

	ul.users{
		clear:both;
		margin-top:15px;
		padding-top:13px;
		list-style: none;
	}
		ul.users li{
		 	margin:6px 0;
			height:32px;
			font-size:0.85em;
		}

	ul.topic{
		clear:both;
		margin-top:15px;
		list-style: none;
	}
		ul.topic li{
			background: url(/img/senryu/icon_article_p.gif) no-repeat 0px 0.2em;
			padding-left: 45px;
		 	margin:10px 0;
			line-height:1.4em;
			font-size:0.85em;
		}

#searchTheme {
	margin-top: 0px;
	line-height: 1.4em;
	font-size: 12px;
}

div#themes {
	padding-top:40px;
}

div#themes span {
	padding-right:10px;
	font-size: 0.85em;
}

div.articleBox {
	border: 1px #999 dotted;
	padding: 10px;
	margin-bottom:20px;
}

div.articleBoxNon {
	border: none;
	padding: 10px 0px;
	margin-bottom:20px;
}

div.articleBox h3,
div.articleBoxNon h3 {
	font-size: 1.0em;
	border-bottom: 1px #ccc solid;
	font-weight: bold;
}

div.articleBoxNon h3 {
	background: url(/img/senryu/icon_article_p.gif) no-repeat 0px 0px;
	padding-left: 43px;
	font-size: 0.9em;
	margin-bottom: 0px;
}

div.articleBoxNon h3 a{
	text-decoration: none;
}

.userBox {
	float: left;
	width: 150px;
	padding-bottom: 5px;
}

/* Q & A_____________________________________________*/

#faq h3 {
	border-left: 8px solid #009999;
	border-bottom: none;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-bottom: 10px;
	line-height: 1.4em;
	color: #009999;
	font-size: 1.4em;
}
.q,.a{
	_height:43px;
	min-height:43px;
	margin:10px 0 0 -5px;
	padding:10px 0 0 50px;
	background:transparent no-repeat left top;
	line-height:150%;
}
.q{
	background-image:url(../img/www/icon/q.gif);
	color:#000;
	font-weight:bold;
	font-size:120%;
}
.a{
	margin-bottom:20px;
	padding-bottom:10px;
	border-bottom:#999 1px dotted;
	background-image:url(../img/www/icon/a.gif);
}

/* _____________________________________________*/

#footer{
	clear:both;
}
	#footer #footerLeft{
	float: left;
	text-align:left;
	padding: 20px 0px 20px 20px;
	margin: 0px;
	font-size: 12px;
	}

#footer #copyright {
	float: right;
	text-align: right;
	padding: 25px 20px 10px 0px;
	margin: 0px;
	font-size: 10px;
}



	#footer p#copyright span{
	vertical-align: bottom;
	}