@charset "shift_jis";

@import url("common.css");

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+　タイトル : ページ共有のスタイル
+　ファイル名 : ファイルのパスを入れます。(ルート、相対どちらでも)
+　概要 : CSSの用途を説明を入れます。
+　サイト名 : サイトの説明を入れます。
+　URL : http://
+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* --------------------------------------------------------------------------------------
 共通
--------------------------------------------------------------------------------------- */

.leftBlock {
	float: left;
	text-align: left;
}

.rightBlock {
	float: right;
}

div#ctArea h2 {
	text-align: center;
}
div#ctArea h2.ttl01 {
	padding: 50px 0 10px;
}
div#ctArea h2.ttl02 {
	padding: 60px 0 5px;
}
div#ctArea h2.ttl03 {
	padding: 30px 0 0;
}

div#ctArea span.bold {
	font-weight: bold;
}

div#ctArea .btmTxt {
	font-size: 83%;
	color: #333;
	text-align: left;
	margin-top: 20px;
	padding: 15px 25px;
}


/* --------------------------------------------------------------------------------------
 mainArea
--------------------------------------------------------------------------------------- */

#visual { width: 838px; height: 546px; margin: 0 auto; background: url(../img/visual/bg.png) no-repeat bottom; position: relative; }
/* FVテスト：以下の背景画像 div0x.png のxに数値を代入 */
#visual div { height: 546px; background: url(../img/visual/div01.png) no-repeat 0 0; }

#visual div p { position: absolute; top: 14px; left: 10px; }
#visual h2 { position: absolute; top: 104px; right: 23px; }
#visual h3 { position: absolute; bottom: 114px; right: 35px; }
/* FVテスト：王冠位置01〜04：top 59px left 215px／05：top 353px left 39px */
#visual li { position: absolute; top: 59px; left: 215px; }

#visual p { position: absolute; bottom: 20px; left: 206px; }


.mainArea {
	position: relative;
	width: 838px;
	margin: 0 auto;
}

.mainArea p.img01 {
	position: absolute;
	top: 59px;
	left: 215px;
}

/* --------------------------------------------------------------------------------------
 topArea01
--------------------------------------------------------------------------------------- */

.topArea01 {
	padding: 0 9px;
}

.topArea01 p.txt01 {
}

.topArea01 p.txt02 {
	padding: 0 0 10px 34px;
}

.topArea01 ul.txtList01 {
	padding: 0 0 14px 36px;
}

.topArea01 ul.txtList01 li {
	float: left;
	padding-right: 24px;
}

.topArea01 ul.txtList02 {
	padding-left: 23px;
}

.topArea01 ul.txtList02 li {
	float: left;
}

.topArea01 h3 {
	padding: 33px 13px 0 15px;
}

.topArea01 .inner {
	margin: 0 13px 0 15px;
	padding: 20px 55px 0 55px;
	border: 2px solid #006cb7;
	border-top: none;
}

.topArea01 .inner .leftBlock,
.topArea01 .inner .rightBlock {
	width: 320px;
}

.topArea01 .inner p.txt {
	padding: 10px 0 25px;
	text-align: left;
}


/* --------------------------------------------------------------------------------------
 topArea02
--------------------------------------------------------------------------------------- */

.topArea02 {
	padding: 0 9px;
}

.topArea02 p.txt01 {
	text-align: center;
}

.topArea02 p.txt02 {
	padding-left: 0px;
}

.topArea02 p.txt03 {
	padding-left: 80px;
}

.topArea02 ul {
	padding: 0 0 10px 36px;
}

.topArea02 ul li {
	float: left;
	padding-right: 9px;
}

/* --------------------------------------------------------------------------------------
 topArea03
--------------------------------------------------------------------------------------- */

.topArea03 {
	padding: 20px 34px 0;
}

.topArea03 h3 {
	margin-bottom: 30px;
}

.topArea03 p {
	padding-bottom: 40px;
	text-align: center;
}

.topArea03 p.txt01 {
	padding-bottom: 30px;font-size:20px;font-weight:bold;
}

.topArea03 p.txt01 strong{
	color:#f00; font-size:120%;
}

.topArea03 p.txt01 sup{
	font-weight: normal;
	font-size: 50%;
}

.topArea03 ul li {
	padding-bottom: 52px;
}

.topArea03 ul li {
	float: left;
	padding-left: 23px;
}

.topArea03 h3{
	-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;width:766px;height:43px;margin:40px auto 20px;border:2px solid #9f7f3b;background:#ab8c4b;text-align:center;line-height:43px;font-size:26px;font-weight:bold;clear:both
}

.topArea03 h3 br{
	display:none
}

.topArea03 h3 b{
	color:#fff
}

/* --------------------------------------------------------------------------------------
 topArea04
--------------------------------------------------------------------------------------- */

.topArea04 {
	padding: 0 34px;
}

.topArea04 p.txt01 {
	padding: 0 0 8px 122px;
}

.topArea04 .inner {
	padding: 7px 0 8px 27px;
}

.topArea04 .inner .leftBlock {
	width: 330px;
}

.topArea04 .inner .leftBlock p {
	padding: 20px 0;
	font-size: 116%;
}

.topArea04 .inner .leftBlock p.indent {
	padding: 0 0 0 10px;
	font-size: 83%;
	text-indent: -10px;
}
.topArea04 h3{-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;width:766px;height:43px;margin:40px auto 20px;border:2px solid #9f7f3b;background:#ab8c4b;text-align:center;line-height:43px;font-size:26px;font-weight:bold;clear:both}
.topArea04 h3 br{display:none}
.topArea04 h3 b{color:#fff}

/* --------------------------------------------------------------------------------------
 topArea05
--------------------------------------------------------------------------------------- */

.topArea05 {
	padding: 0 9px;
}

.topArea05 ul {
	padding: 14px 0 14px 32px;
}

.topArea05 ul li {
	float: left;
}