@import "decotable.css";
@import "section.css";
@import "wide.css";

/* ===== Basic Style ===== */

body {
	font-family: ms ui gothic,arial,helvetica;
	font-size: 12px;
	color: #333333;
	margin:0;
	padding:0;	
	text-align:center;
}

div {margin:0; padding:0;}

img {border: none;}
img.lefty {display:block; float:left; padding:0 15px 0 0}
img.righty {display:block; float:right; padding:0 0 0 15px}
hr {display: none;}

a {color: blue;}
a:link {color: blue;}
a:visited {color: blue;}
a:hover {color:blue;}
a:active {color: blue;}

a:link.white {color:#FFFFFF;}
a:visited.white {color:#FFFFFF;}
a:hover.white {color:#FFFFFF;}
a:active.white {color:#FFFFFF;}

.bookmark {
	position: absolute;
	top: 155px;
	right: 0px;
}
/* ===== saiteigi Area ===== */
h1 {display: inline}

p {display: inline; line-height: 130%}

td {font-size: 12px; color: #333333}

em {font-style: normal; color: #FF0000}

.text-10p {font-size: 10px; color: #666666}
.text-10b {font-size: 10px; }

.text-12p {font-size: 12px; color: #666666}

.text-14p {font-size: 14px; color: #666666}

.text-16p {font-size: 16px; color: #666666}

.text-18p {font-size: 18px; color: #666666}

.text-20p {font-size: 20px; color: #666666}

.h1-top {font-size: 12px; color:#336600; line-height: 135%}

.h2-top {font-size: 20px; color:#336600; line-height: 135%;}

.h3-top {font-size: 12px; font-weight: bold;}

.line {line-height: 140%}

.white {color:white;}
.red {color:red;}
.blue {color:blue;}

.b { font-weight:bold;}
.n { font-weight:normal;}
.vtop {vertical-align:top;}
.mu {margin: 0 0 10px 0;}

.ptop {text-align:right; padding:0 20px 0 0; clar:both; margin-top:0;}
.ptop2 {text-align:right; padding:5px 20px 0 0; clar:both; margin-top:0;}
/* ===== MainContent Area ===== */
div#wrapper {
	width: 780px;
	margin: 0 auto;
	background-color:#FFFFFF;
}

/* ===== Header Area ===== */
div#header{
	position:relative;
	float:left;
	background-image:url(images/back_header2.gif);
	background-repeat:no-repeat;
	text-align:left;
}
div#header-up{
width:346px; height:101px;
}

div#hnavi{
position:absolute;
right:20px;
top:15px;
}

div#header-up h1{
	display: block; width: 346px; height: 101px; margin: 0;
}

/* ===== Global Navigation Area ===== */

div#gnavi {
	width: 780px; float: left; padding:0 0 0 17px;
}
div#gnavi ul {
	list-style-type:none;
	margin: 0;
	padding: 0;
}
div#gnavi li {
	display:inline;
	padding:0 3px 0 0;
}
div#gnavi img {
	margin-top: 0px;
}

#top_go{
	text-align:right;
	margin:0;
	padding:0 40px 0 0;
}

/* ===== top content Area ===== */
div#content-top{
	margin:0;
	background-image:url(images/back_top_content.jpg);
	background-repeat:no-repeat;
	text-align:left;
	clear:both;
}
div#coment-top{
	width:360px;
	height:274px;
	text-align:left;
	padding-left:20px;
	padding-bottom:10px;
}
div#coment-top h1{ display: block; font-size: 20px; color:#336600; line-height: 135%; margin: 0 0 10px 0;}
div#coment-top h2{ font-size: 20px; color:#336600; line-height: 135%; margin: 0 0 10px 0;}

div#coment-top p.saisin{ display: block; margin: 10px 0 15px 0;}

/* ===== top-foot Area ===== */
#top-foot{
	width: 780px;
	height: 140px;
	clear: both;
}
#top-foot-right {
	height: 125px;
	width: 467px;
	text-align:left;
	margin-top: 0px;
	padding-right: 80px;
	float: right;
}
#top-foot-right ul {
	list-style-type:none;
	margin: 0;
	padding: 0;
}
#top-foot-right li {
	line-height:120%;
}
#top-foot-right a{
color:blue;
width:100%;
line-height:120%;
}
#top-foot-right p.coment{
line-height:120%;
}

