﻿@charset "utf-8";

/*------------------------------------------------------------


body
	.header
		.menu	メニュー
	
	.main			
		.sidemenu	サイドメニュー		
		.contents	コンテンツ	
		.sideutil	サイド	
	.footer
	
-------------------------------------------------------------*/



div.header,
div.main,
div.menu,
div.neck,
div.footer {
	text-align: left;
}



.fl{	list-style-type: none;	margin:0;padding:0;}
.fl li{	list-style-type: none;	margin:0;padding:0;	float:left;}
.f0{	list-style-type: none;	margin:0;padding:0;}
.f0 li{	list-style-type: none;	margin:0;padding:0;}

dl.d0{margin:0;padding:0;}
dl.d0 dt{margin:0;padding:0;}
dl.d0 dd{margin:0;padding:0;}


	h1,h2,h3,h4,h5{				margin:0;padding:0;		}



body {
	margin:0;padding:0;
	text-align:center;
	background-color: #E1E0DE;
	background-image: url(../images/body_bg.gif);
	background-repeat: repeat-x;
	font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",sans-serif;
	margin-bottom:30px;
	font-size:12px;
	
}



.contents_bg{
	background-image: url(../images/contents_bg.gif);
	background-repeat: repeat-y;
	text-align:center;
	width:780px;
	margin: 0 auto;	
	position:relative;
}

