@charset "UTF-8";

.wrapper {
	width: 90%;
	margin: 0 auto;
	position: relative;
}

/*------------------------ヘッダー------------------------*/



header {
	margin-bottom: 0px;
	height:55px;
	z-index:10000;
	width:100%;
}

ul#inq {
	display: block;
	position:absolute;
	padding: 0;
	margin: 0;
	top: 12px;
	right: 40px;
	width: 240px;
	font-size: 12px;
	line-height: 1;
}


/*------------------------フッター------------------------*/


footer {
	padding: 20px 0 0px 0;
	background-image: -moz-linear-gradient(top, #EEEEEE, #ffffff);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#EEEEEE), to(#ffffff));
	background-image: -webkit-linear-gradient(top, #EEEEEE, #ffffff);
	background-image: -o-linear-gradient(top, #EEEEEE, #ffffff);
	background-image: linear-gradient(to bottom, #EEEEEE, #ffffff);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#ffffff', GradientType=0);
	font-size: 0.8em;
	clear: both;
}


ul#footerlink li {
	display: block;
	height: 30px;
}


/*------------------------バナーー------------------------*/




ul#bnr li {
	display: block;
	float: left;
	width: 47%;
	padding: 0 6% 0 0;
	margin: 0 0 2em 0;
	text-align: left;
}
ul#bnr li:nth-child(3n+3) {
	padding: 0 6% 0 0;
}
ul#bnr li:nth-child(2n+2) {
	padding: 0 0 0 0;
}


ul#bnr li img {
	width: 100%;
	height:auto;
}



/*------------------------ディレクトリナビ------------------------*/





/*------------------------コラムレイアウト------------------------*/





.column {
	display: block;
	height: auto;
}

.col1 {
	width: 100%;
	height: auto;
	float: none;
	margin-right: 0%;
}

.col2,
.col3,
.col4 {
	width: 48%;
	height: auto;
	float: left;
	margin-right: 4%;
}

.col3:nth-of-type(3n+3),
.col4:nth-of-type(4n+4) {
	margin-right: 4%;
}

.col3_2:nth-of-type(2n+2),
.col2:nth-of-type(2n+2),
.col3:nth-of-type(2n+2),
.col4:nth-of-type(2n+2) {
	margin-right: 0%;
}

.col2 .col1 .col2 {
	width: 100%;
	height: auto;
	float: none;
	margin-right: 0%;
}

.col2 > .col2 {
	width: 100%;
	height: auto;
	float: none;
	margin-right: 0%;
}

.col3_2 {
	margin-right: 4%;
	width: 48%;
	float: left;
}

.col3_2 > .col2 {
	width: 100%;
	height: auto;
	float: none;
	margin-right: 0%;
}

.col4_3 {
	margin-right: 0%;
	width: 48%;
	float: left;
}

.col3r {
	margin-right: 0%;
	width: 48%;
	float: right;
}

.mds_line + .col3_2 {
	margin-right: 4%;
}

.col_border span {
	display: inline;
}



/*------------------------サイドコラム＋メインコラム------------------------*/



.sidecol {
	float: none;
	width: 100%;
	margin-right: 0%;
}

.maincol {
	float: none;
	width: 100%;
}

ul.submenu li {
	margin: 1px 0 1px 0;
	float:left;
	width:49.8%;
}

ul.submenu li:nth-of-type(2n+2) {
	margin: 1px 0 1px 0;
	float:right;
}


ul.submenu li > a {
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}