@charset "UTF-8";

@media print {
body {zoom:100%;}
}

/* ------------------------------------------------------------------------------------------
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
------------------------------------------------------------------------------------------ */
/* reset css */
html{color:#666;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}


/* ------------------------------------------------------------------------------------------
common
------------------------------------------------------------------------------------------ */
body { font-size:13px; font-family:"ＭＳ Ｐゴシック",Osaka,"Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",sans-serif; }
body { background:url(../images/bg_body.gif) 0 0; }

li img				{ vertical-align:top; }
em,strong			{ font-weight:bold; }
img						{ margin:0; padding:0; }
a:link,a:visited				{ color:#F60; text-decoration:underline; }
a:hover,a:active				{ color:#F60; text-decoration:none; }
.clearFix			{ clear:both; height:0; font-size:0; }


/* ------------------------------------------------------------------------------------------
container
------------------------------------------------------------------------------------------ */
#container { width:840px; margin:0 auto; padding:0; background:url(../images/bg_container.gif) 0 0 repeat-y; }


/* ------------------------------------------------------------------------------------------
header
------------------------------------------------------------------------------------------ */
#header { width:828px; margin:0 auto; padding:10px 6px 0; background:url(../images/bg_header.gif) 0 0 no-repeat; }

#header h1		{ margin:0; padding:0; }


/* ------------------------------------------------------------------------------------------
menu
------------------------------------------------------------------------------------------ */
#menu { width:828px; margin:0 auto; padding:0 6px; background:url(../images/bg_menu.gif) 50% 100% no-repeat; }

#menu ul			{ margin:0; padding:0 0 3px; }
#menu ul li		{ display:inline; }


/* ------------------------------------------------------------------------------------------
content
------------------------------------------------------------------------------------------ */
.inx #content { width:794px; margin:0 auto; padding:0 16px 0 30px; background:url(../images/bg_content.gif) 50% 0 repeat-y; }
.otr #content { width:778px; margin:0 auto; padding:0 16px 0 46px; background:url(../images/bg_content.gif) 50% 0 repeat-y; }

#content .mB5						{ margin-bottom:5px; }
#content .mB8						{ margin-bottom:8px; }
#content .mB10					{ margin-bottom:10px; }
#content .mT5						{ margin-top:5px; }
#content .mT20					{ margin-top:20px; }
#content .mT30					{ margin-top:30px; }

.inx #content .spLft		{ width:520px; float:left; margin-top:25px; }
.otr #content .spLft		{ width:490px; float:left; margin-top:45px; }
#content .spRgt					{ width:240px; float:right; margin-top:8px; margin-bottom:15px; }

/* index ----------------------------------------*/
.inx #content .spLft .spImg				{ width:520px; margin:0 0 28px; padding:0; }
.inx #content .spLft .spImg .ing						{ width:190px; float:left; }
.inx #content .spLft .spImg .ed							{ width:330px; float:right; }

.inx #content .spLft .spNews			{ width:500px; margin:0; padding:0 10px; background:url(../images/bg_title.gif) 0 0 repeat-x; }
.inx #content .spLft .spNews h2							{ width:61px; float:left; }
.inx #content .spLft .spNews h2 img					{ margin:7px 0; padding:0; }
.inx #content .spLft .spNews p							{ width:45px; float:right; }
.inx #content .spLft .spNews p img					{ margin:9px 0 10px; padding:0; }

.inx #content .spLft .arNews			{ width:490px; margin:0; padding:10px 15px; background:url(../images/br_dotline.gif) 0 100% no-repeat; }
.inx #content .spLft .arNews h3							{ font-weight:bold; font-size:108%; color:#333; line-height:1.2; }
.inx #content .spLft .arNews p							{ line-height:1.2; }
.inx #content .spLft .arNews p.dt						{ margin:0; padding:0; text-align:right; }

/* index *//* other ------------------------------*/
.otr #content .spLft h2	{ margin:0; padding:0; }
.otr #content .spLft h3	{ margin:45px 0 0; padding:12px; background:#EED; color:#543; font-weight:bold; }
.otr #content .spLft h4	{ margin:30px 0 10px 5px; padding:0 0 0 7px; color:#543; font-weight:bold; border-left:3px solid #987; }

.otr #content .spLft p	{ line-height:1.2; }
.otr #content .spLft p.txt				{ margin:30px 15px 0; padding:0; }

.otr #content img.image						{ display:none; }
.otr #content div#imagemap				{ margin:0; padding:0; width:489px; height:326px; position:relative; background:transparent url(../images/img_photos.gif) 0 0 no-repeat; }
.otr #content div#imagemap p			{ margin:0; padding:0; position:absolute; }
.otr #content div#imagemap p a span{ display:none; }
.otr #content div#imagemap a:hover{ position:absolute; }
.otr #content div#imagemap p#map01{ top:108px; left:184px; }.otr #content div#imagemap p#map01 a{ position:absolute; width:20px; height:20px; }
.otr #content div#imagemap p#map02{ top:123px; left:204px; }.otr #content div#imagemap p#map02 a{ position:absolute; width:20px; height:20px; }
.otr #content div#imagemap p#map03{ top:113px; left:278px; }.otr #content div#imagemap p#map03 a{ position:absolute; width:20px; height:20px; }
.otr #content div#imagemap p#map04{ top:238px; left:247px; }.otr #content div#imagemap p#map04 a{ position:absolute; width:20px; height:20px; }
.otr #content div#imagemap p#map05{ top:205px; left:260px; }.otr #content div#imagemap p#map05 a{ position:absolute; width:20px; height:20px; }
.otr #content div#imagemap p#map07{ top:208px; left:384px; }.otr #content div#imagemap p#map07 a{ position:absolute; width:20px; height:20px; }
.otr #content div#imagemap p#map08{ top:278px; left:403px; }.otr #content div#imagemap p#map08 a{ position:absolute; width:20px; height:20px; }
.otr #content div#imagemap p#map09{ top:132px; left:140px; }.otr #content div#imagemap p#map09 a{ position:absolute; width:20px; height:20px; }
.otr #content div#imagemap p#map10{ top:100px; left:301px; }.otr #content div#imagemap p#map10 a{ position:absolute; width:20px; height:20px; }
.otr #content div#imagemap p#map11{ top:146px; left:386px; }.otr #content div#imagemap p#map11 a{ position:absolute; width:20px; height:20px; }
.otr #content div#imagemap p#map12{ top:238px; left:184px; }.otr #content div#imagemap p#map12 a{ position:absolute; width:20px; height:20px; }
.otr #content div#imagemap p#map13{ top:130px; left:226px; }.otr #content div#imagemap p#map13 a{ position:absolute; width:20px; height:20px; }
.otr #content div#imagemap p#map14{ top:161px; left:278px; }.otr #content div#imagemap p#map14 a{ position:absolute; width:20px; height:20px; }
.otr #content div#imagemap p#map15{ top:192px; left:220px; }.otr #content div#imagemap p#map15 a{ position:absolute; width:20px; height:20px; }

.otr #content .spLft ul.dot				{ margin:0 15px; padding:0; }
.otr #content .spLft ul.dot li		{ margin:0; padding:3px 0 3px 10px; line-height:1.2; color:#543; background:url(../images/mrk_dot.gif) 0 5px no-repeat; }
.otr #content .spLft ul.arw				{ margin:5px 15px 0 15px; padding:0; }
.otr #content .spLft ul.arw li		{ margin:0; padding:3px 0 3px 10px; line-height:1.2; background:url(../images/mrk_arrow.gif) 0 5px no-repeat; }
.otr #content .spLft ul.dotb			{ margin:30px 15px 0; padding:0; }
.otr #content .spLft ul.dotb li		{ margin:0; padding:3px 0 3px 10px; line-height:1.2; color:#543; font-weight:bold; background:url(../images/mrk_dot.gif) 0 5px no-repeat; }
.otr #content .spLft ul.dotn			{ margin:30px 15px 0; padding:0; }
.otr #content .spLft ul.dotn li		{ margin:0; padding:3px 0 3px 10px; line-height:1.2; color:#543; background:url(../images/mrk_dot.gif) 0 5px no-repeat; }
.otr #content .spLft ul.nn				{ margin:5px 15px 0; padding:0; }
.otr #content .spLft ul.nn li			{ margin:0; padding:0; line-height:1.2; background:none; }

.otr #content .spLft ul.img				{ width:460px; margin:0 15px; padding:0; }
.otr #content .spLft ul.img li		{ float:left; width:115px; margin:0; padding:0; vertical-align:bottom; }
.otr #content .spLft ul.img li img{ vertical-align:bottom; margin-top:20px; }

.otr #content table			{ margin-left:15px; padding:0; border-collapse:collapse; border-width:1px 0 0 1px; border-style:solid; border-color:#CCC; }
.otr #content table td						{ vertical-align:top; background:#F8F8F8; padding:5px 10px; border-width:0 1px 1px 0; border-style:solid; border-color:#CCC; line-height:1.2; }

.otr #content table.frm	{ margin:30px 0 15px; padding:0; width:490px; border-collapse:collapse; border-width:1px 0 0 0; border-style:solid; border-color:#eee; }
.otr #content table.frm th				{ vertical-align:top; background:#fff; padding:15px 3px 10px; border-width:0 0 1px 0; border-style:solid; border-color:#eee; line-height:1.2; width:140px;}
.otr #content table.frm td				{ vertical-align:top; background:#fff; padding:10px 0; border-width:0 0 1px 0; border-style:solid; border-color:#eee; line-height:1.2; }

.otr #content p.btn			{ text-align:center; }
.otr #content form			{ margin:0; padding:0; }
.otr #content input			{ margin:0; padding:0; }
.otr #content input.txt	{ border:1px solid #CCC; margin:0; padding:2px; width:270px; }
.otr #content select		{ margin:0; padding:0; }
.otr #content textarea	{ width:320px; height:200px; border:1px solid #CCC; margin:0; padding:2px; }

.otr #content iframe		{ margin:30px 15px 0; padding:0; }
/* other *//* common ------------------------------*/
#content .spLft #TopSwitch				{ margin:50px 0 15px; padding:0; text-align:right; }
#content .spLft #TopSwitch a:link,
#content .spLft #TopSwitch a:visited				{ color:#666; text-decoration:none; }
#content .spLft #TopSwitch a:hover,
#content .spLft #TopSwitch a:active					{ color:#666; text-decoration:underline; }
/* common ----------------------------------------*/

#content .spRgt .bxR							{ margin:0 0 10px; padding:0 15px 0 0; background:url(../images/bx_line.gif) 100% 0 repeat-y; }
#content .spRgt .bxL							{ padding:0 0 0 15px; background:url(../images/bx_line.gif) 0 0 repeat-y; }
#content .spRgt .bxT							{ font-size:0.1em; height:15px; margin:0 -15px; background:url(../images/bx_body.gif) 100% 0 no-repeat; }
#content .spRgt .bxT div					{ font-size:0.1em; width:15px; height:15px; background:url(../images/bx_body.gif) 0 0 no-repeat; }
#content .spRgt .bxB							{ font-size:0.1em; height:15px; margin:0 -15px; background:url(../images/bx_body.gif) 100% 100% no-repeat; }
#content .spRgt .bxB div					{ font-size:0.1em; width:15px; height:15px; background:url(../images/bx_body.gif) 0 100% no-repeat; }
#content .spRgt .ln								{ margin:0 0 6px; padding:0 0 6px; border-bottom:1px solid #CCC; }


/* ------------------------------------------------------------------------------------------
footer
------------------------------------------------------------------------------------------ */
#footer { width:800px; margin:0 auto; padding:0 15px; border-top:1px solid #CCC; font-size:88%; line-height:1.2; }

#footer p								{ width:400px; float:left; margin:0; padding:15px 0; }
#footer address					{ width:400px; float:right; margin:0; padding:15px 0; text-align:right; }


/* ------------------------------------------------------------------------------------------
hack
------------------------------------------------------------------------------------------ */
.fix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.fix { display:inline-block; }
/*\*/
* html .fix { height:1%; }
.fix { display:block; }
/**/