@charset "Shift_JIS";
/*
 * JAL CARD
 */

/*-----------------------------------------------------
初期クリア
-------------------------------------------------------*/
body{
  margin: 0;
  padding: 0;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック";   /* フォントファミリーを優先順に指定  */
  line-height: 160%;
  font-size: 12px;
  color: #888;
  text-align: left;
  background-color:#fff;
}

ul,li {
  margin:0;
  padding:0;
  list-style-type:none;
}

img {
   border: 0;
}
/*----------------------------------------------------------------------------
 CLEAR FIX
----------------------------------------------------------------------------*/

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

.clearfix { 
  display: inline-table;
} 

/* IE7 */
.clearfix {
 display:inline-block;
}

/*\*/ 
* html .clearfix { height: 1%; } 
.clearfix { display: block; } 
/**/ 
/*----------------------------------------------------------------------------
 CLEAR BOTH
----------------------------------------------------------------------------*/
.cb {
  clear: both;
}
/*-----------------------------------------------------
大枠
-------------------------------------------------------*/
#wrapper {
  padding: 0;
  margin:0;
  text-align: left;
}

#header {
	position:fixed;
	top:0;
	width:100%;
	height:36px;
	background:#fff;
	border-bottom:1px solid #e4e4e4;
	z-index: 999;
}
#header .inner{
	width:1000px;
	margin:0 auto 0;
}
#header .logo{
	width:600px;
	padding:5px 30px 0 30px;
	float:right;
	text-align:right;
}
#header .logo .logo_s{
	float:right;	
	margin-top:4px;
}
#social {
	display: inline;
	float: left;
	margin-top:7px;
	margin-left:9px;
}
#social li {
	float: left;
	display: block;
	vertical-align: middle;
	padding: 1px 0 0 0;
	margin: 0;
	margin-right: 6px;
}
iframe.twitter-share-button {
	width: 80px!important;
	margin-right: 5px!important;
}
#___plusone_0 {
	width: 65px !important;
}
/* =========================================== */
/* menu */
/* =========================================== */
#btn-menu {
	padding:0  0 0 30px;
	float:left;
}
#btn-menu a {
width:36px;height:36px;
background: url("/afl/shain_est/img/menu_close.png") no-repeat left top;
display:block;
}
#btn-menu a img {
width:36px; height:36px;
}
#btn-menu a.open {
background-position: left -36px;
}


#menu{
	position:fixed;
	top:37px;
	width:100%;
	height:199px;
	z-index: 500;
	display: none;
}
#menu_wrap{
	width:100%;
	height:199px;
	/background: url("/afl/shain_est/img/menu_bg.png") center top repeat-x;
	background: #f6f6f6 url("/afl/shain_est/img/menu_bg.gif") center top no-repeat;
	margin-top:-250px;
}
#menu_wrap_inner{
	width:941px;
	height:199px;
	margin:0 auto 0;
}
#menu_wrap_inner .title1{
	padding:9px 0 6px 10px;
}
#menu_wrap_inner .title2{
	padding:55px 0 6px 10px;
}
#menu_wrap_inner ul {
	width:941px;
}
#menu_wrap_inner li {
	float:left;
}
#menu_wrap_inner li:menu1 {
	height:48px;
}
#menu_wrap_inner li:menu2 {
	height:47px;
}
#menu_wrap_inner li:menu3 {
	height:46px;
	margin:0;
}




#menu #menuBg{
position:fixed;
width:100%;
height:100%;
min-width: 100%;
background:#000;
opacity:0;
filter:alpha(opacity=0);
-ms-filter: "alpha(opacity=0)";
z-index:0;
zoom:1;
}
/*-----------------------------------------------------
popup
-------------------------------------------------------*/
#popup {
  width: 830px;
  margin: 37px auto 0;
  text-align:center;
}
ul.tyu{
	margin:20px auto 44px;
	text-align:center;
	font-size:82%;
	line-height:1.8em;
}
p.title{ 
	margin:26px auto 13px;
}
p.txt{ 
	font-size:120%;
	line-height:1.8em;
}
ul.tyu2 li{
	margin-bottom:3px;
}
/*-----------------------------------------------------
細分枠
-------------------------------------------------------*/
h1 {
  margin: 58px auto;
  padding: 0;
}

