/* 
 Base
-------------------------------------- */
body,td,th {
	font-size: 12px;
	color: #393323;
	line-height: 140%;
	}
body {
	margin: 0px;
	padding: 0px;
	background-color: #FBF9F3;
	height: 100%;
	width: 100%;
	}
	body.top {
	margin: 0px;
	padding: 0px;
	background-color: #000000;
	height: 100%;
	width: 100%;
	}
a:link, a:visited{
	color: #CC6633;
	text-decoration: none;
	}
a:hover, a:active{
	color: #FFCC33;
	}
h1 {
	font-size: 12px;
	font-weight: normal;
	padding: 3px;
	margin: 0px;
	float: right;
	color: #FBF9F3;
	}
p {
	margin: 0px;
	padding: 0px;
	}


/* 
 layout 
-------------------------------------- */
#contener {
	margin: 0px auto;
	padding: 0px;
	width: 100%;
	height: 100%;
	background: url(../img/header_bar.jpg) repeat-x;
	}
#topcontener {
	margin: 0;
	padding: 0px;
	width: 100%;
	height: auto;
	display: block;
	background: #FFFFFF url(../img/header_bar02.jpg) repeat-x left top;
	}
#topheader {
	margin: 0px auto;
	padding: 0px 15px;
	width: 900px;
	height: 50px;
	}
#header {
	margin: 0px auto;
	padding: 0px 15px;
	width: 900px;
	height: 50px;
	background: url(../img/header_shadow.jpg) no-repeat center bottom;
	}
#logo {
	margin: 0px;
	padding: 0px;
	width: 220px;
	height: 35px;
	background: url(../img/logo.gif) no-repeat;
	float: left;
	}
	#logo a {
	width: 220px;
	height: 35px;
	text-indent: -9999px;
	display: block;
	}
#topmain {
	margin: 0px auto;
	padding: 10px;
	width: auto;
	height: auto;
	text-align: center;
	}
#main {
	margin: 0px auto;
	padding: 0px 25px 5px;
	width: 880px;
	background: url(../img/back.jpg) repeat-y;
	}
#leftmain {
	margin: 0px 0px 20px;
	padding: 0px;
	width: 690px;
	height: auto;
	float: left;
	display: inline;
	}
#footer {
	margin: 0px;
	padding: 3px;
	width: auto;
	height: 37px;
	background: url(../img/dot.gif);
	}
	#footer ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}
	#footer li {
	margin: 0px 2px;
	padding: 0px;
	float: left;
	}
.left {float: left;}
.right {float: right;}
.alignleft {text-align:left;}
.alignright {text-align: right;}
.clear {clear: both;}

#title {
	margin: 0px auto 10px;
	padding: 0px;
	height: 50px;
	width: 690px;
}
#newwin {
	margin: 0px auto;
	padding: 0px 5px;
	width: 540px;
	height: auto;
	}

/* 
 navigation 
-------------------------------------- */
#topnavi {
	margin: 0px auto;
	padding: 0px;
	height: 40px;
	width: 880px;
	}
	#topnavi ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}
	#topnavi li {
	float: left;
	padding: 0px;
	width: 140px;
	height: 25px;
	margin: 0px 6px 0px 0px;
	display: inline;
	text-indent: -9999px;
	}
	#topnavi a {
	height: 25px;
	width: 140px;
	display: block;
	text-indent: -9999px;
	}
#navi {
	margin: 0px auto;
	padding: 0px;
	height: 35px;
	width: 690px;
	}
	#navi ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}
	#navi li {
	float: left;
	padding: 0px;
	width: 110px;
	height: 25px;
	margin: 0px 2px 0px 0px;
	text-indent: -9999px;
	}
	#navi a {
	height: 25px;
	width: 110px;
	display: block;
	text-indent: -9999px;
	}

