@charset "utf-8";

/* スクロールバーの有無によるズレ対策 */
html {
	overflow-y: scroll;
}

/*---ForFireFoxLink------------------*/
a:focus,
input:focus,img:focus{
	outline:3px solid #449cf7;
}
a:hover,
input:hover{
	outline:none;
}
a:active,
input:active{
	outline:none;
}

/*---defaultStyle ------------------*/
body{
	color:#333;
	background-color:#FFF;
	line-height:1.4;
}

input,
textarea,
#global_header,
#wrap_contents,
#global_footer{
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}



strong{
	font-weight:bold;
}


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

a:link {
	color:#333;
	text-decoration:none;
}

a:visited {
	color:#333;
	text-decoration:none;
}

a:hover {
	color:#333;
	text-decoration:underline;
}

a:active{
	color:#333;
	text-decoration:none;
}


/* page
----------------------------------------------------------- */
#page{
}

/*スマートフォン用導線メッセージ*/
#smartphone_alert{
	background: -moz-linear-gradient(top, #222 90%, #000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(90%,#222), color-stop(100%,#000));
	background: -webkit-linear-gradient(top, #222 90%,#000 100%);
	background: linear-gradient(top, #222 90%,#000 100%);
	padding: 60px 10px;
}

#smartphone_alert a{
	font-size: 48px;
	color: #fff;
	font-weight: bold;
	display: block;
	text-align: center;
}

#smartphone_alert a img{
	vertical-align: middle;
	margin-right: 20px;
	display: inline-block;
	margin-top: -10px;
}

/* contents
----------------------------------------------------------- */
#wrap_contents{
	text-align:left;
	width:960px;
	margin:0 auto;
	font-size:93%;
	position:relative;
}
	/*clearFix*/
	#wrap_contents:before, #wrap_contents:after {
		content:"\0020";
		display:block;
		height:0;
		overflow:hidden;
	}
	#wrap_contents:after{clear: both;}
	#wrap_contents{zoom: 1;}


	#wrap_contents .sample{
		padding:20px 0;
	}
		#wrap_contents .sample h2{
			font-size:120%;
			font-weight:bold;
		}


	/* #topic_path
	-----------------------*/
	#wrap_contents #topic_path{
		clear:both;
		padding:10px 0;
		line-height:1;
		display:block;
		overflow:hidden;
		font-size: 77%;
	}
		#wrap_contents #topic_path li{
			padding:0 10px 0 10px;
			margin:0 0 0 -10px;
			display:inline;
			background:url(../img/topicpath_icon_cursor.gif) left center no-repeat;
			font-family: "I-OTF-UDゴ本文Pro R","メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
		}

		#wrap_contents #topic_path li.redtxt a{
			color:red;
		}


	/* h1.main_title
	-----------------------*/
	#wrap_contents h1.main_title{
		display:block;
		line-height:1;
		font-size:24px;
		font-weight:bold;
		border-top: none;
		padding: 0 0 15px 0;
		margin: 0 0 15px 0;
		background: url(../img/bg_red_w2h9.gif) repeat-x left bottom;
		font-family:"I-OTF-UDゴ表示Pro M","メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	}
	#wrap_contents.two_column h1.main_title{
		margin: 0;
		background: none;
	}


	/* #left_column
	-----------------------*/
	#wrap_contents #left_column{
		width:170px;
		float:left;
		margin:0 0 0 0;
		border-top:2px #DF0202 solid;
	}
		#wrap_contents #left_menu_title{
			display:block;
			padding:14px 2px;
			font-weight:bold;
			font-size:108%;
			border-bottom:1px solid #B0B0B0;
		}
			#wrap_contents #left_menu_title.active,
			#wrap_contents #left_menu_title.active a{
				color:#DF0101;
			}

		#wrap_contents #left_menu_top{
			display:block;
			padding:14px 2px;
			font-weight:bold;
			font-size:108%;
			border-bottom:1px solid #B0B0B0;
		}

		/* #left_menu
		-----------------------*/
		#wrap_contents #left_menu{
		}
			#wrap_contents #left_menu li{
				border-bottom:1px solid #B0B0B0;
			}
				#wrap_contents #left_menu li ul{
					overflow:hidden;

					/*hidden*/
					position: absolute;
					width: 1px;
					height: 1px;
					margin: -1px;
					border: 0;
				}
				#wrap_contents #left_menu li ul.active{
					/*visible*/
					position:static;
					width:auto;
					height:auto;
					margin:auto;
					border-top:1px solid #B0B0B0;
				}
				#wrap_contents #left_menu li li{
					background:url(../img/leftmenu_border_child.gif) left bottom no-repeat;
					border-bottom:none;
					margin-bottom:-1px;
				}
				#wrap_contents #left_menu li li.last{
					border-bottom:none;
				}

			#wrap_contents #left_menu a{
				padding:15px 0;
				display:block;
			}
				#wrap_contents #left_menu a.active{
					color:#DF0101;
					font-weight:bold;
				}
				#wrap_contents #left_menu a:hover{
					color:#DF0101;
				}
					#wrap_contents #left_menu li li a{
						background:url(../img/leftmenu_icon_child.gif) 2px 21px  no-repeat;
						padding:15px 7px 15px 15px;
					}
						#wrap_contents #left_menu li li a.active{
						background:url(../img/leftmenu_icon_child_o.gif) 2px 21px  no-repeat;
						font-weight:normal;
						}


	/* #main_contents
	-----------------------*/
	#wrap_contents #main_contents{
		width:775px;
		float:right;
	}