@charset "shift_jis";

/* common
=========================================*/
a:link,a:visited,a:active {
   color: #016ba2;
   text-decoration:none;
}
a:hover {
   text-decoration:underline;
}


body {
	background-color: #FFF!important;
}
div#wrapper {
	background: none!important;
}


.skipText {
	display: none;
}


/* text-align
------------------------*/
.left{
	text-align:left!important;
}
.center{
	text-align:center!important;
}
.right{
	text-align:right!important;
}

/* text
------------------------*/
.caution {
	font-size: 77%;
	line-height: 15px;
}
.underLine {
	text-decoration: underline;
}

/* vertical-align
------------------------*/
.vaM {
	vertical-align: middle;
}


/* margin
------------------------*/
.mt5 {
	margin-top: 5px!important;
}
.mt10 {
	margin-top: 10px!important;
}
.mt15 {
	margin-top: 15px!important;
}
.mt20 {
	margin-top: 20px!important;
}
.mt25 {
	margin-top: 25px!important;
}
.mt30 {
	margin-top: 30px!important;
}
.mt35 {
	margin-top: 35px!important;
}
.mt40 {
	margin-top: 40px!important;
}
.mt45 {
	margin-top: 45px!important;
}
.mt50 {
	margin-top: 50px!important;
}

.ml40 {
	margin-right: 40px!important;
}
.mb0 {
	margin-bottom: 0px!important;
}



/* performance
=========================================*/
.contentsWrapper {
	width: 900px;
	margin: 0 auto;
	text-align: left;
	color: #333333;
}
.contentsWrapper .elementTitle {
	margin-bottom: 30px;
}
.contentsWrapper .catch {
	margin-bottom: 20px;
}
.contentsWrapper .normalText15 {
	font-size: 116%;
	line-height: 20px;
}
.contentsWrapper .normalText14 {
	font-size: 108%;
	line-height: 20px;
}
.contentsWrapper .normalText13 {
	font-size: 100%;
	line-height: 20px;
}
.contentsWrapper .pageTop {
	padding: 21px 0 10px;
	text-align: right;
}
	
	
	
/* element common
------------------------*/

.contentsWrapper .lineTitle {
	text-align: center;
	padding-bottom: 10px;
	border-bottom: 1px solid #D1D1D1;
}

/* element01
------------------------*/
.element01 {
	margin-bottom: 90px;
}
.element01 .element01Image {
	margin: 10px 0 30px;
}
.element01 .element01Image .image01 {
	position: relative;
	float: left;
	padding-left: 114px;
}
.element01 .element01Image .image01 span {
	display: block;
	width: 150px;	
	position: absolute;
	top: 145px;
	left: 315px;
}
.element01 .element01Image .image02 {
	position: relative;
	float: right;
	padding-right: 80px;
}
.element01 .element01Image .image02 span {
	display: block;
	width: 150px;
	position: absolute;
	top: 139px;
	left: 207px;
}

/* element02
------------------------*/

.element02 {
	margin-bottom: 80px;
}
.element02 .colLeft {
	width: 325px;
	float: left;
}
.element02 .colRight {
	width: 560px;
	float: right;
}
.element02 .element02Image {
	position: relative;
	clear: both;
}
.element02 .element02Image img {
	vertical-align: top!important;
}
.element02 .element02Image .btn {
	position: absolute;
	top: 220px;
	right: 0px;
}

/* element03
------------------------*/

.element03 {
	margin-bottom: 90px;
}
.element03 .colLeft {
	width: 430px;
	float: left;
	margin-right: 40px;
}
.element03 .colRight {
	padding-top: 20px;
	overflow: hidden;
	zoom: 1;
}

/* element04
------------------------*/
.element04 .colLeft {
	width: 274px;
	float: left;
}
.element04 .colRight {
	width: 591px;
	float: right;
}
.element04 .colRight .col {
	width: 183px;
	float: left;
	padding-right: 20px;
}
.element04 .colRight .col.last {
	padding-right: 0;
}
.element04 .bottomText {
	padding: 12px 3px 0;
}

/* element05
------------------------*/
.element05 .colLeft {
	width: 430px;
	float: left;
	margin-right: 40px;
}
.element05 .colRight {
	padding-top: 25px;
	overflow: hidden;
	zoom: 1;
	letter-spacing: -0.002em;
}
.element05 .col01 {
	float: left;
	width: 272px;
	padding-right: 40px;
}
.element05 .col02 {
	float: left;
	width: 272px;
	padding-right: 40px;
}
.element05 .col03 {
	float: right;
	width: 270px;
}

/* element06
------------------------*/

.element06 {
	margin-bottom: 50px!important;
}
.element06 .colLeft {
	width: 455px;
	float: left;
}
.element06 .colRight {
	width: 430px;
	float: right;
}


/* element07
------------------------*/
.element07 .colLeft {
	width: 360px;
	float: left;
}
.element07 .colRight {
	width: 510px;
	float: right;
}
.element07 .colRight .col01 {
	width: 240px;
	float: left;
}
.element07 .colRight .col02 {
	width: 240px;
	float: right;
}


/* element09
------------------------*/

.element09 {
	margin-bottom: 60px!important;
}
.element09 .colLeft {
	width: 403px;
	float: left;
}
.element09 .colRight {
	width: 470px;
	float: right;
}



