@charset "UTF-8";

/*
 * トップページ用CSS
 * 2011.11.xx 追加
 */


/* Reset */
h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-size: 12px;
}
ol, ul { list-style-type: none; }
ol, ul, li {
	margin: 0;
	padding: 0;
}
#HomeArea a img { vertical-align: bottom; }


/* Common */

/* - Line Break */
.lb00 { margin-top:  0px!important; }
.lb03 { margin-top:  3px!important; }
.lb05 { margin-top:  5px!important; }
.lb10 { margin-top: 10px!important; }
.lb15 { margin-top: 15px!important; }
.lb20 { margin-top: 20px!important; }
.lb30 { margin-top: 30px!important; }
.lb40 { margin-top: 40px!important; }
.lb50 { margin-top: 50px!important; }

/* - Margin */
.mgl05 { margin-left:  5px!important; }
.mgl10 { margin-left: 10px!important; }
.mgl15 { margin-left: 15px!important; }
.mgl20 { margin-left: 20px!important; }
.mgr05 { margin-right:  5px!important; }
.mgr10 { margin-right: 10px!important; }
.mgr15 { margin-right: 15px!important; }
.mgr20 { margin-right: 20px!important; }

/* - Link Icon */
.iArr01 {
	padding-left: 16px;
	background: url(/common/imgs/link_yaji01.gif) no-repeat 0 0.4em;
	line-height: 1.5;
}
.iBlk {
	display: -moz-inline-box;
	display: inline-block;
}
*:first-child+html iBlk {
	display: inline;
	zoom: 1;
}
* html iBlk {
	display: inline;
	zoom: 1;
}


/* Layout */

/* - Promotion Area */
#promotion-area {
	width: 600px;
	height: 265px;
	background: url(/top/imgs/bg_promotion_01.gif) no-repeat;
	font-size: 12px;
}
#promotion-area #images { padding: 6px; }
#promotion-area #images ul {
	position: relative;
	width: 588px;
	height: 195px;
	overflow: hidden;
}
#promotion-area #images li {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	display: block;
	background: #FFFFFF;
}
#promotion-area #images .current { z-index: 10; }
#promotion-area #images .next { z-index: 5; }
#promotion-area #banners {
	position: relative;
	width: 537px;
	height: 54px;
	margin: 0 31px;
	overflow: hidden;
}
#promotion-area #banners ul {
	position: relative;
	margin-top: 2px;
}
#promotion-area #banners li {
	float: left;
	width: 175px;
	margin-right: 6px;
}
#promotion-area #banners .center {
	position: absolute;
	top: 0;
	left: 179px;
	z-index: 10;
	display: block;
	width: 179px;
	height: 54px;
}
#promotion-area .btns { margin: -52px 6px 0 6px; }
#promotion-area .btns ul { position: relative; }
#promotion-area .btns li {
	position: absolute;
	width: 20px;
	height: 55px;
}
#promotion-area .btns .prev { top: 0; left: 0; }
#promotion-area .btns .next { top: 0; left: 568px; }

#promotion-area #images a,
#promotion-area #images img,
#promotion-area #banners a,
#promotion-area #banners img { display: block; }


/* - Facebook Area */
#facebook-area {
	margin: 15px 5px;
	font-size: 12px;
	overflow: hidden;
	_zoom: 1;
}
/*
#facebook-area .like {
	float: left;
	width: 420px;
}
#facebook-area .page {
	float: right;
	width: 145px;
}
*/
#facebook-area .page { display: none; }
#facebook-area .page img {
	margin-right: 5px;
	vertical-align: middle;
}


/* - Card Menu */
.card-menu {
	margin-top: 15px;
	font-size: 12px;
	overflow: hidden;
	_zoom: 1;
}
.card-menu img { vertical-align: bottom; }
.card-menu .lower { padding: 10px 12px; }
.card-menu .join {
	float: left;
	display: inline;
	width: 295px;
	height: 327px;
	background: url(/top/imgs/bg_card_join_01.gif) no-repeat left bottom;
}
.card-menu .member {
	float: right;
	display: inline;
	width: 295px;
	height: 327px;
	background: url(/top/imgs/bg_card_member_01.gif) no-repeat left bottom;
}
.card-menu .member ul {
	overflow: hidden;
	_zoom: 1;
}
.card-menu .member li { float: left; }



/* - Information */
.information {
	margin-top: 20px;
	font-size: 12px;
	line-height: 1.5;
}
.information .ttl-mod {
	position: relative;
	height: 30px;
}
.information .ttl-mod img { vertical-align: bottom; }
.information .ttl-mod .subs {
	position: absolute;
	top: 0;
	right: 0;
}
.information .ttl-mod .subs a { margin: 5px 10px 0 0; }
.information .lower {
	padding: 0 10px 11px 10px;
	background: url(/common/imgs/line_dot_gray.gif) repeat-x left bottom;
}
.information .lower li { margin-top: 10px; }
.information .notice {
	padding: 5px 10px 6px 10px;
	background: url(/common/imgs/line_dot_gray.gif) repeat-x left bottom;
}


/* - Card Application */
.card-application {
	margin-top: 20px;
	padding: 10px;
	border: 1px solid #C0FEEA;
	background: #D3FEF0;
	font-size: 12px;
	line-height: 1.5;
}
.card-application .lower { margin-top: 10px; }
.card-application .lower .phrase,
.card-application .lower .link {
	margin-top: 10px;
	text-align: center;
}


/* - ナビゲーション */
.navigation {
	padding: 2px;
	background: #F0F0F0;
	font-size: 12px;
}
.navigation ul {
	margin-top: -2px;
	overflow: hidden;
	_zoom: 1;
}
.navigation li { margin-top: 2px; }


/* - サイドバナー */
.side-banner {
	margin-top: 20px;
	font-size: 12px;
}
.side-banner ul {
	margin-top: -5px;
	overflow: hidden;
	_zoom: 1;
}
.side-banner li { margin-top: 5px; }