div#ad{
	height: 125px;
	margin-top: -4px;
	padding-left: 35px;
	float: left;
}

/* ===== top footer Area ===== */
.footer{
clear:both;
width:780;
text-align:center;
color: #FFFFFF;
background-color:#336600;
padding-top:12px;
padding-bottom:6px;
}

.footer a{
font-size:12px;
padding-left:5px;
padding-right:5px;
color: #FFFFFF;
text-decoration:none;
}
.footer a:link {color: #FFFFFF; text-decoration:none}
.footer a:visited {color: #FFFFFF; text-decoration:none}
.footer a:hover {color:#FFFFFF; text-decoration:none}
.footer a:active {color: #FFFFFF; text-decoration:none}

.sougo{
font-size:10px;
text-align:right;
padding-left:20px;
}
.sougo a{
font-size:10px;
padding-right:10px;
color: #FFFFFF;
text-decoration:none;
}

.copy{
background-image:url("images/back_copy.gif");
background-repeat:no-repeat;
	color: #666666;
	width: 780px;
	height:16px;
	clear: both;
	text-align:left;
}
.copy p{
margin-left: 20px;
}
.copy address{
margin-top: 3px;
margin-left: 20px;
}
.copy a:link {color: #666666; text-decoration:none}
.copy a:visited {color: #666666; text-decoration:none}
.copy a:hover {color: #666666; text-decoration:none}
.copy a:active {color: #666666; text-decoration:none}

/* ===== pan Navigation Area ===== */
div#pnavi {
text-align:left;
font-size:12px;
margin:0;
padding:0 0 0 10px;
color:#999999;
}

div#pnavi a{
padding:0 10px 0 10px;
color:#999999;
}

/* ===== small Navigation Area ===== */
.snavi {
	line-height:180%;
	padding:5px 0 5px 0;
}
.snavi a{
font-size:12px;
padding:0 5px 0 5px;
color: blue;
text-decoration:none;
}

/* ===== Contentsn Area menu ===== */
#left_bar{
width:180px;
font-size: 12px;
float:left;
text-align:left;
padding: 0;
}
#left_bar ul{
	list-style:none;
	margin:0;
	padding:0 5px 0 5px;
}
#left_bar li{
	line-height:150%;
	background-image:url(images/icon_arrow_orange.png);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 15px;
	padding-top: 3px;
}
#left_bar li a{
	font-weight:bold;
}
/* ===== Contents Main Area===== */
#main{
width:580px;
text-align:left;
float:left;
padding:0 0 0 15px;
}

/* ===== main section Area ===== */
.section{
	clear:both;
	margin:0 0 14px 0;
	
}
.section h2{
font-family: ms ui gothic,arial,helvetica;
font-size: 18px;
color:#853427;
background-image: url(images/back_h2.gif);
background-repeat: no-repeat;
background-position: center left;
padding-left: 40px;
padding-top: 9px;
padding-bottom: 6px;
margin:0 0 6px 0;
}
.section h3{
font-family: ms ui gothic,arial,helvetica;
color:#a53427;
background-image: url(images/back_h2.gif);
background-repeat: no-repeat;
background-position: center left;
padding-left: 40px;
padding-top: 9px;
padding-bottom: 6px;
margin:0 0 6px 0;
}
.section h3.lb{
font-family: ms ui gothic,arial,helvetica;
font-size: 14px;
color:#666666;
border-left: 6px solid #996600;
background: none;
padding: 4px 0 4px 10px;
margin: 10px 0 0 0;
}

.section .w{
display:block;
margin: 5px 0 5px 0;
}

.section .wd{
display:block;
width:540px;
margin: 5px 0 5px 0;
}
.section .wdm{
display:block;
width:250px;
margin:0;
padding:5px;
}
.section .mu {
	display:block;
	margin: 0 0 10px 0;}

.section ul{
	list-style:none;
	margin: 0;
	padding: 0;
}

.section li{
	line-height:150%;
}
.section ul.list li{
	background-image:url(images/back_list.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 25px;
	padding-top:4px;
}

.section dl.qa{
	margin: 0 0 10px 0;
}

.section dl.qa dt.qat{
	width: 540px;
	font-size: 16px;
	background: url(images/back_dt_qa.gif) no-repeat center left;
	padding: 7px 0 7px 10px;
	margin-bottom: 3px;
}
.section dl.qa dt{
	width: 540px;
	font-size: 16px;
	background: url(images/back_dt_qam.gif) no-repeat center left;
	padding: 3px 0 0 16px;
}
.section dl.qa dd{
	width: 540px;
	border: 1px dashed #CCCCCC;
	margin: 3px 0 0 0;
}
.section dl.qa dd p{
	display:block;
	padding: 3px;
	margin: 0;
}

.block50 {
	width:50%;
	float:left;
}
/* ===== Contents footer Area===== */

div#footer-main{
width:780px;
clear:both;
text-align:center;
color: #FFFFFF;
background-image:url(images/back_footer.gif);
background-repeat:no-repeat;
padding-top:50px;
}

div#footer-main a{
font-size:12px;
padding-left:5px;
padding-right:5px;
color: #FFFFFF;
text-decoration:none;
}
div#footer-main a:link {color: #FFFFFF; text-decoration:none}
div#footer-main a:visited {color: #FFFFFF; text-decoration:none}
div#footer-main a:hover {color:#FFFFFF; text-decoration:none}
div#footer-main a:active {color: #FFFFFF; text-decoration:none}

