@charset "utf-8";


.label01{ background:#93383E;}
.label02{ background:#304563;}
.label03{ background:#5C614C;}
.label04{ background:#005854;}
.label05{ background:#C02400;}

.label06{ background:#AF5306;}
.label07{ background:#005C9A;}
.label08{ background:#360078;}
.label09{ background:#030607;}
.label10{ background:#6B6E00;}

.label11{ background:#10109A;}
.label12{ background:#603C6D;}
.label13{ background:#6E0000;}
.label14{ background:#127F5F;}
.label15{ background:#4B5866;}
.label16{ background:#003600;}


@media screen and (max-width: 767px) {
	


#header #logo img{
	width:100%;
	max-width:300px;
}

#header {
	height:68px;
	border-bottom:1px solid #ddd;
}



.data {
	float:right;
	font-size:75%;
}



#main #important{
	border:2px solid #B20000;
	padding:10px;
	margin:5% 10px 0;
	background:#FFFBF0;
}

#main #important h2 {
	margin-top:0;
	color:#B20000;
	background:none;
	position:relative;
	font-size:120%;
	font-weight:bold;
	border-bottom:3px solid #ddd;
	padding-left:0;
	line-height:1.2;
	padding-bottom:10px;
}

#main #important h2:before {
	display:none;
}

#main #important h2:after {
	position:absolute;
	content:" ";
	height:3px;
	width:150px;
	background:#B20000;
	left:0;
	bottom:-3px;
}

#main #important ul {
	list-style-type:none;
}

#main #important ul li{
	position:relative;
	padding-left:20px;
	margin-top:7px;
	padding-bottom:7px;
	border-bottom:1px dotted #ccc;
}

#main #important ul li:before{
	content:" ";
	position:absolute;
	top:.4em;
	left:0;
	width:10px;
	height:10px;
	border-radius:100%;
	background:#B20000;
}

#main #important ul li b{
	font-weight:bold;
	color:#B20000;
}

.poster {
	margin-top:10%;
	text-align:center;


}



#main .rss_btn {
	position:absolute;
	right: 0px;
	top: 5px;
}
#main .rss_btn a{
	border:3px solid #ddd;
	background:#f5f5f5;
	font-size: 75%;
	text-decoration:none;
	color:#333!important;
	font-weight:normal;
	padding: 3px 10px;
}

#main .rss_btn a:before{
	display:inline-block;
	content:" ";
	background:url(../images/icon_rss02_b.png) no-repeat center center;
	background-size:10px;
	width:10px;
	height:10px;
	margin-right:5px;
}

#main .rss_btn a:hover{
	border:3px solid #444;
	background:#444;
	font-size: 75%;
	text-decoration:none;
	color:#fff!important;
	font-weight:normal;
	padding: 3px 10px;
}

#main .rss_btn a:hover:before{
	display:inline-block;
	content:" ";
	background:url(../images/icon_rss02_w.png) no-repeat center center;
	background-size:10px;
	width:10px;
	height:10px;
	margin-right:5px;
}




#news h2 {
	margin-top:15px;
}

.en #news h2.contents_title {
	margin-top:0px;
}


#news div {
	margin:0 10px;
}

#news div h2 {
	position:relative;
	background:none;
	border-bottom:3px solid #ddd;
	line-height:1.2;
	padding-bottom:10px;
	padding-left:0;
	color:#000;
	font-weight:bold;
}

#news div h2:after {
	position:absolute;
	content:" ";
	height:3px;
	width:80px;
	background:#094FA4;
	left:0;
	bottom:-3px;
}



#news h2.contents_title {
	margin-top:45px;
}


.box.type01 {
	margin-top:55px !important;
}


}


@media print, screen and (min-width: 768px) {


#global_navi ul li a{
	font-size:100%;
	line-height:1.3;	
}

.en #global_navi ul li a{
	font-size:95%;
	line-height:1.3;	
}


#global_navi ul li a span{
	display:block;
	font-size:75%;
	line-height:1.3;
	white-space:nowrap;
}

#global_navi ul.menu_second-level li a {
	font-size: 85%;
}





#main #important {
	border:2px solid #B20000;
	padding:20px;
	background:#FFFBF0;
}

#main #important h2 {
	margin-top:0;
	color:#B20000;
	position:relative;
	font-size:120%;
	font-weight:bold;
	border-bottom:3px solid #ddd;
	padding-left:0;
	line-height:1.2;
	padding-bottom:10px;
}

#main #important h2:before {
	display:none;
}

#main #important h2:after {
	position:absolute;
	content:" ";
	height:3px;
	width:150px;
	background:#B20000;
	left:0;
	bottom:-3px;
}

#main #important ul {
	list-style-type:none;
}

#main #important ul li{
	position:relative;
	padding-left:20px;
	margin-top:7px;
	padding-bottom:7px;
	border-bottom:1px dotted #ccc;
}

#main #important ul li:before{
	content:" ";
	position:absolute;
	top:.4em;
	left:0;
	width:10px;
	height:10px;
	border-radius:100%;
	background:#B20000;
}

#main #important ul li b{
	font-weight:bold;
	color:#B20000;
}



.rss_btn {
	position:absolute;
	right: 0px;
	top: 0px;
}
.rss_btn a{
	border:3px solid #ddd;
	background:#f5f5f5;
	font-size: 75%;
	text-decoration:none;
	color:#333;
	font-weight:normal;
	padding: 3px 10px;
}

.rss_btn a:before{
	display:inline-block;
	content:" ";
	background:url(../images/icon_rss02_b.png) no-repeat center center;
	background-size:10px;
	width:10px;
	height:10px;
	margin-right:5px;
}

.rss_btn a:hover{
	border:3px solid #444;
	background:#444;
	font-size: 75%;
	text-decoration:none;
	color:#fff;
	font-weight:normal;
	padding: 3px 10px;
}

.rss_btn a:hover:before{
	display:inline-block;
	content:" ";
	background:url(../images/icon_rss02_w.png) no-repeat center center;
	background-size:10px;
	width:10px;
	height:10px;
	margin-right:5px;
}




#news h2 {
	margin-top:15px;
}

#news h2.contents_title {
	margin-top:45px;
}

.en #news h2.contents_title {
	margin-top:0px;
}


.box.type01 {
	margin-top:55px !important;
}


.data {
	float:right;
	font-size:80%;
	line-height:20px;
}




#sitemap .inner div {
    width: 13%;
}


}
