@charset "UTF-8";


/* 背景全体に画像（右寄せ） */
html { 
	background: url("haikei.png"); 
}

body{
	margin: 0;
	color: #441611;
	font-size: 10.5pt;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	height:100%;
}

/* コンテナ */
div#container {
	position: relative;
	height:100%;
}

/* 半透明白背景 */
div .content{
	background: url("default.png");
	/* background-color: #f9e9b0; */
	max-width: 1050px;
	min-width: 1050px;
	height: 100%:
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 100px;
	margin-right: 100px;
	padding: 10px;
	
	border-left: #aaaa99 1px solid;
	border-right: #aaaa99 1px solid;
	
	box-shadow: 0px 2px 5px #333333;
}

/* 見出し */
div .title{

}

/* 小見出し */
.subtitle{
	/* background: url("white65.png"); */
	background-color: #cc8844;
	font-size: 12pt;
	color: #ffffff;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	
	border: #eee0cc 1pt dashed;
	border-radius: 4px;
	
	box-shadow: 0 0 0 3px #c08030;
	/*
	-moz-box-shadow: 0px 2px 5px #333333; 
	-webkit-box-shadow: 0px 2px 5px #333333;
	box-shadow: 0px 2px 5px #333333;
	*/
}

/* 縁つきテキスト */
p, td{
	/* text-shadow: 1px 1px 4px #000000; */
}

h1{
	text-shadow: 0px 0px 6px #ff99ff;
}

h2{
	/* text-shadow: 0px 1px 2px #ffffff; */
}

.btn{
	text-align: center;
	border: #772200 1px solid;
	border-radius: 3px;
	margin-left: 400px;
	margin-right: 400px;
	background-color: #eebb66;
}

.btn:hover{
	background-color: #9999aa;
	cursor: pointer;
}


.sampleview:hover{
	background-color: #ccddee;
}

.header {
	float: left;
}

.twitter{
	float: right;
	margin-right: 7px;
	margin-top: 10px;
}

iframe.twitter-share-button {
	width: 100px!important;
}

@media screen and (max-width: 300px) {
	body{
		/* スマホ対応跡地 */
	}
}

a{
	color: #773377;
	text-decoration: none;
}

h2 a{
	color: #ffffff;
}

a.tag{
	color: #66cc00;
	text-decoration: none;
}

hr{
	color: #cccccc;
	border-width: 1px;
	size: 1px;
}

strong{
	color: #ffbbbb;

}


strong{
	color: #ffbbbb;

}

/* 角丸アイコン */
img.icon{
	margin-right: 5px;
	border-radius: 2px;
}

/* 発言欄 */
div.talkarea{
	/*
	border-radius: 6px;
	background: url("white40.png");
	*/
	margin: 12px;
	padding: 8px;
	margin-bottom: 8px;
	
	border-bottom: #bb7733 2px dashed;
}
div.talkarea2{
	border-radius: 6px;
	background: url("white65.png");
	margin: 12px;
	padding: 8px;
	margin-bottom: 8px;
}

span.times{
	font-size: 9pt;
	color: #992222;
}

span.label{
	margin: 2px; 
}

td{
	border-left: 1.5px solid #aa6666;
	border-right: 1.5px solid #cc9966;
	padding: 0;
	margin: 0;
	vertical-align: top;
	width: 50%;
}

td.iconcell{
	border: 2px solid #aa8866;
	padding: 0;
	margin: 0px;
	vertical-align: top;
	width: 60px;
	height: 60px;
}

td.iconcell:hover{
	border: 2px solid #ff9977;
}

.talklist_main{
	padding: 0;
	margin: 0;
}

span.re{
	border: 1px solid #ff9933;
	border-radius: 3px;
	margin: 0px;
	margin-left: 8px;
	padding: 0px;
	padding-left: 4px;
	padding-right: 4px;
	color: #994411;
	background-color: #ffddaa;
	cursor: pointer;
	font-size: 8pt;
}

span.del{
	border: 1px solid #ff6633;
	border-radius: 3px;
	margin: 0px;
	margin-left: 8px;
	padding: 0px;
	padding-left: 4px;
	padding-right: 4px;
	color: #994411;
	background-color: #ffdddd;
	cursor: pointer;
	font-size: 8pt;
}

.pager{
	border: 1px solid #ffcc66;
	border-radius: 3px;
	margin: 3px;
	margin-left: 8px;
	padding: 0px;
	padding-left: 4px;
	padding-right: 4px;
	font-weight: bold;
	font-size: 90%;
	background-color: #ffddaa;
	cursor: pointer;
}

img{
	margin:0;
	padding:0;
	vertical-align:bottom;
}


/* -------------------- SectionStyle -------------------- */

.csred{
	font-weight: bold;
	color: #E00;
}

.csblue{
	color: #15E;
}

.cswhite{
	color: #eeffee;
}

.csbold{
	font-weight: bold;
}

.cslilac{
	font-weight: bold;
	color:#9966ff;
}