.head_bg{
	background-image: url(../images/head_bg.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	text-align: center;
	margin: 0;
	position: relative;
	top:0;left:0;
}


.contents_bgb{
	background-image: url(../images/contents_bgb.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-color:#E1E0DE;	
	width:780px;
	height:20px;
	margin: 0 auto;	
	overflow:hidden;
}


.counter{
	background-color:#E1E0DE;
	width:760px;
	margin: 0 auto;	
	overflow:hidden;
	text-align:left;
}


/*----------------------------------------------------------------------
■ヘッダ部分
.header
	.menu
----------------------------------------------------------------------*/

div.header{
	margin: 0 auto;
	width: 760px;
	height: 65px;
	position:relative;
	padding-top:10px;
}




/* サブ階層 メインメニュー  */
.menu{
	background-color: #ffffff;	
	margin: 0 auto;
	margin-top: 2px;
	position: relative;
	width: 740px;
	height: 49px;
	z-index:10;
}
.menu_bottom{
	position:absolute;	left:0px;	top:38px;
}

.menu ul{
	position:absolute;
	left:0px;top:0px;	
}
.menu li{
	font-size:1;
	margin-right:1px;		
}
.menu li.last{
	margin-right:0px;		
}



	/* サブメニュー  */
	
	.menu .submenu{
		border:1px solid #ccc;
		background-color:#fff;
		position:absolute;
		text-align:left;
		visibility:hidden;
		z-index:20;
	}
	
	.menu .submenu div{
		margin:1px;
		padding:8px;
		background-color:#F5F5F5;
	}
	.menu #submenu1{	left:0px;top:35px; min-width:122px;}
	.menu #submenu2{	left:124px;top:35px;}
	.menu #submenu3{	left:248px;top:35px;}
	.menu #submenu4{	left:372px;top:35px;}
	.menu #submenu5{	left:496px;top:35px;}
	.menu #submenu6{	left:620px;top:35px;}
	
	.menu .submenu div a:link,
	.menu .submenu div a:visited{
		color:#007CD7;
		text-decoration:none !important;
		background-image: url( ../images/ya_submenu.gif );
		background-repeat: no-repeat;
		background-position: 0 50%;		
		display:block;
		padding-left:10px;	
	}
	.menu .submenu div a:hover{
		color:#E41607;
	}
		





/*----------------------------------------------------------------------
■メイン
.main 760px;
	contents
	sidemenu
	sideutil
----------------------------------------------------------------------*/




div.main{
	width:740px;
	margin: 0 auto;
	clear:both;
	position: relative;
}


div.path{
	margin-top:10px;
}
div.path .here{
	font-weight:bold;
}


/*----------------------------------------------------------------------
BODY
----------------------------------------------------------------------*/
div.main .contents{
	width:551px;
	background-color:#fff;
	margin-left:20px;
	float:left;
	margin-top:16px;
}



	
.contents h3{

	font-family: "ＭＳ Ｐ明朝","ヒラギノ明朝 Pro","Times New Roman", "Times", "serif";
	font-weight: bold;
	margin: 1.5em 0 1.5em 0;
	padding-left: 5px;
	border-left: 4px solid #007CD7;
}

.contents h3.img{
	border-width:0;
	padding:0;margin:0;
	margin-top:1.8em;
	background-color:#fff;
}

.contents h3.img_dot{
	border-width:0;
	padding:0;margin:0;
	margin-top:1.8em;
	background-color:#fff;
	background-image: url( ../images/dot_551.gif );	background-repeat: no-repeat;	background-position: 0 100%;
	padding-bottom:10px;
}






.hr{
	background-color:#D3D3D3;
	height:3px;overflow:hidden;
	margin-top:30px;
	margin-bottom:30px;
}
.hr_dot{
	background-image: url( ../images/dot_551.gif );	background-repeat: no-repeat;	background-position: 0 0%;
	height:1px;overflow:hidden;
	margin-top:30px;
	margin-bottom:30px;
}

.contents h4{
	font-weight:bold;
}
.contents table{
	margin-top:1.5em;
	margin-bottom:1.5em;	
}

.contents ul, .contents ol{
	margin:1.5em 0 1.5em 20px;	
}
.contents ul li, .contents ol li{
	margin-bottom:1.5em;
}
.contents ul h4, .contents ol h4{
	font-weight:bold;
}


/*----------------------------------TOPICS-----------------------------------------------*/

.contents dl.topics{
	margin-top:3em;
	margin-bottom:4em;

}

.contents dl.topics dt{
	color:#007CD7;
	font-weight:bold;
	margin-top:1.5em !important;
	
	border:1px solid #eee;
	background-color:#F5F5F5;
	padding:5px;
	

}
.contents dl.topics dd{
	/*background-image: url( ../images/dot_551.gif );	background-repeat: no-repeat;	background-position: 0 100%;	
	margin-top: 1.5em !important;
	padding-bottom:1.5em;
	*/
	margin-top: 1.5em !important;
	margin-bottom: 2.5em !important;	
	
	padding-left:6px;
	padding-right:6px;
}


.new_r{
	background-image: url( ../images/new_anim.gif );
	background-position: 100% 48%;
	background-repeat: no-repeat;
	padding-right: 34px;
}
.new{
	background-image: url( ../images/new_anim.gif );
	background-position: 0% 48%;
	background-repeat: no-repeat;
	padding-left: 34px;
}
.colum{
	border:1px solid #FFDFA1;
	background-color:#FFFBE8;
	padding:8px;
}

.topics h4{	color:#59B45C;}

.topics .date{	text-align:right;}

.topics table th{
	vertical-align:top;
	white-space: nowrap;
	text-align:left;
	font-weight:bold;
}



/*----------------------------------//TOPICS-----------------------------------------------*/






.contents .yalist{
	
}

.contents .yalist li{
		padding:0px 0 0 15px;
		background-image: url( ../images/topics_ya.gif );
		background-repeat: no-repeat;
		background-position:0px 50%;
		margin-bottom:10px;
}



.cnavi{
	width:548px;
	position:relative;
	margin-top:3em;
	padding-bottom:5px;
}	
.cnavi .ttp{
	right:0; top:0;
	position:absolute;
}
	
	
/*----------------------------------------------------------------------
LEFT
----------------------------------------------------------------------*/
div.main .sidemenu{
	width:169px;
	float:left;	
	margin-top:16px;
		
	border-top:5px solid #D3D3D3;


}


.sidemenulist{
	line-height:0;
}

.sidemenulist li{
		
		background-image: url( ../images/menu_dot.gif );
		background-repeat: no-repeat;
		background-position:0px 100%;
		background-color:#F5F5F5;
		width:169px;
		line-height:0em;
}
.sidemenulist li a:link, .sidemenulist li a:visited{
		line-height:1em;
		margin:0;
		background-image: url( ../images/menu_ya.gif );
		background-repeat: no-repeat;
		background-position:8px 50%;
		padding:11px 0 11px 25px;
		display:block;
		color:#3468DC;
		font-weight:bold;
}
.sidemenulist li a:visited{		color:#814F9B;}
.sidemenulist li a:hover{		color:#F64538;}


.sidemenulist li.active {background-color:#fff;}
.sidemenulist li.active a:link{background-image: url( ../images/menu_ya_a.gif );}






/*----------------------------------------------------------------------
FOOTER
----------------------------------------------------------------------*/


div.totop{
	width:740px;
	margin: 0 auto;	
	position: relative;
	margin-top:30px;
	text-align:right;	
}


div.footline{
	height:1px;
	overflow:hidden;
}

div.footer{
	width:740px;
	margin: 0 auto;	
	position: relative;
	margin-top:10px;
	
		background-image: url( ../images/footer_bg.gif );
		background-repeat: no-repeat;
		background-position:0px 0%;	
		background-color:#E5E5E3;	

}




div.footer .copy{
	width:430px;
	padding-top:17px;
	padding-bottom:14px;
	padding-left:10px;
}
div.footer .copyright{
	font-family: "Verdana";
	font-size:11px;
}




div.footer .footmenu{
	position: absolute;	
	top:18px;	right:10px;	
	text-align:right;
	width:285px;
		font-size:11px;		
}
div.footer ul{	
	float:right;	
}
div.footer ul li{
		background-image: url( ../images/ya_bl.gif );
		background-repeat: no-repeat;
	background-position: 0 50%;	
	padding-left:8px;
	margin-left:5px;
	white-space:nowrap;
}


div.footer ul li a:link,
div.footer ul li a:visited
{
	color:#26231F ! important;
	text-decoration:none;
}
div.footer ul li a:hover
{
	text-decoration:underline ! important;
}


div.footer .footer_bottom{	
		background-image: url( ../images/footer_bgb.gif );
		background-repeat: no-repeat;
		background-position:0px 0%;	
		height:4px;
		overflow:hidden;
}






	.ya_g{
		font-size:12px;
		background-image: url(../images/ya_g.gif);
		background-repeat: no-repeat;
		background-position: 0 50%;		
		padding:0 0 0 10px;	
	}









.ya_ol{

		background-image:URL(../images/ya_ol.gif);
		background-repeat:no-repeat;
		background-position: 0% 48%;
		padding-left:14px;
}
.pdf{

		background-image:URL(../images/pdf.gif);
		background-repeat:no-repeat;
		background-position: 0% 48%;
		padding-left:20px;
		height:20px;
}
.excel{

		background-image:URL(../images/xls.gif);
		background-repeat:no-repeat;
		background-position: 0% 48%;
		padding-left:20px;
		height:20px;
}


.word{

		background-image:URL(../images/word.gif);
		background-repeat:no-repeat;
		background-position: 0% 48%;
		padding-left:20px;
		height:20px;
}






/* ----------------------------------------------------------------------------------
CLEARFIX

---------------------------------------------------------------------------------- */


div.neck:after,
div.main:after,
ul.fl:after,
.tabhead:after,
.clearfix:after
{
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}






a.rollover_alpha:hover img{
	filter: alpha(style=0, opacity=80);
	opacity:0.8; 
}




