/*------------------------------------------------------------------------
Main Style
--------------------------------------------------------------------------*/
*      { margin: 0; padding: 0; }
body   {
	text-align: left;
	font-size: 14px;
	color: #333;
	background-color: #FAFAFA;
	font-family:Geneva, Arial, Helvetica, sans-serif, "メイリオ";
	background-image: url(../images/body_bg.jpg);
	background-repeat: repeat-x;
	line-height: 1.4em;
}

a      { color: #336600; text-decoration: none; }}
a:hover  { color: #999999; text-decoration:underline; }

img  { border: 0; }

/*------------------------------------------------------------------------
Container
--------------------------------------------------------------------------*/

#container  {
	width: 1000px;
	text-align: left;
	background-image: url(../images/img_bk00.gif);
	min-height: 1px;
	margin: 0 auto;
}

/*------------------------------------------------------------------------
Header
--------------------------------------------------------------------------*/

#header  {
	padding: 0;
	min-height: 1px;
	height: 100px;
	color: #FFFFFF;
}
#header #headerlogo {
	float: left;


}

#header  h1  {
	margin: 0;
	padding: 2px 0;
	font-size: 9px;
	text-align: right;
	font-weight: normal;
	color: #999999;
	height: 36px;
}


#header  #global_navi  {
	margin: 30px 0 0 0;
	height: 20px;
	float: right;
	width: auto;
}

#header #global_navi a {
	color: #FFFFFF;
	margin-right: 7px;
	margin-left: 7px;
	font-size: 12px;

}
#header #global_navi a:hover {
	color: #CCCCCC;
}
#top_mainimg      {
	margin-bottom: 13px;

}

/* header image -------------------- */

#stage {
    position: relative;
    width: 1000px;
    height:307;
    margin: 0 auto;
}
#photo1,#photo2,#photo3,#photo4 {
    position: absolute;
    width: 1000px;
    height: 307px;
}
#photo1 img,#photo2 img,#photo3 img,#photo4 img {
    opacity:0;
    -moz-animation: imgTrans 18s infinite;
    -webkit-animation: imgTrans 18s infinite;
    animation: imgTrans 18s infinite;
}
#photo1 img {
    -moz-animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
#photo2 img {
    -moz-animation-delay: 6s;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
}
#photo3 img {
    -moz-animation-delay: 12s;
    -webkit-animation-delay: 12s;
    animation-delay: 12s;
}
#photo4 img {
    -moz-animation-delay: 18s;
    -webkit-animation-delay: 18s;
    animation-delay: 18s;
}#frame {
    width: 1000px;
    height: 307px;
    position: relative;
    overflow: hidden;
}
@-webkit-keyframes imgTrans {
 0% { opacity:0; }
 10% { opacity:1; }
 33% { opacity:1; }
 45% { opacity:0; } 
 100% { opacity:0; }
}
@-moz-keyframes imgTrans {
 0% { opacity:0; }
 10% { opacity:1; }
 33% { opacity:1; }
 45% { opacity:0; } 
 100% { opacity:0; }
}
@keyframes imgTrans {
 0% { opacity:0; }
 10% { opacity:1; }
 33% { opacity:1; }
 45% { opacity:0; } 
 100% { opacity:0; }
}






/* ---------------------------------- */

/*------------------------------------------------------------------------
MainContent
--------------------------------------------------------------------------*/

#sub_mainimg
  {
	margin-bottom: 20px;

}
#mainContent {
	padding: 0;
	width: 1000px;
	min-height: 1px;
}

#mainContent   #jigyo   {
	width: auto;
	height: 248px;
	padding: 5px 0 0 14px;
	background-color: #f1f1f1;
	border-right: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
}
#mainContent #jigyo ul {
	padding: 0;
	margin: 0;
}
#mainContent    #jigyo li   {
	padding: 0;
	margin: 0;
}

#mainContent  #jigyo  a:hover img {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
}
#mainContent  #jigyo  .bumon  {
	background-image: url(../images/bumon_bg.jpg);
	padding: 13px 8px 12px 9px;
	width: 220px;
	height: 175px;
	margin-right: 7px;
	float: left;
	list-style: none;
	background-repeat: no-repeat;
}
#mainContent  #banner  {
	margin-top: 15px;
	height: 100%;
	clear: both;
}




#mainContent #rightContents {
	padding: 0px;
	float: right;
	width: 700px;
	min-height: 500px;
	margin-bottom: 20px;
}

#mainContent    #rightContents    img {
	vertical-align: top;

}
#mainContent #rightContents .contents {
	padding: 20px 14px;
	background-color: #FFFFFF;
	border-right: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
}



#mainContent #leftContents {
	padding: 0;
	float: left;
	width: 280px;
	margin-right: 18px;
}
#mainContent #leftContents #sidemenu {
	width: 260px;
	background-color: #FFFFFF;
	border-right: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	padding: 9px;
	margin: 0;
}
#mainContent #leftContents #sidemenu li {
	padding: 0;
	margin-top: 7px;
	list-style: none;
}
#mainContent #leftContents #sidemenu a:hover img {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
}




/*------------------------------------------------------------------------
Sidemenu
--------------------------------------------------------------------------*/

