@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	{padding-left: 20px; margin-bottom: 1em;}
ol	{padding-left: 28px; margin-bottom: 1em;}
i	{background-color: #FFFF00; font-style: normal; font-weight: bold;}

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

a	{text-decoration: underline;}
	a:hover	{color: #FF6633; text-decoration: none; position: relative; top: 0px; left: 0px;}
	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;}
.green	{color: #006600;}
.orange	{color: #FF6600;}

.big	{font-size: 1.15em;}
.small	{font-size: 0.8em;}
.bold	{font-weight: bold;}

div.y_box	{background-color: #FFFFCC; border: dotted 1px #006600; padding: 1em 1em 0 1em; margin-bottom: 1em;}

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

#container	{}
	#container-inner	{}

#header, #footer	{background: url(common/header_line00.gif) repeat-x top; margin-bottom: 3px; font-size: 12px; padding-bottom: 10px;}
	#footer			{margin-top: 24px; clear: both;}
	#header-inner, #footer-inner	{
			width: 810px; margin: 0 auto; padding-top: 10px; text-align: left;
			background: url(common/header_line01.gif) no-repeat left top;
			}

#content	{width: 810px; margin: 0 auto;}
	#content-inner	{text-align: left;}

#alpha	{width: 550px; float: left; padding: 0 33px 24px 0;}
	#alpha-inner	{width: 550px;}

#beta, #gamma	{width: 200px; float: left; padding: 0 0 24px 0; font-size: 12px;}
	#beta-inner	{}

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

/*--- header ---*/
#header-name	{padding: 6px 6px 10px 0; margin-bottom: 0;}

#header_navi	{clear: left; width: 810px; height: 37px; overflow: hidden; margin-bottom: 6px;}
	#header_navi ul	{margin: 0; padding: 0;}
	#header_navi li	{list-style-type: none; width: 133px; height: 37px; float: left; text-indent:-9999px; margin-right: 2px;}
	#header_navi li a	{display: block; width: 133px; height: 37px;}
	#header_navi li a:hover	{position: relative; top: 0px; left: 0px;}
		#header_navi li.toppage a		{background: url(common/button_toppage.gif) no-repeat 0 0;}
			#header_navi li.toppage a:hover	{background: url(common/button_toppage.gif) no-repeat 0 -37px;}
		#header_navi li.aboutus a	{background: url(common/button_aboutus.gif) no-repeat 0 0;}
			#header_navi li.aboutus a:hover	{background: url(common/button_aboutus.gif) no-repeat 0 -37px;}
		#header_navi li.works a	{background: url(common/button_works.gif) no-repeat 0 0;}
			#header_navi li.works a:hover	{background: url(common/button_works.gif) no-repeat 0 -37px;}
		#header_navi li.staff a		{background: url(common/button_staff.gif) no-repeat 0 0;}
			#header_navi li.staff a:hover	{background: url(common/button_staff.gif) no-repeat 0 -37px;}
		#header_navi li.recruit a		{background: url(common/button_recruit.gif) no-repeat 0 0;}
			#header_navi li.recruit a:hover	{background: url(common/button_recruit.gif) no-repeat 0 -37px;}
		#header_navi li.inq a		{background: url(common/button_contact.gif) no-repeat 0 0;}
			#header_navi li.inq a:hover	{background: url(common/button_contact.gif) no-repeat 0 -37px;}

.breadcrumbs	{font-size: 12px; padding: 10px 2px;}
	.breadcrumbs img	{margin: 0 6px; vertical-align: middle;}


/*--- footer ---*/
#footer #copy	{margin: 10px 0; color: #999;}

/*--- side ---*/
#beta	{font-size: ;}
.widget	{margin-bottom: 15px;}

/*--- side menu ---*/
.side_menu	{margin-bottom: 24px;}
	.side_menu h3	{
		display: block; width: 194px; height: 25px; background: url(common/menu_h.gif) no-repeat;
		margin: 0; color: #666; font-size: 14px; padding: 12px 0 0 6px;}
	.side_menu h3 a {text-decoration: none; color: #666;}
		.side_menu h3 a:hover	{color: #FF6633;}
	.side_menu ul	{margin: 0; padding: 0; list-style-type: none;}
	.side_menu li a	{
		display: block; height: 19px; width: 180px; background: url(common/menu_b.gif) no-repeat;
		padding-top: 4px; padding-left: 20px; text-decoration: none; color: #333;
		}
		.side_menu li a:hover	{color: #FF6633;}

.inqbox	{width: 184px; background: url(common/inqbox1.gif) no-repeat; padding-top: 28px;
		text-align: center; margin: auto; margin-bottom: 10px;}
	.inqbox_b	{width: 184px; height: 10px; background: url(common/inqbox2.gif) no-repeat;}
	.inqbox p	{margin-bottom: 4px;}

.com_message	{text-align: center;}
	.com_message p	{margin-bottom: 3px;}

	#beta .banner	{text-align: center; margin-bottom: 6px;}



/*### Contents ###*/

#alpha h1#page-title	{background: url(common/ctitle_b.gif) no-repeat bottom; padding: 0 0 5px 2px; color: #666;}
#alpha p, #alpha li	{line-height: 145%;}


.asset-content	{}
p.entry_date	{padding-top: 15px; text-align: right;}

.asset-content h2	{border-left: solid 3px #ccc; border-bottom: solid 1px #ccc; padding: 0 0 3px 6px; margin-top: 2em;}
.asset-content p	{line-height: 135%;}
.asset-content li	{margin-bottom: 6px;}

.asset-content table	{width: 100%; border: solid 1px #ccc; border-collapse: collapse;}
	.asset-content th	{
			border: solid 1px #ccc; padding: 3px 6px; background-color: #efefef;
			font-weight: normal; white-space: nowrap; text-align: center;}
	.asset-content td	{border: solid 1px #ccc; padding: 3px;}

.asset-content div.box	{border: double 4px #ccc; padding: 10px 10px 0 10px; margin-bottom: 1em;}

.asset-footer	{clear: all; font-size: 12px; margin-top: 35px; padding: 6px; border-top: dotted 1px #ccc;}
.asset-footer p.oe	{}


/*--- aform ---*/
.aform-header	{}

#aform-form-1 dl	{border-bottom: dotted 1px #ccc; padding: 5px 3px 5px 6px; border-left: solid 3px #ccc; margin-bottom: 8px;}
#aform-form-1 dt	{display:block; width: 170px; line-height: 16px; float: left;}
#aform-form-1 dd	{}
#aform-form-1 textarea.aform-textarea	{width: 280px;}

#aform-form-2 dl	{border-bottom: dotted 1px #ccc; padding: 5px 3px 5px 6px; border-left: solid 3px #ccc; margin-bottom: 8px;}
#aform-form-2 dt	{padding-bottom: 5px; font-weight: bold;}


span.required	{color: #FF0000;}




/*### 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;}




/*#################### top page ####################*/

#top_left_column	{width: 150px; float: left; margin-right: 20px;}
dl.newtopics	{}
	dl.newtopics dd	{border-bottom: dotted 1px #ccc; padding-bottom: 4px; margin-bottom: 3px;}

#top_center_column	{width: 470px; float: left; padding-bottom: 24px;}
	.gyomu01	{width: 230px; height: 80px; float: left; margin-bottom: 8px; margin-right: 6px; margin-left: 2px;}
	.gyomu02	{width: 230px; height: 80px; float: left; margin-bottom: 8px;}
	.gyomu03	{clear: both; width: 230px; height: 80px; text-align: center; margin: 0 auto 8px auto;}

#top_right_column	{width: 150px; float: right;}
	#top_right_column .banner	{text-align: center; margin-bottom: 6px;}

#top-ticker	{
		font-size: 14px; background: url(images/ticker_back.gif) no-repeat;
		width: 468px; height: 60px; margin: 1em auto 2em auto; color: #fff;}
	#top-ticker div.inner	{padding: 33px 5px 5px 5px;}
	#top-ticker a	{color: #FFFF00;}