@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: 14px;
	height: 100%;
}
h1 {
	padding: 8px 0 0 5px;
	font-size: 20pt;
}
h2 {
	color: #444;
	border-left: 5px solid #37c;
	border-bottom: 1px solid #37c;
	padding: 3px 0 3px 3px;
	margin-left: -10px;
	margin-bottom: 10px;
}
h3 {
	color: #444;
	border-left: 3px solid #37c;
	border-bottom: 1px solid #37c;
	padding: 3px 0 3px 4px;
	margin-top: 12px;
	margin-left: -10px;
	margin-bottom: 10px;
}
h4 {
	background-color: #38a3ed;
	color: White;
}
li {
	background:url("img/style/t_b014lis.gif") no-repeat 0 3px;
	padding-left: 13px;
	padding-right: 2px;
	text-align: left;
	line-height: 1.4;
}
ul {
	list-style: none;
}
li a:hover {
	background: #ccddff;
}
.menuItemBox li a {
	display: block;
	padding-left: 2px;
	height: 20px;
}
a:link {
	color: #3333ee;
	TEXT-DECORATION: none;
}
a:visited {
	TEXT-DECORATION: none;
}
a:active {
	TEXT-DECORATION: none;
}
a:hover {
	background-color: #cdf;
}
#body { 
	border: 1px solid #ccc;
	margin: 0 auto;
	width: 80%;
	min-height: 100px;
	background-color: #fff;
	color: #444;
	overflow: hidden;
	margin-bottom: 15px;
	height: auto;
}
#header {
	line-height: 0.85;
	background-color: #2D78BF;
	padding: 3px 0;
	background-image: url("img/style/title09_04.jpg");
}
#header a {
	background-color: transparent;
	color: #fafafa;
	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;
	margin-left: 3px; 
	width: 165px;
	padding: 3px 2px 0 0;
}
#contents {
	margin-left: 5px;
	margin-right: 170px;
	padding: 5px 0 0 9px;
	text-align: left;
}
#footer {
	background-color: #27c;
	height : 18px;
	color: #fff;
	clear: both;
	text-align: center;
	font-size: 10pt;
	padding: 3px 0 0 0;
	padding-bottom: 32768px;
	margin-bottom: -32768px;
}
#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: #27c;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	vertical-align: middle;
	text-align: center;
	height: 18px;
	border: 1px solid #fff;
	padding-top: 3px;
}
.menuItemBox {
	margin-bottom: 6px;
	padding-left: 1px;
}
.menuItem {
	background-color: #fff;
	color: #000;
	font-size: 14px;
	text-align: left;
}
.menuItem a {
	display: block;
	text-decoration: none;
	height: 1.3em;
	padding: 2px 0;
}
.menuItem a:hover {
        background: #ccddff;
}
.menuItem img {
	height: 13px;
	margin-bottom: -1px;
	border: none;
}
.gazouBox {
	border-left: 3px solid #38a3ee;
	border-bottom: 1px solid #5588ee;
	float: left;
	width: 115px;
	margin: 0 6px 15px 1px;
	font-size: 10pt;
	text-align: center;
}

.gazouBox-title {
	font-size: 10pt;
	width: 100%;
}
.gazouBox-gazou {
	text-align: center;
	width: 100%;
}
.gazouBox a {
	display: block;
	padding: 3px;
	text-decoration: none;
	background-color: #e8f4ff;
	height: 109px;
}
.gazouBox a:visited {
	background-color: #fef0fe;
}
.gazouBox a:hover {
        background: #ccddff;
}
.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: 0px 0px 0px;
}
div.aquaBox p {
	border: 1px solid #eee;
	font-size: 15px;
	padding: 21px 0 5px 10px;
	margin: 8px 3px 8px 0px; /* 12px */
	background-position: -3px -2px;
	background-repeat: no-repeat;
	background-color: #f1f9ff;
}
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: #f9f1ff;
	background-color: #f1f9ff;
	padding-bottom: 8px;
}
div.aquaBox p#regtag a, h3 a {
	color: #44f;
}
div.aquaBox p#regtag a:hover, h3 a:hover {
	background-color: #ccddff;
}
.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;
	TEXT-DECORATION: none;
	font-size: 20px;
	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;
	background-color: #cdf;
}
a.voteBad:hover {
	background:url("img/style/ico_badjob3_1.gif") no-repeat 0 3px;
	background-color: #cdf;
}
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 {
	border:1px solid #aaa;
	background-color: #f7f7f7;
}
input[type="text"], select {
	border:1px solid #aaa;
	background-color: #f7f7f7;
}
.errorText {
	color: #b00;
	font-weight: bold;
}
.successText {
	color: #02a;
	font-weight: bold;
}
.commentBody {
	border: 1px solid #DDF;
	line-height: 1.2;
	margin-bottom: 5px;
	padding: 5px;
}