/* parts
=========================================*


/* flyBird
------------------------*/
#flyBird {
	background: url(../image/fly_bird.jpg) no-repeat center top;
}
.flyBirdInner {
	position: relative;
	width: 900px;
	height: 380px;
	margin: 0 auto;
	background: url(../image/fly_bird_inner.jpg) no-repeat 0 0;
}
#bird-img {
	position: absolute;
	top: 0;
	left: 0;
}
#bird-img .bird1 {
	position: absolute;
	top: 97px;
	left: -150px;
}
#bird-img .bird2 {
	position: absolute;
	top: 98px;
	left: 194px;
}
#bird-img .bird3 {
	position: absolute;
	top: 109px;
	left: 504px;
}
#bird-img .bird4 {
	position: absolute;
	top: 98px;
	left: 787px;
}
#bird-img .bird5 {
	position: absolute;
	top: 45px;
	left: 964px;
}
#bird-img .bird2,
#bird-img .bird3,
#bird-img .bird4,
#bird-img .bird5 {
	display: none;
}


/* vsa
------------------------*/
#vsa {
	position: relative;
	width: 100%;
}
#vsa #vsaPlayBtn{
	display: none;
	position: absolute;
	top: 363px;
	left: 40px;
	z-index: 30;
}
#vsa #vsaIntro{
	position: absolute;
	top: 21px;
	left: 21px;
	z-index: 10;
}
#vsa #vsaMov{
	position: absolute;
	top: 37px;
	left: 101px;
	background: url(../image/vsa_anima.jpg) no-repeat left top;
	width: 715px;
	height: 373px;
	z-index: 8;
}
#vsa #vsaLast1{
	position: absolute;
	top: 233px;
	left: 671px;
	z-index: 9;
	display: none;
}
#vsa #vsaLast2{
	position: absolute;
	top: 363px;
	left: 267px;
	z-index: 9;
	display: none;
}


/* specTable
------------------------*/
.specTable {
}
.tabLink {
	padding-left: 25px;
}
.tabLink li {
	float: left;
	margin-right: 7px;
	text-align: center;
	width: 280px;
}
.tabLink li a {
	display: block;
	width: 280px;
	height: 46px;
}
.tabLink li a span {
	display: none;
}
.tabLink #tab01 a {
	background: url(../image/index_bt11.gif) no-repeat 0 0;
}
.tabLink #tab01.on a,
.tabLink #tab01 a:hover {
	background: url(../image/index_bt11_on.gif) no-repeat 0 0;
}
.tabLink #tab02 a {
	background: url(../image/index_bt12.gif) no-repeat 0 0;
}
.tabLink #tab02.on a,
.tabLink #tab02 a:hover {
	background: url(../image/index_bt12_on.gif) no-repeat 0 0;
}
.tabLink #tab03 a {
	background: url(../image/index_bt13.gif) no-repeat 0 0;
}
.tabLink #tab03.on a,
.tabLink #tab03 a:hover {
	background: url(../image/index_bt13_on.gif) no-repeat 0 0;
}
* html .tabLink #tab01 a,
* html .tabLink #tab02 a,
* html .tabLink #tab03 a {
  zoom: 1;
}
*:first-child+html .tabLink #tab01 a,
*:first-child+html .tabLink #tab02 a,
*:first-child+html .tabLink #tab03 a {
	min-height:1%;
}
.tabContents {
}
.tabContents .wrapper {
	padding: 55px 0 0;
	background: url(../image/index_bg01.gif) no-repeat 0 0;
	zoom: 1;
}
.tabContents .inner {
	padding: 0 67px 65px;
	background: url(../image/index_bg03.gif) no-repeat 0 bottom;
}


/* table
------------------------*/
.specTableWrap{
background:#7E7E7E;
font-size:12px;
padding:1px;
width:764px;
}

#specWrap table{
border-spacing:1px;
background:#FFFFFF;
width: 100%;
}

#specWrap table th{
padding:6px;
background:#D2D5E9;
}


#specWrap table td{
padding:6px;
}

#specWrap table .over {
  background:#e3a8bf!important;
}

#specWrap table td sup{
	vertical-align:super;
	display:inline;
}



.boder01B{	border-bottom:#999999 1px solid;}
.boder01R{	border-right:#999999 1px solid;}

.boder02B{	border-bottom:#666666 1px solid;}
.boder02R{	border-right:#666666 1px solid;}

.boder01DotB{ border-bottom:#999999 1px dotted;}


#specWrap table .leftCell{
	background:#F4F4F4;
	width:10px;
	padding:3px;
	vertical-align:text-top;
}

#specWrap table .pinkCell{
	background:#F4D3E0;
}

#specWrap table .iconJco8{
	background:url(../image/icon_jco8.gif) no-repeat 0px 0px;
	padding:0 0 0 42px;
}

/*#specLink{
	text-align:right;
	padding:0 0 10px 0;
	margin:0 auto;
	font-size:10px;
	
}*/

.fontGreen{
	color:#009A41;
}

#specTxt{
	margin:50px auto 0px auto;
	font-size:78%;
	line-height:1.5;
}

.txtPinkBg{
	background:#F4D3E0;
}


/* localBtnLink
------------------------*/

.contentsWrapper .localBtnLink {
	margin-left: 18px;
}
.contentsWrapper .localBtnLink li {
	float: left;
	margin-top: 20px;
	padding-left: 25px;
}
.contentsWrapper .localBtnLink li img {
	vertical-align: bottom;
}

/* iconLink
------------------------*/

.iconLink01 {
	padding-left: 14px;
	background: url(../image/index_ic03.gif) no-repeat 0 0.4em;
}
.iconLink02 {
	padding-left: 14px;
	background: url(../image/index_ic02.gif) no-repeat 0 0.3em;
}


/* column
------------------------*/

.normalSection {
	clear: both;	
}
.imgLeft {
	float: left;
	margin: 0 20px 13px 0;
}
.imgRight {
	float: right;
	margin: 0 0 11px 13px;
}
.asideText {
	overflow: hidden;
	zoom: 1;
}
.asideText p {
	clear: both;
}

.w430 {
	width: 430px;
}





/* clearfix
=========================================*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}