@charset "UTF-8";
@import url(common.css);
@import url(textsettings.css);

/* ---------------------------------------------------------------- *
	ドキュメント全体
 * ---------------------------------------------------------------- */

/* 背景設定 */
body {
	background-color: #FFFFFF;
	border-top-width: 14px;
	border-top-style: solid;
	border-top-color: #005BAC;
}

/* 全体コンテナ */
#container {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
}



/* ---------------------------------------------------------------- *
	ヘッダ部分
 * ---------------------------------------------------------------- */

.top-visual {
}

#header {
	position: relative;
	padding-top: 15px;
	padding-bottom: 20px;
}
#header .logo  { float: left; }
#header .menu { float: right; margin-top: 7px; }
#header .menu li { display: inline;}
#header .menu li a { margin-left: 10px; }




/* ---------------------------------------------------------------- *
	コンテンツコンテナ
 * ---------------------------------------------------------------- */

#contents {
	width: 950px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	background-image: url(../image/contents-bg.png);
	background-repeat: repeat-y;
}

#contents-top {
	width: 950px;
	background-image: url(../image/contents-bg.png);
	background-repeat: repeat-y;
	margin-top: 50px;
}

#main {
	float: right;
	width: 700px;
	position: relative;
	text-align: left;
	font-size: 105%;
	margin-top: 50px;
	margin-bottom: 30px;
}

.img-right {
	float: right;
	margin-bottom: 5px;
	margin-left: 15px;
	margin-top: 5px;
	position: relative;
}

.img-left {
	float: left;
	margin-bottom: 5px;
	margin-right: 15px;
	margin-top: 5px;
	position: relative;
}

.btn a:hover img {
	-moz-opacity:0.5;
	opacity:0.5;
	filter: alpha(opacity=70);
}


/* ---------------------------------------------------------------- *
	メニュ
 * ---------------------------------------------------------------- */

/* メニュ設定 */
.navi {
	float: left;
	width: 200px;
	position: relative;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	margin-top: -1px;
}

.navi .menu li a {
	width: 199px;
	display: block;
	background-repeat: no-repeat;
	height: 0px;
	padding-top: 40px;
	overflow: hidden;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #CCC;
	}


/* メニュボタン */
.navi .mm01 a { background-image: url(../image/menu-bg01.png); }
.navi .mm02 a { background-image: url(../image/menu-bg02.png); }
.navi .mm03 a { background-image: url(../image/menu-bg03.png); }
.navi .mm04 a { background-image: url(../image/menu-bg04.png); }
.navi .mm05 a { background-image: url(../image/menu-bg052.png); }
.navi .mm06 a { background-image: url(../image/menu-bg06.png); }
.navi .mm07 a { background-image: url(../image/menu-bg07.png); }
.navi .mm08 a { background-image: url(../image/menu-bg08.png); }
.navi .mm09 a { background-image: url(../image/menu-bg09.png); }
.navi .mm10 a { background-image: url(../image/menu-bg10.png); }
.navi .mm11 a { background-image: url(../image/menu-bg11.png); }

/* 現在ページ */
.navi li.active a { background-position: -400px 0; }

/* ロールオーバ */
.navi li a:hover { background-position: -200px 0; }


/* ---------------------------------------------------------------- *
	フッタ部分
 * ---------------------------------------------------------------- */

#footer {
	font-size: 90%;
	line-height: 1.5;
	margin-top: 20px;
	margin-bottom: 20px;
}

#footer a:hover {
	color: #F60;
	text-decoration: none;
}



/* ---------------------------------------------------------------- *
	コンテンツ　コラム設定
 * ---------------------------------------------------------------- */


.c3-l {
	width: 275px;
	float: left;
	margin-right: 25px;
	position: relative;
}

.c3-r {
	width: 275px;
	float: right;
	position: relative;
}

.underline {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

.underline-dot {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	margin-bottom: 5px;
	padding-bottom: 5px;
}