@charset "Shift_JIS";

/*****************************************************/

body , html {  
	width:100%;
}

#wrapper { 
	width:100%; 
    height:100%;
	position:relative;
	z-index:0;
}


/*****************************************************/

a {
	color: #00A0E9;
}

a:hover {
	color: #00A0E9;
	text-decoration:underline;
}

a:visited {
	color: #00A0E9;
}

/* clearfix */
.clearfix:after {
    content:"";
    display:block;
    clear:both;
}

/* for IE6 */
* html .clearfix {
    display:inline-block;
}

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

/*****************************************************/

table.resultTable th{
	padding-left:20px;
}

table.resultTable td{
	padding-left:5px;
}

/*****************************************************/

div#resultHeader select{
	padding:5px;
}

/*****************************************************/

.planResult{
	width:918px;
	margin:0 0 20px;
}

.rd{
	border:1px solid #a5c2d5;
}

.rs{
	border:1px solid #e697a9;
}

/*****************************************************/

div.planTitle{
	padding:9px 9px 10px;
}

.rd div.planTitle{
	background:url(../img/result/bgBl.png) left top repeat;
}

.rs div.planTitle{
	background:url(../img/result/bgRe.png) left top repeat;
}

div.planTitle dl{
	width:900px;
}

.rd div.planTitle dl{
	background:#fff url(../img/result/bgBlT.png) left top repeat-y;
}

.rs div.planTitle dl{
	background:#fff url(../img/result/bgReT.png) left top repeat-y;
}


div.planTitle dl dt,
div.planTitle dl dd{
	display:table-cell;
	vertical-align:middle;
	margin:0;
}

/* for IE6 */
* html div.planTitle dl dt,
* html div.planTitle dl dd{
	display:inline;
	zoom:1;
}

/* for IE7 */
*:first-child+html div.planTitle dl dt,
*:first-child+html div.planTitle dl dd{
	display:inline;
	zoom:1;
}

div.planTitle dl dt{
	width:189px;
	text-align:center;
	padding:10px 0;
}

div.planTitle dl dd{
	width:670px;
	padding:10px 20px;
	font-size:140%;
	font-weight:bold;
	line-height:1.2em;
}

/*****************************************************/

div.planCont{
	padding:9px;
}

.rd div.planCont{
	background:#e6f1f8;
}

.rs div.planCont{
	background:#fbe8ed;
}

/*****************************************************/

div.leftBox{
	float:left;
	width:240px;
	background:#fff;
	padding:0 0 2px;
}

div.leftBox p{
	width:240px;
	height:auto;
	overflow:hidden;
}

div.leftBox p img{
	width:240px;
}

div.leftBox dl,
div.leftBox ul{
	width:236px;
	margin:0 auto;
	border-top:1px solid #ccc;
}

div.leftBox dl{
	background:#fff url(../img/result/bgGr.png) left top repeat-y;
}

div.leftBox dl dt,
div.leftBox dl dd{
	padding:6px 10px;
	font-size:115%;
	display:table-cell;
	vertical-align:middle;
	margin:0;
}

/* for IE6 */
* html div.leftBox dl dt,
* html div.leftBox dl dd{
	display:inline;
	zoom:1;
}

/* for IE7 */
*:first-child+html div.leftBox dl dt,
*:first-child+html div.leftBox dl dd{
	display:inline;
	zoom:1;
}

div.leftBox dl dt{
	width:80px;
	font-weight:bold;
}

div.leftBox dl dd{
	width:116px;
	line-height:1.3em;
}

div.leftBox ul li{
	width:inherit;
	height:49px;
	margin:0 0 2px;
}

/*****************************************************/

div.rightBox{
	float:right;
	width:640px;
}

p.attention{
	text-align:right;
}

div.rightBox table{
	margin:10px 0 0;
	table-layout:auto;
	border-collapse: collapse;
	width:100%;
}

div.rightBox table th,
div.rightBox table td{
    white-space:normal;
    word-break:break-all;
	vertical-align:middle;
}

