@charset "utf-8";

@import url("common.css");

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

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

.leftBlock {
	float: left;
}

.rightBlock {
	float: right;
}

.btnArea01 {
	width: 956px;
	margin: 0 auto;
	text-align: center;
}
.btnArea01 a {
	display: block;
	width: 480px;
	height: 130px;
	margin: 0 auto;
	padding-bottom:20px;
	background: url(../../img/top_btn02_off.png) no-repeat left top;
	text-indent: -9999px;
	text-align: center;
}
.btnArea01 a:hover {
	background: url(../../img/top_btn02_on.png) no-repeat left top;
}

/* --------------------------------------------------------------------------------------
 top
--------------------------------------------------------------------------------------- */

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

.mainArea {
	position: relative;
	width: 950px;
	height: 269px;
	margin: 0 auto;
	background: url(../../img/main_bg_2.jpg) no-repeat top;
	text-align: left;
}

.mainArea p {
	position: absolute;
}
.mainArea p.mainTxt01 {	top: 20px;	left: 28px;}
.mainArea p.mainTxt02 {	top: 48px;	left: 22px;}
.mainArea p.mainTxt03 {	top: -46px;	right: -13px;}
.mainArea p.mainImg01 {	bottom: 4px;	left: 141px;}

/* topTtl ------------------------------ */

h2.topTtl01 {
	padding: 24px 0 0;
}

/* box ------------------------------ */

.topBoxTop01 {
	width: 917px;
	margin: 0 auto 50px;
	padding: 4px 0 0;
	background: url(../../img/top_boxtop01.gif) no-repeat left top;
}
.topBoxBtm01 {
	padding: 0 0 13px;
	background: url(../../img/top_boxbtm01.gif) no-repeat left bottom;
}
.topBoxRep01 {
	background: url(../../img/top_boxrep01.gif) no-repeat;
}

.topBoxBtm02 {
	position: relative;
	width: 902px;
	margin: 0 auto;
	padding: 0 0 3px;
	background: url(../../img/top_boxbtm02.gif) no-repeat left bottom;
}
.topBoxRep02 {
	background: url(../../img/top_boxrep02.gif) repeat-y;
}

.topBoxTop03 {
	width: 956px;
	margin: 0 auto;
	padding: 89px 0 0;
	background: url(../../img/top_boxtop03.gif) no-repeat left top;
}
.topBoxBtm03 {
	padding: 0 0 40px;
	background: url(../../img/top_boxbtm03.gif) no-repeat left bottom;
}
.topBoxRep03 {
	padding: 0 83px 0 60px;
	background: url(../../img/top_boxrep03.gif) repeat-y;
}

.topBoxTop04 {
	width: 950px;
	margin: 15px auto 0;
	padding: 13px 0 0;
	background: url(../../img/top_boxtop04.gif) no-repeat left top;
}
.topBoxBtm04 {
	padding: 0 0 2px;
	background: url(../../img/top_boxbtm04.gif) no-repeat left bottom;
}
.topBoxRep04 {
	padding: 0 13px 0 19px;
	background: url(../../img/top_boxrep04.gif) repeat-y;
}

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

.topArea01 {
	width: 956px;
	margin: 20px auto 0;
}

.topArea01 .topBox01 {
	float: left;
	width: 290px;
	padding-right: 35px;
	background: url(../../img/top_bg01.gif) no-repeat left 52px;
}
.topArea01 .topBox01.start {
	padding-left: 10px;
}
.topArea01 .topBox01.last {
	padding-right: 0px;
}

.topArea01 .topBox01 p {
	padding: 15px 15px 50px 20px;
	letter-spacing: 0.02em;
}

.topBoxRep02 h3 {
	padding: 11px 0 11px 210px;
}
.topBoxRep02 h4 {
	padding: 0 0 10px 197px;
}
.topBoxRep02 p.topTxt01 {
	width: 405px;
	padding: 0 0 25px 215px;
	letter-spacing: 0.02em;
	color: #000;
}
.topBoxRep02 p.topImg01 {
	position: absolute;
	top: 0px;
	left: 2px;
	padding: 0;
}
.topBoxRep02 p.topImg02 {
	position: absolute;
	bottom: 3px;
	right: 2px;
	padding: 0;
}

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

.topArea02 {
	width: 956px;
	margin: 0 auto 50px;
	color: #333;
}

.topArea02 .leftBlock {
	width: 282px;
}
.topArea02 .leftBlock p.topTxt02 {
	padding: 10px 40px 15px 20px;
}

