/* CSS Document */

/* Á´ÁöÅý800px */

/*
 * LAYOUT
 * ----------
 * INDEX 
 *
 * 001 ¶¦ÄÌ
 * 002 ¥Ø¥Ã¥À¡¼
 * 003 ËÜÊ¸(¥á¥¤¥ó¥³¥ó¥Æ¥ó¥Ä)
 * 004 ËÜÉë»ä,¡¦Âå0¥é¥¤¥ó)
 * ----------
 */


/* 001 ================================================
 * ¶¦ÄÌ
 ====================================================== */
div,p,table,hr {
	margin:0;
	padding:0;
	}

ul,li {
	margin:0;
	padding:0;
	list-style:none;
	}

h1,h2,h3,h4,h5 {
	margin:0;
	padding:0;
	}
form,input,option {
	margin:0;
	padding:0;
	}

img {border:none;}

body{
	padding:0;
	margin:0;
	text-align:center;
	font-size:12px;
	font-family:"¥á¥¤¥ê¥ª", "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "£Í£Ó¥´¥·¥Ã¥¯", Osaka;
	color:#333333;
	}

.float-l {
	float:left;
}
.float-r {
	float:right;
}

/* CSS:clearfix¥Ï¥Ã¥¯ */
.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
	}

.clearfix{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
	}

/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* CSS:clearfix¥Ï¥Ã¥¯ */
.nooverrap:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.nooverrap{
display:inline-table;
min-height:1%;
}
/* Hides from IE-mac \*/
*html .nooverrap{height:1%;}
.nooverrap{display:block;}
/* End hide IE-mac */


/*-- ³°ÏÈ ---------------------------------------*/
#contents{
	width: 800px;
	height: auto;
	text-align:center;
	padding:0px;
	border:0px;
	border-spacing:0px;
	margin:0px auto;
	}
/*	#bg:after£ó4w·Ê¿§¤ê­í€Ûà¡¦µà¡¦¸¯
	#bg:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	}
	* html #bg { display: inline-block; }
	/* no ie mac ¡À
	* html #bg { height: 1%; }
	#bg { display: block; }*/


/* 002 ================================================
 * ¥Ø¥Ã¥À¡¼
 ====================================================== */
#head{
	width: 800px;
	/*height: 350px;*/
	margin:0;
	padding:0;
	}

#seo{
	width:780px;
	margin:5px;
	padding:0;
	text-align:left;
	vertical-align:middle;
}
	#seo h1 {
		display:inline;
		margin:0 0 0 0;
		padding:0 0 0 5px;
		font-size:13px;
		font-weight:normal;
		line-height:56px;/*Ãæ±ûÇÛÃÖ*/
		color:#f08600;
		}
			
#title{
	width:800px;
	/*height:350px;*/
	margin:0 0 0 0;
	padding:0 0 10px 0;
	_padding:0 0 0 0;
	/*background:url(../img/suraide.jpg) no-repeat;*/
	}
#title_s{
	width:800px;
	/*height:350px;*/
	margin:0 0 0 0;
	padding:0 0 0 0;
	_padding:0 0 0 0;
	/*background:url(../img/suraide.jpg) no-repeat;*/
	}


/* 003 ================================================
 * ËÜÊ¸(¥á¥¤¥ó¥³¥ó¥Æ¥ó¥Ä)
 ====================================================== */
 
/*-- ¥á¥¤¥ó¥³¥ó¥Æ¥ó¥Ä(³°ÏÈ) ----------------------------------*/
#maincontents{
	width: 800px; 
	margin:0;
	padding:0;
	height:auto;
	border:0;
	border-spacing:0;
	background-color:#FFFFFF;
	}
	
/*-- ¥á¥Ë¥å¡¼ ---------------------------------------*/
#mainmenu{
	width:800px;
	height:auto;
	margin:0;
	padding:0;
	}

/*-- 1ÃÊÌÜ(¥­¡¼¥ï¡¼¥É¡¦ÂÎ¸³Æþ³Ø¡¦WP) ------------------*/
#layer01 {
	width:800px;
	margin:10px 0 0 0;
	padding:0;
	text-align:left;
}
	#layer01 form {
		width:248px;
		/*height:320px;*/
		margin-bottom:10px;
		border-top:none;
		border-left:1px solid #aaaaaa;
		border-bottom:1px solid #aaaaaa;
		border-right:1px solid #aaaaaa;
	}

	#layer01 .left {
		width:250px;
		float:left;
	}
	#layer01 .center {
		width:280px;
		margin:0 0 0 10px;
		float:left;
		border-top:none;
	}
	#layer01 .right {
		width:250px;
		float:right;
	}

	#layer01 .left h3,
	#layer01 .center h3,
	#layer01 .right h3 {
		font-size:10px;
		font-weight:normal;
		line-height:14px;
		color:#f08600;
	}

	#layer01 .left h5 {
		margin:0 5px 0 5px;
		padding:10px 0 0 0;
		font-size:12px;
		font-weight:normal;
		line-height:16px;
		color:#ff0000;
	}

