@charset "UTF-8";
/* CSS Document */

body{
	margin:0px;
	padding:0px 0px 0px 0px;
	background:#f0f3f5 url(../img/base/back2.jpg) center top repeat-x;
	color:#333;
	font-size:94%;
	/*text-align:justify;*/
	text-justify:distribute;
}

img{
	border-style:none;
}
a{
	text-decoration:underline;
}



#headerwrapper{
	background:transparent url(../img/base/headerback3.jpg) center top no-repeat;
	height:278px;
	
}
#header{
	width:1000px;
	margin:0px auto;
	height:110px;
	overflow:hidden;
	position:relative;
}
#header p,#header ul,#header li{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
#headerLogo{
	float:left;
}
#headerContact{
	position:absolute;
	right:0px;
	top:28px;
}

#headerNavi{
	clear:both;
	padding-left:12px;
	background:transparent url(../img/navi/headerNaviBack.gif) center top no-repeat;
	height:54px;
}
#headerNavi li{
	float:left;
}
#headerNavi a{
	text-decoration:none;
}

#headerNavi a:hover img{
	filter: Alpha(opacity=40); 
    -moz-opacity:0.4;
    opacity:0.4; 
}

#topfla{
	width:1000px;
	height:320px;
	margin:0px auto;
	clear:both;
	position:relative;
}

#WRAPPER{
	margin:0px auto;
	padding:0px 0px 20px 0px;
	background:transparent url(../img/base/mainback.gif) center top repeat-y;
	clear:both;
	overflow:hidden;
}

#topicpath{
	width:960px;
	margin:0px auto;
	height:20px;
	line-height:20px;
}
#pagetopics{
	width:1000px;
	margin:0px auto;
	clear:both;
}
#pagetopicsinner{
	overflow:hidden;
}
#yoyakubtn{
	width:200px;
	padding:32px 0px 0px 30px;
	float:left;
}
#main{
	padding-top:0px;
	padding-left:5px;
	clear:both;
	
	position:relative;
}


#maincol{
	clear:both;
	width:1000px;
	margin:0px auto;
	/*
	background:#FFF url(../img/base/h1back.png) no-repeat left top;
	*/
	padding:0px 0px 0px 0;
	/*
	border-radius         : 6px 6px 6px 6px;
	-moz-border-radius    : 6px 6px 6px 6px;
	-webkit-border-radius : 6px 6px 6px 6px;
	-o-border-radius      : 6px 6px 6px 6px;
	-ms-border-radius     : 6px 6px 6px 6px; 

	box-shadow:1px 1px 8px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.4);
	-o-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.4);
	-ms-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.4);
	*/
	/*behavior: url(./css/PIE.htc);*/

}

#mainmain{
	width:720px;
	float:right;
	overflow:hidden;
	padding-right:15px;
}

#sidenavi{
	width:239px;
	float:left;
	padding-left:5px;
}

#sidebanner,#sidebanner2{
	width:239px;
	float:left;
	padding-top:0em;
	overflow:hidden;
}
#sidebanner ul,#sidebanner2 ul{
	margin:0px 0px 0px 0px;
	padding:0px;
	list-style-type:none;
}
#sidebanner li,#sidebanner2 li{
	margin:2px 0px 2px 0px;
	padding:0px;
	list-style-type:none;
	text-align:center;
}
#sidebanner li a,#sidebanner2 li a, #mainhomeright li a{
/*
	padding:5px;
	display:block;
	width:220px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;

	border:1px solid #CCC;
	box-shadow:1px 1px 4px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
*/

}

#sidebanner li a.noboder,#sidebanner2 li a.noboder, #mainhomeright li a.noboder{
		width:234px;
		padding:1px 0px;

	border:0px none #FFF;
	box-shadow:none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	-ms-box-shadow: none;
	

}

/*
*/
/* footer */
#footerwrapper{
	clear:both;
	height:200px;
	background-color:#08216b;
	background:#08216b url(../img/base/footerback.gif) center top repeat-x;
	overflow:hidden;
}
#footer{
	clear:both;
	margin:0 auto 0 auto;
	color:#FFF;
	width:960px;
	position:relative;
	overflow:hidden;
}
#footer a{
	color:#FFF;
}
div.toThisTop{
	clear:both;
	text-align:right;
	display:none;
}
div.toThisTop a{
}
#copyright{
	clear:both;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	font-size:0.8em;
	text-align:right;
	padding:5px;
	text-align:center;
	width:960px;
}

#footerNavi{
	float:left;
	width:960px;
	/*height:130px;*/
}
#footerNavi ul{
	list-style-type:none;
	width:120px;
	float:left;
	display:block;
}
#footerNavi li{
	list-style-type:none;
	padding:3px ;
	font-size:80%;
	line-height:1.0em;
}
#footerNavi p{
	clear:both;
	float:right;
}
/**/
#sidebannertop{
	/*border:1px solid #039;*/
	margin-left:4px;
	width:230px;
	margin-bottom:10px;
	
}