.rd div.rightBox table th,
.rd div.rightBox table td{
	border-bottom:1px solid #e6f1f8;
}

.rs div.rightBox table th,
.rs div.rightBox table td{
	border-bottom:1px solid #fbe8ed;
}

div.rightBox table th{
	width:70px;
	padding:15px 10px;
	background:#666;
	color:#fff;
	text-align:left;
}

div.rightBox table td{
	padding:15px;
	background:#fff;
}

div.rightBox table tr.optionBox ul{
	width:auto;
}

div.rightBox table tr.optionBox ul li{
	width:32px;
	height:32px;
	padding:0 5px 5px 0;
	float:left;
}

div.rightBox table tr.optionBox p{
	margin:5px 0 0;
}

div.rightBox table tr.shopInfo p{
	float:left;
	margin:0 15px 0 0;
}

div.rightBox table tr.shopInfo p img{
	height:50px;
	width:auto;
}

div.rightBox table tr.shopInfo ul{
	float:left;
}

div.rightBox table tr.shopInfo dl{
	overflow:hidden;
}

div.rightBox table tr.shopInfo dl dt{
	margin:0 5px 0 0;
}

div.rightBox table tr.shopInfo dl dt,
div.rightBox table tr.shopInfo dl dd{
	float:left;
}

div.rightBox div.planImportant{
	width:100%;
	margin:9px 0 0;
}

div.rightBox div.planImportant dl{
	width:430px;
	float:left;
	overflow:hidden;
}

div.rightBox div.planImportant dl dt,
div.rightBox div.planImportant dl dd{
	height:46px;
	line-height:46px;
	font-weight:bold;
	float:left;
}

div.rightBox div.planImportant dl dt{
	width:70px;
	color:#fff;
	background:#3079ca;
	padding:16px 10px 4px;
	line-height:18px;
}

div.rightBox div.planImportant dl dd{
	width:310px;
	color:#c00;
	background:#fff;
	font-size:280%;
	padding:10px 15px;
}

div.rightBox div.planImportant dl dd span{
	font-size:50%;
}

div.rightBox div.planImportant p{
	width:200px;
	height:66px;
	background:#fff;
	float:right;
}

div.rightBox div.planImportant p a{
	width:155px;
	height:38px;
	display:block;
	padding:15px 22px 13px 23px;
}

div.rightBox div.planImportant p a:hover img{
	opacity:0.75;
	filter: alpha(opacity=75); /* ie lt 8 */
	-ms-filter: "alpha(opacity=75)"; /* ie 8 */
	-moz-opacity:0.75; /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.75; /* Safari 1.x */
	zoom:1;
}

/*****************************************************/

ul#pager{
	text-align:center;
}

ul#pager li{
	padding:0 10px;
	display:inline-block;
}

/* for IE6 */
* html ul#pager li,
* html ul#pager li{
	display:inline;
	zoom:1;
}

/* for IE7 */
*:first-child+html ul#pager li,
*:first-child+html ul#pager li{
	display:inline;
	zoom:1;
}

ul#pager li select{
	padding:5px;
}

ul#pager li a{
	font-size:115%;
	font-weight:bold;
}

/*****************************************************/

div#loader {
	margin:100px 0;
	text-align:center;
	display:none;
}

p#noResult {
	display:none;
	width:500px;
	margin:50px auto;
	border:1px solid #c00;
	padding:20px;
	color:#c00;
	font-weight:bold;
	text-align:center;
	font-size:115%;
}

/*****************************************************/

div#lightBoxBg{
	position:fixed;
	width:100%;
	height:100%;
	background:url(../img/result/bgBlack.png) left top repeat;
	top:0;
	left:0;
	z-index:1;
}

div#lightBoxLoader{
	position:absolute;
	top:50%;
	left:50%;
	width:700px;
	background:#fff;
	height:240px;
	padding:60px 0 0;
	margin-top:-150px;
	margin-left:-350px;
}

div.ldAcquisition{
	width:610px;
	overflow:hidden;
	margin:0 auto;
}

