@charset "utf-8";

/* common
---------------------------------------------------- */
* {
	margin: 0px;
	padding: 0px;
}
body {
	font-size:small;
	line-height:1.4;
	color:#d4d2d0;
	font-family: Arial, Helvetica, Verdana, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	background:url(../images/common/bg-top.jpg) repeat-x #1b1611;
	text-align:center;
}
img{border:none; vertical-align:bottom;}
a{outline:none;}
p{margin-bottom:0.6em;}
hr{clear:both; visibility:hidden; border:none; height:1px;}
.clear{clear:both;}
.red{color:#FF3300;}
.clearfix:after {  
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;  
	line-height: 0;  
	clear: both;  
}


/* Layout
---------------------------------------------------- */
#wrapper{
	background:url(../images/common/bg-content.gif) repeat-y;
	width:840px;
	margin:0 auto;
	text-align:left;
}
#navi{
	width:180px;
	float:left;
	background:url(../images/common/bg-navi.jpg) no-repeat;
}
#content{
	width:585px;
	float:right;
	background:url(../images/common/bg-content-top.jpg) no-repeat;
	padding:10px 45px 0 30px;
}

#footer-bg{
	width:100%;
	background:url(../images/common/bg-bottom.jpg) repeat-x bottom;
	height:236px;
	clear:both;
	margin:0 auto;
}
#footer{
	width:840px;
	height:236px;
	background:url(../images/common/bg-footer.jpg) no-repeat;
	margin:0 auto;
}
#footer p{
	text-align:center;
	padding-left:150px;
	font-size:10px;
}
#pagetop{
	text-indent:-9999px;
}
#pagetop a{
	background:url(../images/common/pagetop.gif) no-repeat 0 -31px;
	width:35px;
	height:31px;
	display:block;
	margin-left:805px;
}
#pagetop a:hover{
	background:url(../images/common/pagetop.gif) no-repeat;
	width:35px;
	height:31px;
	display:block;
	margin-left:805px;
}


/* navigation
---------------------------------------------------- */
#navi ul li{
	list-style:none;
}
#navi ul li a{
	text-indent:-9999px;
	display:block;
	width:180px;
	height:50px;
}
#navi1 a{background:url(../images/common/navi1.jpg) no-repeat;}
#navi2 a{background:url(../images/common/navi2.jpg) no-repeat;}
#navi3 a{background:url(../images/common/navi3.jpg) no-repeat;}
#navi4 a{background:url(../images/common/navi4.jpg) no-repeat;}
#navi5 a{background:url(../images/common/navi5.jpg) no-repeat;}
#navi6 a{background:url(../images/common/navi6.jpg) no-repeat;}
#navi7 a{background:url(../images/common/navi7.jpg) no-repeat;}
#navi8 a{background:url(../images/common/navi8.jpg) no-repeat;}
#navi9 a{background:url(../images/common/navi9.jpg) no-repeat;}

#navi1 a:hover{background:url(../images/common/navi1.jpg) no-repeat 0 -50px;}
#navi2 a:hover{background:url(../images/common/navi2.jpg) no-repeat 0 -50px;}
#navi3 a:hover{background:url(../images/common/navi3.jpg) no-repeat 0 -50px;}
#navi4 a:hover{background:url(../images/common/navi4.jpg) no-repeat 0 -50px;}
#navi5 a:hover{background:url(../images/common/navi5.jpg) no-repeat 0 -50px;}
#navi6 a:hover{background:url(../images/common/navi6.jpg) no-repeat 0 -50px;}
#navi7 a:hover{background:url(../images/common/navi7.jpg) no-repeat 0 -50px;}
#navi8 a:hover{background:url(../images/common/navi8.jpg) no-repeat 0 -50px;}
#navi9 a:hover{background:url(../images/common/navi9.jpg) no-repeat 0 -50px;}

#navi1-on a{background:url(../images/common/navi1.jpg) no-repeat 0 -50px;}
#navi2-on a{background:url(../images/common/navi2.jpg) no-repeat 0 -50px;}
#navi3-on a{background:url(../images/common/navi3.jpg) no-repeat 0 -50px;}
#navi4-on a{background:url(../images/common/navi4.jpg) no-repeat 0 -50px;}
#navi5-on a{background:url(../images/common/navi5.jpg) no-repeat 0 -50px;}
#navi6-on a{background:url(../images/common/navi6.jpg) no-repeat 0 -50px;}
#navi7-on a{background:url(../images/common/navi7.jpg) no-repeat 0 -50px;}
#navi8-on a{background:url(../images/common/navi8.jpg) no-repeat 0 -50px;}
#navi9-on a{background:url(../images/common/navi9.jpg) no-repeat 0 -50px;}


