@charset "utf-8";

/* ==================================================================
	Site Name: ハローローン
	Version: 0.1

	import.css		読み込みCSS
	font.css		文字サイズの指定CSS	
	defalut.css		基準値の指定CSS
	color.css		色の指定CSS
	common.css		サイト全体に共通するCSS
	component.css	CSSの部品	
	modules.css		個別指定用CSS	
	print.css		印刷用CSS
	
	* 細かくなりそうな場合は別にCSSを作成
	
   ■CSS適用箇所
   　商品内容について
	
=================================================================== */


/* --------------------------------
   ◇ pagenavi
-------------------------------- */
#main00 ul.pagenavi{
	margin-bottom:23px;
	width:525px;
}

html > #main00 ul.pagenavi{
	margin-left:auto;
	margin-right:auto;
}

#main00 ul.pagenavi li{
	float:left;
	width:252px;
	text-align:left;
	display:inline;
	margin-left:21px;
}
#main00 ul.pagenavi li.none{
	margin-left:0px;
}

#main00 ul.pagenavi li img{
	margin:0 0 6px 7px;
}
#main00 ul.pagenavi li a img{
	margin:0;
}


/* --------------------------------
   ◇ frame
-------------------------------- */
#main00 .frame-header{
	background-image:url(../../images/halonavi/frame-header.jpg) !important;
	height: 128px !important;
	padding:0 16px 0 16px !important;
}

html > #main00 .frame-header{
	width:485px !important;
}

#main00 .frame-body{
	background-image:url(../../images/halonavi/frame-body.jpg) !important;
	padding:8px 16px 0 16px !important;
}

html > #main00 .frame-body{
	width:485px !important;
}

#main00 .frame-footer{
	background-image:url(../../images/halonavi/frame-footer.jpg) !important;
	height:25px !important;
	margin-bottom:35px !important;
}


#main00 .frame-header02{
	background:url(../../images/simulation/frame-header.gif) 0 0 no-repeat;
	width:517px;
	height:25px;
	margin:0 auto;
}

#main00 .frame-body02{
	background-image:url(../../images/simulation/frame-body.gif);
	padding:8px 16px 0 16px;

}

html > #main00 .frame-body02{
	width:485px !important;

}

#main00 .frame-footer02{
	background-image:url(../../images/simulation/frame-footer.gif);
	width:517px;
	height:25px;
	margin:0 auto;
}



/* --------------------------------
   ◇ title
-------------------------------- */

/*
#main00 h2{
	margin:3px 0 1px 6px;
	text-align:left;
}
*/

#main00 h3{
	margin:17px 0 35px -6px;
}

#main00 p.detail{
	margin:0 0 45px 6px;
}

#main00 h4{
	font-weight:bold;
}

#main00 h4 span{
	color:#358e02;
}


/* --------------------------------
   ◇ text
-------------------------------- */

#main00 p.mobile-text span{
	color:#ff0000;
}

#main00 ul.mark,
#main00 ol.num{
	margin-bottom:0.8em;
}

#main00 .btn{
	margin-top:-20px;
	width:469px;
	height:93px;
	background:url(../../images/halonavi/img1.gif) 73px 0 no-repeat;
	text-align:right;
}

#main00 .btn img{
	margin-top:45px;
}

#main00 .frame-body02 ul{
	margin:5px 0 0 0;
}

#main00 .frame-body02 li{
	margin:0 0 5px 1.3em;
	list-style-type: disc;
	text-indent: -1em out-side;
}

/* --------------------------------
   ◇ tbl
-------------------------------- */
.rep-tbl{
	width:263px;
	margin-bottom:12px;
}

.rep-tbl th,
.rep-tbl td{
	padding:5px 2px;
	border:1px solid #A1A0A0;
	text-align:center;
}

.rep-tbl th.col1{
	background:#E5EBF7;
}
.rep-tbl th.col2{
	background:#6B9BD2;
	color:#fff;
}



/* --------------------------------
   ■ qr
-------------------------------- */
#main00 p.mobile-text span.qr{
	float:right;
	display:inline;
	margin:-30px 190px 0 0px;
}