.kakoi {
	width:278px;
	height:auto;
	border-left:1px solid #aaaaaa;
	border-bottom:1px solid #aaaaaa;
	border-right:1px solid #aaaaaa;
	
}

/*-- 2ÃÊÌÜ(°ã¤¤¡¦¥Ë¥å¡¼¥¹¡¦ÀèÀ¸¤Ë¤Ê¤ë) ------------------*/
#layer02 {
	width:800px;
	margin:20px 0 0 0;
	padding:0;
	text-align:left;
}

	#layer02 .left02 h3,
	#layer02 .center02 h3,
	#layer02 .right02 h3 {
		font-size:12px;
		font-weight:normal;
		line-height:20px;
		color:#ffffff;
	}

	#layer02 .left02 h4,
	#layer02 .right02 h4 {
		display:block;
		margin:0;
		padding:0;
		text-indent:-99999px;
		font-weight:normal;
	}
	#layer02 .left02 h5,
	#layer02 .center02 h5,
	#layer02 .right02 h5 {
		width:160px;
		margin:0 0 0 40px;
		font-size:12px;
		font-weight:normal;
		line-height:16px;
	}

	#layer02 p.sub-txet {
		width:180px;
		margin:5px 10px 0 10px;
		font-size:10px;
		line-height:14px;
	}

	#layer02 .left02 {
		width:200px;
		float:left;
	}
	#layer02 .center02 {
		width:380px;
		margin:0 0 0 10px;
		float:left;
	}
	#layer02 .right02 {
		width:200px;
		float:right;
	}

.ico01 {
	width:180px;
	height:50px;
	margin:0 10px 10px 10px;
	background-image:url(../img/top_ico01c.gif);
}
.ico02 {
	width:180px;
	height:50px;
	margin:0 10px 10px 10px;
	background-image:url(../img/top_ico02c.gif);
}
.ico03 {
	width:180px;
	height:50px;
	margin:0 10px;
	background-image:url(../img/top_ico03c.gif);
}
.ico04 {/*QRcode*/
	width:180px;
	height:50px;
	margin:0 10px;
}

.logo01 {
	width:180px;
	height:50px;
	margin:0 10px 5px 10px;
	background-image:url(../img/top_logo03c.gif);
}
.logo02 {
	width:180px;
	height:51px;
	margin:0 10px 5px 10px;
	background-image:url(../img/top_logo04c.gif);
}
.logo03 {
	width:180px;
	height:50px;
	margin:0 10px;
	background-image:url(../img/top_logo05c.gif);
}
	.ico01 a,
	.ico02 a,
	.ico03 a,
	.logo01 a,
	.logo02 a,
	.logo03 a {
		display:block;
		width:180px;
		height:50px;
		margin:0;
		padding:0;
	}


/*-- (1ÃÊ¡¦2ÃÊtable)------------------------------------*/	
	#layer01 .table-width01 {
		width:240px;
		margin:0 5px;
		font-size:12px;
	}
	#layer01 .table-width02 {
		width:270px;
		margin:0 5px;
		font-size:12px;
	}
		#layer01 .table-width02 td {
			padding:1px 0;
		}

	#layer02 .table-width03 {
		width:370px;
		margin:0 5px;
		font-size:12px;
	}
		#layer02 .table-width03 th {
			padding-right:10px;
			font-weight:normal;
			text-align:left;
			vertical-align:text-top;
		}

/*-- space ---------------------------------------*/
.space01 {
		margin:15px 5px 25px 5px;
	}
.space02 {
		padding:10px 0;
	}
.space03 {
		margin:10px 5px;
	}

