@charset "UTF-8";

*	{margin: 0; padding: 0;}

h1	{font-size: 1.4em; margin-bottom: 1em;}
h2	{font-size: 1.2em; margin-bottom: 6px;}
h3	{font-size: 1.1em; margin-bottom: 6px;}
h4	{font-size: 1.1em; margin-bottom: 0.35em;}
p	{margin-bottom: 1em;}
ul, ol	{padding-left: 24px; margin-bottom: 1em;}

hr	{height: 1px; border: none; border-top: solid 1px #ccc; margin: 1.5em 0;}

a	{text-decoration: under-line; color: #999999;}
	a:hover	{color: #333333; text-decoration: none; position: relative; top: 1px; left: 1px;}
	a img	{border-style: none;}


.fl	{float: left; margin: 0 10px 10px 0;}
.fr	{float: right; margin: 0 0 10px 10px;}
.center	{text-align: center;}

.red	{color: #FF0000;}


/*#################### layout ####################*/
body	{
	font-family: Arial, Helvetica, sans-serif; text-align: center; margin: 0 auto;
	color: #666; font-size: 82%; 
	}

#container	{width: 910px; margin: 0 auto;}
	#container-inner	{text-align: left;}

#content-inner	{padding: 10px 5px 10px 5px;}

#alpha	{width: 665px; float: right; padding: 0 0 0 10px;}
	#alpha div#inner-left	{width: 465px; float: left;}
	#alpha div#inner-right	{width: 170px; float: right; text-align: center;}

	#alpha-top	{width: 550px; float: left; padding: 0 0 10px 0;}

#beta	{width: 210px; float: left; padding: 0 0 0 0;}
	#beta-top	{width: 340px; float: right; padding: 0 0 10px 0;}

/*#################### common ####################*/

/*--- header ---*/
#header	{height: 65px; width: 910px; background: url(common/header_back.jpg) no-repeat;}
	#header div.inner	{}
	#header a	{text-decoration: none;}
	#header a:hover	{text-decoration: underline; position: relative; top: 0; left: 0;}

		#header h1,#header div#header_title	{
			width: 165px; height: 37px; float: left; margin: 8px 0 0 70px; _margin: 8px 0 0 33px;
			}
		#header div.contact	{height: 28px; text-align: right; padding: 4px 10px 7px 0;}

#header_navi	{
	float:right; width: 600px; height: 21px; background: url(common/navimenu.jpg) no-repeat; overflow: hidden;
	}
	
	#header_navi ul	{
		height: 21px; list-style-type: none; padding-left: 10px;
	}
	#header_navi ul li	{
		display: block; height: 21px; float: left;margin: 0;
	}

		#header_navi li#info a	{
			display: block; width: 70px; height: 21px; margin-right: 10px; overflow: hidden;
			background: url(common/navimenu.jpg) no-repeat -10px 0px; text-indent: -9999px;
		}
			#header_navi li#info a:hover	{
				background: url(common/navimenu.jpg) no-repeat -10px -21px;;
			}

		#header_navi li#portrait a	{
			display: block; width: 100px; height: 21px; margin-right: 10px; overflow: hidden;
			background: url(common/navimenu.jpg) no-repeat -90px 0px; text-indent: -9999px;
		}
			#header_navi li#portrait a:hover	{
				background: url(common/navimenu.jpg) no-repeat -90px -21px;;
			}

		#header_navi li#commercial a	{
			display: block; width: 110px; height: 21px; margin-right: 10px; overflow: hidden;
			background: url(common/navimenu.jpg) no-repeat -200px 0px; text-indent: -9999px;
		}
			#header_navi li#commercial a:hover	{
				background: url(common/navimenu.jpg) no-repeat -200px -21px;;
			}

		#header_navi li#gallery a	{
			display: block; width: 50px; height: 21px; margin-right: 10px; overflow: hidden;
			background: url(common/navimenu.jpg) no-repeat -320px 0px; text-indent: -9999px;
		}
			#header_navi li#gallery a:hover	{
				background: url(common/navimenu.jpg) no-repeat -320px -21px;;
			}

		#header_navi li#profile a	{
			display: block; width: 50px; height: 21px; margin-right: 10px; overflow: hidden;
			background: url(common/navimenu.jpg) no-repeat -380px 0px; text-indent: -9999px;
		}
			#header_navi li#profile a:hover	{
				background: url(common/navimenu.jpg) no-repeat -380px -21px;
			}

		#header_navi li#voice a	{
			display: block; width: 40px; height: 21px; margin-right: 10px; overflow: hidden;
			background: url(common/navimenu.jpg) no-repeat -440px 0px; text-indent: -9999px;
		}
			#header_navi li#voice a:hover	{
				background: url(common/navimenu.jpg) no-repeat -440px -21px;
			}

		#header_navi li#faq a	{
			display: block; width: 40px; height: 21px; margin-right: 10px; overflow: hidden;
			background: url(common/navimenu.jpg) no-repeat -490px 0px; text-indent: -9999px;
		}
			#header_navi li#faq a:hover	{
				background: url(common/navimenu.jpg) no-repeat -490px -21px;
			}

		#header_navi li#access a	{
			display: block; width: 50px; height: 21px; margin: 0; overflow: hidden;
			background: url(common/navimenu.jpg) no-repeat -540px 0px; text-indent: -9999px;
		}
			#header_navi li#access a:hover	{
				background: url(common/navimenu.jpg) no-repeat -540px -21px;
			}

