@charset "shift_jis";

/* 本文 */
body {
	margin: 0;
	padding: 0;
	font-size: 12pt;
	background:#f5f5f5;
	color: #4b3d27;
	font-family: Verdana,"MS PGothic",Osaka,Arial,sans-serif;
}
/* リンク部 */
a { 
	text-decoration:none;
	color: #2a4d91;
}
a:active {
	color: #b52e25;
}
a:hover {
	text-decoration: underline;
	color: #ff2f2f;
}
/* エラーメッセージ */
p { 
	color:#dd0000;
}
div#head {
	width: 100%;
	background-image: #cc9bad;
	background-image: -webkit-gradient(linear, center top, center bottom, from(#f5ecf4), to(#cc9bad)); 
	background-image: -moz-linear-gradient(bottom, #f5ecf4, #cc9bad);
	background-image: linear-gradient(to bottom, #f5ecf4, #043c78);
	color: #fff;
}
div#head-in {
	padding: 3px 20px;
}
/* 掲示板全体 */
div#main {
	width: 100%;
}
div#main-in {
	width: 88%;
	margin: 0 auto;
	padding: 6px;
	/*background: #fffff9;*/
}
div#head-ttl {
	text-align: left;
}

div#head-clr {
	clear: both;
}
/* エラー表示枠 */
div.main { 
	text-align:center;
}
/* 掲示板タイトル */
h1 {
	color: #fff;
	font-size: 150％;
	font-style: italic;
	text-shadow:-1px -1px 1px rgba(0, 0, 0, 0.4),1px 1px 1px rgba(255, 255, 255, 0.5);
	margin: 0 3px;
}
/* MENU */
#menuwrapper {
	padding:8px;
	margin-bottom: 0.7em;
	text-align:right;
	color:#fff;
	border-top: 1px solid #000;
	border-bottom: 1px solid #333;
	background-color: #909090;
	background-image: url(p7exp_mbar.jpg);
}
#menuwrapper a {
	color: #ffffff !important;
}

/* ================================
== チャットコメント枠GENERAL STYLES
** ================================ */

#container {
	width:920px;
	padding:0 0 50px;
	margin:15px auto;
}
/* 名前右側表示 */
div.com-right {
	width:755px;
	margin-right:0em;
	margin-bottom:0em;
}
/* 右側(名前と矢印枠) */
div#box_right {
	float:right;
	width:165px;
	margin-left: 0em;
	margin-top: -5.8em;

}
div.name-right {
	width:110px;
	float:right;
	margin-right: 5px;
	margin-top:31px;
	text-align: center;
}
div.arrow-right {
	float:left;
	margin-right:0em;
	margin-top:31px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 0 2px 28px;
}
/* 名前左側表示 */
div.com-left {
	float:right;
	width:755px;
	margin-top: -3em;
	margin-left: 0em;
	margin-bottom: 0em;
}
/* 左側(名前と矢印枠) */
div#box_left {
	width:165px;
	margin-right: 0;
	margin-top: 0em;
}
div.name-left {
	width:110px;
	margin-left: 5px;
	margin-top:31px;
	text-align: center;
}
div.arrow-left {
	float:right;
	margin-right:0px;
	margin-top:-20px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 28px 2px 0;
}

/* 記事枠レイアウト(新) */
div.art-left {
	position:relative;
	padding:15px;
	margin-left:0px;
	border:5px solid;
	color:#333;
	background:#fff;
	/* css3 */
	-webkit-border-radius:18px;
	-moz-border-radius:18px;
	border-radius:18px;
	-webkit-box-shadow: 6px 6px 18px #afafb0;
	-moz-box-shadow: 6px 6px 18px #afafb0;
	box-shadow: 6px 6px 18px #afafb0;
}

div.art-right {
	position:relative;
	padding:15px;
	margin-right:0px;
	border:5px solid;
	color:#333;
	background:#fff;
	/* css3 */
	-webkit-border-radius:18px;
	-moz-border-radius:18px;
	border-radius:18px;
	-webkit-box-shadow: -6px 6px 18px #afafb0;
	-moz-box-shadow: -6px 6px 18px #afafb0;
	box-shadow: -6px 6px 18px #afafb0;
}
.img_a {
	position:absolute;
	margin-top: -3.1em;
	margin-left: -6.8em;
	z-index: -1;
}
.img_b {
	position:absolute;
	margin-top: -3.1em;
	margin-left :-7em;
	z-index: -1;
}

div.clear {
	clear: both;
}

/* 投稿フォーム */

div#reg-box {
	width: 530px;
	margin: 1.2em;
	padding: 18px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0px 1px 10px #666;
	-moz-box-shadow: 0px 1px 10px #666;
	box-shadow: 0px 1px 10px #666;
	border: 1px solid #808080;
	background: #fff;
}
hr {
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0))
}
/* 投稿フォーム */
table.form th { 
	text-align:left;
	white-space:nowrap;
}
table.form td { 
	text-align:center;
	white-space:nowrap;
}
td.color { {
	font-family:"MS PGothic","Osaka",Arial,sans-serif;
}

/* ページセンタリング */
div.ta-c { 
	text-align:center;
}