ul.comStat{
	width:300px;
	float:left;
}

ul.searchStat{
	width:300px;
	float:right;
}

li.gettingPlan,
li.gotPlan{
	width:inherit;
	height:60px;
	position:relative;
	zoom:1;
}

li.gettingPlan p.img,
li.gotPlan p.img{
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

li.gettingPlan p.minLoader{
	position:absolute;
	top:29px;
	left:226px;
	z-index:2;
}

li.gotPlan p.gotProg{
	position:absolute;
	top:8px;
	left:197px;
	z-index:2;
	font-size:14px;
}

li.gotPlan p.gotProg span{
	font-weight:bold;
	font-size:16px;
}

ul.comStat p.gotProg{color:#184c6e;}

ul.searchStat p.gotProg{color:#7b233a;}

/****************/

ul.comStat li.gettingPlan{display:block;}
ul.comStat li.gotPlan{display:none;}
ul.searchStat li.gettingPlan{display:block;}
ul.searchStat li.gotPlan{display:none;}

/****************/

div.ldProgress{
	text-align:center;
}

div.ldProgress li.text{
	font-size:16px;
	font-weight:bold;
	color:#2667ab;
}

div#lightBoxLoader div.ldProgress li{
	margin:30px 0 0;
}

div#lightBoxLoader div.ldProgress li.text{
	margin:15px 0 40px;
	
}

/****************/

div#footerLoader{
	width:100%;
	height:100px;
	background:url(../img/result/bgBlack.png) left top repeat;
	padding:10px 0;
	position:fixed;
    bottom: 0;
	z-index:2;
}

div#footerLoader div#flInner{
	width:940px;
	height:100px;
	margin:0 auto;
	background:url(../img/result/bgFooterLoader.png) left top no-repeat;
	overflow:hidden;
}

div#footerLoader div.ldProgress{
	float:left;
	width:289px;
	height:100px;
	border-right:1px solid #ccc;
}

div#footerLoader div.ldAcquisition{
	float:right;
	margin:20px 20px 0 0;
}

div#footerLoader div.ldProgress li.textRd,
div#footerLoader div.ldProgress li.textRs{
	font-size:12px;
	margin:18px 0 0;
	font-weight:bold;
	color:#2667ab;
}

div#footerLoader div.ldProgress li.textRd{
	display:block;
}

div#footerLoader div.ldProgress li.textRs{
	display:none;
	color:#fa436e;
}

div#footerLoader div.ldProgress li.dispBtn,
div#footerLoader div.ldProgress li.dispBtnN{
	margin:10px 0 0;
}

div#footerLoader div.ldProgress li.dispBtn a:hover img{
	opacity:0.75;
	filter: alpha(opacity=75); /* ie lt 8 */
	-ms-filter: "alpha(opacity=75)"; /* ie 8 */
	-moz-opacity:0.75; /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.75; /* Safari 1.x */
	zoom:1;
}

/****************/

div#footerLoader div.ldProgress li.dispBtn{display:block;}

div#footerLoader div.ldProgress li.dispBtnN{display:none;}

/****************/

div#movePageBox{
	width:100%;
	height:100%;
	background:#f3f3eb;
	display:none;
}

div#movePage{
	width:620px;
	padding:54px 39px;
	border:1px solid #e7e3db;
	background:#fff;
	margin:100px auto; 0;
}

div#movePage p#mpRogo{
	text-align:center;
	padding:0 0 35px;
	border-bottom:1px dotted #e7e3db;
}

div#movePage p#mpDesc{
	text-align:center;
	padding:30px 0;
}

div#movePage ul{
	background:#fffbfc;
	border:1px solid #f5d7df;
	width:578px;
	padding:12px 0 12px 39px;
}

div#movePage ul li{
	font-size:16px;
	color:#ff2841;
	padding:2px 0;
	font-weight:bold;
}

div#movePage p#mpLoader{
	text-align:center;
	padding:50px 0;
}

div#movePage p#mpMinDesc{
	text-align:center;
	font-size:16px;
}