@charset "utf-8";


/* =================================================================
		layout
================================================================= */
.inner{
	width:980px;
	margin:0 auto;
	position:relative;
}

.center{
	text-align:center;
}

#contents table{
	border-collapse:collapse;
}

.taCT{text-align:center;}
.taRT{text-align:right;}
.taLT{text-align:left;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}

.red{color:#E60012;}
.fwb{font-weight:bold;}
.page_top{text-align:right; margin-top:25px;}
.page_top a{text-decoration:none; color:#333;}
/* =================================================================
		contents
================================================================= */
#contents{
	width:980px;
	margin:0 auto 50px;
}

#contents h2{
	background:url(../img/cmn/bg_h2.jpg) no-repeat left top;
	height:28px;
	padding:8px 0 0 12px;
	font-size:130%;
	font-weight:bold;
	color:#ffffff;
	margin-bottom:20px;
	line-height:1.2em;
}

#contents p.key{
	padding:0 0 20px 0;
}

#cont_inner{margin-top:20px;}

#contents .block{margin-top:30px;}

#contents .note{font-size:12px;}

/* color */

#contents .color_red {color:#e00;}

/* img */

#contents  img.btn_hover { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
#contents  img.btn_hover:hover {opacity: 0.7; filter: alpha(opacity=70);}

/* list */
.list_decimal {margin-left:20px;}
.list_decimal  li {list-style:decimal;}

.list_disc {margin-left:20px;}
.list_disc  li {list-style:disc;}


/* padding margin */

#contents .ml10 {margin-left:10px;}
#contents .mr10 {margin-right:10px;}

#contents .pl10 {padding-left:10px;}

/* sup sub */

#contents sup{vertical-align:super;}

/*------------------------------
	見出し
------------------------------*/
#contents h3{
	border-left:4px solid #E60012;
	border-color: #ffb921;
	padding:0 0 0 10px;
	font-size:120%;
	font-weight:bold;
	color:#E60012;
	color: #000;
	margin-bottom:10px;
}

/*------------------------------
	nav
------------------------------*/
#navi *{box-sizing: border-box;}
#navi ul{
	border-top:solid 1px #ffb921;
	border-bottom:solid 1px #ffb921;
}
#navi li{
	float:left;
	width: 140px;
	border-left:solid 1px #ffb921;
	text-align:center;
	position:relative;
}
#navi li:last-child{border-right:solid 1px #ffb921;}

#navi li a,
#navi li span{
	display:block;
	width:100%;
	height:50px;
	color:#ffb921;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	padding:5px 0 4px;
}
#navi li a:hover,
#navi li span{
	background:#ffb921;
	color:#fff;
}

#navi li.bt3 > a,#navi li.bt3 > span,
#navi li.bt6 > a,#navi li.bt6 > span,
#navi li.bt7 > a,#navi li.bt7 > span{
	line-height: 40px;
}

/*----- ドロップダウンメニュー -----*/

#navi ul li ul {
  position:absolute;
  top:50px;/*親メニューの高さと同じにする*/
  left:-1px;
  width:200px;
  z-index:900;
  border:none;
}
#navi ul li ul li {
  visibility:hidden;
  overflow:hidden;
  width:200px;/*サブメニューの幅*/
  height:0;
  background:#fff;/*サブメニューの背景色*/
  margin:0;
}
#navi ul li ul li:hover,
#navi ul li ul li a:hover {
  background:#ffb921;/*ホバー時のサブメニューの背景色*/
  margin:0;
}

#navi ul li:hover ul li,
#navi ul li a:hover ul li{
  visibility: visible;
  overflow: visible;
  height:40px;/*サブメニューの高さ*/
  line-height:40px;
  z-index: 10;
  border:1px solid #ffb921;
  border-bottom:none;
}

#navi ul li:hover ul li:last-child,
#navi ul li a:hover ul li:last-child{
  border-bottom:1px solid #ffb921;
}

#navi ul li ul li a,
#navi ul li ul li span{
	height: 100%;
	padding:0;
}

/* =================================================================
		footer
================================================================= */
footer{
	border-top:1px solid #BBBBBB;
	padding:24px 0 50px 0;
}

footer p{
	line-height:1.2em;
}

footer ul{
	padding:0 0 4px 0;
}

footer ul li{
	line-height:1.2em;
	float:left;
	background:url(../img/cmn/arrow.jpg) no-repeat left center;
	padding:0 18px 0 13px;
}

footer .inner ul li a{
	color:#333333;
	text-decoration:none;
}

footer .inner ul li a:hover{
	text-decoration:underline;
}

/* =================================================================
		test
================================================================= */