/***********************************************/
/* base.css                                    */
/* Use for index.html                          */
/***********************************************/

/* body */
* { margin: 0; padding: 0;}
@charset "Shift_JIS";


body { text-align: center; padding: 0px; background-color: #FFFFFF;}
/* body div { text-align: left; margin: 0px auto; height:1%;} */

#container { width: 800px; margin: auto; padding: 0px; border: 1px solid #FFF; background-color: #fff;}


#header { width: 800px; height:60px; margin: 0px; padding: 0px; color: #000; font-size: 14px;line-height: 100%;	background-color: #FFFFFF; text-align:center;}
	.header_l { float :left; width: 34%; padding: 10px 0px 0px 0px; text-align:right;}
	.header_r { float :right; width: 63%; padding: 29px 0px 0px 0px; text-align:left;}
	.header_c { float :left; width: 100%; padding: 10px 0px 0px 0px; text-align:center;}

#top {
	width: 776px;
	height:20px;
	margin: 0px;
	padding: 0px 12px;
	color: #333333;
	line-height: 100%;
	background-color: #FFFFFF;
	text-align:right;
	text-decoration: none;
	font-style: normal;
	font-size: 14px;
}


#main{ clear: both; width: 800px; color: #000; font-size: 90%;
		text-align: center; line-height: 130%;	background-color: #fff;}
	.main_top { clear: both; width: 800px; padding: 18px 0px 0px 0px; height: 100%; color: #000; text-align:left; background-color: #fff;}
	.main_dat { clear: both; width: 800px; padding: 20px 0px 0px 0px; height: 100%; color: #000; text-align:left; background-color: #fff;}

	.box_l { float :left; width : 400px;}
	.box_r { float :right; width : 380px;}

#bottom { clear: both; width: 100%; height:30px; margin: 0px; padding: 0px; color: #000; font-size: 14px;line-height: 100%;
		 background-color: #fff;}
	.bottom_r { padding:  15px 12px 0px 0px; text-align:right; font-size: line-height: 100%;}

#footer { clear: both; width: 100%; height:24px; margin: 0px; padding: 0px; color: #000; font-size: 14px;line-height: 100%;
		background-image:url("./1image/top1.gif"); border-top: 1px solid #636039; background-color: #fff;}
	.footer_c { padding:  7px 0px 5px 0px; text-align:center;color: #636039; font-size: 12px; line-height: 100%;}


/* -------------------------------------------------------------------------- body */

/* h1 */
h1 {font-size:200%; line-height: 100%; line-height: 1.0;}
h2 {
	font-size:120%;
	line-height: 120%;
	font-weight:bold;
	padding:3px 12px 1px 12px;
	width: 356px;
	margin-bottom: 10px;
	background-color: #CCCCFF;
	color: #FFFFFF;
}
h3 {font-size:100%; line-height: 150%; font-weight:bold;}
h4 {font-size:100%; line-height: 150%; font-weight:bold;}

p.bun {padding: 5px ;font-size:100%;line-height: 150%;}
p.em {padding: 5px ;font-size:100%;line-height: 150%;text-indent:1em;}
p.tabem {padding: 5px 5px 5px 20px;font-size:100%;line-height: 150%;text-indent:1em;}
p.blu {padding: 5px ;font-size:100%;line-height: 150%; color: #0000FF;}
p {padding: 0px 12px 0px 12px;font-size:100%;line-height: 150%;}
p.memo {padding: 5px ;font-size:85%;line-height: 140%;}
/* -------------------------------------------------------------------------- h1 */

.clear { clear: both; width: 800px;}

/* -------------------------------------------------------------------------- main */

/***********************************************/
/* waku                                        */
/***********************************************/
.table1 { width: 800px; border-collapse: collapse; border: 0px #999999 solid;}

/* -------------------------------------------------------------------------- box */

img.fig_l { float: left; width: 320px;}
img.fig_r { float: right; margin: 0px;}
img.border { border: 1px solid #888; margin: 0px;}

/***********************************************/
/* link                                        */
/***********************************************/
a:link, a:visited, a:hover { color: #333333; text-decoration: none;}
a:hover { color: #CC0000; text-decoration: underline;}

select { float: left; margin: 2px 0 5px 0; font-size:93%;}
.style1 {color: #FF00FF}

	/*** end ***/