@charset "utf-8";

/*	[contents]
----------------------------------------------------------- */
div#contents_inner01 {
	background: url(../../images/seminar/bg_tl_seminar.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_contents04 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 {
	padding: 0 12px 12px 12px;
	margin: 0 0 12px 0;
	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 {
	margin: 30px 0 10px 0;
}

div#main div#detail h4 {
	margin: 0 0 20px 15px;
}

div#main div#detail p#date {
	text-align: right;
	margin: 0 0 10px 0;
}


/*----- table_box01 -----*/

div#main div#detail div.table_box01 {
	margin: 0 0 20px 0;
}


/*----- table -----*/

div#main div#detail div.table_box01 table {
	width: 657px;
font-weight:lighter;
}
div#main div#detail div.table_box01 table td {
	word-break:break-all;
}

div#main div#detail div.table_box01 table th {
	width: 25%;
}



/*--------------------------------------------------------------
 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 h4 {margin: 0 0 20px 0;}
	div#main div#detail div.news_box {width:98%;margin:20px auto;}

	div#main div#detail div.table_box01 table {width:98%;margin:0;}

	div#main div#detail div p img {max-width:100%; height:auto;}




}/* end */