#navi01 a {background: url(../img/navi01.gif);}
#navi01,#navi01 a:hover {background: url(../img/navi01_over.gif);}
#navi002 a {background: url(../img/navi002.gif);}
#navi002,#navi002 a:hover {background: url(../img/navi002_over.gif);}
#navi05 a {background: url(../img/navi05.gif);}
#navi05,#navi05 a:hover {background: url(../img/navi05_over.gif);}
#navi06 a {background: url(../img/navi06.gif);}
#navi06,#navi06 a:hover {background: url(../img/navi06_over.gif);}
#navi07 a {background: url(../img/navi07.gif);}
#navi07,#navi07 a:hover {background: url(../img/navi07_over.gif);}
#navi08 a {background: url(../img/navi08.gif);}
#navi08,#navi08 a:hover {background: url(../img/navi08_over.gif);}

#navi03 {
	background: url(../img/navi03.gif) no-repeat;
	height: 25px;
	text-indent: -9999px;
}
#navi03b {
	background: url(../img/navi03_over.gif) no-repeat;
	height: 25px;
	text-indent: -9999px;
}
#navi004 {background: url(../img/navi004.jpg) no-repeat;height: 25px;}
#navi04 {background: url(../img/navi40.jpg) no-repeat;height: 25px;}
#navi04b {background: url(../img/navi04_over.gif) no-repeat;height: 25px;}

#menu {
	margin: 3px auto 5px;
	padding: 0px;
	height: 110px;
	width: 880px;
	background: url(../img/menu1.jpg) no-repeat left top;
	}
	#menu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	width: 570px;
	float: left;
	display: inline;
	}
	#menu li {
	float: left;
	padding: 0px;
	width: 180px;
	height: 50px;
	margin: 0px 10px 10px 0px;
	text-indent: -9999px;
	display: inline;
	}
	#menu a {
	height: 50px;
	width: 180px;
	display: block;
	text-indent: -9999px;
	}

#menu07,#menu07 a {
	background: url(../img/banner007.jpg) 0px 0px;
	margin: 0px;
	padding: 0px;
	float: right;
	height: 110px;
	width: 116px;
	display: inline;
	text-indent: -9999px;
	}

#menu08,#menu08 a {
	background: url(../img/banner008.jpg) 0px 0px;
	margin: 0px;
	padding: 0px;
	float: right;
	height: 110px;
	width: 193px;
	display: inline;
	text-indent: -9999px;
	}

#tatemenu {
	margin: 0px 0px 10px;
	padding: 0px;
	height: 500px;
	width: 180px;
	float: right;
	display: inline;
	}
	#tatemenu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}
	#tatemenu li {
	float: left;
	padding: 0px;
	width: 180px;
	margin: 0px 0px 10px 0px;
	display: list-item;
	text-indent: -9999px;
	}
	#tatemenu a {
	width: 180px;
	display: block;
	text-indent: -9999px;
	}

#menu01,#menu01 a {background: url(../img/menu1.jpg) 0px 0px; height: 50px;}
#menu02,#menu02 a {background: url(../img/menu1.jpg) -190px 0px; height: 50px;}
#menu03,#menu03 a {background: url(../img/menu1.jpg) -380px 0px; height: 50px;}
#menu04,#menu04 a {background: url(../img/menu1.jpg) 0px -60px; height: 50px;}
#menu05,#menu05 a {background: url(../img/menu1.jpg) -190px -60px; height: 50px;}
#menu06,#menu06 a {background: url(../img/menu1.jpg) -380px -60px; height: 50px;}
#menu07s,#menu07s a {
	background: url(../img/banner007s.jpg) no-repeat;
	height: 70px;
	display: block;
	width: 180px;
}

#menu08s,#menu08s a {
	background: url(../img/banner07s.gif) no-repeat;
	height: 70px;
	display: block;
	width: 180px;
}

#tohome {
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 60px;
	float: right;
	display: inline;
	background: url(../img/home.gif) no-repeat;
	}
	#tohome a {
	width: 60px;
	height: 20px;
	text-indent: -9999px;
	display: block;
	}
	#tohome a:hover {
	background: url(../img/home_over.gif) no-repeat;
	}
