@charset "utf-8";
/* --------------------------------------------------
	index.css
-------------------------------------------------- */

/* レイアウト
-------------------------------------------------- */
html {
background: #0099CC;
}

body {
min-height: 1140px;
background: #0099CC url( "../../img/top/shared/bg_sky.png") repeat-x left top;
}

/* #Container
----------------------------------------*/
#container {
background: url(../../img/top/shared/bg_cloud.png) no-repeat center top;
}

/* #contents
----------------------------------------*/
#contents {
width: 1154px;
padding: 0 0 67px;
background: url(../../img/top/shared/bg_building.png) no-repeat left bottom;
}

/* #main
----------------------------------------*/
#main {
float: right;
width: 680px;
margin: 0 97px 0 0;
padding-top: 0;
}

.mainBlock {
padding: 5px;
background: url(../../img/top/shared/bg_main_block.png) repeat left top;
}

#aboutCard {
margin-bottom: 20px;
}

.mainBlock .cnt {
position: relative;
background: #FFF;
}

/* #promotionBlock
------------------------------ */
#promotionBlock {
position: relative;
width: 680px;
height: 260px;
margin: 10px 0 3px;
}

#promotionBlock .wrap {
position: absolute;
left: 0;
top: 0;
width: 680px;
height: 260px;
background: #3266A0;
/*filter: alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;*/
}

#promotionBlock .image {
position: absolute;
left: 5px;
top: 5px;
overflow: hidden;
width: 670px;
height: 250px;
background: #FFF;
}

/* --- .image内にbxSliderがある場合はコメントアウトする
#promotionBlock .image li {
display: none;
position: absolute;
left: 0;
top: 0;
width: 670px;
height: 250px;
}

#promotionBlock .image li:first-child {
display: block;
}
*/

/* .image内にbxSliderがある場合 */
#promotionBlock .image #prev,
#promotionBlock .image #next {
display: block;
position: absolute;
top: 98px;
width: 29px;
height: 53px;
}

#promotionBlock .image #prev {
left: 0;
}

#promotionBlock .image #next {
right: 0;
}
/* #sliderBlock
------------------------------ */
#sliderBlock {
position: relative;
width: 100%;
height: 50px;
}

#sliderBlock p,
#sliderBlock ul {
position: absolute;
top: 0;
}

#sliderBlock p {
cursor: pointer;
}

#sliderBlock #prev {
left: 0;
}

#sliderBlock #next {
right: 0;
}

#sliderBlock .bx-wrapper {
width: 652px;
margin: 0 0 0 14px;
}

#sliderBlock li {
height: 50px;
overflow: hidden;
}

#sliderBlock li:hover img {
cursor: pointer;
margin-top: -50px;
}

/* #information
------------------------------ */
#information {
display: table;
width: 670px;
margin-top: 20px;
padding: 5px;
background: #D9E3F0;
}

#information div {
display: table-cell;
/*IE7*/
*float: left;
}

#information .ttl {
width: 70px;
background: #FFF;
text-align: center;
line-height: 0;
vertical-align: middle;
/*IE7*/
*min-height: 100px;
}

#information .ttl img {
/*IE7*/
*margin-top: 40px;
}

#information .doc {
padding: 10px 10px 10px 25px;
vertical-align: middle;
/*IE7*/
*width: 550px;
}

#information li {
margin-bottom: 10px;
padding-left: 17px;
background: url(../../img/top/shared/icn_arrow.png) no-repeat left 4px;
color: #0066CC;
}

#information li a{
font-weight:bold;}


#information .info {/*add131113*/
	padding: 2px 0 2px 73px;
	vertical-align: bottom;
	background-image:url(../../img/top/shared/icon_news.gif);
	background-repeat:no-repeat;
	height:15px;
}

#information .tokuten {/*add131113*/
	padding: 2px 0 2px 73px;
	vertical-align: bottom;
	background-image:url(../../img/top/shared/icon_tokuten.gif);
	background-repeat:no-repeat;
	height:15px;
}

#information .yutai {/*add131113*/
	padding: 2px 0 2px 73px;
	vertical-align: bottom;
	background-image:url(../../img/top/shared/icon_yutai.gif);
	background-repeat:no-repeat;
	height:15px;
}

#information .pre {/*add131113*/
	padding: 2px 0 2px 73px;
	vertical-align: bottom;
	background-image:url(../../img/top/shared/icon_pre.gif);
	background-repeat:no-repeat;
	height:15px;
}

#information .event {/*add131113*/
	padding: 2px 0 2px 73px;
	vertical-align: bottom;
	background-image:url(../../img/top/shared/icon_event.gif);
	background-repeat:no-repeat;
	height:15px;
}

#information li:last-child {
margin-bottom: 5px;
}

#information .ichiran {
text-align: right;
vertical-align: bottom;
}

#information .ichiran span {
display: inline-block;
padding: 0 2px 0 17px;
background: url(../../img/top/shared/icn_arrow.png) no-repeat left 4px;
text-align: left;
}

/* #pointCard
------------------------------ */
#pointCard {
margin: 35px 0 0;
}

#pointCard .cnt {
margin-bottom: 10px;
}

#pointCard .cnt:last-child {
margin-bottom: 0;
}

#pointCard .cnt {
padding-left: 80px;
}