/*--- footer ---*/
#footer	{clear: both; font-size: 12px; padding: 10px; width: 890px; background: url(common/footer_back.jpg) no-repeat;}
	#footer div.navi	{padding-bottom: 6px;}
	#footer div.address	{}
	#footer div#copy	{font-size: 10px;}



/*#################### contents page ####################*/

#alpha h1#page_title	{border-left: solid 2px #999; padding: 0 0 10px 8px;}
#alpha h2	{font-size: 1em; color: #999; background: url(common/list_mark.gif) no-repeat left; padding-left: 10px;}
	#alpha h2#page_title	{
		background-image: none; border-left: solid 2px #999; padding: 0 0 10px 8px;
		font-size: 1.2em; margin-bottom: 1em; color: #666;}
#inner-left h3	{font-size: 1em; color: #999; background: url(common/list_mark.gif) no-repeat left; padding-left: 10px;}
#inner-left p, #inner-left li	{line-height: 130%;}
#inner-left li	{margin-bottom: 4px;}

#inner-left table	{width: 100%; border-collapse: collapse; border: solid 1px #ccc; margin-bottom: 1em;}
	#inner-left table th	{
			border: solid 1px #ccc; padding: 3px 6px; background-color: #333; color: #fff;
			font-weight: normal; white-space: nowrap;}
	#inner-left table td	{border: solid 1px #ccc; padding: 3px 6px;}

.point	{margin: 0 0 6px 6px;}