.topArea02 .rightBlock {
	width: 517px;
}
.topArea02 .rightBlock h3 {
	font-weight: bold;
	color: #2a5283;
}
.topArea02 .rightBlock p {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #c4c4c4;
}

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

.topArea03 {
	width: 956px;
	margin: 10px auto 70px;
	text-align: center;
	color: #333;
}

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

.topArea04 {
	width: 951px;
	margin: 10px auto 35px;
	padding-bottom: 15px;
	border-bottom: 1px solid #d0cfce;
	text-align: center;
	color: #333;
}

.topArea04 .leftBlock {
	padding: 0 0 0 25px;
}
.topArea04 .rightBlock {
	padding: 45px 25px 0 0;
}
.topArea04 .rightBlock li {
	float: left;
}

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

.topBoxRep04 .rightBlock {
	padding-left: 19px;
	border-left: 1px solid #d0cfce;
}
.topBoxRep04 .txtBox {
	float: left;
	width: 430px;
	padding: 13px 0 10px;
}
.topBoxRep04 .txtBox h3 {
	padding-bottom: 10px;
}
.topBoxRep04 .topBtn {
	float: left;
	padding: 7px 0 0;
}

.topArea04 .leftBlock {
	padding: 0 0 0 25px;
}
.topArea04 .rightBlock {
	padding: 45px 25px 0 0;
}
.topArea04 .rightBlock li {
	float: left;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
86チーム用の改造コード
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.top_bt_text_a1{
	margin-top:20px;
	width:956px;
}

.top_bt_text_a2{
float:left;
margin-bottom:20px;
}

.top_bt_text_a3{
padding:15px;
}
.top_bt_text_a3 p{
font-size:128%;
}


.top_bt_text_b1{

}

.top_bt_text_a2 a {
	display: block;
	height: 130px;
	margin: 0 auto;
	background: url(../../img/top_btn02_off.png) no-repeat left top;
	text-indent: -9999px;
}
.top_bt_text_a2 a:hover {
	background: url(../../img/top_btn02_on.png) no-repeat left top;
}


.top_bt_text_b1{
	margin-top:20px;
	width:956px;
}

.top_bt_text_b2{
float:left;
margin-bottom:20px;
}

.top_bt_text_b3 p{
font-size:128%;
padding:10px;
}

.senko img{
margin:15px 15px 15px 15px;
}
.top_bt_text_c1{
margin:25px 15px 15px 15px;
padding:5px;
border: 1px solid #000;
height:300px;
}

.top_bt_text_c1 h2{
clear:both;
}

.top_bt_text_c1 ul{
float:left;
padding:30px 20px 20px 60px;
font-size:140%;

}

.top_bt_text_c1 li{
margin-bottom:15px;
}

.top_bt_text_c1 p{
border-top: 1px solid #d0cfce;
font-size:150%;
}

.btnArea02 {
	width: 460px;
	float:left;
}

.btnArea02 a {
	display: block;
	width: 460px;
	height: 130px;
	margin: 0 auto;
	padding-bottom:20px;
	background: url(../../img/top_btn02_off.png) no-repeat left top;
	text-indent: -9999px;
	text-align: center;
}
.btnArea02 a:hover {
	background: url(../../img/top_btn02_on.png) no-repeat left top;
}

.btnArea03 {
	width: 460px;
	float:left;
}

.btnArea03 a {
	display: block;
	width: 460px;
	height: 130px;
	margin: 0 auto;
	padding-bottom:20px;
	background: url(../../img/top_btn03_off.png) no-repeat left top;
	text-indent: -9999px;
	text-align: center;
}
.btnArea03 a:hover {
	background: url(../../img/top_btn03_on.png) no-repeat left top;
}

.btnArea04 {
	width: 460px;
	float:left;
}
.btnArea05 {
	width: 460px;
	float:left;
}




.btnArea06 {
	width: 460px;
	float:left;
}

.btnArea06 a {
	display: block;
	width: 460px;
	height: 130px;
	margin: 0 auto;
	padding-bottom:20px;
	background: url(../../img/koukan_voice_off.png) no-repeat left top;
	text-indent: -9999px;
	text-align: center;
}
.btnArea06 a:hover {
	background: url(../../img/koukan_voice_on.png) no-repeat left top;
}

.btnArea07 {
	width: 460px;
	float:left;
}

.btnArea07 a {
	display: block;
	width: 460px;
	height: 130px;
	margin: 0 auto;
	padding-bottom:20px;
	background: url(../../img/koukan_blog_off.png) no-repeat left top;
	text-indent: -9999px;
	text-align: center;
}
.btnArea07 a:hover {
	background: url(../../img/koukan_blog_on.png) no-repeat left top;
}