#btn_diary {
	background: url(../img/btn_diary.jpg);
	margin: 6px 12px;
	padding: 0px;
	float: right;
	height: 23px;
	width: 110px;
	}
	#btn_diary a {
	height: 23px;
	width: 110px;
	text-indent: -9999px;
	display: block;
	}
	#btn_diary a:hover {
	background: url(../img/btn_diaryover.jpg);
	}
#sitenavi {
	margin: 3px 5px 0px;
	padding: 0px;
	float: right;
	height: 12px;
	width: auto;
	font-size: 11px;
	line-height: 100%;
	clear: right;
}


/* 
 style
-------------------------------------- */
.border_dash { border: 1px #907070 dashed; }
.border_double { border: 3px double #b7b595;}
.border_double02 { border: 3px #FFbb66 double;}
.border_side { border-right: 1px solid #999999;border-left: 1px solid #999999;}
.border_bottom { border-bottom: 3px solid #924928;}
.border_top { border: 1px #FFCC66 solid;}
.border_tb { border-top: 1px solid #404069;border-bottom: 1px solid #404069;}
.btn {
	width: 170px;
	padding: 3px;
	margin: 10px 3px;
	border: 3px solid #DEDDDA;
	background-color: #797363;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	}
	.btn a:link,.btn a:visited {
	color: #FFFFFF;
	}

.midashi {
	margin: 5px auto;
	padding: 0px;
	height: 22px;
	width: 650px;
	font-weight: bold;
	color: #878575;
	text-align: left;
	background: url(../img/line01.gif) repeat-x bottom;
}

.midashi02 {
	padding: 0px;
	height: 22px;
	width: 800px;
	font-weight: bold;
	color: #878575;
	text-align: left;
	background: url(../img/line01.gif) repeat-x bottom;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: 20px;
}

.line01 {
	background: url(../img/line01.gif);
	margin: 0px;
	padding: 0px;
	height: 7px;
	width: auto;
}
.line02 { background: url(../img/line02.gif);}






/* 
 text
-------------------------------------- */
.small {  font-size: 11px;}
.notes {
	font-size: 11px;
	color: #ccaa00;
	font-weight: normal;
}
.large {  font-size: 15px;}
.txt {  line-height: normal;}
.txtB {  font-weight: 900; line-height: 15px;} 
.txtB15 { font-size: 15px; font-weight: 900;}
.txt02 {  line-height: 140%;}
.Red {  color: #dd3300;}
.RedB {  color: #cc3300; font-weight: 900;}
.Ora {  color: #FD550C;}
.OraB { color: #FD550C; font-weight: 900;}
.OraB15 { font-size: 15px; color: #FD550C; font-weight: bold;}
.OraB17 { font-size: 17px; color: #FD550C; font-weight: bold;}
.yell {  color: #FFC85E;}
.Gre {  color: #889955;}
.Blu {  color: #558899;}
.light {  color: #E7E5D5;}
.lightB { font-weight: 900; color: #979585; line-height: 14px;}
.dark {  color: #E7E5D5}
.brown { color: #7C6B5C;}
.brownB { font-weight: bold; color: #797363;}
.white {
	color: #FFFFFF;
	font-size: 12px;
	line-height: 135%;
}
.whiteB {  font-weight: 900; color: #FFFFFF;} 
.black {  color: #000000;}
.blackB {  font-weight: 900; color: #000000;}
.purple {color: #990033;}



/* 
 faq
-------------------------------------- */
#faq {
	margin: 0px auto;
	padding: 10px;
	height: auto;
	width: 600px;
	}
	#faq table {
	margin: 0px;
	padding: 0px;
	width: 600px;
	}
	#faq th {
	padding: 10px;
	font-size: 12px;
	text-decoration: underline;
	text-align: left;
	color: #CC6600;
	}
	#faq p {
	margin: 5px auto;
	padding: 6px 6px 0px 6px;
	border: 1px dotted #ddddcc;
	width: 570px;
	height: auto;
	}
.question {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-weight: bold;
	}
.answer {
	margin: 0px;
	padding: 6px 0px 6px 45px;
	display: block;
	text-indent: -22px;
	}