#sidemenu {
	width: 180px;
/*	float: left; */
	height: 100%;
	background-color: #FFFFFF;
	padding: 0px;
}
#sidephoto {
	margin-top: 15px;
	background-image: url(../images/sub_nako_photo.jpg);
	height: 184px;
	padding: 70px 24px 20px 24px;
	text-align: center;
	font-size: 12px;
	background-repeat: no-repeat;
}
#sidephoto img {
	margin-bottom: 5px;
	border: solid 1px #cccccc;

}
#sitemap {
	margin-top: 25px;


}
#sitemap ul {
	margin: 0;
	padding: 0;
	margin-left: 25px;
}
#sitemap li {
	padding: 0;
	width: 500px;
	margin: 10px 0;
	list-style: none;
	display: block;
	border-top: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	border-left: solid 5px #cccccc;
}
#sitemap li a {
	display: block;
	height: 20px;
	padding: 7px 20px;
	background-color: #FEFEFE;

}

#sitemap li a:hover {
	background-color: #f1f1f1;
}








/*------------------------------------------------------------------------
Footer
--------------------------------------------------------------------------*/

#footer  {
	width: 100%;
	padding: 18px 0 0 0;
	height: 130px;
	color: #FFFFFF;
	background-color: #717171;
	background-image: url(../images/ftr_bg.jpg);
	background-repeat: repeat-x;
	margin-top: 20px;
	clear: both;
} 
#footer   #ftr_adress  {
	text-align: center;
	border-bottom: solid 2px #FFFFFF;
	padding-bottom: 5px;
}
#footer #copyright {
	text-align: center;
	border-bottom: solid 2px #FFFFFF;
	margin: 0;
	padding: 0px 0;
}

#footer  #ftr_navi  {
	margin-top: 10px;
	text-align: center;
	color: #8FC41E;
	font-size: 12px;
}

#footer  #ftr_navi  a {
	color: #FFFFFF;
	margin-right: 15px;

}
#footer #ftr_navi a:hover {
	color: #333333;
}

#footer  #ftr_navi  img {
	margin-right: 5px;

}




/*------------------------------------------------------------------------
Slideshow
--------------------------------------------------------------------------*/
#slideshow {
	position:relative;
	height:307px;
}


#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}
.label {
	border-left: solid 5px #00A100;
	padding-left: 10px;
}
.box {
	border: 1px solid #333333;
	padding: 1px 2px;
	background-color: #EEEEEE;
	font-size: 0.9em;
}


.table01      {
	background-color: #CCCCCC;
}


.table01 th {
	background-color: #fafafa;
	padding: 5px;
	font-size: 12px;
}
.table01 td {
	background-color: #FFFFFF;
	padding: 5px;
}
.table02 {
}
.table02 td {
	padding-right: 40px;
	padding-bottom: 30px;
}




/*------------------------------------------------------------------------
Position
--------------------------------------------------------------------------*/
.alignleft					{ float: left; padding: 0 10px 10px 0;  }
.table03 {
}
.table03 td {
	padding: 10px 0;
	vertical-align: top;
	border-bottom: solid 1px #cccccc;
}


.alignright				{ float: right; padding: 0 0 10px 15px;  }


/*------------------------------------------------------------------------
BR Clear Module
--------------------------------------------------------------------------*/
.clear 										{ clear: both; }
.clearfix									{ min-height: 1px;}
.clearfix:after					{ content: ".";    display: block;    clear: both;  height: 0;  visibility: hidden;}
* html .clearfix 			{ height: 1px;  /*\*//*/  height: auto;  overflow: hidden;  /**/}

/*------------------------------------------------------------------------
Font
--------------------------------------------------------------------------*/
.verdana					{ font-family: "Verdana", "Arial";   }
.verdana130		{ font-family: "Verdana", "Arial";   font-size: 130%; }
.verdana90			{ font-family: "Verdana", "Arial";   font-size: 90%; }
.verdana75			{ font-family: "Verdana", "Arial";   font-size: 75%;  }
.size_130		{ font-size: 130%;   }
.size_90			{ font-size: 90%;   }
.size_75			{ font-size: 75%; }


/*------------------------------------------------------------------------
Position Module
--------------------------------------------------------------------------*/
.position_left 						{ text-align: left; }
.position_center				{ text-align: center; }
.position_right 					{ text-align: right; }
.float_left									{ float: left; padding: 0;  }
.float_right								{ float: right; padding: 0;  }

/*------------------------------------------------------------------------
Spacer
--------------------------------------------------------------------------*/
.margintop5			{ margin-top : 5px; }
.margintop10		{ margin-top : 10px; }
.margintop15   { margin-top : 15px; }
.margintop20   { margin-top : 20px; }
.margintop25   { margin-top : 25px; }
.margintop30   { margin-top : 30px; }
.marginright5			{ margin-right : 5px; }
.marginright10		{ margin-right : 10px; }
.marginright15   { margin-right : 15px; }
.marginright20   { margin-right : 20px; }
.marginleft10 {
	margin-left: 10px;
}
.marginleft20 {
	margin-left: 20px;
}


.marginbottom5 {
	margin-bottom: 5px;
}
.marginbottom10 {
	margin-bottom: 10px;
}