@charset "Shift_JIS";
/*
css for apeskin dc17
-------------------------------------------------------------------------------------*/
/* index

	1.global
	2.layout
	3.header
	4.navigation
	5.form
	6.body
	7.footer
	
-------------------------------------------------------------------------------------*/

/* global
-------------------------------------------------------------------------------------*/
* {
	margin:0;
	padding:0;
}
body {
	font-weight:normal;
	font-family:"Lucida Grande", Verdana, "MS PGothic", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka, sans-serif;
	font-style:normal;
	font-size:15px;
	color:#b6b49d;
	background:#323728 url("../images/bg_global.gif") top left repeat-x;
}
br{
	letter-spacing:0;
}
h4 {
	font-weight:normal;
}
p {
	line-height:1.5em;
	padding-bottom:10px;
}
blockquote {
	padding-left:15px;
	border-left:solid 5px #566427;
	color:#566427;
}
img {
	border:0;
	vertical-align:bottom;
}
a {
	color:#f0795c;
	text-decoration:none;
	outline:none;
}
a:hover {
	color:#cfeb63;
}
em {
	color:#566427;
}
strong {
	font-weight:bold;
	color:#566427;
}
pre {
	line-height:21px;
}
code {
	margin:10px 0;
	width:355px;
	overflow:auto;
	display:block;
	line-height:21px;
	font-family:monospace;
	background:#cbc8af url("../images/bg_code.gif") top left;
	border:1px solid #a8a58c;
	padding:0 10px;
	color:#373f21;
}
ul li {
	list-style-type:none;
}
ol li {
	margin:0 20px;
	padding:0 3px;
}
table {
	border:0;
}
table.styleTable {
	margin:10px 0;
	border:1px solid #282d1e;
	border-collapse:collapse;
}
table.styleTable tr th,
table.styleTable tr td {
	padding:3px;
	border:1px solid #282d1e;
}
table.styleTable tr th {
	background-color:#cbc8af;
}
div {
	text-align:left;
}
/*
hr {
	clear:both;
	height:1px;
	visibility:hidden;
}
*/
address {
	display:inline;
	font-style:normal;
}
.hide {
	display:none;
}
.clear {
	font-size:1px;
	line-height:1px;
	clear:both;
}

/* layout
-------------------------------------------------------------------------------------*/
div#mainContainer {
	width:630px;
	padding:0 0 0 30px;
	background:url("../images/bg_wrap.gif") 30px 0px repeat-y;
}
div#headContainer {
	width:415px;
	padding:0 5px;
}
div.formBox {
	padding:0 20px;
}
div#bodyContainer {
	padding:20px;
}
div#footContainer {
	padding:25px;
	width:375px;
}
/* header
-------------------------------------------------------------------------------------*/
div#header {
	width:395px;
	height:53px;
	padding:65px 0 0 20px;
	background:url("../images/bg_title.png") left top no-repeat;
}
div#header h1 {
	text-indent:-9999px;
	height:1px;
	display:block;
}
div#header h1 a {
	position:absolute;
	top:28px;
	left:55px;
	width:60px;
	height:30px;
	display:block;
}
div#header h2 {
	font-size:75%;
	font-weight:normal;
	color:#414931;
}
div.sctTitle {
	padding:20px;
}

/* navigation
-------------------------------------------------------------------------------------*/
ul#nav {
	margin-top:15px;
}
ul#nav li {
	display:inline;
	margin-right:10px;
	font-size:87.5%;
	font-family:"Lucida Grande", Verdana, sans-serif;
}
ul#nav li a,
ul#nav li a:hover {
	height:12px;
	line-height:12px;
	padding:3px 5px;
	border:none;
}
ul#nav li a,
ul#nav li a:link,
ul#nav li a:visited {
	color:#282d1e;
}
ul#nav li a:hover,
ul#nav li a:active,
ul#nav li a:focus {
	color:#cfeb63;
	background-color:#323728;
}
div#pageNavi {
	padding:3px 5px;
	text-align:right;
	font-size:68.75%;
	color:#b6b49d;
	margin-bottom:20px;
	background-color:#282d1e;
}
div#mode {
	font-size:68.75%;
	color:#809163;
}
div.pageUp {
	width:375px;
	text-align:right;
	margin-bottom:30px;
}
div.pageUp span {
	padding:0 0 10px 15px;
	text-align:right;
	line-height:20px;
	background:url("../images/bg_a_pageup.gif") 0 5px no-repeat;
}
div.pageUp span a {
	font-size:10px;
	color:#935a43;
	border-bottom:1px dotted #935a43;
}
div.pageUp span a:hover {
	border-bottom:1px dotted #dad7bd;
}
/* ------ content : front ----- */
ul#nav li#board {

	height:12px;
	line-height:12px;
	padding:3px 5px;
	color:#cfeb63;
	background-color:#323728;
}