.copyright {
	margin-bottom:14px;
	text-align:center;
	font-size:82%;
	line-height:1.4em;
	color:#444;
}
/*-----------------------------------------------------
フォント
-------------------------------------------------------*/

.f10{ font-size: 10px;}
.f11{ font-size: 11px;}
.f12{ font-size: 12px;}
.f13{ font-size: 13px;}
.f14{ font-size: 14px;}
.f16{ font-size: 16px;}
.f18{ font-size: 18px;}

/*-----------------------------------------------------
リンク
-------------------------------------------------------*/
a:link,
a:visited {
	color: #000;
	text-decoration: underline;
}

a:hover,
a:active {
	color: #000;
	text-decoration: none;
}
/*-----------------------------------------------------
寄せ
-------------------------------------------------------*/
.alL{  text-align:left;}
.alR{  text-align:right;}
.alC{  text-align:center;}
.floatL {  float: left;}
.floatR {  float: right;}

.bold{  font-weight:bold;}		
/*-----------------------------------------------------
マージン　＆　パディング
-------------------------------------------------------*/
.mpa00 {
  margin: 0;
  padding: 0;
}
.mb10 {margin-bottom:10px!important;}
.mb20 {margin-bottom:20px!important;}
.mb30 {margin-bottom:30px!important;}

.mt10 {margin-top:10px!important;}
.mt20 {margin-top:20px!important;}
.mt30 {margin-top:30px!important;}

.ml10 {margin-left:10px!important;}
.ml20 {margin-left:20px!important;}
.ml30 {margin-left:30px!important;}

.mr10 {margin-right:10px!important;}
.mr20 {margin-right:20px!important;}
.mr30 {margin-right:30px!important;}

.mg10 {margin:10px!important;}
.mg20 {margin:20px!important;}
.mg30 {margin:30px!important;}

.pt10 {padding-top:10px!important;}
.pt20 {padding-top:20px!important;}
.pt30 {padding-top:30px!important;}

.pb10 {padding-bottom:10px!important;}
.pb20 {padding-bottom:20px!important;}
.pb30 {padding-bottom:30px!important;}

.pl10 {padding-left:10px!important;}
.pl20 {padding-left:20px!important;}
.pl30 {padding-left:30px!important;}

.pr10 {padding-right:10px!important;}
.pr20 {padding-right:20px!important;}
.pr30 {padding-right:30px!important;}

.pd10 {padding:10px!important;}
.pd20 {padding:20px!important;}
.pd30 {padding:30px!important;}



/*-----------------------------------------------------
赤＆グレー見出し帯
-------------------------------------------------------*/
/* subTitleA */
.subTitleA01{padding-top:4px;background-image:url("/afl/shain_est/img/bg_head-line_01.gif");background-repeat:repeat-x;background-position:top left;}
.subTitleA01 a.linkBtnA,.subTitleA01 a.linkBtnA:link,.subTitleA01 a.linkBtnA:visited,.subTitleA01 a.linkBtnA:hover,.subTitleA01 a.linkBtnA:active{padding:5px 5px 5px 11px;}
.subTitleA01 .noLinkHead{padding:5px 0 5px 5px;border-right:1px solid #d5d4d4;border-bottom:1px solid #c0c0c0;border-left:1px solid #f4f4f4;background-color:#ffffff;background-image:url("/afl/shain_est/img/bg_link-button_02.gif");background-repeat:repeat-x;}

.subTitleA01 .linkBtnA{ margin-bottom:-1px !important;}

h3{font-size:12px;line-height:1;color:#000000;text-align:left;margin: 0;}
div.notesField h3,div.notesField h4{margin:0 9px 4px;}
/*-----------------------------------------------------
ポップアップ用
-------------------------------------------------------*/

.red{
	color: #CC0000;
}

.notesList {
	padding-left:1em;
	text-indent:-1em;
	line-height:1.4;
}



/* print
------------------------------------------ */
@media print{
* h.mgl body{zoom:65%;}
* h.mgl .subTitleA01,
}
/*-------- pop用ヘッダ -------------------*/
.hd-bd {
  border-bottom: 1px solid #CCC;}
/*-------- pop用フッタ -------------------*/
#rnPopupFootBnr01{padding-bottom:5px;background:url("/afl/shain_est/img/bg_footer_002.gif") no-repeat right bottom;min-height:27px; height:auto !important; height:27px;}