@charset "utf-8";
/* --//////////////////////////////////////////////////////////////////////////////////////////////////
 *
 * 　        INDEX
 *
 * 　1.　トップページ　　(/index.html)
 *
 *  ※.left / .right は、左右にフロートしている要素です。「 .親要素名 .left {  } 」という記述の仕方で統一してます。
 *　　
 * --/////////////////////////////////////////////////////////////////////////////////////////////-- */
 
/* ----------------------------------------------------------------------------------------------------
 * ▼　1.　トップページ　　
 * --------------------------------------------------------------------------------------------------*/

/* -- レイアウト大枠（958px） -------------------------------*/

#TopWrap {
	width: 958px;
	text-align: left;
	margin: 0 auto;
}
 
/* -- #TopCont -------------------------------*/

#TopCont {
	text-align: left;
	margin-top:4px;
	margin-bottom: 2px;
	background: url(../img/top_main_bg_mid.png) repeat-y left top;
	width: 958px;
}
#TopFla {
	width: 940px;
	padding: 6px 9px 5px 9px;
	background-image: url(../img/top_main.png);
	background-repeat: no-repeat;
	background-position: center top;
	}

#TopCont_02 {
	background: url(../img/top_main_bg_btm.png) no-repeat left bottom;
	padding-bottom: 18px;
}

#TopCont_02 h3 {
	margin-bottom: 5px;
}

#TopCont_02 li {
	float: left;
	width: 229px;
	height: 235px;
	margin-right: 5px;
	border-left: #CDAD83 solid 2px;
}

#TopCont ul {
	padding-left: 9px;
}

#TopCont li p a {
	background: url(../img/arrow_black_right.gif) no-repeat left center;
	padding-left: 16px;
}

#TopCont li p {
	background: url(../img/top_main_dotted.gif) repeat-x left bottom;
	width: 210px;
	margin-left: 9px;
	margin-bottom: 5px;
	padding-bottom: 2px;
	padding-left: 4px;
}

html>/**/body .letter_short , x:-moz-any-link, x:default {
	letter-spacing: -0.125em;
} /* Only FireFox3 *//* inValid(not Valid) */

/* -- #TopLeft -------------------------------*/

#TopLeft {
	float: left;
	text-align: left;
	position: relative;
	background: url(../img/top_rl_bg_mid.png) repeat-y left top;
	height: 188px;
	width: 478px;
}

#TopLeft h3 {
	padding-bottom: 3px;
}

#TopLeft dl {
	height: 102px;
	width: 467px;
	overflow-y: scroll;
}

#TopLeft dt {
	width: 86px;
	float: left;
	clear: left;
	padding-bottom: 2px;
	padding-left: 13px;
	line-height: 1.7;
}

#TopLeft dd {
	margin-left: 12px;
	margin-bottom: 1px;
	padding-bottom: 2px;
	padding-left: 90px;
	background: url(../img/top_main_dotted.gif) repeat-x left bottom;
	line-height: 1.7;
}

#TopLeft p {
	text-align: right;
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 467px;
	padding: 0 11px 18px 0;
	background: url(../img/top_rl_bg_btm.png) no-repeat left bottom;
}

#TopLeft p a {
	background: url(../img/arrow_black_right.gif) no-repeat left center;
	padding-left: 16px;
	font-size: 13px;
}

/* -- #TopRight -------------------------------*/

#TopRight {
	float: right;
	text-align: left;
	background: url(../img/top_rl_bg_mid.png) repeat-y left top;
	height: 188px;
	width: 478px;
}

#TopRight h3 {
	padding-bottom: 6px;
}

#TopRight ul {
	 padding-left: 9px;
	 margin-bottom: 3px;
}

#TopRight li {
	float: left;
	width: 89px;
	height: 62px;
	margin-right: 3px;
	line-height: 1.3;
	vertical-align: bottom;
}

#TopRight li a {
	display: block;
	text-align: center;
	width: 89px;
	height: 42px;
	padding-top: 21px;
	background:url(../img/top_right_bg_btn.jpg) no-repeat left top;
	text-decoration: none;
	vertical-align: bottom;
}

#TopRight li a:hover span {
	background: none;
}

#TopRight li a span {
	background: url(../img/line_blue_dot.gif) repeat-x left bottom;
	zoom: 1;
}

html>/**/body .two_lines span , x:-moz-any-link, x:default {
	letter-spacing: -0.12em;
}/* Only FireFox3 *//* inValid(not Valid) */

.two_lines span{
	position: relative;
	top: -8px;
}

#TopRight .bg_btm {
	background: url(../img/top_rl_bg_btm.png) no-repeat left bottom;
	padding-bottom: 15px;
}*html #TopRight .bg_btm { 	padding-bottom: 13px;}

/* -- #TopFoot -------------------------------*/

#TopFoot {
	width: 958px;
	margin: 0 auto;
	clear: both;
	text-align: center;
	padding: 10px 0 30px;
}

#TopFoot p {
	font-size: 10px;
}

#TopFoot p span {
	text-transform: uppercase;
}


/* -- css hacks ---------------------------------*/

*html {
} /* for WinIE4-IE6 and MacIE4-IE5 *//* Valid */

*:first-child+html {
} /* for IE7 *//* Valid */

html>/**/body XXXXX, x:-moz-any-link, x:default {
} /* Only FireFox3 *//* inValid(not Valid) */

body:first-of-type {
} /* Only safari3/4 Firefox3.5 *//* inValid(not Valid)*/

html[xmlns*=""] body:last-child XXXXX {
} /* Only safari2 macOSX *//* inValid(not Valid)*/