@charset "utf-8";

/*------------ default style reset ------------*/
* {
	margin: 0;
	padding: 0;
}
/*------------ page style set ------------*/
body {
	background-color: #fff;
	padding: 0 0 0 0;;
	color: #444;
	margin-top: 8px;
	text-align: center;
	font-size: 0.95em;
	line-height: 1.1;
	height: 100%;
	font-family: Verdana, Helvetica, "ＭＳ Ｐゴシック", Osaka, sans-serif;
}
h1 {
	font-size: 1.8em;
}
h2 {
	font-size: 1.38em;
	color:#378;
	border-bottom: 1px solid #b9b9bc;
	padding: 3px 0 3px 0;
	margin-bottom: 5px;
}
h3 {
	font-size: 1.15em;
	color: #666;
	border-bottom: 1px solid #bbbbbf;
	padding: 3px 0 3px 0;
	margin-top: 10px;
	margin-bottom: 5px;
}
h4 {
	background-color: #38a3ed;
	color: White;
}
p {
	margin-bottom: 3px;
}
li {
	background:url("img/style/arrow.png") no-repeat 1px 7px;
	padding-left: 13px;
	padding-right: 2px;
	text-align: left;
	line-height: 1.4;
}
ul {
	list-style: none;
}
.menuItemBox li a {
	display: block;
	padding-left: 2px;
	height: 20px;
}
a:link {
	color: #16a;
	text-decoration: none;
}
a:visited {
	color: #878;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #b37;
}
a:active {
	color: #f00;
	text-decoration: none;
}

.infoBox {
	font-size: 14px;
	color: #5c5c5c;
	border: solid 2px #ddd;
	padding: 3px;
	margin: 7px 0;
	line-height:1.1;
	background-color: #fcfcfc;
	
}
#container { 
	border: 1px solid #ccc;
	margin: 0 auto;
	width: 81%;
	min-height: 100px;
	background-color: #fff;
	color: #444;
	overflow: hidden;
	margin-bottom: 15px;
	height: auto;
}
#header {
	line-height: 0.85;
	background-color: #2D78BF;
	padding: 10px 0 7px;
	/*background-image: url("img/style/title09_04.jpg");*/
}
#header a {
	color: #fcfcfc;
	text-decoration: none;
}
#header a:hover {
	color: #efeaea;
	text-decoration: none;
}

#naviTop {
	line-height: 15px;
	background-color: #fff;
	clear: both;
	padding: 5px 0;
	border-bottom: 1px solid #ccc;
}
#naviLeft {
	float: left;
	margin-left: 2px; 
	width: 170px;
	padding: 3px 2px 0 0;

}
#naviRight {
	float: right;
	width: 165px;
	margin-right: 5px;
	margin-top: 4px;
}
#main {
	position: relative;
	/*
	margin: 0 175px 0 10px;
	padding: 5px 0;
	*/
	margin:0 170px 0 10px;
	padding:5px 5px 5px 0;
}
#contents {
	width: 100%;
	float: left;
	margin-right: -170px;
	text-align: left;
}
#footer {
	width: 100%;
	background-color: #27c;
	color: #fff;
	clear: both;
	text-align: center;
	font-size: 10pt;
	padding: 3px 0 0 0;

}
#footer a {
	color: #024;
}
/*------------ main style set ------------*/
.topText {
	font-size: 100%;
	color: #fff;
	margin-left: 6px;
	margin-top: 4px;
	font-weight: bold;
}
.menuCategory {
	background-color: #47b;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	vertical-align: middle;
	text-align: center;
	border: 1px solid #fff;
	padding: 2px 0;
}
.menuItemBox {
	margin-bottom: 6px;
	padding-left: 1px;
}
.gazouBox {
	border-left: 3px solid #38a3ee;
	border-bottom: 1px solid #5588ee;
	float: left;
	width: 115px;
	margin: 0 6px 15px 1px;
	font-size: 13px;
	text-align: center;
}

.gazouBox-title {
	font-size: 10pt;
	width: 100%;
}
.gazouBox-gazou {
	text-align: center;
	width: 100%;
}
.gazouBox a {
	display: block;
	padding: 3px 0 3px 0;
	text-decoration: none;
	background-color: #eff9f8;
	height: 109px;
	font-size: 0.94em;
}
.gazouBox a:visited {
	background-color: #fff7ff;
}
.gazouBox a:hover {
        background: #ddeeff;
}
.gazouBox img {
	margin: 1px 1px 2px 1px;
	border: 1px #777 solid;
}
.gazouOuterBox {
	width: 100%;
	margin-bottom: 0.2em;
	overflow: hidden;
}
p#iViewGoogle {
	margin-left: 15px;
}
p#iViewBox {
	padding: 0;
	margin-right: 2px;
	margin-left: 2px;
	margin-bottom: 0.2em;
}
p#iViewBox img {
	margin:0 auto;
	max-width: 100%;
	border: 1px #999 solid;	
}
div#kannrennBox {
	padding: 7px 0 1px 6px;
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 0.2em;
	text-align: center;
}

