@charset "utf-8";

/*	[contetns]
-----------------------------------------------*/
div#contents_inner01 {
	background: url(../../images/news/bg_tl_news.jpg) center 0 no-repeat;
}

/*	[global_navi]
-----------------------------------------------*/
div#global_navi ul li a#gnavi03,
div#global_navi ul li a#gnavi03_op,
div#global_navi ul li a#gnavi03_sl,
div#global_navi ul li a#gnavi03_sl_op {
	background: url(../../images/common/gnavi_cont_on.jpg) 0 0 no-repeat;
}




/*	[side_navi]
-----------------------------------------------*/
div#side_navi ul li#snavi_contents01 a {
	background: url(../../images/common/i_arrow01.gif) 6px 8px no-repeat #D6E3F2;
}






/*	[index]
----------------------------------------------------------- */

div#main div#index h4 {
	margin: 0 0 20px 0;
}

div#main div#index ul li {
	margin: 0 0 12px 0;
	padding: 0 12px 12px 12px;
	background: url(../../images/common/i_line01.gif) left bottom repeat-x;
	overflow: hidden;
	zoom: 1;
}

div#main div#index ul li span {
	display: block;
	font-weight: bold;
}

div#main div#index ul li img {
	margin: 0 0 0 8px;
	vertical-align: middle;
}

* html body div#main div#index ul li img {
	vertical-align: text-top;
}

*+html body div#main div#index ul li img {
	vertical-align: text-top;
}





/*	[detail]
----------------------------------------------------------- */
div#main div#detail h3.midashi_b {
	margin: 30px 0 10px 0;
}

div#main div#detail p#date {
	text-align: right;
	margin: 0 0 20px 0;
}

div#main div#detail p.a_link {
	padding: 0 0 0 12px;
	background: url(../../images/common/i_arrow02.gif) 4px 6px no-repeat;
}

div#main div#detail p.a_link a {
	color: #666666;
}

div#main div#detail p.a_link a:hover {
	color: #1c9de7;
	text-decoration: none;
}


/*----- news_box -----*/

div#main div#detail div.news_box {
	margin: 30px 0 20px 0;
	line-height: 2;
}






/*--------------------------------------------------------------
 responsive  min-width:768px
--------------------------------------------------------------*/
@media(min-width:768px) {

}/* end */



/*--------------------------------------------------------------
 responsive  max-width:768px
--------------------------------------------------------------*/
@media(max-width:768px) {

	div#contents_inner01 {background: none;}
	div#main div#index h3 {font-weight:bold;margin-bottom:20px;}
	div#main div#index h4 {display:none;}

	div#main div#detail h3.midashi_b {padding:15px 10px;}
	div#main div#detail div.news_box {width:98%;margin:20px auto;}
	div#main div#detail div p img {max-width:100%; height:auto;}

}/* end */