@charset "utf-8";

/* CSS Document */
/*2Column*/

/*LeftNavi*/
#leftBox {
	width:25%;
	float:left;
	padding-top: 15px;
}
/*-----Google Serach START------*/
#leftBox #textbox{
	height:20px;
	vertical-align:top;
	width:8em;
	background:#eee;
border:1px solid #888;
padding-left:0.5em;
}
#leftBox #gooogle{
	padding:65px 0 0 0;
	padding-left:16px;
color:#aaa;
width:182px;
height:72px;
background:url(../info/img/top_google.png) no-repeat center;}

#leftBox #gooogle a{
	color:#aaa;
	text-decoration:none;}

/*-----Google Serach END------*/

#leftBox h2 {
	font-size:1em;
	padding: 5px 10px;
	background:url(../img/h2bg.gif) no-repeat;
}

#leftBox ul {
	padding-left:1em;
	list-style:none;
	margin-bottom: 1em;
}

#leftBox li a {
	display:block;
	width:150px;
	height:30px;
	background:url(../img/leftnavi_lia.png);
	background-repeat:no-repeat;
	line-height:2.2;
	font-size: 13px;
	padding-left: 10px;
	margin: 0.5em 1em;
	text-decoration: none;
	color: #232323;
	overflow:hidden;
}

#leftBox li a:hover {
	background:url(../img/leftnavi_liahover.png);
	background-repeat:no-repeat;
}

#leftBox p {
	padding-left:1em;
	margin-bottom:1em;
}

#leftBox .midashi {
	display:block;
	height:20px;
	background:url(../img/leftnavi_midashi.png) no-repeat;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	margin:1em auto;
	padding:0;
	line-height: 2;
}

/*======rightMain================*/
#rightBox {
	border-left:1px solid #999999;
	width:70%;
	float:right;
	padding-left:5px;
	padding-top: 15px;
}

#rightBox h2,
#rightBox h3 {
	font-size:1em;
	border-top: 1px dotted #666666;
	background:url(../img/h2bg.gif) no-repeat;
	padding: 5px 10px;
	margin-top: 10px;
	clear:both;
}

#rightBox .forH2Top {
	border:none;
	margin-top:0;
}

#rightBox p {
	padding-left:1em;
	margin-top: 1em;
	line-height: 145%;
}

#rightBox .thumb {
	border:#666666 1px solid;
	padding:5px;
	margin: 5px;
}

#rightBox ul {
	list-style:none;
	padding: 0.5em 1.5em;
}
#rightBox dl
{
padding:1em 0 0 1em;
line-height:2;}
#rightBox dt{
font-weight:bolder;
text-decoration:underline;}
#rightBox dd{
padding-left:1em;
line-height:1.6;
margin-bottom:1em;
}

/*---------------top---------------*/
.detailPage a {
	display:block;
	width:150px;
	height:30px;
	margin:10px 20px 10px 350px;
	background:url(../info/img/for_detail.png) center no-repeat;
	text-align:center;
	line-height:1.7;
	text-decoration:none;
	font-size:18px;
	font-weight:700;
	color: #262626;
	overflow: hidden;	
}
.detailPage a:hover{ background:url(../info/img/for_detai_hoverl.png) no-repeat center; 
}

.detailPage a:active{ background:url(../info/img/for_detai_active.png) no-repeat center; 
}
#taiouarea {
padding:0.5em 0;
	border-top: 1px dotted #333333;

}

#taiouarea #areaTa{
font-size:80%;
color:#666666;
line-height:1.4}

/*------------link accordion----------------*/

#link{
	height:25px;
	overflow:hidden;
	margin: auto auto 1em auto;}
#link:hover{
	height:auto;
}
#link link a{
	overflow:hidden;}
	
	
  /*------------------GLIDER Start-----------------*/
	div.scroller {
	/* modify width and height of scrolling section if necessary	*/		
		width: 550px;
		height:450px;
		overflow: hidden;
	margin:0 auto;
	}
	div.scroller div.section {
	/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
	width:550px;
	height:450px;
	overflow:hidden;
	float:left;
		}
		.section h2{
			background:none;
			border:none;
			}
			
	div.scroller div.content {
		width: 10000px;
		}
		/*tet*/
		.navigation{
			text-align:center;
			width:320px
			height:50px;}
			.navigation img{
				margin:3px 100px;}
			#layout{
				width:600px;
				margin:0 auto;}
	
	div.scroller a:hover{
	filter: alpha(opacity=85);
  -moz-opacity:0.85;
  opacity:0.85;}
  
  #ctrl{
	  text-align:center;
	  border-top:1px dotted #666;
  	  border-bottom:1px dotted #666;

  }
  #ctrl input{
	  margin:10px;margin-left:0.5em;margin-right:0.5em;}
  
  /*------------------GLIDER End-----------------*/

/*google map*/
iframe{
	border:1px solid #CCC; padding:3px;}

/*----------------rss--------------*/

#rss{
	height:300px;
	overflow:scroll;
	width:230px;}
/*----------------add clip--------------*/
#addClip{
width:150px;
margin:1em auto;}