@charset "UTF-8";

body
{
	margin: 0px;
	padding: 0px;
	background: #eeeeee;
	color: #000000;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "MS PGothic", sans-serif;
	font-size: 12px;
	line-height: 130%;
}

img
{
	border: none;
}

.clear
{
	clear: both;
	font-size: 0px;
	line-height: 0px;
}

.align_right
{
	text-align: right;
}

a:link, a:visited
{
	color: #3377dd;
	text-decoration: none;
}

a:hover, a:active
{
	text-decoration: underline;
}


#body
{
	padding: 0px 16px;
	background: url(../images/bg.gif) repeat-y center bottom;
}

#body .bottom
{
	height: 24px;
	background: url(../images/bg_bottom.gif) no-repeat center top;
	font-size: 0px;
	line-height: 0px;
}


#header h1
{
	width: 768px;
	margin: 0px;
}


table#content
{
	width: 768px;
	background: url(../images/bg.gif) repeat-y center bottom;
}

td#left
{
	width: 192px;
	padding: 0px 0px 160px;
	border: none;
	background: #ffffff url(../images/logo_bottom.gif) no-repeat center bottom;
	font-size: 12px;
	line-height: 130%;
	text-align: left;
	vertical-align: top;
}

#menu
{
	margin: 16px 0px 0px 16px;
	background: url(../images/menu_bg.gif) repeat-y center top;
}

#menu ul
{
	margin: 0px 0px 0px -1px;
	padding: 4px 0px 0px;
	list-style: none;
	background: url(../images/menu_top.gif) no-repeat center top;
	border-left: solid 1px #ffffff;
}

#menu ul li
{
	padding: 4px 8px 5px;
	background: url(../images/menu_separator.gif) no-repeat center bottom;
	font-size: 0px;
	line-height: 0px;
}

#menu ul li.last
{
	background: none;
}

#menu ul li a
{
	display: block;
	width: 144px;
	height: 20px;
	line-height: 20px;
}

#menu ul li a:hover
{
	text-decoration: none;
}

#menu ul li a#menu_home:link, #menu ul li a#menu_home:visited
{
	background: url(../images/menu_home0.gif) no-repeat center center;
}

#menu ul li a#menu_home:hover, #menu ul li a#menu_home:active
{
	background: url(../images/menu_home1.gif) no-repeat center center;
}

#menu ul li a#menu_news:link, #menu ul li a#menu_news:visited
{
	background: url(../images/menu_news0.gif) no-repeat center center;
}

#menu ul li a#menu_news:hover, #menu ul li a#menu_news:active
{
	background: url(../images/menu_news1.gif) no-repeat center center;
}

#menu ul li a#menu_news2:link, #menu ul li a#menu_news2:visited
{
	background: url(../images/menu_news2.gif) no-repeat center center;
}

#menu ul li a#menu_news2:hover, #menu ul li a#menu_news2:active
{
	background: url(../images/menu_news3.gif) no-repeat center center;
}

#menu ul li a#menu_tour:link, #menu ul li a#menu_tour:visited
{
	background: url(../images/menu_tour0.gif) no-repeat center center;
}

#menu ul li a#menu_tour:hover, #menu ul li a#menu_tour:active
{
	background: url(../images/menu_tour1.gif) no-repeat center center;
}

#menu ul li a#menu_tour2:link, #menu ul li a#menu_tour2:visited
{
	background: url(../images/menu_tour2.gif) no-repeat center center;
}

#menu ul li a#menu_tour2:hover, #menu ul li a#menu_tour2:active
{
	background: url(../images/menu_tour3.gif) no-repeat center center;
}

#menu ul li a#menu_product:link, #menu ul li a#menu_product:visited
{
	background: url(../images/menu_product0.gif) no-repeat center center;
}

#menu ul li a#menu_product:hover, #menu ul li a#menu_product:active
{
	background: url(../images/menu_product1.gif) no-repeat center center;
}