#breadcrumbs	{clear: both; height: 20px; padding: 10px 0;}
.oe	{padding: 20px 0 8px 0; border-bottom: solid 1px #ccc; height: 16px;}

.side_banner	{text-align: center; margin: auto; margin-bottom: 6px;}


/*--- side gallery ---*/
.gallery-photo	{
	margin: 0 0 1em 0; padding: 0;
	width: 170px; overflow: hidden; text-align: center;
	}

/*--- gallery page ---*/
.gallery_thumbnail	{
	display: block; width: 150px; height:150px; overflow: hidden; text-align: center;
	float: left; border: solid 1px #efefef; margin: 0 6px 6px 0;
	}

.g_more	{clear: left; height: 15px; margin-bottom: 2em;}

/*--- faq ---*/
dl.faq		{margin-bottom: 2em;}
dl.faq dt	{background: url(common/q.gif) no-repeat; padding: 1px 0 3px 20px; font-weight: bold;}
dl.faq dd	{background: url(common/a.gif) no-repeat; padding: 1px 0 10px 20px; margin-bottom: 1em;}

/*--- side menu ---*/
.sidemenu_line	{background: url(common/sidemenu_back_01.jpg) no-repeat;}

	.sidemenu_line ul, .sidemenu_line li	{margin: 0; padding: 0;}

		.sidemenu_line ul	{background-color: #fff; margin: 0 8px; list-style-type: none;}
			.sidemenu_line li	{padding: 0; border-bottom: dotted 1px #ccc;}
			.sidemenu_line li a, .sidemenu_line li span	{
					display: block; padding: 4px 5px 4px 10px; line-height: 12px;
					background: url(common/list_mark.gif) no-repeat left; margin-left: 5px;
					color: #666; text-decoration: none;}
				.sidemenu_line li a:hover	{color: #333; text-decoration: underline;}

		.sidemenu_line ul ul	{margin: 0; background-color: #fff;}
			.sidemenu_line li li	{padding: 0; border-bottom: none; border-top: dotted 1px #ccc; margin: 0;}
			.sidemenu_line li li a	{padding: 3px 5px 3px 10px;background: url(common/list_mark_s2.gif) no-repeat left 6px;
									margin-left: 15px; color: #999;}
				.sidemenu_line li li a:hover	{color: #666;}

	.sidemenu_line h3	{margin: 0; padding: 0; height: 24px; text-indent: -9999px;}
	.sidemenu_line_b	{width: 210px; height: 20px; background: url(common/sidemenu_back_02.jpg) no-repeat;}

.sideinfo	{text-align: center; font-size: 12px; line-height: 140%; background: url(common/sideinfo_back_01.jpg) no-repeat;
		padding-top: 24px;}
	.sideinfo div.inner	{background-color: #fff; margin: 0 8px; padding: 6px 0;}
	.sideinfo img	{margin-bottom: 4px;}
	.sideinfo_b	{width: 210px; height: 20px; background: url(common/sideinfo_back_02.jpg) no-repeat;}


/*#################### category page ####################*/
.cate_list dl	{}
	.cate_list dt	{clear: left; float: left; width: 75px;}
	.cate_list dd	{border-left: solid 1px #ccc; margin-bottom: 1em; margin-left: 75px; padding-left: 10px;}

.entry-asset	{padding-bottom: 1em; border-bottom: solid 1px #ccc; margin-bottom: 2em;}


/*#################### top page ####################*/
#message_top	{padding: 25px 0 10px 6px;}
	#message_top p	{font-size: 10pt;}

#info_top	{
	width: 330px; background: url(images/top_info_back1.jpg) no-repeat; margin-bottom: 15px;
	}
	#info_top2	{
		width: 330px; height: 10px; background: url(images/top_info_back2.jpg) no-repeat;
		}
#info_top dl	{font-size: 12px; padding: 30px 10px 3px 10px;}
	#info_top dt	{clear: left; float: left; width: 70px;}
	#info_top dd	{border-left: solid 1px #ccc; margin-bottom: 5px; margin-left: 70px; padding-left: 6px;}


/*#################### top page ver2 ####################*/
#main-image-space	{width: 898px; background-color: #000; border: solid 1px #000; margin-bottom: 1em;}

#main-message	{padding: 15px 15px 5px 15px; color: #efefef;}
	#main-message p	{font-size: 14px; margin-bottom: 0.5em; line-height: 140%;}

#info_top_v2	{
	width: 330px; background: url(images/top_info_v2_back1.jpg) no-repeat; float: right; margin: 6px;
	}
	#info_top2_v2	{
		width: 330px; height: 10px; background: url(images/top_info_v2_back2.jpg) no-repeat;
		}
#info_top_v2 dl	{font-size: 12px; padding: 30px 10px 3px 10px;}
	#info_top_v2 dt	{clear: left; float: left; width: 70px;}
	#info_top_v2 dd	{border-left: solid 1px #ccc; margin-bottom: 5px; margin-left: 70px; padding-left: 6px;}

.banner-space-top	{text-align: center; padding-bottom: 15px;}


/*#################### A-form ####################*/

.aform-header	{text-indent: -9999px;}
.aform dt	{clear: left; float: left; width: 145px; margin-bottom: 6px;
	background: url(common/list_mark.gif) no-repeat 3px; padding-left: 10px;}
.aform dd	{margin-bottom: 6px;}
span.required	{color: #FF0000;}
.aform-textarea	{width: 280px;}


/*#################### text control ####################*/

.big	{font-size: 1.2em;}
.small	{font-size: 0.8em;}