@charset "Shift_JIS";

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+　ページ共有のスタイル
+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* --------------------------------------------------------------------------------------
 基本設定
--------------------------------------------------------------------------------------- */

/* 基本フォント ------------------------------ */

body {
	color: #;
	font-family: Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 75%;
	line-height: 1.5;
}
html:not(:target) body {
	font-size: 12px;
}

input,textarea,select {
	font-family: Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 100%;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}


/* 基本タグ ------------------------------ */

body,div,
h1,h2,h3,h4,h5,h6,
dl,dt,dd,ul,ol,li,
p,blockquote,pre,cite,code,caption,
form,fieldset,legend,input,textarea,select,option,label {
	margin: 0;
	padding: 0;
}

img,table {
	border: none;
	vertical-align:bottom;
}

table {
	border-collapse: collapse;
}

ul {
	list-style: none;
}

li img,
dt img {
	vertical-align: bottom;
}

address,em,cite {
	font-style: normal;
}


/* 基本テキストリンク ------------------------------ */

a:link {
	color: #;
}
a:visited {
	color: #;
}
a:hover {
	color: #;
}
a:active {
	color: #;
}


/* --------------------------------------------------------------------------------------
 float解除
--------------------------------------------------------------------------------------- */

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;font-size: .1em;}
.clearfix { display:inline-block; overflow: hidden; }
/*\*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/**/


/* --------------------------------------------------------------------------------------
 レイアウト枠
--------------------------------------------------------------------------------------- */

div#wrap {
	position: relative;
	width: 880px;
	text-align: left;
	margin: 0 auto;
}

div#ctArea {
	width: 880px;
	text-align: left;
	margin: 0 auto;
}


/* --------------------------------------------------------------------------------------
 ヘッダー
--------------------------------------------------------------------------------------- */

div#hd {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 880px;
	z-index: 50;
}


/* --------------------------------------------------------------------------------------
 コンテンツ
--------------------------------------------------------------------------------------- */
.maTB10{
	margin-top:10px;
	margin-bottom:10px;
}
.maB30{
	margin-bottom:30px;
}
.paRL25{
	padding-left:25px;
	padding-right:25px;
}
.leftBlock {
	float: left;
}

.rightBlock {
	float: right;
}

.mainImgArea {
	position: relative;
	width: 880px;
	height: 434px;
	background: url(../images/index/main_bg.jpg) no-repeat top;
	margin-top:10px;
}
.mainImgArea p {
	position: absolute;
	bottom: 171px;
	right: 47px;
}
.mainImgArea p.position01 {
	bottom: 0px;
	right: 0px;
}

.topArea01 {
	width: 880px;
}
.topArea01 .leftTxt {
	float: left;
	width: 590px;
	padding: 5px 0 25px 24px;
}
.topArea01 .leftTxt p {
	padding-left: 23px;
	padding-right: 45px;
	font-size: 12px;
	color:#333333;
}
.topArea01 .leftTxt p.attention1 {
	background: url(../images/index/kome1.gif) no-repeat left .3em;
}
.topArea01 .leftTxt p.attention2 {
	background: url(../images/index/kome2.gif) no-repeat left .3em;
}
.snsArea{
	height:22px;
	margin-bottom:30px;
}
.btnArea01 {
	margin: 0 10px 30px;
	background: #EFEFEE;
	border: 5px solid #D8D7D4;
	text-align: center;
}
.btnArea01 .btnSiryo{
	margin:0 auto;
	width:452px;
	text-align:right;
}
.btnArea01 .btn_l{float:left; width:415px; margin:20px 0px 20px 10px; display:inline;}
.btnArea01 .btn_r{float: right; width:415px; margin:20px 10px 20px 0; display:inline;}

.topArea02 {
	margin: 0 10px 15px;
}

.topArea03 {
	position: relative;
}
.topArea03 p.topTxt01 {
	padding: 0 0 72px 282px;
}
.topArea03 p.position02 {
	position: absolute;
	top: 0px;
	left: 0px;
}
.topArea03 p.position03 {
	position: absolute;
	top: 163px;
	left: 452px;
}

.topArea03 .topBoxRep {
	margin: 0 77px 45px 79px;
	background: url(../images/index/top_bgrep.gif) repeat-y;
}
.topArea03 .topBox01 {
	padding-bottom: 24px;
	background: url(../images/index/top_bgbtm.gif) no-repeat bottom;
	position:relative;
}
.topArea03 .topBox01 p {
	padding: 0 44px 15px; 
}
.topArea03 .topBox01 p.tex {
	padding: 15px 74px 15px; 
}
.topArea03 .topBox01 p span{
	color: #0e39a1;
	font-weight:bold;
}

.topArea03 .topBoxRep02 {
	margin: 0 77px 45px;
}
.topArea03 .topBoxRep02 .topBorder{
	border:3px solid #00349a;
	position:relative;
}
.topArea03 .topBoxRep02 .topBox02 {
	padding: 15px 0 15px 70px;
}
.topArea03 .topBoxRep02 .topBox02 h3{
	background-color:#ffffff;
}
.topArea03 .topBoxRep02 .topBox02 p {
	padding: 0 44px 15px; 
}
.topArea03 .topBoxRep02 .topBox02 p.tex {
	padding: 15px 0 0;
	width:470px;
}
.topArea03 .topBoxRep02 .topBox02 p span{
	color: #0e39a1;
	font-weight:bold;
}
.topArea03 .topBoxRep02 .imgPosi01{
	position:absolute;
	left:-53px;
	top:-28px;
}
.topArea03 .topBoxRep02 .imgPosi02{
	position:absolute;
	left:561px;
	top:17px;
}

.topArea04 {
	margin: 0 10px;
}
.topArea04 .area04Txt {
	padding:0 150px;
	text-align:left;
}

.topArea04 dl{margin-bottom:25px;}
.topArea04 dl dt{float:left; width:90px;}
.topArea04 dl dd{float:right; width:735px; min-height:90px; background:url(../images/index/radius_bottom.gif) #efefed no-repeat bottom;}
.topArea04 dl dd.other{_height:90px;}
.topArea04 dl dd p{text-align:left;}
.topArea04 dl dd .topImage{font-size:1%;}
.topArea04 dl dd .topImage img{vertical-align:top;}
.topArea04 dl dd .ddBox{padding:10px 17px;}
.topArea04 dl dd .ddBox .ddBoxLeft{width:370px; float:left;}
.topArea04 dl dd strong{font-weight:bold; font-size:1.2em;}

ul.btmTxtArea {
	padding: 20px 33px 30px 40px;
}
ul.btmTxtArea li {
	padding-left: 10px;
	text-indent: -10px;
	font-size: 12px;
	color: #656565;
}
ul.btmTxtArea li span {
	color: #EF0C0A;
}

p.btmTxt {
	padding-bottom: 5px;
	font-size: 12px;
	color: #656565;
	text-align: right;
}

div.bgHead1v_re h2 {
    background-position: 0 0;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
}

div.bgEachContents_re h3 {
    font-size: 100%;
    font-weight: normal;
    margin: 0;
    padding: 0;
}