#menu ul li a#menu_product2:link, #menu ul li a#menu_product2:visited
{
	background: url(../images/menu_product2.gif) no-repeat center center;
}

#menu ul li a#menu_product2:hover, #menu ul li a#menu_product2:active
{
	background: url(../images/menu_product3.gif) no-repeat center center;
}

#menu ul li a#menu_service:link, #menu ul li a#menu_service:visited
{
	background: url(../images/menu_service0.gif) no-repeat center center;
}

#menu ul li a#menu_service:hover, #menu ul li a#menu_service:active
{
	background: url(../images/menu_service1.gif) no-repeat center center;
}

#menu ul li a#menu_service2:link, #menu ul li a#menu_service2:visited
{
	background: url(../images/menu_service2.gif) no-repeat center center;
}

#menu ul li a#menu_service2:hover, #menu ul li a#menu_service2:active
{
	background: url(../images/menu_service3.gif) no-repeat center center;
}

#menu ul li a#menu_company:link, #menu ul li a#menu_company:visited
{
	background: url(../images/menu_company0.gif) no-repeat center center;
}

#menu ul li a#menu_company:hover, #menu ul li a#menu_company:active
{
	background: url(../images/menu_company1.gif) no-repeat center center;
}

#menu ul li a#menu_case:link, #menu ul li a#menu_case:visited
{
	background: url(../images/menu_case0.gif) no-repeat center center;
}

#menu ul li a#menu_case:hover, #menu ul li a#menu_case:active
{
	background: url(../images/menu_case1.gif) no-repeat center center;
}

#menu ul li a#menu_case2:link, #menu ul li a#menu_case2:visited
{
	background: url(../images/menu_case2.gif) no-repeat center center;
}

#menu ul li a#menu_case2:hover, #menu ul li a#menu_case2:active
{
	background: url(../images/menu_case3.gif) no-repeat center center;
}

#menu ul li a#menu_inquiry:link, #menu ul li a#menu_inquiry:visited
{
	background: url(../images/menu_inquiry0.gif) no-repeat center center;
}

#menu ul li a#menu_inquiry:hover, #menu ul li a#menu_inquiry:active
{
	background: url(../images/menu_inquiry1.gif) no-repeat center center;
}

#menu ul li a#menu_inquiry2:link, #menu ul li a#menu_inquiry2:visited
{
	background: url(../images/menu_inquiry2.gif) no-repeat center center;
}

#menu ul li a#menu_inquiry2:hover, #menu ul li a#menu_inquiry2:active
{
	background: url(../images/menu_inquiry3.gif) no-repeat center center;
}

#menu ul.sub
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	border: none;
	background: #ddeeff;
}

#menu ul.sub li
{
	padding: 0px 3px 0px 6px;
	border: solid 1px #ddeeff;
	background: none;
	font-size: 12px;
	line-height: 100%;
}

#menu ul.sub li a
{
	display: block;
	width: auto;
	height: auto;
	padding: 4px 2px 4px 10px;
	background: url(../images/submenu.gif) no-repeat left top;
	line-height: 110%;
}

#menu ul.sub li a:link, #menu ul.sub li a:visited
{
	color: #000000;
	text-decoration: none;
}

#menu ul.sub li a:hover, #menu ul.sub li a:active
{
	background: #c0deff url(../images/submenu.gif) no-repeat left top;
}

#menu ul li .bottom
{
	height: 4px;
	background: url(../images/submenu_bottom.gif) no-repeat center top;
	font-size: 0px;
	line-height: 0px;
}

#menu .bottom
{
	height: 8px;
	margin-top: -4px;
	background: url(../images/menu_bottom.gif) no-repeat center top;
	font-size: 0px;
	line-height: 0px;
}

#news
{
	margin: 20px 0px 0px 16px;
}

#news h2
{
	width: auto;
	margin: 0px 0px 8px;
	padding: 0px;
	border: none;
}

