@charset "Shift_JIS";
/* CSS Document */


/**************************************************************************************/
/*トップページ*/
/**************************************************************************************/

/*link color*/
a:link {
	text-decoration:underline;
	color: #fff;
}
a:visited {
	text-decoration:underline;
	color: #fff;
}
a:hover {
	text-decoration:none;
	color:#000;
}
a:active {
	text-decoration:none;
	color:#fff;
}



@media (min-width: 751px) {/*ビューエリアの最小幅。このサイズより大きい場合に適用//PC用*/
.top #contents {
	width: 1145px;
}

.top #contents li {
	display: block;
}

/*左*/
.top #contents_1 {
	width: 679px;
	float: left;
}

.top #contents_1_1 {
	height: 246px;
	width: 679px;
}

.top #contents_1_1 li {
	float: left;
}

.top #contents_1_2 {
	width: 679px;
	height: 492px;
	clear: both;
}

.top #contents_1_2_1 {
	float: left;
	width: 233px;
}

.top #contents_1_2_2 {
	float: left;
	width: 446px;
}

.top #contents_1_3 {
	width: 679px;
	height: 246px;
	clear: both;
}

.top #contents_1_3 li {
	float: left;
}

.top #contents_sp {
	display: none;
}

/*右*/
.top #contents_2 {
	width: 446px;
	float: right;
}

.top #contents_2_1 {
	height: 492px;
}

.top #contents_2_1 li {
	float: left;
}

/*新着情報*/
.top #w_new {
	overflow:auto;/*float対策*/
	clear: both;
	width: 446px;
	color: #FFF;
	font-size: 12px !important;
	line-height: 1.5em !important;
	background-image: url(../../img/top/w_new_bg.png);
	background-repeat: repeat;
	background-position: 0px 0px;
}

/**/
	* html .top div #contents #contents_2 contents_2_1 .w_new {overflow: visible;}/*float対策*/
/**/

.top .kiji {
	margin-left: 25px;
	margin-bottom: 60px;
}

.top .kiji dt {
	float: left;
	clear: left;
	width: 100px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #FFF;
	padding-top: 8px;
	padding-bottom: 8px;
}

.top .kiji dd {
	width: 295px;
	float: left;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #FFF;
	padding-top: 8px;
	padding-bottom: 8px;
}

.top .kiji_btn {
	width: 395px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #FFF;
	text-align: right;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 15px;
	clear: both;
}

.top .to_new {
	display: none;
}

.top #sp_navi {
	display: none;
}

/*インボイスここから*/
.top .invoice_1 {
	width: 429px;
    height: 136px;
    margin-bottom: 20px;
	background-image: url("../../img/top/top_navi_11_1.png");
	background-repeat: repeat;
	background-position: 0px 0px;
    padding: 90px 0 0 17px;
}

.top .invoice_1 li a {
	width: 129px;
    height: 119px;
    float: left;
    margin-right: 12px;
}
/*インボイスここまで*/

}


@media (max-width: 750px) {/*ビューエリアの最大幅。このサイズより小さい場合に適用//SP用*/
.top #contents {
	max-width: 100%;
/*	height: 100%;*/
}

.top #contents li {
/*	display: block;*/
}

/*左*/
.top #contents_1 {
	display: none;
}

/*右*/
.top #contents_2 {
	max-width: 100%;
}

.top #contents_2_1 {
	display: none;
}

.top #contents_sp {
	max-width: 100%;
	margin-bottom: 20px;
}

.top #contents_sp img {
	max-width:100%;
	max-width: 100%;
	height: auto;
}

/*新着情報*/
.top #w_new {
	width: 95%;
	color: #FFF;
	line-height: 1.5em !important;
	background-image: url(../../img/top/w_new_bg.png);
	background-repeat: repeat;
	background-position: 0px 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 25px;
}

.top .kiji {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}

.top .kiji dt {/*日付*/
	width: 100%;
	line-height: 3em;
}

.top .kiji dd {/*記事*/
	width: 100%;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FFF;
	padding-bottom: 8px;
}

.top .to_new li {
	line-height: 4em;
	text-align: center;
}

.top #sp_navi {
	max-width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-left: 5%;
}

.top #sp_navi img {
	width:45%;
	max-width: 45%;
	height: auto;
	margin-right: 2.5%;
	margin-bottom: 3%;
}

}