.sidebannerlist{
	/*background:transparent url(../img/navi/sidenavibase.gif) center top repeat-x;*/
	
	/*
	border-radius         : 6px 6px 6px 6px;
	border:1px solid #006;
	border-bottom-width:4px;
	-moz-border-radius    : 6px 6px 6px 6px;
	-webkit-border-radius : 6px 6px 6px 6px;
	-o-border-radius      : 6px 6px 6px 6px;
	-ms-border-radius     : 6px 6px 6px 6px; 
	*/
}

#sidebannertop ul{
	list-style-type:none;
	margin:0 0 0px 0;
	padding:2px 0px;
}

#sidebannertop li{
	padding:2px 1px 2px 6px;
}

#sidebannertop li a{
	text-decoration:none;
	color:#348;
	font-weight:bold;
	display:block;
	border:1px solid #78B;
	padding:6px 4px;
	zoom:1;
	
	transition        : all 0.1s linear;
	-webkit-transition: all 0.1s linear;
	-moz-transition   : all 0.1s linear;
	-o-transition     : all 0.1s linear;
	-ms-transition    : all 0.1s linear;


	border-radius: 6px 6px 6px 6px;
	-moz-border-radius    : 6px 6px 6px 6px;
	-webkit-border-radius : 6px 6px 6px 6px;
	-o-border-radius      : 6px 6px 6px 6px;
	-ms-border-radius     : 6px 6px 6px 6px; 
}
#sidebannertop li a:hover{
	 color:#FFF;
}
#sidebannertop li a:before{
	content:"▶ ";
	 opacity: 0.8;
}
#sidebannertop li a:hover:before{
}
#sidebannertop li a{


background: rgb(219,231,249);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZTdmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Q2ZTNmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2M5ZGFmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZGQyZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgb(219,231,249) 0%, rgb(214,227,248) 50%, rgb(201,218,243) 51%, rgb(189,210,245) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(219,231,249)), color-stop(50%,rgb(214,227,248)), color-stop(51%,rgb(201,218,243)), color-stop(100%,rgb(189,210,245)));
background: -webkit-linear-gradient(top, rgb(219,231,249) 0%,rgb(214,227,248) 50%,rgb(201,218,243) 51%,rgb(189,210,245) 100%);
background: -o-linear-gradient(top, rgb(219,231,249) 0%,rgb(214,227,248) 50%,rgb(201,218,243) 51%,rgb(189,210,245) 100%);
background: -ms-linear-gradient(top, rgb(219,231,249) 0%,rgb(214,227,248) 50%,rgb(201,218,243) 51%,rgb(189,210,245) 100%);
background: linear-gradient(top, rgb(219,231,249) 0%,rgb(214,227,248) 50%,rgb(201,218,243) 51%,rgb(189,210,245) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbe7f9', endColorstr='#bdd2f5',GradientType=0 );
}
#sidebannertop li a:hover{

background: rgb(141,183,247); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhkYjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzZlYTRmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzU0OTRlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYzU5ZDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(141,183,247,1) 0%, rgba(110,164,246,1) 50%, rgba(84,148,238,1) 51%, rgba(12,89,214,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(141,183,247,1)), color-stop(50%,rgba(110,164,246,1)), color-stop(51%,rgba(84,148,238,1)), color-stop(100%,rgba(12,89,214,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(141,183,247,1) 0%,rgba(110,164,246,1) 50%,rgba(84,148,238,1) 51%,rgba(12,89,214,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(141,183,247,1) 0%,rgba(110,164,246,1) 50%,rgba(84,148,238,1) 51%,rgba(12,89,214,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(141,183,247,1) 0%,rgba(110,164,246,1) 50%,rgba(84,148,238,1) 51%,rgba(12,89,214,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(141,183,247,1) 0%,rgba(110,164,246,1) 50%,rgba(84,148,238,1) 51%,rgba(12,89,214,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8db7f7', endColorstr='#0c59d6',GradientType=0 ); /* IE6-8 */

}

/*
#sidebannertop li{
	border-top:2px groove #eaf4ff;
	display:block;
	padding:6px 8px;
	margin:0;

}
#sidebannertop li:hover{
	background-color:#FFF;
}
*/
#sidebannertop a{
	display:block;
}
#sidebannertop h3{
	background:transparent url(../img/navi/sidenavitop.png) center center no-repeat;
	color:#FFF;
	font-weight:bold;
	height:35px;
	line-height:35px;
	padding:0px 0px 0px 4px;
	margin:10px 0px 0px 0px;
	clear:both;
	
}