#news .item
{
	margin-top: 4px;
	padding-left: 10px;
}

#news .item .date
{
	margin: 0px 0px 0px -12px;
	padding: 0px 0px 0px 12px;
	background: url(../images/item.gif) no-repeat left center;
	text-align: left;
}


td#right
{
	padding: 16px 16px 24px;
	border: none;
	background: #ffffff;
	font-size: 12px;
	line-height: 130%;
	text-align: left;
	vertical-align: top;
}

#pathlist
{
	margin: 0px 0px 16px;
	font-size: 11px;
}

.pagetop
{
	margin: 16px 0px 0px;
	font-size: 10px;
	text-align: right;
	clear: both;
}

h2
{
	width: 560px;
	margin: 0px;
	padding-bottom: 8px;
	border-bottom: solid 1px #888888;
}

h3
{
	margin: 24px 0px 8px;
	padding-left: 23px;
	background: url(../images/head_bg.gif) no-repeat left center;
	color: #ffffff;
	font-size: 14px;
	line-height: 23px;
	font-weight: bold;
}

h4
{
	margin: 8px 0px 8px -4px;
	padding-left: 12px;
	background: url(../images/item.gif) no-repeat left center;
	font-size: 12px;
	line-height: 150%;
	font-weight: bold;
}

.subcap
{
	margin: 8px 0px 24px;
}

.content
{
	padding: 0px 0px 0px 8px;
}

.date
{
	margin: 8px 0px 16px;
	padding-top: 4px;
	background: url(../images/separator_h.gif) repeat-x left top;
	text-align: right;
}

.frame1
{
	background: url(../images/frame1_bg.gif) repeat-y center center;
}

.frame1 .top
{
	height: 12px;
	background: url(../images/frame1_top.gif) no-repeat center bottom;
	font-size: 0px;
	line-height: 0px;
}

.frame1 .body
{
	padding: 0px 20px;
}

.frame1 .bottom
{
	height: 12px;
	background: url(../images/frame1_bottom.gif) no-repeat center top;
	font-size: 0px;
	line-height: 0px;
}

.frame2
{
	background: url(../images/frame2_bg.gif) repeat-y center center;
}

.frame2 .top
{
	height: 12px;
	background: url(../images/frame2_top.gif) no-repeat center bottom;
	font-size: 0px;
	line-height: 0px;
}

.frame2 .body
{
	padding: 4px 16px;
}

.frame2 .bottom
{
	height: 12px;
	background: url(../images/frame2_bottom.gif) no-repeat center top;
	font-size: 0px;
	line-height: 0px;
}

#submenu
{
	margin: 24px 0px -8px 0px;
	background: #ddeeff;
}

#submenu .top
{
	height: 8px;
	background: url(../images/submenu_top2.gif) no-repeat center top;
	font-size: 0px;
	line-height: 0px;
}

#submenu .body
{
	width: 544px;
	margin: 0px;
	padding: 0px;
}

#submenu .bottom
{
	height: 8px;
	background: url(../images/submenu_bottom2.gif) no-repeat center bottom;
	font-size: 0px;
	line-height: 0px;
}

#submenu ul
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#submenu ul li
{
	float: left;
	margin: 0px;
	line-height: 100%;
}

#submenu ul li a
{
	display: block;
	width: auto;
	height: auto;
	margin-left: 8px;
	padding: 2px 4px 2px 10px;
	background: url(../images/submenu.gif) no-repeat left top;
}

#submenu ul li a:link, #submenu ul li a:visited
{
	color: #000000;
	text-decoration: none;
}

#submenu ul li a:hover, #submenu ul li a:active
{
	background: #c0deff url(../images/submenu.gif) no-repeat left top;
}

.photo_left
{
	float: left;
	margin-right: 12px;
}

.photo_right
{
	float: right;
	margin-left: 12px;
}

#expand
{
	margin-top: 12px;
	text-align: right;
	clear: both;
}

