@charset "utf-8";
/* CSS Document */
/*
説明：どんなサイトでも使用できる汎用性の高いCSSを記述
使用：共通CSSのみ記述、各ページCSSはcontents.cssへ
LATEST UPDATE：091001
*/

/* ---------------------------------- a */
a:link {
	color: #0066CC;
/*	text-decoration: underline;*/
}
a:visited {
	color: #0069CC;
	text-decoration: underline;
}
a:hover {
	color: #339CFF;
/*	text-decoration: underline;*/
}
a:active {
	color: #FF9933;
}
/* ---------------------------------- テキスト関係 */
strong {
	font-weight: bold;
}
/* ---------------------------------- 備考などの四角 */
div.relation-box {
	clear: both;
	border: 1px solid #c6ced2;
	padding: 10px;
	margin: 8px 0 22px 0;
}
div.relation-box ul li {
	line-height: 1.8em;
}
/* ---------------------------------- バナーエリア */



.bannergroup {
	clear: both;
	background-image: url(../images/com_line_01.gif);
	background-repeat: repeat-x;
	padding-top: 7px;
	padding-bottom: 20px;
}
body#index div.bannergroup {
	background-image: none;
}
.bannergroup div.banneritem {
	float: left;
	margin-right: 5px;
	padding-top: 5px;
}
.banner-box {
	clear: both;
	background-image: url(../images/com_line_01.gif);
	background-repeat: repeat-x;
	padding-top: 7px;
	padding-bottom: 20px;
}
body#index div.banner-box {
	background-image: none;
}
.banner-box ul li {
	float: left;
	margin-right: 5px;
	padding-top: 5px;
}
/* ---------------------------------- margin */
.m-all5 {
	margin: 5px;
}
.m-all10 {
	margin: 10px;
}
.m-all20 {
	margin: 20px;
}
.m-l10 {
	margin-left: 10px;
}
.m-l20 {
	margin-left: 20px;
}
.m-l30 {
	margin-left: 30px;
}
.m-l40 {
	margin-left: 40px;
}
.m-b10 {
	margin-bottom: 10px;
}
.m-b20 {
	margin-bottom: 20px;
}
.m-b30 {
	margin-bottom: 30px;
}
.m-b40 {
	margin-bottom: 40px;
}
.p-all5 {
	padding: 5px;
}
.p-all10 {
	padding: 10px;
}
.p-all20 {
	padding: 20px;
}
.p-l10 {
	padding-left: 10px;
}
.p-l20 {
	padding-left: 20px;
}
.p-l30 {
	padding-left: 30px;
}
.p-l40 {
	padding-left: 40px;
}
.p-b10 {
	padding-bottom: 10px;
}
.p-b20 {
	padding-bottom: 20px;
}
.p-b30 {
	padding-bottom: 30px;
}
.p-b40 {
	padding-bottom: 40px;
}
/*---------------------------------- wrap */
.wrap-left, .wrap1-2, .wrap1-3, .wrap1-4, .wrap2-3, .wrap3-4, .wrap1-5, .wrap2-5, .wrap3-5, .wrap4-5 {
	float: left;
}
.wrap-right {
	float: right;
}
.wrap {
	width: 100%;
}
.wrap1-2 {
	width: 50%;
} /* 1/2 */
.wrap1-3 {
	width: 33.33%;
} /* 1/3 */
.wrap2-3 {
	width: 66.66%;
}/* 2/3 */
.wrap1-4 {
	width: 25%;
} /* 1/4 */
.wrap3-4 {
	width: 75%;
} /* 3/4 */
.wrap1-5 {
	width: 20%;
} /* 1/5 */
.wrap2-5 {
	width: 40%;
} /* 2/5 */
.wrap3-5 {
	width: 60%;
} /* 3/5 */
.wrap4-5 {
	width: 80%;
} /* 4/5 */
/* ie6 */
* html .wrap2-3 {
	width: 66.66%;
}/* 2/3 */
* html .wrap1-3 {
	width: 33.1%;
} /* 1/3 */
/* ie7 */
*:first-child+html .wrap2-3 {
	width: 66.66%;
}/* 2/3 */
*:first-child+html .wrap1-3 {
	width: 33.2%;
} /* 1/3 */
/*------------------------------------- clearfix */
.clearfix, .wrap {
	clear: both;
}
.clearfix:after, .wrap:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix, .wrap {
	display: inline-table;
}
/* Hides from IE-mac */
* html .clearfix, * html .wrap {
	height: 1%;
}
.clearfix, .wrap {
	display: block;
}
/*------------------------------------- 2012.08.18 */

.bottomnavarea li.bnav01 {
	display: block;
	width: 188px;
	float: left;
}
.bottomnavarea li.bnav02 {
	display: block;
	width: 184px;
	float: left;
}
.bottomnavarea li.bnav03 {
	display: block;
	width: 185px;
	float: left;
}
.contentheading {
	display: none;
}