@charset "Shift_JIS";

/* ------ common styleここから ------ */

.space1{	margin-top: 10px;}
.space2{	margin-bottom: 10px;}
.space3{	margin: 10px 0px 10px 0px;}
.space4{	margin: 3px;}
.space5{	margin: 30px;}
.space6{	margin-left: 10px;}

/* ---- body ---- */
body {
	width: 100%;
	text-align: center;
	background-image: URL(img/bg.jpg);
	background-attachment:fixed;
	overflow: visible;
	}

/* -- head -- */
#head {
	margin: 0 auto;
	width: 100%;
	height: 110px;
	background-image: URL(img/head_bg.jpg);
	text-align: center;
}
#head .head_logo{ 
	float:left;
	width: 500px;
	height: 110px;
}
#head .head_qr{ 
	float:right;
	width: 74px;
	height: 74px;
	margin: 10px 14px 0px 0px;
}
/* -- topicPath -- */
#topicPath{
	margin: 0 auto;
	padding:26px 40px 0px 140px;
	width: 720px;
	height: 40px;
	background-color: #FFFFFF;
	border-left:1px solid #660000;
	border-right:1px solid #660000;
	background-image: URL(img/topicPath.jpg);
	background-repeat: no-repeat;
}

#topicPath h1 {
	font-weight: bold;
	color: #330000;
}

/* ---- wrapper ---- */
#wrapper {
	margin: 0 auto;
	padding:0px 19px;
	width: 862px;
	background-color: #FFFFFF;
	border-left:1px solid #660000;
	border-right:1px solid #660000;
	}
	* html #wrapper{
		width: 860px;
	padding:0px 18px;
}

#clear{
	clear:both;
}

/* -- navi -- */
#navi{
	width: 190px;
	float:left;
}
#navi .navi_menu{
	width: 190px;
	height: 380px;
	border:1px solid #660000;
	margin-bottom: 10px;
}
#navi .navi_menu ul{	margin: 3px;}
#navi .navi_menu li{
	width: 184px;
	height: 40px;
	margin-top: 3px;
}
#navi .navi_link{
	width: 190px;
	border:1px solid #660000;
	background-color: #DAD2C7;
	margin-bottom: 10px;
}
#navi .navi_link ul{	margin: 3px;}
#navi .navi_link li{
	width: 182px;
	height: 33px;
	margin-top: 3px;
	background-image: URL(img/navi_linkbg.jpg);
	background-repeat: no-repeat;
	text-align:left;
}
.navi_link_text{
	padding: 7px 3px 0px 24px;
	font-weight:bold;
	color:#352914;
}
#navi .navi_linkbana{
	width: 190px;
	margin-bottom: 10px;
}
#navi .navi_linkbana li{
	width: 190px;
	height: 60px;
	margin-top: 10px;
}
						/* -- content -- */
						/*
						#content{
							float:left;
							margin-left: 8px;
							width: 660px;
						}
						*/

/* -- main -- */
#main{
	margin:0px 10px;
	width: 460px;
	color:#660000;
	float:left;
}
.main_content{
	width: 458px;
	border:1px solid #660000;
	padding: 4px 0px 8px 0px;
	margin-bottom: 10px;
	float:left;
}

/* -- sub -- */
						/*
						#sub .sub1{
							width: 190px;
							height: 900px;
							border:1px solid #660000;
							background-color: #CCBEA6;
							margin-bottom: 10px;
						}
						*/
#sub{
	width: 190px;
	border:1px solid #660000;
	background-color: #CCBEA6;
	float:left;
}
#sub .sub1_form{
	width: 190px;
	height: 366px;
	background-image: URL(img/sub1.gif);
	background-repeat: no-repeat;
	text-align:center;
}
#sub .sub1_form ul{
	padding-top: 286px;
}
#sub .sub1_form li{
	padding-top: 3px;
}
#sub .sub1_mail{
padding-left:13px;
	width: 177px;
	height: 104px;
	background-image: URL(img/sub2.gif);
	background-repeat: no-repeat;
	text-align:left;
}
#sub .sub1_mail p{
	width: 170px;
	font-size:9pt;
	padding-top: 24px;
	line-height: 110%;
}
#sub .sub1_mail a{
	font-size:10pt;
	font-weight:bold;
	padding-left:8px;
}
#sub .sub1_qr{
	width: 190px;
	height: 374px;
	background-image: URL(img/sub3.jpg);
	background-repeat: no-repeat;
	text-align:center;
}
#sub .sub1_qr p{
	font-size:9pt;
	padding-top: 240px;
}

/* -- footer -- */
#footer{
	width: 100%;
	height: 66px;
	background-image: URL(img/footer.jpg);
	text-align:center;
	color: #FFFFFF;
	font-weight:bold;
}
#footer ul {
	list-style: none;
	padding-top: 3px;
}
#footer li {
	padding: 0px 8px 0px 8px;
	display: inline;
}
#footer a {	color: #FFFFFF;}
#footer h3{
	font-size: 10pt;
	color: #3F2601;
	padding-top: 16px;
	text-align: center;
	font-weight:bold;
}
#footer h3 a {	color: #3F2601;}



/* ---- form ---- */
.registerform{
	float: left;
	width: 460px;
	height: 138px;
	background-repeat: no-repeat;
	margin: 4px 0px 10px 0px;
}
.registerform ul{
	padding: 106px 0px 0px 76px;
	list-style: none;
}
.registerform li{
	float: left;
	padding: 0px 2px 0px 2px;
	display: inline-block;
}

/* ---- 登録フォームエラーメッセージ ---- */
div#sys_msg{
	background-color: #ffff00;
	color: #ff0000;
	font-size: 10pt;
	font-weight: bold;
}


/* ---- common styleここまで ---- */