@charset "UTF-8";

/* CSS Document */


/* -----------------------------------
    カラム・レイアウトの調整
   ----------------------------------- */

#wrapper {
	margin: 0px 15px 0px 15px;
	max-width: 100%;
/*	max-width: 1280px;
*/	min-width: 950px;
}

#mainContainer {
	padding: 0px 0px 0px 10px;
	display: table;
	background-color: #EEE;
}
#mainColumn {
	float: none;
	padding: 20px 25px 25px 0px;
	display: table-cell;
	vertical-align: top;
}

#asideColumn {
	float: none;
	width: 340px;
	padding: 6px 3px 10px;
	display: table-cell;
	vertical-align: top;
	background-color: #DDD;
}

#footerInner {
	max-width: 1270px;
}


/* -----------------------------------
    見出し
   ----------------------------------- */

#mainColumn h2 {
	padding: 0px;
	margin: 20px 0px 10px;
	font-size: 20px;
	color: #000000;
	line-height: 1.2;
	background: none;
	font-weight: bold;
}
#mainColumn h2:before {
	content: "▼";
	font-size: 24px;
}


#asideColumn h2 {
	padding: 5px 5px 5px 0px;
	margin: 5px 0px 0px;
	font-size: 14px;
	color: #000000;
	line-height: 1.2;
}
#asideColumn h2:before {
	content: "▼"
}


/* -----------------------------------
    メインカラムの調整
   ----------------------------------- */

.mainBtn {
	width: 100%;
	min-height: 200px;
	display: table;
}
.mainBtn + .mainBtn {
	padding-top: 12px;
	margin-top: 12px;
	border-top: 1px dotted #999;
}
.mainBtn a {
	width: 100%;
	padding: 20px;
	color: #000;
	line-height: 1.2;
	text-decoration: none;
	display: table-cell;
	background-image: url(../images/common/bg_linkhead_large_white.png);
	background-position: right 22px;
	background-repeat: no-repeat;
	vertical-align: top;
}
.mainBtn + .mainBtn a {
	height: 113px;
}

.btnTitle {
	margin-bottom: 15px;
	margin-right: 45px;
	font-size: 21px;
	line-height: 1.2;
	display: inline-block;
	text-align: left;
}

#mainBtn-1 {
	color: #FFF;
	background-color: #339;
}
#mainBtn-2 {
	color: #FFF;
	background-color: #C33;
}
#mainBtn-3 {
	color: #FFF;
	background-color: #73993d;
}
#mainBtn-4 {
	color: #000;
	background-color: #CDD;
}
#mainBtn-5 {
	color: #000;
	background-color: #a8c97f;
}




#mainBtn-1:hover,
#mainBtn-2:hover,
#mainBtn-3:hover,
#mainBtn-4:hover,
#mainBtn-5:hover {
	color: #F60;
	background-color: #FFF;
	background-image: url(../images/common/bg_linkhead_large_orange.png);
}
#mainBtn-1 span,
#mainBtn-2 span {
	padding: 10px 0px 10px;
}


/* -----------------------------------
    asideColumnの中身
   ----------------------------------- */

#news {
	height: 162px;
	padding: 10px;
	line-height: 1.2;
	background-color: #FFF;
	background-image: url(../images/top/bg_news_more.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	overflow-y: hidden;
	border-radius: 6px;
	transition: all 0.3s 0s;
	-webkit-transition: all 0.3s 0s;
}
#newsContainer {
	position: relative;
	height: 182px;
}
#news:hover {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 500px;
	overflow-y: auto;
	background-image: none;
	transition: all 0.3s 0s;
	-webkit-transition: all 0.3s 0s;
}
#news dt {
	padding-bottom: 5px;
	font-weight: bold;
}
#news dd+dt {
	margin-top: 10px;
}

a.asideBtn {
	padding: 15px 10px 13px;
	margin-bottom: 3px;
	color: #000;
	font-size: 108%; 
	line-height: 1.4;
	text-decoration: none;
	display: block;
	background-color: #C7C7C7;
	background-image: url(../images/common/bg_linkhead_medium_white.png);
	background-position: right center;
	background-repeat: no-repeat;
}
a.asideBtn:hover {
	color: #F60;
	background-color: #FFF;
	background-image: url(../images/common/bg_linkhead_medium_orange.png);
}
a.cautionqa {
	background-color: #fcc800;
}

#toiawaseSanpai {
	margin-top: 15px;
}
#toiawaseSanpai a {
	padding: 20px;
	margin-bottom: 3px;
	color: #FFF;
	line-height: 1.2;
	text-decoration: none;
	display: block;
	background-color: #106724;
	background-image: url(../images/common/bg_linkhead_medium_white.png);
	background-position: right center;
	background-repeat: no-repeat;
}
#toiawaseSanpai a:hover {
	color: #F60;
	background-color: #FFF;
	background-image: url(../images/common/bg_linkhead_medium_orange.png);
}

/* 2024/9/20 ユーザー情報変更対応 */
#userInfo {
	margin-top: 15px;
}
#userInfo a {
	padding: 20px;
	color: #000;
	text-decoration: none;
	display: block;
	background-color: #92D050;
	font-weight: bold;
	background-image: url(../images/common/bg_linkhead_medium_white.png);
	background-position: right center;
	background-repeat: no-repeat;
}
#userInfo a:hover {
	color: #F60;
	background-color: #FFF;
	background-image: url(../images/common/bg_linkhead_medium_orange.png);
}