/* padding margin
---------------------------------------------------- */
.mt20{margin-top:20px;}
.mt40{margin-top:40px;}
.mb20{margin-bottom:20px;}


/* errer information
---------------------------------------------------- */
.info, .success, .error, .del, .none{
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
	font-weight:bold;
}
.info{
    color: #00529B;
    background:url(../images/common/i-info.jpg) no-repeat #BDE5F8  10px center;
	border:1px solid #00529b;
}
.success{
    color: #4F8A10;
    background:url(../images/common/i-success.jpg) no-repeat #DFF2BF 10px center;
	border:1px solid #4f8a10;
}
.error{
    color: #9F6000;
    background:url(../images/common/i-error.jpg) no-repeat #FEEFB3 10px center;
	border:1px solid #9f6000;
}
.del{
    color: #D8000C;
    background:url(../images/common/i-del.jpg) no-repeat #FFBABA 10px center;
	border:1px solid #d8000c;
}
.none{
    color:#484848;
    background:url(../images/common/i-none.jpg) no-repeat #dcdcdc 10px center;
	border:1px solid #6c6c6c;
}


/* Form textfield textarea
---------------------------------------------------- */
.textfield-1,
.textfield-2,
.textfield-3,
.textfield-4,
.textfield-5{
	padding:4px 3px;
	border:1px solid #999;
}
.textfield-1{width:50px;}
.textfield-2{width:100px;}
.textfield-3{width:200px;}
.textfield-4{width:350px;}
.textfield-5{width:595px;}

.textarea-1,
.textarea-2,
.textarea-3{
	padding:4px 3px;
	margin-bottom:20px;
	border:1px solid #999;
}
.textarea-1{width:595px; height:100px;}
.textarea-2{width:595px; height:200px;}
.textarea-3{width:595px; height:350px;}
.textarea-4{width:425px; height:150px;}
.textarea-5{width:395px; height:200px;}


.submit-button{
	text-align:center;
	padding:20px 0 0 0;
}
.submit-button2{
	padding:20px 0 0 0;
}
.submit-button input,
.submit-button2 input{
	background:#372f26;
	border:#2b231b 1px solid;
	padding:5px 5px;
	color:#b2aaa1;
	text-align:center;
	cursor:pointer;
}
.submit-button input:hover,
.submit-button2 input:hover{
	background:#483f36;
	border:#2b231b 1px solid;
	padding:5px 5px;
	color:#b2aaa1;
	text-align:center;
	cursor:pointer;
}

.file{
	padding:4px 3px;
	width:300px;
}

/* link
---------------------------------------------------- */
a {outline:none;}

a:link {
  color:#3c82aa;
}
a:visited {
  color:#d4d2d0;
}
a:hover, a:active {
  color:#5ec2df;
}



/* pagination
---------------------------------------------------- */
.pagination{
	text-align:center;
	padding:20px 0;
	list-style:none;
	clear:both;
}
.pagination li{
	display:inline;
}
.pagination a{
	border:1px solid #372c21;
	background:#463e36;
	padding:5px 10px;
	margin:0 5px;
	text-decoration:none;
	color:#c1beba;
}
.pagination a:visited{
	border:1px solid #372c21;
	background:#4e4740;
	padding:5px 10px;
	margin:0 5px;
	text-decoration:none;
	color:#c1beba;
}
.pagination a:hover{
	border:1px solid #372c21;
	background:#3f352c;
	padding:5px 10px;
	margin:0 5px;
	text-decoration:none;
	color:#c1beba;
}

.pagination .nolink{
	border:1px solid #372c21;
	background:#3f352c;
	padding:5px 10px;
	margin:0 5px;
	text-decoration:none;
	color:#c1beba;
}


/* TOP
---------------------------------------------------- */
.info-table{
	width:100%;
	border-collapse:collapse;
}
.info-table td,
.info-table th{
	padding:5px 15px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.info-table th{
	background:#ececec;
	text-align:center;
}