@charset "Shift_JIS";

/*  INDEX
--------------------
基本設定(初期化)・基本レイアウト
基本1(文字/Margin/ドット線・ライン線)　※従来のもの
基本2(スペース/写真/ぱん屑/リンク/見出し/頁下注記)
--------------------
*/


/* 基本設定(初期化)・基本レイアウト
----------------------------------------------- */
#container {
	width: 980px;
	margin:0 auto;
	padding: 0;
	background: #FFF;
	/* ---background: #FFF url(../images/global/bg.gif) top repeat-y;--- */
	color:#333;
	font-size:12px;
	line-height: 16px;
	text-align:left;
}
#container-bg {
}

#container h1,
#container h2,
#container h3,
#container h4,
#container h5,
#container h6,
#container p,
#container pre,
#container form,
#container blockquote,
#container ul,
#container ol,
#container dl,
#container dd,
#container dt{
	margin: 0;
	padding: 0;
}
#container li {list-style-type:none;}
#container img {border:none;vertical-align:top;}
#container caption,th {text-align: left;}
#container table {font-size:inherit;font:100%; }
#container address {font-style: normal;font-weight: normal;}
#container .clear {clear:both;}
#container .clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#container .clearfix {min-height: 1px;}
* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
.alpha a img {
	filter: Alpha(Opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
.alpha a:hover img { 
	filter: Alpha(Opacity=70); 
	-moz-opacity: 0.7;
	opacity: 0.7;
}

a:link { 			text-decoration:none; 		color:#027ABB;}
a:visited { 		text-decoration:none; 		color:#027ABB;}
a:active { 		text-decoration: none; 		color:#027ABB;}
a:hover {			text-decoration:underline; 	color:#027ABB;}



#header {
	width: 980px;
	margin:0 auto;
	padding: 0;
	background: #FFF;
}


#contents {	/* ※Legacy */
	width:750px;
	margin-left:30px;
	background: #FFF;
}
	#contents .main {
		width:750px;
		padding: 0;
	}


#sidenavi {
	width: 230px;
	float:left;
}
	#sidenavi .main {
		width: 200px;
		margin: 0;
		padding: 0;
		font-size: 12px;
		line-height: 14px;
	}
	#sidenavi .main li{
		padding: 3px 5px 3px 2px;
		margin: 0 0 0 3px;
		font-size: 12px;
		line-height: 16px;
		text-align: left;
		display:block;
	}
	#sidenavi .main li.head{
		margin: 0;
		padding: 0;
	}
	#sidenavi .main li.categoryhead{
		margin: 0 0 5px 0;
		padding: 0;
	}
	#sidenavi .main li.category{
		margin: 5px 0;
		padding: 0;
	}

	#sidenavi .main li.line{
		padding: 3px 0 0 0;
		background: url(../images/global/sidenavi_line.gif) no-repeat 6px 0px;
	}
	#sidenavi .main li.top{
		background: none;
		margin:10px 0 0 0;
		padding: 0 0 4px 8px;
	}
	#sidenavi .main li.banner{
		background: none;
		margin:0;
		padding: 0 0 4px 8px;
	}
	#sidenavi .main li a {
		background: url(../images/global/linkdot_or.gif) no-repeat 2px 0;
		padding: 1px 4px 1px 26px;
		display:block;
	}
	#sidenavi .main li.top a,
	#sidenavi .main li.banner a {
		background: none;
		padding: 0;
		display:inline;
	}

	#sidenavi .main li a:link,
	#sidenavi .main li a:visited {
		text-decoration:none;color:#333;
	}
	#sidenavi .main li a:active {text-decoration:none;color:#027ABB;}
	#sidenavi .main li a:hover {text-decoration:underline;color:#027ABB;}

	#sidenavi .foot {
		padding: 0 0 0 10px;
	}

#footer{
	clear:both;
	width: 980px;
	margin:0 auto;
	padding: 0;
	background: #FFF;
}


.linkdot {
	background: url(../images/global/linkdot.gif) no-repeat 0 0;
	padding: 1px 0px 1px 22px;
	display:block;
}





