@charset "UTF-8";

/* トップページ
------------------------------------------- */
#mainArea .topImgArea {
	width: 850px;
	height: 300px;
	margin: 0 0 20px 0;
}
#mainArea #flaText {
	display: inline;
}
#mainArea .topBnrArea {
	width: 850px;
	height: 50px;
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
	font-size: 1px; /* hack */
	line-height: 0; /* hack */
}
#mainArea .topBnrArea li {
	width: 270px;
	height: 50px;
}
#mainArea .topBnrArea .banner01 {
	float: left;
	padding: 0 20px 0 0;
}
#mainArea .topBnrArea .banner02 {
	float: left;
	padding: 0 20px 0 0;
}
#mainArea .topBnrArea .banner03 {
	float: left;
	padding: 0;
}

#mainArea .newsTitle {
	padding: 0 0 10px 0;
}
#mainArea .topicTitle {
	padding: 0 0 3px 0;
}
#mainArea .topicTitle2 {
	padding: 0 0 10px 0;
}

#mainArea #topBodyLeft {
	float: left;
	width: 420px;
}
#mainArea #topBodyLeft #news {
	width: 420px;
	background-image: url(../images/top_bg01.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}
#mainArea #topBodyLeft #news .newsHead {
	clear: both;
	height: 20px;
	margin: 0 0 7px 0;
	padding: 0 15px;
}
#mainArea #topBodyLeft #news .newsHead2 {
	clear: both;
	height: 20px;
	margin: 0 0 7px 0;
	padding: 20px 15px 0 15px;
}
#mainArea #topBodyLeft #news .newsTitle {
	float: left;
	width: 200px;
	height: 20px;
	margin: 0;
	padding: 0;
}
#mainArea #topBodyLeft #news .newsBtn {
	float: right;
	width: 100px;
	height: 20px;
	text-align: right;
}

#mainArea #topBodyLeft #news .newsBody {
	clear: both;
	padding: 1px 15px 0 15px;
	line-height: 24px;
	background-image: url(../images/top_line01.gif);
	background-position: 15px 0;
	background-repeat: no-repeat;
}
#mainArea #topBodyLeft #news .newsBodyTop {
	clear: both;
	padding: 1px 15px 0 15px;
	line-height: 24px;
}
#mainArea #topBodyLeft #news dt {
	float: left;
	width: 75px;
	color: #666666;
}
#mainArea #topBodyLeft #news dd {
	float: left;
	width: 315px;
}
#mainArea #topBodyLeft #news dd span.new {
	padding: 0 0 0 20px;
	background-image: url(../common/com_icon_new.gif);
	background-position: 0 1px;
	background-repeat: no-repeat;
}
#mainArea #topBodyLeft #news dd span.pdf {
	padding: 0 0 0 20px;
	font-size: 18px;
	background-image: url(../common/com_icon_pdf_s.gif);
	background-position: 0 1px;
	background-repeat: no-repeat;
}

#mainArea #topBodyRight #topicPath {
	margin: 0;
	font-size: 83%;
	color: #333333;
}
#mainArea #topBodyRight {
	float: right;
	width: 420px;
	line-height: 1.5;
}
#mainArea #topBodyRight .topicBox {
	clear: both;
	width: 420px;
	background-image: url(../images/top_bg02.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}
#mainArea #topBodyRight .topicBox2 {
	clear: both;
	width: 420px;
	padding: 10px 0 0 0;
	background-image: url(../images/top_bg03.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}
#mainArea #topBodyRight .topicBox2 .body {
	background-image: url(../images/top_bg02.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}
#mainArea #topBodyRight .topicBoxLeft {
	float: left;
	width: 205px;
}
#mainArea #topBodyRight .topicBoxRight {
	float: right;
	width: 205px;
}
#mainArea #topBodyRight .topicButton {
	clear: both;
	width: 420px;
	height: 30px;
}
#mainArea #topBodyRight .topicButton .buttonLeft {
	float: left;
	padding: 0 0 0 115px;
}
#mainArea #topBodyRight .topicButton .buttonRight {
	float: right;
	padding: 0 10px 0 0;
}

#mainArea #topBodyRight .photo {
	float: left;
	width: 65px;
	text-align: right;
	padding: 3px 0 0 0;
}
#mainArea #topBodyRight .textBox {
	float: right;
	width: 120px;
	padding: 0 10px 5px 0;
}
#mainArea #topBodyRight .textBox .button {
	padding: 3px 0 0 0;
	text-align: right;
}
#mainArea #topBodyRight .mobile {
	width: 420px;
	background-image: url(../images/top_bg04.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}
#mainArea #topBodyRight .mobileBody {
	float: left;
	width: 330px;
}
#mainArea #topBodyRight .mobile p {
	padding: 0 0 0 13px;
}
#mainArea #topBodyRight .mobile .qr {
	float: right;
	padding: 18px 11px 0 0;
}