@charset "utf-8";

/*** CSS Document ********************************************

	common.css

*************************************************************/


/* 共通
-----------------------------------------------------*/
body {
	background: #3B3736;
}
#IJS_base {
	/*background: #797574;*/
	width: 980px;
	margin: 0 auto;
	position: relative;
}
.IJS_topmain_btn_pre a:hover img,
.IJS_topmain_btn_next a:hover img,
.IJS_topleft_btn1 a:hover img,
.IJS_topleft_btn2 a:hover img,
.IJS_topleft_btn3 a:hover img,
.IJS_topright a:hover img,
.IJS_mo_menu1 a:hover img,
.IJS_mo_menu2 a:hover img,
.IJS_mo_menu3 a:hover img
{
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background: #fff;
}
/*span.example1 {
	vertical-align: super;
	font-size: 70%;
	}*/


/* breadcrumb
----------------------------------------------------------- */
ul.IJS_path{
	margin-bottom:20px;
}

ul.IJS_path li{
	float:left;
	line-height: 1.1;
}

ul.IJS_path li a{
	padding:0 12px 0 0;
	margin:0 10px 0 0;
	background:url(../images/ico_arrow.gif) no-repeat right center;
	white-space:nowrap;
}

/*トップページ
-----------------------------------------------------*/
.IJS_tit {
	margin-top: 30px;
}
.IJS_img_tit {
	max-width: 100%; 
	height:auto;
}
.IJS_tit p {
	text-align: center;
}
.IJS_west {
	float: left;
	width: 475px;
	background: #595757;
	margin-top: 25px;
	margin-left: 10px;
}
.IJS_west h2 {
	text-align: center;
	background: #787878;
	padding: 5px;
	color: #d5d5d5;
}
.IJS_west p.maintxt {
	padding: 10px;
	height: 100px;
	color: #d5d5d5;
}
.IJS_img_west {
	max-width: 100%; 
	height:auto;
	/*margin-left: 10px;*/
	margin-top: 10px;
}
.west_tit {
	text-align: center;
}
.IJS_link_west {
	margin-left: 20px;
	max-width: 100%; 
	height:auto;
}

.IJS_east {
	float: left;
	width: 475px;
	background: #595757;
	margin-top: 25px;
	margin-left: 10px;
}
.IJS_east h2 {
	text-align: center;
	background: #787878;
	padding: 5px;
	color: #d5d5d5;
}
.IJS_east p.maintxt {
	padding: 10px;
	height: 100px;
	color: #d5d5d5;
}
.IJS_img_east {
	max-width: 100%; 
	height:auto;
	margin-top: 10px;
}
.IJS_link_east {
	margin-left: 40px;
	max-width: 100%; 
	height:auto;
}

.IJS_south {
	position: relative;
	float: left;
	left: 25%;
	width: 475px;
	background: #595757;
	margin-top: 25px;
	margin-left: 10px;
}
.IJS_south h2 {
	text-align: center;
	background: #787878;
	padding: 5px;
	color: #d5d5d5;
}
.IJS_south p.maintxt {
	padding: 10px;
	height: 100px;
	color: #d5d5d5;
}
.IJS_img_south {
	max-width: 100%; 
	height:auto;
	margin-top: 10px;
}
.IJS_link_south {
	margin-left: 40px;
	max-width: 100%; 
	height:auto;
}
.foot {
	text-align: center;
	margin-top: 10px;
	color: #939393;
}

/***モバイル表示用***/
@media screen and (max-width: 480px) {
#IJS_base {
	width: 320px;
}
.IJS_west,.IJS_east {
	float: none;
	width: 300px;
}
.IJS_img_west,IJS_img_east {
	max-width: 100%; 
	height:auto;
	margin-top: 10px;
}

.IJS_link_west {
	margin-left: 10px;
	max-width: 90%; 
	height:auto;
}
.IJS_link_east {
	margin-left: 10px;
	max-width: 90%; 
	height:auto;
}
.IJS_west p.maintxt {
	height: 180px;
}
.IJS_east p.maintxt {
	height: 180px;
}

}