/* form
-------------------------------------------------------------------------------------*/
div.formItem {
	margin-bottom:10px;
}
div.formItem input.form1,
div.formItem input.form2,
div.formItem textarea.form1 {
	padding:3px;
	border:0;
	color:#282d1e;
	font-size:81.25%;
}
div.formItem input.form1,
div.formItem textarea.form1 {
	width:270px;
}
div.formItem input.form2 {
	width:70px;
}
div.formItem label {
	padding-left:5px;
	font-size:68.75%;
	color:#373f21;
}

/* body
-------------------------------------------------------------------------------------*/
div.piBoxBody {
	margin-top:30px;
}
div.pibbhTxtBox {
	padding-left:18px;
	color:#545e40;
	font-size:81.25%;
	font-weight:bold;
	width:357px;
	height:34px;
	display:block;
	background:url("../images/bg_ico_listtitle.gif") 0 0 no-repeat;
}
div.pibbhTxtBox span.piId {
	color:#a8a58c;
}
div.pibbhImgBox,
div.ribbhImgBox {
	float:left;
	width:48px;
}
div.pibbhImgBox {
	padding-top:2px;
}
div.pibbhImgBox img,
div.ribbhImgBox img {
	margin-bottom:5px;
}
p.pibbBody {
	float:right;
	margin-bottom:10px;
	width:302px;
	color:#535942;
	font-size:81.25%;
	line-height:1.5em;
}
p.pibbBottom {
	clear:both;
	margin-bottom:10px;
	text-align:right;
	font-size:68.75%;
	color:#6f745c;
}
p.pibbBottom span.pageUp {
	padding:0 0 10px 15px;
	line-height:20px;
	background:url("../images/bg_a_pageup.gif") 0 0 no-repeat;
}
p.pibbBottom span.pageUp a {
	color:#935a43;
	border-bottom:1px dotted #935a43;
}
p.pibbBottom span.pageUp a:hover {
	border-bottom:1px dotted #dad7bd;
}
div.ribbhTxtBox {
	padding-left:106px;
	color:#545e40;
	font-size:81.25%;
	font-weight:bold;
	width:357px;
	height:34px;
	display:block;
	background:url("../images/bg_bbs_rtop.gif") 0 0 no-repeat;
}
p.ribbBody {
	background-color:#e3e1ce;
	float:right;
	margin-top:-11px;
	padding:10px;
	width:282px;
	color:#7d8268;
	font-size:81.25%;
	line-height:1.5em;
}
p.ribbBottom {
	background:#e3e1ce url("../images/bg_bbs_rbottom.gif") left bottom no-repeat;
	width:292px;
	float:right;
	padding:10px 10px 10px 0;
	margin-bottom:10px;
	text-align:right;
	font-size:68.75%;
	color:#6f745c;
}

hr.piHr {
	visibility:hidden;
}
hr.riHr {
	clear:both;
	visibility:hidden;
}

/* footer
-------------------------------------------------------------------------------------*/
/*div#footer {
	padding-left:45px;
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	height:25px;
	background-color:#2b3021;
	border-top:1px solid #282d1e;
}*/
div#footContainer div.formItem,
div#footContainer div.naviBox {
	text-align:right;
}
div#footContainer div.formItem input {
	vertical-align:middle;
	margin-left:5px;
}
div#footContainer div.naviBox {
	padding:3px 5px;
	text-align:right;
	font-size:68.75%;
	color:#b6b49d;
	margin:30px 0 20px 0;
	background-color:#282d1e;
}
div#footer {
	padding:5px 0 10px 0;
	width:100%;
	background-color:#282d1e;
	text-align:center;
}
div#footer ul li {
	margin-left:10px;
	display:inline;
	font-size:75%;
	color:#809163;
}