/*-- ¸«½Ð¤· ---------------------------------*/
.mida01 {
	width:248px;
	height:22px;
	padding:0 5px;
	background-image:url(../img/top_bar01.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

.mida02 {
	width:248px;
	height:22px;
	margin-top:10px;
	padding:0 5px;
	background-image:url(../img/top_bar01.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
.mida03 {
	width:280px;
	height:22px;
	padding:0 5px;
	background-image:url(../img/top_bar02.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
	.mida01 h4,
	.mida02 h4,
	.mida03 h4 {
		display:inline;
		font-size:12px;
		font-weight:normal;
		line-height:22px;
	}
	.mida01 img,
	.mida03 img {
		margin:3px 5px 0 0;
	}

.mida04 {
	width:200px;
	height:20px;
	padding:0 5px;
	background-image:url(../img/top_bar03.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
.mida05 {
	width:200px;
	height:20px;
	padding:0 5px;
	background-image:url(../img/top_bar04.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
.mida06 {
	width:380px;
	height:20px;
	padding:0 5px;
	background-image:url(../img/top_bar05.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

	
/*-- ¥á¥Ë¥å¡¼ --------------------------------------*/
#menu{
	clear:both;
	width:800px; 
	height:20px;
	margin:20px 0 0 0;
	padding:0 0 0 15px;
	border:0px;
	border-spacing:0px;
	text-align:left;
	}
#menu02{
	width: 800px;
	height: auto;
	margin:0 0 0 0;
	padding:0 0 0 15px;
	font-size:10px;
	line-height:16px;
	text-align:left;
	}
	
/*-- ¥Õ¥Ã¥¿¡¼ -----------------------------------------*/
#foot{
	width:800px; 
	height:65px; 
	text-align:left;
	padding:5px 0 0 15px;
	margin:0;
	}


/*-- ¥µ¥¤¥É¥á¥Ë¥å¡¼ ---------------------------------- */
	

/*-- ¥á¥Ë¥å¡¼ -----------------------------------------*/
#leftmenu{
	float:left;
	width: 225px; 
	height:auto;
	padding:0px;
	margin:0px;
	}
		#leftmenu ul { height:502px; list-style-type: none;margin: 0 0 0 0; padding: 0; background:url(../img/temp_21.gif) no-repeat 0px 0px; }
		#leftmenu li {list-style-type:none; margin:0; padding:0;}
		#leftmenu li a {height:auto;display:block;text-decoration:none;overflow:hidden;/*font-size:10px;*/ font-size:0.9em; cursor: pointer;}
		#leftmenu li a h4 {display:block;text-indent:-99999px; font-size:10px; font-weight:normal; margin:0; padding:0;}

		#leftmenu li.btn01 a {width:225px;height:37px;}
		#leftmenu li.btn02 a {width:225px;height:51px;}
		#leftmenu li.btn04 a {width:225px;height:21px;}
		#leftmenu li.btn05 a {width:225px;height:29px;}
		#leftmenu li.btn06 a {width:225px;height:50px;}
		#leftmenu li.btn08 a {width:225px;height:21px;}
		#leftmenu li.btn09 a {width:225px;height:27px;}
		#leftmenu li.btn10 a {width:225px;height:51px;}
		#leftmenu li.btn11 a {width:225px;height:30px;}
		#leftmenu li.btn11b a {width:225px;height:26px;}
		#leftmenu li.btn12 a {width:225px;height:47px;}
		#leftmenu li.btn13 a {width:225px;height:22px;}
		#leftmenu li.btn14 a {width:225px;height:32px;}
		#leftmenu li.btn15 a {width:225px;height:55px;}
		
		#leftmenu li.btn01 a:hover {background:url(../img/temp_21.gif) no-repeat -225px 0px;}
		#leftmenu li.btn02 a:hover {background:url(../img/temp_21.gif) no-repeat -225px -37px;}
		#leftmenu li.btn04 a:hover {background:url(../img/temp_21.gif) no-repeat -225px -88px;}
		#leftmenu li.btn05 a:hover {background:url(../img/temp_21.gif) no-repeat -225px -109px;}
		#leftmenu li.btn06 a:hover {background:url(../img/temp_21.gif) no-repeat -225px -138px;}
		#leftmenu li.btn08 a:hover {background:url(../img/temp_21.gif) no-repeat -225px -188px;}
		#leftmenu li.btn09 a:hover {background:url(../img/temp_21.gif) no-repeat -225px -209px;}
		#leftmenu li.btn10 a:hover {background:url(../img/temp_21.gif) no-repeat -225px -236px;}
		#leftmenu li.btn11 a:hover {background:url(../img/temp_21.gif) no-repeat -225px -287px;}
		#leftmenu li.btn11b a:hover {background:url(../img/temp_21.gif) no-repeat -225px -317px;}
		#leftmenu li.btn12 a:hover {background:url(../img/temp_21.gif) no-repeat -225px -343px;}
		#leftmenu li.btn13 a:hover {background:url(../img/temp_21.gif) no-repeat -225px -390px;}
		#leftmenu li.btn14 a:hover {background:url(../img/temp_21.gif) no-repeat -225px -412px;}
		#leftmenu li.btn15 a:hover {background:url(../img/temp_21.gif) no-repeat -225px -444px;}
		
		#leftmenu li.btn01act a {background:url(../img/temp_21.gif) no-repeat -225px 0px; width:225px;height:37px;}
		#leftmenu li.btn02act a {background:url(../img/temp_21.gif) no-repeat -225px -37px; width:225px;height:51px;}
		#leftmenu li.btn04act a {background:url(../img/temp_21.gif) no-repeat -225px -88px; width:225px;height:21px;}
		#leftmenu li.btn05act a {background:url(../img/temp_21.gif) no-repeat -225px -109px; width:225px;height:29px;}
		#leftmenu li.btn06act a {background:url(../img/temp_21.gif) no-repeat -225px -138px; width:225px;height:50px;}
		#leftmenu li.btn08act a {background:url(../img/temp_21.gif) no-repeat -225px -188px; width:225px;height:21px;}
		#leftmenu li.btn09act a {background:url(../img/temp_21.gif) no-repeat -225px -209px; width:225px;height:27px;}
		#leftmenu li.btn10act a {background:url(../img/temp_21.gif) no-repeat -225px -236px; width:225px;height:51px;}
		#leftmenu li.btn11act a {background:url(../img/temp_21.gif) no-repeat -225px -287px; width:225px;height:30px;}
		#leftmenu li.btn11bact a {background:url(../img/temp_21.gif) no-repeat -225px -317px; width:225px;height:26px;}
		#leftmenu li.btn12act a {background:url(../img/temp_21.gif) no-repeat -225px -343px; width:225px;height:47px;}
		#leftmenu li.btn13act a {background:url(../img/temp_21.gif) no-repeat -225px -390px; width:225px;height:22px;}
		#leftmenu li.btn14act a {background:url(../img/temp_21.gif) no-repeat -225px -412px; width:225px;height:32px;}
		#leftmenu li.btn15act a {background:url(../img/temp_21.gif) no-repeat -225px -444px; width:225px;height:55px;}



/*-- ¥Ú¡¼¥¸ -----------------------------------------*/
		
#page{
	float:right;
	width: 574px;
	height: auto;
	padding:0px;
	margin:0px;
	}

#footprint{
	width:574px; 
	height:auto;
	padding:10px;
	margin:0px;
	text-align:left;
	font-size:10px;
	_font-size:54%;
	_letter-spacing:-1px;
	line-height:15px;
	color:#333333;
	}
	
#pagetitle{
	width: 574px;
	height: auto;
	padding:0 10px;
	margin:10px 0;
	text-align:left;
	border-bottom:#999999 dotted 1px;
	}
	#pagetitle h2 {font-size: 22px; color: #E2728F; font-weight:bold; margin:0; padding:0;}
	
#table_a{
	width: 574px; 
	height: auto;
	padding:10px 0 0 10px;
	margin:0px;
	text-align:left;
	}
	#table_a h1{margin:0; padding:0; font-size: 16px;color: #FFFFFF;}
	#table_a h2{margin:0; padding:0;}
	.text01 {font-size:16px; line-height:25px; color:#E2728F;}
	.text02 {font-size:12px; font-weight:normal; line-height:18px; color:#333333; }
	#table_a h3{margin:0; padding:0; font-size: 12px;line-height: 18px;color: #333333; font-weight:normal;}
		
#gototop{
	clear:both;
	width: 800px; 
	height: auto;
	padding:10px;
	margin:0px;
	text-align:right;
	}
	
		
		
/* common --------------------*/
/*hr { clear:both; color:#CCCCCC; margin:0px; padding:0; border-style: solid none none none; }*/

a:link {cursor: pointer;}


/* text --------------------*/

.text10 {
font-size: 10px;
line-height: 15px;
color: #333333;
}

.text11brown {
font-size: 11px;
line-height: 17px;
color: #836040;
}

.text11 {
font-size: 11px;
line-height: 17px;
color: #333333;
}

.text12 {
font-size: 12px;
line-height: 18px;
color: #333333;
}

.text12str {
font-size: 12px;
line-height: 18px;
color: #333333;
font-weight:bold;
}

.text16str {
font-size: 16px;
color: #FFFFFF;
font-weight:bold;
}



/* */

/*
#link table { 
	border: solid 1px #CCBD97; 
	padding: 0px; 
	margin: 10px;
	}
#link td,th { 
	border-collapse: collapse;
	border: solid 1px #CCBD97;
	text-align: left; 
	padding: 3px; 
	margin: 0;
	}	
	*/