@charset "UTF-8";

/* ------------------------------------------------------------
 　HTML、body、#wrapper
------------------------------------------------------------ */
html {
	text-align: center;
	}

body {
	margin: 10px auto;
	width: 903px;
	background-color: #ffffff;
	font-size: 13px;
	line-height: 1.8;
	color: #595757;
	text-align: left;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	}


/* ------------------------------------------------------------
 　共通リンク、フォント、クラス設定
------------------------------------------------------------ */
a {
	color: #0000FF;
	text-decoration: none;
	}

a:hover {
	color: #f99b1a;
	}


/* ------------------------------------------------------------
 　カラム設定
------------------------------------------------------------ */
#content {
	margin: 0 auto;
	padding: 20px 10px;
	width: 883px;
	background: url(../../img/content_bg.jpg) repeat-y;
	}

#subArea {
	float: left;
	width: 240px;
	}

#mainArea {
	float: right;
	width: 630px;
	}



/* ------------------------------------------------------------
 　header
------------------------------------------------------------ */
header {
	position: relative;
	width: 903px;
	height: 180px;
	}

header p {
	position: absolute;
	left: 50px;
	top: 65px;
	}


/* ------------------------------------------------------------
 　#subArea
------------------------------------------------------------ */
#subArea a:hover {
	color: #E96087;
	}

#subArea h2,
#subArea section {
	margin-bottom: 15px;
	}

#subArea nav li {
	margin: 0 0 13px 5px;
	padding-bottom: 9px;
	border-bottom: 1px #979797 dashed;
	}

#subArea nav li a {
	display: block;
	padding-left: 30px;
	min-height: 21px;
	color: #595757;
	font-size: 105%;
	background: url(../../img/sub_icon_off.gif) left top no-repeat;
	}

#subArea nav li a:hover {
	color: #E96087;
	background: url(../../img/sub_icon_on.gif) left top no-repeat;
	}

#subArea nav li a em {
	font-size: 125%;
	}



/* ------------------------------------------------------------
 　#mainArea
------------------------------------------------------------ */
#mainArea section {
	margin-bottom: 30px;
	}

#mainArea h2,
#mainArea h3 {
	margin-bottom: 15px;
	}

#mainArea p {
	margin-bottom: 1em;
	}


/*　.lv01
------------------------------------------------------------ */
#mainArea .lv01 {
	min-height: 240px;
	background: url(../../img/img_01.jpg) right top no-repeat;
	}

#mainArea .lv01 ol {
	color: #1E983A;
	}


/*　.lv02
------------------------------------------------------------ */
#mainArea .lv02 .ex {
	margin-bottom: 10px;
	}

#mainArea .lv02 .ex dt,
#mainArea .lv02 .ex dd {
	height: 30px;
	}

#mainArea .lv02 .ex dt {
	clear: left;
	float: left;
	font-size: 125%;
	}
#mainArea .lv02 .ex dt:after {
	content: "・・・・";
	}

#mainArea .lv02 .ex dt span {
	margin-right: 5px;
	color: #fae34e;
	}

#mainArea .lv02 .ex dd a {
	text-decoration: underline;
	}

#mainArea .lv02 .btn_02 a {
	display: block;
	padding: 6px 0 0 40px;
	width: 376px;
	height: 30px;
	background: url(../../img/btn_02_off.jpg) no-repeat;
	color: #595757;
	}
#mainArea .lv02 .btn_02 a:hover {
	background: url(../../img/btn_02_on.jpg) no-repeat;
	color: #f99b1a;
	}

#mainArea .lv02 .box dd {
	margin-right: 10px;
	padding: 15px;
	background-color: #ebe7bc;
	}

#mainArea .lv02 .btn_03 {
	float: left;
	}
#mainArea .lv02 .btn_03 a {
	display: block;
	margin-right: 10px;
	padding: 10px 0 0 45px;
	width: 230px;
	height: 35px;
	background: url(../../img/btn_03_off.jpg) no-repeat;
	color: #1E983A;
	font-size: 115%;
	}
#mainArea .lv02 .btn_03 a:hover {
	background: url(../../img/btn_03_on.jpg) no-repeat;
	color: #f99b1a;
	}


/*　.lv03
------------------------------------------------------------ */
#mainArea .lv03 .f_r {
	margin-left: 10px;
	}

#mainArea .lv03 .btn_04 a {
	display: block;
	padding: 8px 0 0 40px;
	width: 196px;
	height: 32px;
	background: url(../../img/btn_04_off.jpg) no-repeat;
	color: #EB6F57;
	}
#mainArea .lv03 .btn_04 a:hover {
	background: url(../../img/btn_04_on.jpg) no-repeat;
	color: #bb0241;
	}


/*　.lv04
------------------------------------------------------------ */
#mainArea .lv04 .l_box {
	float: left;
	width: 320px;
	}

#mainArea .lv04 .r_box {
	float: right;
	margin-right: 7px;
	width: 273px;
	font-size: 85%;
	}


/*　.lv05
------------------------------------------------------------ */
#mainArea .lv05 .box {
	float: right;
	margin-left: 10px;
	width: 296px;
	height: 186px;
	background: url(../../img/bg_01.jpg) no-repeat;
	}

#mainArea .lv05 .box dt {
	margin: 10px 0 15px 35px;
	font-size: 125%;
	}

#mainArea .lv05 .box ul {
	margin: 0 0 13px 20px;
	}

#mainArea .lv05 .box .link {
	margin-left: 110px;
	}

#mainArea .lv05 .box .link a {
	text-decoration: underline;
	}




/* ------------------------------------------------------------
 　footer
------------------------------------------------------------ */
footer {
	margin: 0 auto;
	width: 903px;
	height: 30px;
	background: url(../../img/footer_bg.jpg) left bottom no-repeat;
	font-size: 85%;
	color: #1E983A;
	text-align: center;
	}