@charset "utf-8";
/* CSS Document */

/*　大枠設定:
----------------------------------------------*/

#footer {
	background:url(../img/second/footer_bg.jpg) bottom center no-repeat;
}

#footer .copy {
	width:980px;
	margin:0 auto;
	position:relative;
	height:433px;
}

#footer .copy p {
	position:absolute;
	bottom: 10px;
	right: 30px;
	color:#448300;
	font-size:70%;
}

#contents_bg {
	background:url(../img/second/contents_bg.jpg) top center repeat-y;
	margin: 0 auto;
}

#contents_bg_bottom {
	background:url(../img/second/contents_bg_bottom.jpg) bottom center no-repeat;
	margin: 0 auto;
}

#contents {
	width: 980px;
	margin: 0 auto;
	padding:20px 0;
}

*+html #contents {display: inline-block;}
* html #contents {display: inline-block;}
#contents:after {
	content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

#contents p {
	line-height:1.6em;
	margin: 0 0 10px;
}

#contents p.mgb20 {
	margin-bottom:20px;
}

#contents p.p1 {
	text-indent:1em;
}


#pan {
	background:#FFF;
	padding:10px;
	margin-bottom:20px;
}

#pan li {
	display:inline;
	margin:0 20px 0 0;
	font-weight:bold;
}

#left_col {
	width:690px;
	float:left;
	background:#FFF;
	padding:15px;
}

/* 右エリア */

#right_col {
	width:240px;
	float:right;
}

#right_col #lonav1,
#right_col #lonav2,
#right_col #lonav3,
#right_col #lonav4,
#right_col #lonav5 {
	background:#FFF;
	margin:0 0 20px 0;
	padding:10px 15px 5px;

}

#right_col #lonav1 h2,
#right_col #lonav2 h2,
#right_col #lonav3 h2,
#right_col #lonav4 h2 {
	margin-bottom:10px;
}

#right_col #lonav1 h2 {
	border-bottom:solid 3px #80A63B;
}
#right_col #lonav2 h2 {
	border-bottom:solid 3px #F07E9F;
}
#right_col #lonav3 h2 {
	border-bottom:solid 3px #E38542;
}
#right_col #lonav4 h2 {
	border-bottom:solid 3px #6EABC4;
}

#right_col #lonav1 ul li,
#right_col #lonav2 ul li,
#right_col #lonav3 ul li,
#right_col #lonav4 ul li {
	font-size:100%;
	font-weight:bold;
	margin:0 0 10px 0;
}

#right_col #lonav1 ul li a,
#right_col #lonav1 ul li a:hover,
#right_col #lonav1 ul li.on,
#right_col #lonav2 ul li a,
#right_col #lonav2 ul li a:hover,
#right_col #lonav2 ul li.on,
#right_col #lonav3 ul li a,
#right_col #lonav3 ul li a:hover,
#right_col #lonav3 ul li.on,
#right_col #lonav4 ul li a,
#right_col #lonav4 ul li a:hover,
#right_col #lonav4 ul li.on,
#right_col ul li span.nav_on {
	display:block;
	padding:6px 0 3px 30px;
}

#right_col #lonav1 ul li a,
#right_col #lonav2 ul li a,
#right_col #lonav3 ul li a,
#right_col #lonav4 ul li a {
	color:#666;
	text-decoration:none;
}

#right_col #lonav1 ul li a {
	background:url(../img/common/arrow_glnav1.gif) no-repeat 5px 0.5em;
}
#right_col #lonav2 ul li a {
	background:url(../img/common/arrow_glnav2.gif) no-repeat 5px 0.5em;
}
#right_col #lonav3 ul li a {
	background:url(../img/common/arrow_glnav3.gif) no-repeat 5px 0.5em;
}
#right_col #lonav4 ul li a {
	background:url(../img/common/arrow_glnav4.gif) no-repeat 5px 0.5em;
}

#right_col #lonav1 ul li a:hover,
#right_col #lonav2 ul li a:hover,
#right_col #lonav3 ul li a:hover,
#right_col #lonav4 ul li a:hover,
#right_col #lonav1 ul li.on,
#right_col #lonav2 ul li.on,
#right_col #lonav3 ul li.on,
#right_col #lonav4 ul li.on,
#right_col ul li span.nav_on {
	color:#fff;
}

#right_col #lonav1 ul li a:hover,
#right_col #lonav1 ul li.on,
#right_col ul li span.nav_on{
	background:#E15755 url(../img/common/arrow_glnav1_o.gif) no-repeat 5px 0.4em;
}

#right_col #lonav1 ul li ul.lo_01{
	margin:10px 0 0 10px;
}
#right_col #lonav1 ul li ul.lo_01 li{
	margin:0 0 5px;
}
#right_col #lonav1 ul li ul.lo_01 li.nav_on,
#right_col #lonav1 ul li ul.lo_01 li a{
	background:url(../img/common/lo_01.gif) no-repeat 5px 0.4em!important;
	padding:0px 0 0px 15px;
}
#right_col #lonav1 ul li ul.lo_01 li.nav_on,
#right_col #lonav1 ul li ul.lo_01 li a:hover{
	color:#E15755;
}


#right_col #lonav2 ul li a:hover,
#right_col #lonav2 ul li.on {
	background:#0CA29D url(../img/common/arrow_glnav2_o.gif) no-repeat 5px 0.4em;
}

#right_col #lonav3 ul li a:hover,
#right_col #lonav3 ul li.on {
	background:#0073D1 url(../img/common/arrow_glnav3_o.gif) no-repeat 5px 0.4em;
}

#right_col #lonav4 ul li a:hover,
#right_col #lonav4 ul li.on {
	background:#A3C62E url(../img/common/arrow_glnav4_o.gif) no-repeat 5px 0.4em;
}


/*--------- icon -------------*/

.icon{
	margin:0 0 0 0.5em;
}


/*--------- lnk -------------*/


.lnk1 a {
	border: 1px solid #2C4194;
	color: #fff;
	padding: 0.5rem 0.5rem 0.5rem 1.5rem;
	text-decoration: none;
	background-color: #2C4194;
	position: relative;
}

.lnk1 a:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 7px;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 0;
  left: 0.6rem;
  bottom: 0;
  margin: auto;
}

#contents p.lnk1 {
	margin: 1rem 0;
}