@charset "Shift_JIS";

*{ margin:0; padding:0;}
html, body { text-align:center;}
body { background: #fff; font-size: 10px;}
.container, #container, #container2, #footer { margin: 0 auto; width: 860px; text-align:left;}
.infoarea { height: 500px;}
#map { margin: 0 auto; width: 700px; text-align:left;}
#contents { padding-top:65px;}
.copyright { float:right; width:300px;}
.topmain { margin-top:65px; height:298px; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed;}

.clear { clear:both;}
.fr { float:right;}
.fl { float:left;}
.r { text-align:right;}
.l { text-align:left;}
.center { text-align:center;}
.vt, table.vt td { vertical-align:top;}
.vb { vertical-align:bottom;}
.nr { white-space:nowrap;}
.hide { display:none; padding-bottom:10px;}

.bt1 { border-top: 1px solid #ededed;}
.bb1 { border-bottom: 1px solid #ededed;}
.pic { border: 1px solid #ccc;}
.lh1 { line-height: 1.8em;}
.ls1 { letter-spacing:1px;}
.size1 { font-size: 0.9em;}
.size9 { font-size: 9px;}
.size10 { font-size: 10px;}
.size12 { font-size: 12px;}
.bold { font-weight:bold;}
.black { color:#000;}
.gray { color:#666;}
.red { color:#ff0000;}

/* tag‹€’Κ */
body,td,p { font-family:arial, helvetica, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "ƒƒCƒŠƒI", "‚l‚r ƒSƒVƒbƒN", sans-serif; color: #4d4d4d; line-height: 1.3em;}
p { margin-bottom:5px;}
img { border: 0px;}
hr{ display:none;}
samp { font-size: 1em !important; font-size:1.1em;}
ul,li{ list-style-type:none; list-style-position:inside; list-style-image:none;}
.list1{ list-style-type:disc; list-style-position:outside; list-style-image:none; margin:2px 0 4px 30px;}
.list2{ list-style-type:decimal; list-style-position:outside; list-style-image:none; margin:2px 0 4px 30px;}

/* link */
a:link { color:#4d4d4d; text-decoration:underline;}
a:visited { color:#4d4d4d; text-decoration:underline;}
a:active { color:#4d4d4d; text-decoration:underline;}
a:hover{ color:#000; text-decoration:underline;}
.sitemap a:link { color:#4d4d4d; text-decoration:none;}
.sitemap a:visited { color:#4d4d4d; text-decoration:none;}
.sitemap a:active { color:#4d4d4d; text-decoration:none;}
.sitemap a:hover{ color:#000; text-decoration:none;}

/* padding */
.pad-3 { padding:3px;}
.pad-5 { padding:5px;}
.pad-10 { padding:10px;}
.pad-b3 { padding-bottom:3px;}
.pad-b5 { padding-bottom:5px;}
.pad-b10 { padding-bottom:10px;}
.pad-b15 { padding-bottom:15px;}
.pad-b20 { padding-bottom:20px;}
.pad-b30 { padding-bottom:30px;}
.pad-b40 { padding-bottom:40px;}
.pad-b50 { padding-bottom:50px;}
.pad-b60 { padding-bottom:60px;}
.pad-r5 { padding-right:5px;}
.pad-r10 { padding-right:10px;}
.pad-r20 { padding-right:20px;}
.pad-r25 { padding-right:25px;}
.pad-r30 { padding-right:30px;}
.pad-r40 { padding-right:40px;}
.pad-r50 { padding-right:50px;}
.pad-r105 { padding-right:105px;}
.pad-t2 { padding-top:1px;}
.pad-t5 { padding-top:5px;}
.pad-t10 { padding-top:10px;}
.pad-t15 { padding-top:15px;}
.pad-t20 { padding-top:20px;}
.pad-t30 { padding-top:30px;}
.pad-t40 { padding-top:40px;}
.pad-t50 { padding-top:50px;}
.pad-t65 { padding-top:65px;}
.pad-l5 { padding-left:5px;}
.pad-l10 { padding-left:10px;}
.pad-l20 { padding-left:20px;}
.pad-l30 { padding-left:30px;}
.pad-l40 { padding-left:40px;}
.pad-l50 { padding-left:50px;}

/* padding */
.p-3 { padding:3px;}
.p-5 { padding:5px;}
.p-10 { padding:10px;}
.p-20 { padding:20px;}
.p-b3 { padding-bottom:3px;}
.p-b5 { padding-bottom:5px;}
.p-b10 { padding-bottom:10px;}
.p-b15 { padding-bottom:15px;}
.p-b20 { padding-bottom:20px;}
.p-b30 { padding-bottom:30px;}
.p-b40 { padding-bottom:40px;}
.p-b50 { padding-bottom:50px;}
.p-b60 { padding-bottom:60px;}
.p-b70 { padding-bottom:70px;}
.p-b100 { padding-bottom:100px;}
.p-b150 { padding-bottom:150px;}
.p-b250 { padding-bottom:250px;}
.p-r5 { padding-right:5px;}
.p-r10 { padding-right:10px;}
.p-r15 { padding-right:15px;}
.p-r20 { padding-right:20px;}
.p-r25 { padding-right:25px;}
.p-r30 { padding-right:30px;}
.p-r35 { padding-right:35px;}
.p-r40 { padding-right:40px;}
.p-r50 { padding-right:50px;}
.p-t5 { padding-top:5px;}
.p-t10 { padding-top:10px;}
.p-t15 { padding-top:15px;}
.p-t20 { padding-top:20px;}
.p-t25 { padding-top:25px;}
.p-t30 { padding-top:30px;}
.p-t40 { padding-top:40px;}
.p-t50 { padding-top:50px;}
.p-t65 { padding-top:65px;}
.p-l5 { padding-left:5px;}
.p-l10 { padding-left:10px;}
.p-l15 { padding-left:15px;}
.p-l20 { padding-left:20px;}
.p-l30 { padding-left:30px;}
.p-l40 { padding-left:40px;}
.p-l50 { padding-left:50px;}
.p-l60 { padding-left:60px;}
.p-l140 { padding-left:140px;}
.p-l570 { padding-left:570px;}
.p-l580 { padding-left:580px;}

/* width */
.w10 { width:10px;}
.w20 { width:20px;}
.w30 { width:30px;}
.w40 { width:40px;}
.w50 { width:50px;}
.w60 { width:60px;}
.w70 { width:70px;}
.w80 { width:80px;}
.w90 { width:90px;}
.w100 { width:100px;}
.w110 { width:110px;}
.w120 { width:120px;}
.w130 { width:130px;}
.w140 { width:140px;}
.w150 { width:150px;}
.w160 { width:160px;}
.w170 { width:170px;}
.w180 { width:180px;}
.w190 { width:190px;}
.w200 { width:200px;}
.w210 { width:210px;}
.w220 { width:220px;}
.w230 { width:230px;}
.w240 { width:240px;}
.w250 { width:250px;}
.w260 { width:260px;}
.w270 { width:270px;}
.w280 { width:280px;}
.w290 { width:290px;}
.w300 { width:300px;}
.w310 { width:310px;}
.w320 { width:320px;}
.w330 { width:330px;}
.w340 { width:340px;}
.w350 { width:350px;}
.w360 { width:360px;}
.w370 { width:370px;}
.w380 { width:380px;}
.w390 { width:390px;}
.w400 { width:400px;}
.w410 { width:410px;}
.w420 { width:420px;}
.w430 { width:430px;}
.w440 { width:440px;}
.w450 { width:450px;}
.w460 { width:460px;}
.w470 { width:470px;}
.w480 { width:480px;}
.w490 { width:490px;}
.w500 { width:500px;}
.w550 { width:550px;}
.w560 { width:560px;}
.w580 { width:580px;}
.w600 { width:600px;}
.w620 { width:620px;}
.w650 { width:650px;}
.w670 { width:670px;}
.w700 { width:700px;}
.w710 { width:710px;}
.w750 { width:750px;}
.w760 { width:760px;}
.w830 { width:830px;}

/* event */
.eventlist, .eventlist2 { padding:10px 5px;}
.eventlist_hover { background:#ededed;cursor: pointer;}
.tabs ul { margin:0; padding:0; list-style:none;}
.tabs li.tab { background-color:#B3B3B3; float:left; margin-right:5px;}
.tabs li.tab a { width:15px; height:15px; display:block;}
.tabs li.active, .tabs li.tab a:hover {	background-color:#363636;}
.ui-tabs-nav .ui-tabs-selected a {	background-color:#363636;}
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
.ui-tabs-hide { display: none;}}
/* Hide useless elements in print layouts... */
@media print {
.ui-tabs-nav { display: none;}}

/* works */
.workslist { padding:0 26px 50px 26px;}

/* contact */
.contact { border: 1px solid #ededed; padding:15px;}

/* top */
.infotitle { border-bottom: 1px solid #ededed; padding:10px 0 5px 0; margin-bottom:10px; font-weight:bold; font-size:1.2em; color:#000; letter-spacing:1px;}
#slider1 {
    width: 860px; /* important to be same as image width */
    height: 298px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}

#slider1Content {
    width: 860px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.slider1Image {
    width: 860px;
    float: left;
    position: relative;
	display: none;
}
.slider1Image span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    background-color: #fff;
    color: #fff;
    display: none;
}
.slider1Image a:hover {
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
}
.slider1Image2 span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    background-color: #fff;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.left {
	top: 0;
    left: 0;
	width: 410px !important;
	height: 298px;
}
.right {
	right: 0;
	top: 0;
	width: 410px !important;
	height: 298px;
}








#slideshow .slides-nav {
	padding-top: 10px;
}

#slideshow .slides-nav li {	
	float: left;
	margin-right: 5px;
}
#slideshow .slides-nav li a {
	display: block;
	overflow: hidden;
	background: url(../images/btn.gif) no-repeat;
	width: 10px;
	height: 10px;
	text-indent: -9999px;
}
#slideshow .slides-nav:after	{ height:0;	visibility: hidden;	content: ".";	display: block;	clear: both; }
.js #slideshow .slides-nav li.on,
.js #slideshow .slides-nav li.on a {
	background: url(../images/btn_on.gif) no-repeat;
}
#slideshow .slides	{
	width: 860px; height:298px;
}