div.aquaBox {
	padding: 0;
	font-size: 0.96em;
	color: #666;
}
div.aquaBox p {
	border: 2px solid #e0e0ff;
	padding: 20px 0 5px 11px;
	margin: 8px 3px 8px 0px;
	background-position: -1px 0px;
	background-repeat: no-repeat;
	background-color: #f1f9ff;
	background-color: #fff;
}
div.aquaBox p#regtag {
	background-image: url("img/style/logo_regtag.gif");
}
div.aquaBox p#comment {
	background-image: url("img/style/logo_comment.gif");
}
div.aquaBox p#vote {
	background-image: url("img/style/logo_vote.gif");
	background-color: #fcfeff;
	padding-bottom: 8px;
}
div.aquaBox p#regtag a, h3 a {
	color: #26c;
}
div.aquaBox p#regtag a:hover, h3 a:hover {
	text-decoration: underline;
}
.marginTop {
	margin-top: 10px;
}
#googleRight {
	margin-bottom: 10px;
}
#imgPost p {
	margin: 15px 10px;
	font-weight: bold;
}
#contents p {
	line-height: 1.1;
}
#seqNumberList {
	text-align: center;
	margin-left: 2px;
}
#seqNumberList td {
	border: 1px solid #249;
	font-weight: bold;
	min-width: 25px;
}
#seqNumberList a {
	padding: 5px;
	display: block;
	font-weight: normal;
	color: #4444ff;
}
#seqNowNumberText {
	padding: 5px;
}
#seqNumberList a:hover {
	background: #ccddff;
}
#adminTable {
	border:1px solid #00a0ff;
}
#adminTable td {
	border:1px solid #00a0ff;
}
a.voteGood, a.voteBad {
	padding-left: 20px;
	font-size: 1.45em;
	font-weight: bold;
	margin: 0 2px 0 10px;
}
a.voteGood {
	background:url("img/style/ico_goodjob3_1.gif") no-repeat 0 3px;
}
a.voteBad {
	background:url("img/style/ico_badjob3_1.gif") no-repeat 0 3px;
}
a.voteGood:hover {
	background:url("img/style/ico_goodjob3_1.gif") no-repeat 0 3px;
}
a.voteBad:hover {
	background:url("img/style/ico_badjob3_1.gif") no-repeat 0 3px;
}
a.voteGood img, a.voteBad img {
	margin-right: 5px;
}
#voteResult {
	color: #666;
}
.voteError {
	color: #b00;
}
.voteSuccess {
	color: #00b;
}
p#sequGoogle {
	padding: 8px 4px;
}
.exText {
	font-size: 10px;
	color: #666;
}
input[type="text"], select, textarea {
	border:1px solid #aaa;
	background-color:#fafafa;
}
.errorText {
	color: #b00;
	font-weight: bold;
}
.successText {
	color: #02a;
	font-weight: bold;
}
.descriptionText {
	color: #999;
}
.commentBody {
	border: 1px solid #DDF;
	line-height: 1.2;
	margin-bottom: 5px;
	padding: 5px;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* テーブルデザイン class:list */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
table.list {
	border: 1px #bdbdbd solid;
	border-collapse: collapse;
	border-spacing: 0;
	margin-top: 4px;
	margin-bottom: 8px;
	font-size: 15px;
	background-color: #ffffff;
}
table.list th {
	padding: 5px;
	border: #bdbdbd solid;
	border-width: 0 0 1px 1px;
	background: #EEE;
	font-weight: bold;
	line-height: 1.1;
	text-align: center;
	font-size: 14px;
}
table.list td {
	padding: 3px 5px;
	border: 1px #bdbdbd solid;
	border-width: 0 0 1px 1px;
	font-size: 12px;
}
table list td {
	background-color: #ffffff;
}
table.list tr.disabled {
	background-color: #d0d0d0;
}
table.list tr.active {
	background-color: #ffe6e2;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* テーブルデザイン class:form */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

table.form {
	width: 100%;
	border: 1px #ccc solid;
	border-spacing: 5px;
	color: #333;
	padding: 5px;
	background-color: #ffffff;
}
table.form th {
	background: #8ba3ad;
	font-size: 14px;
	color: #fff;
	text-indent: 8px;
	line-height: 24px;
}
table.form td {
	font-size: 12px;
	line-height: 24px;
	text-indent: 5px;
}