@charset "UTF-8";

ul, li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#mainvisual {
	width: 100%;
	margin-bottom: 16px;
}

#mainContents { 
	width: 100%;
}
#mainContents .row {
	margin-left: -8px;
	margin-right: -8px;
	margin-bottom: -16px;
	padding-bottom: 16px;
}
#mainContents ul,
#mainContents li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#mainContents .wd50 {
	width: 50%;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 16px;
	float: left;
}
#mainContents .wd33 {
	width: 33.33333%;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 16px;
	float: left;
}
#mainContents #tabs01 #navi01 {
	width: 100%;
	height: 42px;
	background: #9f759d;
	position: relative;
}
#mainContents #tabs01 #navi01:before,
#mainContents #tabs01 #navi01:after {
    content:"";
    display:table;
}
 
#mainContents #tabs01 #navi01:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
#mainContents #tabs01 #navi01 {
    zoom:1;
}
#mainContents #tabs01 #navi01 p {
	font-size: 1.15em;
	color: #fff;
	height: 42px;
	margin-bottom: 0;
	padding-left: 15px;
	float: left;
	line-height: 42px;
}
#mainContents #tabs01 ul {
	position: absolute;
	bottom: 0;
	right: 8%;
}

#mainContents #tabs01 ul.nav-tabs li {
	font-size: 0.8em;
	display: inline-block;
	width: 140px;
	height: 32px !important;
	line-height: 32px;
	text-align: center;
}
#mainContents #tabs01 ul li#tab1-1 {
	background-color: #fff;
}
#mainContents #tabs01 ul li#tab1-1 a {
	color:#a0769e !important;
	text-decoration: none;
	overflow : hidden;
	outline : none;
}
#mainContents #tabs01 ul li#tab1-2 {
	background-color: #693C7D;
}
#mainContents #tabs01 ul li#tab1-2 a {
	color:#fff !important;
	text-decoration: none;
	overflow : hidden;
	outline : none;
}
#mainContents #tabs02 #navi02 {
	width: 100%;
	height: 42px;
	background: #638c88;
	position: relative;
	z-index:1;
}
#mainContents #tabs02 #navi02:before,
#mainContents #tabs02 #navi02:after {
    content:"";
    display:table;
}
 
#mainContents #tabs02 #navi02:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
#mainContents #tabs02 #navi02 {
    zoom:1;
}
#mainContents #tabs02 #navi02 p {
	font-size: 1.15em;
	color: #fff;
	height: 42px;
	margin-bottom: 0;
	padding-left: 15px;
	float: left;
	line-height: 42px;
}
#mainContents #tabs02 ul.nav-tabs {
	position: absolute;
	bottom: 0;
	right: 8%;
}

#mainContents #tabs02 ul.nav-tabs li.nav-tab {
	font-size: 0.8em;
	display: inline-block;
	width: 140px;
	height: 32px !important;
	line-height: 32px;
	text-align: center;
}
#mainContents #tabs02 ul.nav-tabs li#tab2-1 {
	background-color: #fff;
}
#mainContents #tabs02 ul.nav-tabs li#tab2-1 > a {
	color:#638c88 !important;
	text-decoration: none;
	overflow : hidden;
	outline : none;
}
#mainContents #tabs02 ul.nav-tabs li#tab2-2 {
	background-color: #467370;
}
#mainContents #tabs02 ul.nav-tabs li#tab2-2 > a {
	color:#fff !important;
	text-decoration: none;
	overflow : hidden;
	outline : none;
}

@media screen and (max-width: 1199px) {
#mainContents #tabs01 #navi01 p {
	font-size: 1em;
	color: #fff;
	height: 42px;
	margin-bottom: 0;
	padding-left: 12px;
	float: left;
	line-height: 42px;
}
#mainContents #tabs01 ul.nav-tabs {
	margin-top: 10px;
	margin-left: 19%;
	position: absolute;
}

