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


/*　タブ共通項目　※変更不要　*/
.tab_top {
	/* 「ページのトップへ戻る」の装飾 */
	display: block;
	color:#06C;
	font-size: 13px;
	text-align: right;
	padding: 10px 0 10px 10px;
	margin-top: 15px;
	border-top: 1px #EFEFEF solid;
	clear: both;
	cursor: pointer;
}
.tab_top:hover {
	/* 「ページのトップへ戻る」の装飾 */
	color:#C00;
}
#taball_box {
	padding-top: 50px;
}
#taball_box .navi_box {
	width: 980px;
	height: auto;
	margin: 0 auto;
}
#taball_box .navi_box ul {
    height: 76px;
    border-bottom: 3px solid #EBEBEB;
}
#taball_box p {
	line-height: normal;
	margin-left: 5px;
}
#taball_box .box_adopt {
	width: 980px;
	margin: 0 auto 10px;
	padding: 15px 0px 0 0px;
}
#taball_box .box_adopt_one {
	padding: 10px 0 5px 0;
	margin-bottom: 5px;
	line-height: normal;
	clear: both;
}


/*　タブの各カラー変更項目　*/
.tab_area li {
	/* 非アクティブタブの装飾 */
	float: left;
	display: block;
	width: 182px;
	font-size: 18px;
	font-weight: bold;
	color: #003399; /* 文字カラー変更 */
	text-align: center;
	margin-right: 10px;
	padding: 28px 3px 30px 3px;
	background-color: #FBFBFB;
	border-bottom: 3px solid #F8CFD9; /* 下部バーのカラー変更 */
	position: relative;
	cursor: pointer;
}
.tab_area li:nth-child(5n) {
	margin-right: 0;
}
.tab_area li.small {
	/* 非アクティブタブの装飾　※２行 */
	padding: 14px 3px 15px 3px;
	font-size: 18px;
	line-height: 130%;
}

.tab_area li.last {
	/* タブ一番右 */
	margin-right: 0;
}

.tab_area li.select ,
.tab_area li:hover {
	/* アクティブタブの装飾 */
	border-bottom: 3px solid #B81D21 !important; /* 下のカラー変更 */
	background-color: #F5F5F5 !important;
	color: #333;
	font-weight: bold;
}

.tab_area li.small span.small_text {
    font-size: 13px;
    font-weight: normal;
    line-height: 170%;
}



/*----------------------------------------

    画面サイズの横幅が
	480px より小さい場合に適用

-----------------------------------------*/

@media screen and (max-width: 480px) {

/* タブ共通項目 ※変更不要 */
#taball_box .navi_box {
	width: 100%;
}
#taball_box .box_adopt {
	width: 97%;
}
#taball_box .box_adopt_one {
	padding: 0;
	margin-bottom: 5px;
	font-size: 12px;
}

#taball_box .navi_box ul {
    border-bottom: none;
}

.box_adopt {
	width: 100%;
	background-color: #FFF;
	margin: 0 auto 0;
	padding: 10px 5px 5px 5px;
	border-top: none;
}
.tab_area{
	overflow:hidden;
	display:table;
	margin:0;
	width: 100%;
}
.tab_area li{
	width: 44%;
	font-size: 15px;
	margin-left: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	padding: 28px 3px 24px 3px;
}
.tab_area li.small{
	font-size: 15px;
	padding: 13px 3px 16px 3px;
}

.tab_area li.small span.small_text {
    line-height: 130%;
}

.tab_top {
	font-size: 11px;
}

}