/* CSS Document */


/********/
/* ZERO */
/********/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;  vertical-align:baseline; }
:focus { outline:0; }
a:active { outline:none; }
body { line-height:1; }
ol,ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; }
caption,th,td { text-align:left; font-weight:normal; }
blockquote:before,blockquote:after,q:before,q:after { content:""; }
blockquote,q { quotes:"" ""; }
.clr {clear: both;overflow: hidden;width: 1px;height: 1px;margin: 0 -1px -1px 0;border: 0;padding: 0;font-size: 0; }

/*******/
/* set */
/*******/
body { 
	font:normal Helvetica, Arial, sans-serif;
	letter-spacing:0;
	color:#666666;
	background:#FFF;
	padding:0px;
	position:relative;
	text-align:center;
}
section,nav,article,aside,header,footer {display:block;margin:0px auto;}

#pack{ width:1200px; margin:0px auto; text-align:left; background:#FFFFFF; border-right:#CCC 1px dotted;border-left:#CCC  1px dotted; }


#pagetop {
	border-radius: 5px;	background:#E8E8E8; width:80px; font-size: 11px; text-align: center; margin: 10px; font-weight:bold;}

#pagetop a{	text-shadow: 1px 1px 0 #ddd;display: block;	padding: 5px 0;	color:#666;	text-decoration: none;}

/*********/
/* topicPath */
/*********/

#pagepath{ margin:10px; color:#C00;}

ol#topicPath {margin: 5px ;padding: 0;	font-size:9px;	list-style: none;}
ol#topicPath li {float: left;margin-right: 5px;}
ol#topicPath li a {display: block;position: relative;padding: 2px 1em 2px 0;background:url(../img/base/pan.jpg) no-repeat;background-position: 100% 50%;}

ol#topicPath li a:link,
ol#topicPath li a:visited {
	color:#C00;
	text-decoration: none;
}

ol#topicPath li a:hover,
ol#topicPath li a:active {
	color:#C00;
	text-decoration: none;
}

ol#topicPath li em {
	display: block;
	padding: 2px;
	font-style: normal;
	font-weight: bold;
}



/**********/
/* header */
/**********/

#header{ background:url(../img/base/title_back.jpg); height:100px; overflow:hidden; }

.headerrogo{ float:left; margin:auto 10px; width:300px; }
.headernavi{ float:right; margin:65px 5px 10px; width:380px;}
.headernavi ul{}
.headernavi li{ float:left; margin:auto 5px;}
.headernavi li a{ display:block; font-size:12px; width:80px; color:#FFF; text-decoration:none; height:18px; padding-top:3px; padding-left:5px; border-radius: 4px; }
.headernavi li img{vertical-align:middle; margin-right:5px;}

.headernavi li a:hover{ background:#999;}

.headernavi  a:hover img{filter:alpha(opacity=50); -moz-opacity:0.50; opacity:0.50;}

/**********/
/*        */
/**********/

.left{ float:left; }
.right{ float:right; }


/**********/
/*        */
/**********/
#top{ height:340px; overflow:hidden;}

#slide{ width:870px; margin:10px 0px 10px 10px;}

#sidenavi{ width:300px; margin:10px 10px;}
#sidenavi h2{ margin-bottom:8px;}
#sidenavi a:hover img {filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;}


/**********/
/*        */
/**********/
#top_msg{ margin-bottom:20px;}

#top_exp{ width:650px; margin:0px 0px 10px 10px; overflow:hidden;}
#top_exp ul{ margin-left:6px;}
#top_exp li{ float:left; margin:5px;}
#top_exp h3{ background:url(../img/base/infotitle.jpg); color:#FFF; text-align:center; font-size:14px; padding:6px;}
.top_exp_in{ border:1px solid #CCC;}


#top_info{width:520px; border:1px solid #CCC; height:320px; margin-right:10px; }

#top_info h2{ background:url(../img/base/infotitle.jpg); padding:15px 20px; color:#FFF;}
.top_info_in{ padding:20px 40px;}
.top_info_in p{ font-size:12px; margin:10px auto;}

.info_rogo{ margin:10px 20px;}

/**********/
/* footer */
/**********/

#footer{ background:url(../img/base/title_back.jpg); height:100px; overflow:hidden; }


/**********/
/*        */
/**********/

#page{}
#main{ width:870px;}

#main h1{ margin:10px 30px; border-radius: 5px; padding:20px; border:#CCC 1px solid; border-bottom:5px #990000 solid; }
#main h2{ margin:10px 40px; border-radius: 5px; padding:10px 20px; border:#CCC 1px solid; background:#900; color:#FFF;}



.imgcenter{ text-align:center; margin:10px auto 20px auto; }
.imgcenter a:hover img {filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;}

.side_map{}
.side_map p{ font-size:12px; padding:10px;}
.side_map h3{ font-size:12px; text-align:center; margin-bottom:20px;}
.side_map h4{ font-size:10px; text-align:right; background:#666; }
.side_map h4 a{ color:#FFF; text-decoration:none; display:block;padding:5px;}
.side_map h4 a:hover{ background:#CCC; color:#333;}

.info_map h4{ font-size:10px; text-align:right; background:#666; }
.info_map h4 a{ color:#FFF; text-decoration:none; display:block;padding:5px;}
.info_map h4 a:hover{ background:#CCC; color:#333;}


a:hover img{filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;}


.azeetgallery{ width:355px; margin-left:50px; float:left;}
.azeetimg { float:left; width:115px; height:510px; margin:0; padding:0; border:1px solid #CCC; overflow:hidden; }
.azeetmap{ margin:10px 50px 10px 10px; float:right; width:400px;}
.azeetmap h4{ font-size:10px; text-align:right; background:#666; }
.azeetmap h4 a{ color:#FFF; text-decoration:none; display:block;padding:5px;}
.azeetmap h4 a:hover{ background:#CCC; color:#333;}

.copyright{ text-align:center; margin:20px auto 0 auto;}

.copyright h3{ color:#CCC; font-size:14px;}
.copyright h3 a{ color:#CCC; text-decoration:none;}