#mainContents #tabs01 ul.nav-tabs li.nav-tab {
	font-size: 0.75em;
	display: inline-block;
	width: 120px;
	height: 32px !important;
	line-height: 32px;
	text-align: center;
}
#mainContents #tabs02 #navi02 p {
	font-size: 1em;
	color: #fff;
	height: 42px;
	margin-bottom: 0;
	padding-left: 12px;
	float: left;
	line-height: 42px;
}
#mainContents #tabs02 ul.nav-tabs {
	margin-top: 10px;
	margin-left: 19%;
	position: absolute;
}

#mainContents #tabs02 ul.nav-tabs li.nav-tab {
	font-size: 0.75em;
	display: inline-block;
	width: 120px;
	height: 32px !important;
	line-height: 32px;
	text-align: center;
}

}
@media screen and (max-width: 991px) {
	#mainContents #tabs01 #navi01 p {
		font-size: 0.8em;
		color: #fff;
		height: 42px;
		margin-bottom: 0;
		padding-left: 12px;
		float: left;
		line-height: 42px;
	}
	#mainContents #tabs01 ul.nav-tabs {
		margin-top: 10px;
		margin-left: 19%;
		position: absolute;
	}

	#mainContents #tabs01 ul.nav-tabs li.nav-tab {
		font-size: 0.65em;
		display: inline-block;
		width: 105px;
		height: 32px !important;
		line-height: 32px;
		text-align: center;
	}

	#mainContents #tabs02 #navi02 p {
		font-size: 0.8em;
		color: #fff;
		height: 42px;
		margin-bottom: 0;
		padding-left: 12px;
		float: left;
		line-height: 42px;
	}
	#mainContents #tabs02 ul.nav-tabs {
		margin-top: 10px;
		margin-left: 19%;
		position: absolute;
	}

	#mainContents #tabs02 ul.nav-tabs li.nav-tab {
		font-size: 0.65em;
		display: inline-block;
		width: 105px;
		height: 32px !important;
		line-height: 32px;
		text-align: center;
	}

}
@media screen and (max-width: 767px) {
	#mainContents #tabs01 #navi01 p,#mainContents #tabs02 #navi02 p {
		font-size: 75%;
		padding-left: 5px;
	}
	#mainContents #tabs01 ul, #mainContents #tabs02 ul.nav-tabs {
		right: 5px;
	}
	#mainContents .wd50,
	#mainContents .wd33 {
		width:100%;
	}
}
@media screen and (max-width: 380px) {
	#mainContents #tabs01 #navi01 p,#mainContents #tabs02 #navi02 p {
		font-size: 70%;
		padding-left: 5px;
	}
}
@media screen and (max-width: 340px) {
	#mainContents #tabs01 #navi01 p,#mainContents #tabs02 #navi02 p {
		font-size: 90%;
	}
	#mainContents #tabs01 #navi01, #mainContents #tabs02 #navi02 {
		height: 70px;
	}
}

/* katsudoNews
---------------------------------------------------- */
#tabs01 #tabs1-1 {
	margin: 0;
	width: 100%;
	background: #FFF;
	padding:10px 5px;
}
#tabs01 #tabs1-1 dl {
	margin: 0;
	width: 100%;
	border-bottom: 1px dotted #FF9BA5;
	font-size: 93%;
}
#tabs01 #tabs1-1 dd {
	line-height: 1.7em;
	padding: 4px 0 4px 60px;
}
#tabs01 #tabs1-1 dt {
	width: 52px;
	display: block;
	float: left;
}
#tabs01 #tabs1-1 dd a {
	color:#444;
}
#tabs01 #tabs1-1 .icn {
	width: 52px;
	display: block;
	float: left;
}
#tabs01 #tabs1-1 img {
	margin-top:5px;
}
#tabs01 #tabs1-2 {
	margin: 0;
	width: 100%;
	background: #fff;
	padding:10px 5px;
}
#tabs01 #tabs1-2 dl {
	margin: 0;
	width: 100%;
	border-bottom: 1px dotted #FF9BA5;
	font-size: 93%;
}
#tabs01 #tabs1-2 dt,
#tabs01 #tabs1-2 dd {
	line-height: 1.7em;
}
#tabs01 #tabs1-2 dt {
	padding: 5px 0;
	width: 8em;
	float: left;
	clear: both;
	color: #693C7D;
}
#tabs01 #tabs1-2 dd {
	padding: 5px 0 5px 6.2em;
}
#tabs01 #tabs1-2 dd a {
	color:#444;
}