#chat {
margin-top:20px;
}
.pickup{
background-color:#D2F4FA;
}

/* ===== Contact Area ===== */

.contact{
	padding-bottom:20px;
}

.contact fieldset{
	border: 1px solid #9aa;
}

.contact legend{
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	border-left: 7px solid #CCCCCC;
	border-right: 7px solid #CCCCCC;
	padding:5px 8px 5px 8px;
	font-size:16px;
}

.contact dt{
	margin-left:10px;
	margin-bottom:5px;
	padding-left:6px;
	border-left:6px solid #9cc;
}
.contact dd{
	margin-left:10px;
	margin-bottom:15px;
}

/* ===== Adsence Area ===== */
.adsence_left{
	background-image:url(images/sponsored_link.gif);
	background-position:top left;
	background-repeat:no-repeat;
	margin:10px 0 0 0;
	padding:15px 0 0 0;
}

.adsence160600{
	display:none;
	background-image:url(images/sponsored_link.gif);
	background-position:top left;
	background-repeat:no-repeat;
	margin:10px 0 0 0;
	padding:15px 0 0 0;
}

.adsence46860{
	margin:10px 0 15px 0;
}

.adsence46860u{
	clear:both;
	margin:10px 0 0 0;
}

.adsence46860book{
	display:none;
	clear:both;
	background-image:url(images/sponsored_link.gif);
	background-position:top left;
	background-repeat:no-repeat;
	margin:0 0 15px 0;
	padding:20px 0 0 0;
}

.adsencesquare{
	clear:both;
	background-image:url(images/sponsored_link3.gif);
	background-position:top left;
	background-repeat:no-repeat;
	margin:10px 0 0 0;
	padding:20px 0 0 0;
}
.adsencewide{
	clear:both;
	margin:0 0 0 10px;
}