#extended
{
	display: none;
	clear: both;
}

.link_detail
{
	margin: 0px;
	text-align: right;
}

.link_detail a:link img, .link_detail a:visited img
{
	background: url(../images/button_detail0.gif);
}

.link_detail a:hover img, .link_detail a:active img
{
	background: url(../images/button_detail1.gif);
}

.buttons
{
	margin: 8px 0px;
	text-align: center;
}

table
{
	width: auto;
	border-collapse: collapse;
}

table th
{
	width: 1%;
	padding: 4px 4px 4px 12px;
	border: solid 1px #888888;
	background: #dddddd url(../images/item.gif) no-repeat left center;
	font-size: 12px;
	line-height: 130%;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
}

table td
{
	padding: 4px 8px;
	border: solid 1px #888888;
	background: #f7f7f7;
	font-size: 12px;
	line-height: 130%;
	vertical-align: top;
}


img.top_image
{
	margin: -8px 0px -8px 0px;
}

.top_items
{
	margin-top: 16px;
}

.top_items .item
{
	float: left;
	width: 278px;
	margin: 0px;
}

.top_items .item h4
{
	width: auto;
	margin: 8px 0px 19px 15px;
	padding: 0px 0px 0px 6px;
	border-left: solid 4px #da0000;
	background: none;
}

.top_items .item .content
{
	margin: 0px;
	padding: 0px;
}

.top_items .item .content p
{
	height: 33px;
	margin: 0px 15px;
	padding: 0px 0px 0px 12px;
	line-height: 110%;
	overflow: visible;
}

.top_items .item1
{
	height: 104px;
	background: url(../images/top_item_bg1.gif) no-repeat left top;
}

.top_items .item2
{
	height: 104px;
	margin-left: 4px;
	background: url(../images/top_item_bg1.gif) no-repeat left top;
}

.top_items .item3
{
/*	height: 72px;*/
	height: 104px;
	margin-top: 4px;
/*	background: url(../images/top_item_bg2.gif) no-repeat left top;*/
	background: url(../images/top_item_bg1.gif) no-repeat left top;
}

.top_items .item4
{
/*	height: 72px;*/
	height: 104px;
	margin-top: 4px;
	margin-left: 4px;
/*	background: url(../images/top_item_bg2.gif) no-repeat left top;*/
	background: url(../images/top_item_bg1.gif) no-repeat left top;
}

.top_items .link_detail
{
	margin-right: 15px;
}

h3.top_catch
{
	margin: 32px 0px 16px 0px;
	padding: 0px;
	border: none;
	background: none;
	text-align: center;
}


.items
{
	padding: 0px 0px 0px 8px;
}

.items .head
{
	margin-top: 8px;
}

* html .items .head
{
	margin-bottom: -20px;
}

.items .head em
{
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
}

.items .item
{
	padding: 24px 0px 0px 8px;
	clear: both;
}

.items .item h5
{
	margin: 0px 0px 8px -8px;
	padding: 0px 0px 3px 4px;
	border-left: solid 4px #da0000;
	background: url(../images/category_bottom.gif) repeat-x left bottom;
	font-size: 12px;
	font-weight: bold;
}

form
{
	margin: 8px 0px;
	padding: 8px 16px;
	border: solid 3px #f7f7f7;
	background: #f3f3f3;
}

form .item
{
	margin: 8px 0px;
}

form .item .caption
{
	padding-left: 12px;
	background: url(../images/item.gif) no-repeat left center;
	font-weight: bold;
}

form table
{
	margin: 8px 0px;
}

.must
{
	color: #da0000;
	font-weight: normal;
}

p.error
{
	color: #ff0000;
	font-weight: bold;
}

#map
{
	margin-bottom: 42px;
	background: #ffffff;
}

#map #content
{
	width: 520px;
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#map #content img.photo
{
	float: left;
	margin: 0px 8px 8px 0px;
}

#map #content p
{
	margin: 24px 0px;
}