/**/
#tabs02 #news-list {
	margin: 0;
	width: 100%;
	background: #fff;
	padding: 10px 5px;
}

#tabs02 #news-list dl {
	margin: 0;
	width: 100%;
	border-bottom: 1px dotted #8FCE30;
	font-size: 93%;
}
#tabs02 #news-list dt {
	width: 8em;
}
#tabs02 #news-list dt,
#tabs02 #news-list dd {
	line-height: 1.7em;
	min-height: 2em;
}
#tabs02 #tabs2-2 dt {
	padding: 5px 0;
	width: 8em;
	float: left;
	clear: both;
	color: #309200;
}
#tabs02 #tabs2-2 dd {
	padding: 5px 0 3px 6.2em;
}
#tabs02 #tabs2-2 dd a {
	color:#444;
}
.katsudolink {
	margin-top:8px;
	background-image: url(../../../top/bullet.gif);
	background-repeat: no-repeat;
	background-position: left -200px;
	display: block;
	padding-left: 15px;
	clear: both;
}
.katsudolink a {
	color: #FF487B;
	font-size: 85%;
	font-weight:bold;

}

.katsudolink2 {
	margin-bottom:5px;
	background-image: url(../../../top/bullet_pink.png);
	background-repeat: no-repeat;
	display: block;
	background-position: left center;
	padding:0 0 5px 18px;
	border-bottom: 1px dotted #FF9BA5;
}
.katsudolink2 a {
	color: #FF487B;
	font-size: 100%;
	font-weight:bold;
}

.nplinklist {
	background: #fff;
	padding-top:10px;
	width: 100%;
}
.nplinklist ul {
	list-style: none;
}
.nplinklist li {
	float:left;
}
#mainContents li.nplink {
	background-image: url(../../../top/bullet.gif);
	background-repeat: no-repeat;
	background-position: left -600px;
	display: block;
	padding-left: 15px;
}
#mainContents li.nplink a {
	color: #279700;
	font-size: 85%;
	font-weight:bold;
}

.wd50 > img, .wd33 > img {
	width: 100%;
}
.wd50 > a > img, .wd33 > a > img {
	width: 100%;
}
.content_box a > img:hover, .content_item a img:hover {
	opacity: 0.5;
}

/* News
---------------------------------------------------- */
#news-list {
	margin: 0;
	width: 100%;
	background: #FFFFFF;
	padding-top:10px;
}
#news-list dl {
	margin: 0;
	width: 100%;
	border-bottom: 1px dotted #8FCE30;
	font-size: 93%;
}
#news-list dt,
#news-list dd {
	line-height: 1.7em;
}
#news-list dt {
	padding: 5px 0;
	width: 6em;
	float: left;
	clear: both;
	color: #309200;
}
#news-list dd {
	padding: 5px 0 3px 6.2em;
}
#news-list dd a {
	color:#444;
}
#news-list ul {
	list-style-type: none;
	zoom: 100%;
}
#news-list ul:after {
	content: " ";
	clear: both;
	height: 0px;
	display: block;
	visibility: hidden;
}

#news-list .txt {
	margin-left: 88px;
	display: block;
}
#news-list .icn {
	width: 40px;
	display: block;
	float: left;
}
#news-list img {
	vertical-align:middle;
	margin-bottom: 2px;
}
#ns .newslink {
	padding-top:12px;
}
#ns .newslink ul {
	list-style-type: none;
}
#ns .newslink li {
	float: left;
}