@charset "Shift_JIS";

*{ margin:0; padding:0;}
html, body { text-align:center;}
body { background: #fff; font-size: 10px;}
#container, #container2, #footer { margin: 0 auto; width: 860px; text-align:left;}
.copyright { float:right; width:300px;}

.clear { clear:both;}
#contents { padding-top:65px;}
.fr { float:right;}
.fl { float:left;}
.right { text-align:right;}
.left { text-align:left;}
.center { text-align:center;}
.vt { 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, sans-serif;
	color: #4d4d4d;
	line-height: 1em;
}
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;}




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