/* 基本1(文字/Margin/ドット線・ライン線)　※従来のもの
----------------------------------------------- */
/* ---文字設定--- */
.r12{			font-size: 12px; line-height: 16px;}
.r10{			font-size: 10px; line-height: 12px;}
.red{				font-size: 12px; line-height: 16px; color: #CC0000;}

/* ---Margin設定/bottom--- */
.mg3{			margin-bottom:3px;}
.mg5{ 			margin-bottom:5px;}
.mg10{ 			margin-bottom:10px;}
.mg13{ 			margin-bottom:13px;}
.mg15{ 			margin-bottom:15px;}
.mg20{ 			margin-bottom:20px;}
.mg25{ 			margin-bottom:25px;}

/* ---ドット線・ライン線の設定--- */
.dot{				background: url(../images/global/dot.gif) left center repeat-x;}
.line{			background: url(../images/global/line.gif) left center repeat-x;}
.icon{			background: url(../images/global/icon_02.gif) left center no-repeat; padding-left: 10px;}


/* 基本2(スペース/写真/ぱん屑/リンク/見出し/頁下注記)
----------------------------------------------- */
.vsp-top5 {	margin-top:5px;}
.vsp-top10 {	margin-top:10px;}
.vsp-top20 {	margin-top:20px;}
.vsp-top30 {	margin-top:30px;}

img.right {	float:right;margin:0;text-align:right;}
img.left {		float: left; margin: 2px 10px 10px 0; }
img.right15 {	float:right;margin-left:15px;margin-top:2px;margin-bottom:2px;}
img.left20 {	float:left;margin-right:20px;margin-top:2px;margin-bottom:2px;}

#contents #topicpath {
	margin:0;
	font-size: 10px;
	line-height: 12px;
	letter-spacing:1px;
}

#contents .main a.linkdot {
	background: url(../images/global/linkdot.gif) no-repeat top left;
	padding:3px 0 3px 22px;
}

#header h1 {
	padding:0 0 10px 0;
}
#contents .main h2 {
	margin:10px 0 10px 0;
}
#contents .main h3 {
	margin:20px 0 0 0;
}
#contents .main h4 {
	height: 40px;
	margin:20px 0 10px 0;
	padding:0;
	background: url(../images/global/column-title.gif) no-repeat left top;
}
	#contents .main h4 strong{
		padding: 10px 0 0 10px;
		font-size: 16px;
		line-height: 18px;
		font-weight: bold;
		color: #FFF;
		display:block;
	}

#contents .date {
	margin:10px 0 0 0;
	text-align: right;
}

#contents #note {
	margin:20px 0 0 0;
	text-align: left;
}
	#contents #note.line {
		padding:5px 0 0 0;
		border-top:solid 1px #DDD;
		background: none;
	}









/* 旧セカンドナビ
----------------------------------------------- */

#Snavi{
	width: 150px;
	margin: 0px;
	padding: 3px 0px 0px;
}
#Snavi h2{
	margin: 0px;
	padding: 4px 0px 4px 12px;
	font-size: 12px;
	line-height: 12px;
	font-weight: normal;
	color: #333333;
	background-image: url(../images/snavi/icon_02.gif);
	background-position: 3px 5px;
	background-repeat: no-repeat;
}
#Snavi #SnaviImg{
	margin: 0px;
	padding: 4px 0px 4px;
}
#Snavi #line {
	background-repeat: repeat-x;
	background-position: center;
	background-image: url(../images/snavi/line_01.gif);
	margin: 0px;
	padding: 0px;
	height: 9px;
	font-size: 0px;
}
#Snavi a:link {	text-decoration:none;	color:#44726D;}
#Snavi a:visited {	text-decoration:none;	color:#44726D;}
#Snavi a:active {	text-decoration:none;	color:#44726D;}
#Snavi a:hover {text-decoration:underline;	color:#44726D;}

.bgNavi{
	background-image: url(../images/snavi/bg_01.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

#Snavi a.tooltip:hover {background:#F2F2F2; text-decoration:none;} /*BG color is a must for IE6*/ 
#Snavi a.tooltip span {display:none; padding:4px 4px 2px 8px; margin-left:8px;} 
#Snavi a.tooltip:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#FF0000;text-decoration:none;}