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


/* ----------------------------------------------------
　　ぜん息などの情報館　index
------------------------------------------------------- */
/*---- main_visual setting ----*/


#main_visual img.sp { display: none; }

#main_visual #scene {
	position: relative;
}

#main_visual #scene li img {
	position: absolute;
	max-width: 100%;
	height: auto;
}

#main_visual #scene li.scene0 img {z-index:500;}
#main_visual #scene li.scene1 img {z-index:501;}
#main_visual #scene li.scene2 img {z-index:502;}


#main_visual #scene li.bg img {
	position: relative;
	z-index:555;
}

#main_visual #time {
	position: absolute;
	box-shadow: 0;
}

/*-- main_visual --*/

#main_visual {
	padding: 0px 0 5px;
	position: relative;
}



/*-- linear setting --*/


#main_visual {
	position: relative;
}

#main_visual .linear_btn li#back {
	position: absolute;
	top: 42%;
	z-index: 998;
	left: 2%;
}

#main_visual .linear_btn li#next {
	position: absolute;
	top: 42%;
	z-index: 998;
	right: 2%;
}


/*-- stop button setting --*/


#main_visual .stop_btn li {
	bottom: 12px;
	position: absolute;
	z-index: 999;
	left: 47.5%;
}

#main_visual .stop_btn li#play {display: none;}

/*-- component setting --*/

.mgb5 {margin-bottom: 5px;}

.mtb1em {
	margin-top: 1em;
	margin-bottom: 1em;
}


.mtb2em {
	margin-top: 2em;
	margin-bottom: 2em;
}

.w684 {
	max-width: 684px;
	margin-left: auto;
	margin-right: auto;
}

.w640 {
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
}



#tab_menu {
	margin-bottom: 1em;
	border-bottom: 10px solid #0D75CD;
}

#tab_menu:after {
	content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

#tab_menu li {
	float: left;
	width: 50%;
}

#zensoku_area h2,
#copd_area h2 {
	background: none;
	text-align: center;
	margin-bottom: 0;
}


.border {
	max-width: 684px;
	margin: 0 auto 2em;
	padding: 5px 0;
	text-align: center;
}

#zensoku_area .border {border: 1px solid #86AFCB;}
#copd_area .border {border: 1px solid #9FCBC3;}



.list_w25:after,
.list_w50:after {
	content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

.list_w50 li {
	float: left;
	width: 50%;
}

.list_w25 {
	max-width: 640px;
	margin: 5px auto;
}

.list_w25 li {
	float: left;
	width: 25%;
}


.category {
	background: #C3D7E5;
	max-width: 640px;
	margin: 5px auto;
	padding: 10px 0 0;
}

.category li {display: inline;}

.category li img {margin-bottom: 10px;}

/*---- frexible grid system ----*/

.grid_system:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}


.grid_system img {
	max-width: 100%;
	height: auto;
}
	

.grid_1_5,
.grid_1_4,
.grid_1_3,
.grid_1_2,
.grid_2_3,
.grid_3_4 { 
	display: block;
	float: left;
	margin-left: 2%;
}


.grid_1_5:first-child,
.grid_1_4:first-child,
.grid_1_3:first-child,
.grid_1_2:first-child,
.grid_2_3:first-child,
.grid_3_4:first-child {
	margin-left: 0; 
}


.grid_1_5 { width: 18.4%; }
.grid_1_4 { width: 23.5%; }
.grid_1_3 { width: 32.0%; }
.grid_1_2 { width: 49.0%; }
.grid_2_3 { width: 66.0%; }
.grid_3_4 { width: 74.5%; }



/*　タブメニュー :
----------------------------------------------------*/

.tab_menu {
	border-bottom: 5px solid #0d75cd;
}


.tab_menu a,
.tab_menu a:hover,
.tab_menu em,
.tab_menu span {
	background-image: none;
	padding: 6px 20px 4px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}




/*　新着情報 :
----------------------------------------------------*/

#yobou #news ul {
	height: auto;
	overflow: visible;
}

#news li {
	background: none;
	padding: 15px 5px 12px;
	margin-bottom: 0;
	border-bottom: 1px dotted #ccc;
}

#news li span.category1,
#news li span.category2,
#news li span.category3,
#news li span.category4 {min-width: 6em;color: #fff;}

#news li span.category1 {background-color: #d02e6a;border: 1px solid #d02e6a;}
#news li span.category2 {background-color: #007eaf;border: 1px solid #007eaf;}
#news li span.category3 {background-color: #4a7e51;border: 1px solid #4a7e51;}
#news li span.category4 {background-color: #00838d;border: 1px solid #00838d;}


#news li span.type {
	background-color: #fff;
	border: 1px solid #0d75cd;
	color: #0d75cd;
	margin-left: 5px;
	min-width: 6em;
	text-align: center;
	font-weight: normal;
	font-size: 80%;
	height: 1.8em;

}