#pointCard .icn {
position: absolute;
left: 0;
top: 0;
}

#otoku1 {
padding-bottom: 10px;
}

#otoku1 h2 {
padding: 14px 0 9px;
}

#otoku1 ul {
position: relative;
z-index: 10;
}

#otoku1 li {
float: left;
margin-right: 5px;
}

#otoku1 li:last-child {
margin-right: 0;
}

#otoku1 li a {
display: block;
background: #FFF;
}

#otoku1 .cardImage {
position: absolute;
right: -35px;
top: -23px;
z-index: 1;
}

#otoku2,
#otoku3 {
height: 100px;
}

#otoku2 h2 {
padding: 19px 0 0 13px;
}

#otoku3 ul {
padding-top: 10px;
}

#otoku3 li {
float: left;
margin-right: 5px;
}

#otoku3 li:last-child {
margin-right: 0;
}

/* #nyukai
------------------------------ */
#nyukai {}

#nyukai .cnt {
height: 225px;
}

#nyukai .cnt div {
position: absolute;
left: 80px;
top: 15px;
}

#nyukai .cnt div h2 {
margin-bottom: 18px;
}

#nyukai .cnt div p {
margin-bottom: 9px;
}

#nyukai .detailBtn {
position: absolute;
right: 0;
top: 0;
margin-bottom: 0;
}

#nyukai .detailBtn img {
vertical-align: top;
}

/* #ittaigata
------------------------------ */
#ittaigata h2 {
padding: 16px 0 12px 15px;
}

#ittaigata .text {
padding: 0 0 15px 15px;
}

#ittaigata ul {
width: 613px;
padding: 0 0 15px 75px;
}

#ittaigata li {
float: left;
}

#ittaigata li:first-child {
float: none;
clear: both;
margin-bottom: 6px;
}

#ittaigata li:last-child {
margin-left: 17px;
}


#ittaigata #detailBtn {
position: absolute;
right: 0;
bottom: 0;
}

#ittaigata .detailBtn02 {
text-align: center;
margin-top: 9px;
}

/* #nav
---------------------------------------- */
#nav {
margin-left: 97px;
}

#nav h1 {
margin: 20px 0 35px;
}

#nav h1 span {
display: block;
}

#nav h1 span:first-child {
margin-bottom: 23px;
}

/* #mypage
------------------------------ */
#mypage {
margin-bottom: 10px;
}

#forgetPw {
padding: 0 0 23px 21px;
}

#registerBtn {
padding: 9px 0 4px;
text-align: center;
}

#howtoBtn {
padding: 0 0 6px 13px; 
}

#mypage #mypageWhat {
margin-top: 6px;
text-align: center;
line-height: 0;
}

#mypage #mypageWhat .ttl {
margin-bottom: 8px;
text-align: center;
}

#mypage #mypageWhat ul {
display: inline-block;
width: auto;
margin: auto;
}

#mypage #mypageWhat li {
float: left;
padding: 0 2px;
}

/* #guidance
------------------------------ */
#guidance {
margin: 10px 0 20px;
}

#guidance .top {
height: 8px;
background: url(../../img/shared/nav/bg_nav_top_02.png) repeat-y left top;
}

#guidance .mid {
padding-top: 2px;
background: url(../../img/shared/nav/bg_nav_mid_02.png) repeat-y left top;
}

#guidance .btm {
height: 8px;
background: url(../../img/shared/nav/bg_nav_btm_02.png) repeat-y left top;
}

#guidance h2 {
padding: 0 0 10px 10px;
}

#guidance .btns {
padding: 0 0 0 17px;
}

#guidance .btns li {
line-height: 0;
margin-bottom: 15px;
}

#guidance .btns li:last-child {
margin-bottom: 28px;
}

#guidance h3 {
margin-left: 10px;
}

#guidance .btns2 {
width: 210px;
margin-left: 10px;
}

#guidance .btns2 li {
line-height: 0;
margin-bottom: 0px;
padding: 9px 0 9px 7px;
border-bottom: 1px dotted #93C0DE;
}

#guidance .btns2 li:last-child {
margin-bottom: 0;
}

#banners li {
margin-bottom: 10px;	
}

#banners li:last-child {
margin-bottom: 0;	
}

/* #footer
----------------------------------------*/
#footer {
width: 100%;
padding: 0;
background: #FFF;
/*background: #004098 url(../../img/top/shared/bg_footer.gif) repeat-y center top;*/
}

#footer .wrapper {
width: 960px;
margin: 0 auto;
padding: 20px 0 13px;
text-align: left;
}

#footer .copyright {
float: left;
}

/* #sp_info
----------------------------------------*/
#sp_info {
margin:0 auto;
background:url(../../img/top/shared/top_sp_info_bg.png) repeat-x center bottom #FFFFFF;
border-bottom:2px solid #CCCCCC;
padding:12px 0 13px;
color:#004098;
line-height:1.2;
position:relative;
}

#sp_info .sp_inner {
}

#sp_info p {
font-size:22.5px;
margin-bottom:23px;
}

#sp_info p.en {
font-size:32px;
margin-bottom:0;
}

#sp_info a {
text-decoration:none;
display:block;
}

#sp_info .close_btn {
position:absolute;
top:10px;
right:10px;
}