@charset "utf-8";

/* ------------------------------------------------------------
	
	filename:	detail.css
	created:	140708
	update:		140708
		
------------------------------------------------------------ */


/* ベース */

body.logininfo#index div#main div.imageColumnB div.pictogram { width: 314px; }
body.logininfo#index div#main div.imageColumnB div.text { margin-left: 314px; }
body.logininfo#index div#main div.imageColumnB div.text p{ margin-left:20px; }
body.logininfo#index div#main div.imageColumnB div.text ul{ margin-left:20px; }

body.logininfo#index div#main div#box { 
	margin:0px auto 20px auto;
	border:4px solid #9cd5f0;
	padding:10px;
}
body.logininfo#index div#main div#box p,
body.logininfo#index div#main div#box dl dt {
	font-weight:bold;
}
body.logininfo#index div#main div#box dl dd {
	margin-left:0;
}
body.logininfo#index div#main div#box p.linkBtn { text-align:center; }

body.logininfo#index div#main ul.listlik{
	margin : 10px 10px 30px 10px;
}
body.logininfo#index div#main ul.listlik li {
	float : left;
	background : #0290e2;
	margin-right : 10px;
	width : 45%;
	border-radius : 3px;
	background-image: -webkit-linear-gradient(top, #49c0f0, #2cafe3);
	background-image: linear-gradient(to bottom, #49c0f0, #2cafe3);
	border : 1px solid #15b6d8;
	box-shadow: inset 1px 1px 0 #a6e8f6;
}
body.logininfo#index div#main ul.listlik li:nth-child(2){
	margin-right : 0;
	float : right;
}
body.logininfo#index div#main ul.listlik li a{
	color : #fff;
	font-weight : bold;
	display : block;
	padding : 5px;

	text-align : center;
}



body.logininfo#index div#main .attBox{
	border : 2px solid #ff0000;
	color : #ff0000;
	background : #ffff00;
	padding : 5px;
	margin : 10px 0;

}

body.logininfo#index div#main .attBox span{
	text-decoration : underline;
	font-weight : bold;
}

body.logininfo#index div#main #regist{
	margin-top : 30px;
}

body.logininfo#index div#main .link_btn_blue{
	font-size : 100%;
    padding-left : 10%;
}

body.logininfo#index div#main p.nomargin{
	margin-bottom : 0;
	text-align : center;
	margin-right :0;
	margin-left : 0;
	padding : 0;
}
body.logininfo#index div#main p.nomargin2{
	margin-bottom : 0;
	text-align : center;
	margin-right :20px;
	margin-left : 20px;
	padding : 0;
	margin-top : 0;
}




body.logininfo#index div#main #infoBox{
	background : #ffedd0;
	border : 1px solid #fab736;
	border-radius : 5px;
	margin-top : -10px;
	padding-top : 10px;
}
body.logininfo#index div#main #infoBox .case{
	background : #fff;
	margin : 10px;
	padding : 10px;
}
body.logininfo#index div#main #infoBox .case h2{
	background : #ffad2d;
	color : #fff;
	font-size : 120%;
	font-weight : bold;
	margin : 10px 0;
	background-image : none;
	padding : 3px 5px;
}
body.logininfo#index div#main #infoBox .case .f100{
	font-size : 150%;
}


body.logininfo#index div#main #infoBox .case .infomenuTop{
	text-align : right;
}
body.logininfo#index div#main #infoBox .case .image{
	margin-left : 0;
	margin-right : 0;
	text-align : center;
}
body.logininfo#index div#main #infoBox ul.step li{
	padding : 5px 0 5px 20px;
	margin-bottom : 20px;
}
body.logininfo#index div#main #infoBox ul.step li.no1{
	background : url('/about/tie-up/jal/logininfo/images/1.png') no-repeat;
	background-position : 0 50%;
	background-size : 11px;

}
body.logininfo#index div#main #infoBox ul.step li.no2{
	background : url('/about/tie-up/jal/logininfo/images/2.png') no-repeat;
	background-position : 0 50%;
	background-size : 11px;
}

body.logininfo#index div#main #infoBox #infoBoxmenu{
	padding : 0;
	margin : 10px;
}
body.logininfo#index div#main #infoBox #infoBoxmenu li{
	float : left;
	text-align : center;
	width : 31.2%;
	margin-right : 3%;
}
body.logininfo#index div#main #infoBox #infoBoxmenu li.last{
	 margin-right : 0;
 }
body.logininfo#index div#main #infoBox .btnBox{
	margin : 0 30px;
}

body.logininfo#index div#main .post_inner{
	display : none;
}
/* EOF */