/* CSS Document */


p.hhp-title {
	width: 55px;
	height: 17px;
	margin-bottom: 10px;
	background: url(../img/title_uhp.gif) no-repeat 0px 0px;
	font-size: 0px;
	text-indent: -9999px;
	}

p.hhp-menutitle01 {
	height: 23px;
	background: url(../img/txt_uhp01.gif) no-repeat 0px 0px;
	background-color: #7a9de4;
	font-size: 0px;
	text-indent: -9999px;
	}

p.hhp-menutitle02 {
	height: 23px;
	background: url(../img/txt_uhp02.gif) no-repeat 0px 0px;
	background-color: #7a9de4;
	font-size: 0px;
	text-indent: -9999px;
	}

p.hhp-menutitle03 {
	height: 23px;
	background: url(../img/txt_uhp03.gif) no-repeat 0px 0px;
	background-color: #7a9de4;
	font-size: 0px;
	text-indent: -9999px;
	}

p.hhp-menutitle04 {
	height: 23px;
	background: url(../img/txt_uhp04.gif) no-repeat 0px 0px;
	background-color: #7a9de4;
	font-size: 0px;
	text-indent: -9999px;
	}

p.hhp-menutitle05 {
	height: 23px;
	background: url(../img/txt_uhp05.gif) no-repeat 0px 0px;
	background-color: #7a9de4;
	font-size: 0px;
	text-indent: -9999px;
	}

p.hhp-menutitle06 {
	height: 23px;
	background: url(../img/txt_uhp06.gif) no-repeat 0px 0px;
	background-color: #7a9de4;
	font-size: 0px;
	text-indent: -9999px;
	}

p.hhp-menutitle07 {
	height: 23px;
	background: url(../img/txt_uhp07.gif) no-repeat 0px 0px;
	background-color: #7a9de4;
	font-size: 0px;
	text-indent: -9999px;
	}

p.hhp-menutitle08 {
	height: 23px;
	background: url(../img/txt_uhp08.gif) no-repeat 0px 0px;
	background-color: #7a9de4;
	font-size: 0px;
	text-indent: -9999px;
	}

p.hhp-menutitle09 {
	height: 23px;
	background: url(../img/txt_uhp09.gif) no-repeat 0px 0px;
	background-color: #7a9de4;
	font-size: 0px;
	text-indent: -9999px;
	}

div.hhp-menu01 {
	background: #e9f0ff;
	padding: 5px;
	width: 790px;
	}

div.hhp-menu01 ul li {
	display: inline;
	width: 155px;
	font-size: 80%;
	line-height: 140%;
	background: url(../img/icon_arrow.gif) no-repeat 0px -2px;
	padding-left: 10px;
	padding-right: 12px;
	float: left;
	}

p.hhp-subtitle {
	margin-top: 15px;
	padding-left: 20px;
	padding-bottom: 2px;
	background: url(../img/icon_what02.gif) no-repeat 0px 0px;
	border-bottom: 1px solid #ee6600;
	font-size: 90%;
	font-weight: bold;
	line-height: 140%;
	}

div.hhp-box01{
	width: 800px;
	margin-top: 10px;
	margin-bottom: 30px;
	}

div.hhp-box01 p.ct-left01 {
	float: left;
	width: 480px;
	background-color: #f3f3f3;
	padding: 10px;
	}

div.hhp-box01 p.ct-left01 img {
	border: 1px solid #cccccc;
	}

div.hhp-box01 p.ct-right01 {
	float: right;
	width: 285px;
	font-size: 80%;
	line-height: 140%;
	padding-right: 5px;
	}

div.hhp-box01 ul.ct-right01 {
	list-style: none;
	float: right;
	width: 285px;
	}

div.hhp-box01 ul.ct-right01 li {
	padding-bottom: 15px;
	font-size: 80%;
	line-height: 140%;
	}

div.hhp-box01 ul.ct-right01 li img {
	vertical-align: middle;
	}

div.hhp-box01 ul.ct-right01 li.step01{
	background: url(../img/icon_01.gif) no-repeat 0px 0px;
	padding-left: 24px;
	}

div.hhp-box01 ul.ct-right01 li.step02{
	background: url(../img/icon_02.gif) no-repeat 0px 0px;
	padding-left: 24px;
	}

div.hhp-box01 ul.ct-right01 li.step03{
	background: url(../img/icon_03.gif) no-repeat 0px 0px;
	padding-left: 24px;
	}

div.hhp-box01 ul.ct-right01 li.step04{
	background: url(../img/icon_04.gif) no-repeat 0px 0px;
	padding-left: 24px;
	}

div.hhp-box01 ul.ct-right01 li.step05{
	background: url(../img/icon_05.gif) no-repeat 0px 0px;
	padding-left: 24px;
	}

div.hhp-box01 ul.ct-right01 li.step06{
	background: url(../img/icon_06.gif) no-repeat 0px 0px;
	padding-left: 24px;
	}

div.hhp-box01 ul.ct-right01 li.step07{
	background: url(../img/icon_07.gif) no-repeat 0px 0px;
	padding-left: 24px;
	}

div.hhp-box01 ul.ct-right01 li.step08{
	background: url(../img/icon_08.gif) no-repeat 0px 0px;
	padding-left: 24px;
	}

div.hhp-box01 ul.ct-right01 li.step09{
	background: url(../img/icon_09.gif) no-repeat 0px 0px;
	padding-left: 24px;
	}

div.hhp-box01 ul.ct-right01 li.step10{
	background: url(../img/icon_10.gif) no-repeat 0px 0px;
	padding-left: 24px;
	}

div.hhp-box01 ul.ct-right01 li.step11{
	background: url(../img/icon_11.gif) no-repeat 0px 0px;
	padding-left: 24px;
	}

div.hhp-box01 ul.ct-right01 li.step12{
	background: url(../img/icon_12.gif) no-repeat 0px 0px;
	padding-left: 24px;
	}

div.hhp-box01 ul.ct-right01 li.step13{
	background: url(../img/icon_13.gif) no-repeat 0px 0px;
	padding-left: 24px;
	}

div.hhp-box01 ul.ct-right01 li.step14{
	background: url(../img/icon_14.gif) no-repeat 0px 0px;
	padding-left: 24px;
	}

div.hhp-box01 ul.ct-right01 li.step15{
	background: url(../img/icon_15.gif) no-repeat 0px 0px;
	padding-left: 24px;
	}

div.hhp-box01 ul.ct-right01 li.step16{
	background: url(../img/icon_16.gif) no-repeat 0px 0px;
	padding-left: 24px;
	}

div.hhp-box01 ul.ct-right01 li.step17{
	background: url(../img/icon_17.gif) no-repeat 0px 0px;
	padding-left: 24px;
	}

div.hhp-box01 ul.ct-right01 li.step18{
	background: url(../img/icon_18.gif) no-repeat 0px 0px;
	padding-left: 24px;
	}
	
div.hhp-box01 ul.ct-right01 li.step19{
	background: url(../img/icon_19.gif) no-repeat 0px 0px;
	padding-left: 24px;
	}

div.hhp-box01 ul.ct-right01 li.step20{
	background: url(../img/icon_20.gif) no-repeat 0px 0px;
	padding-left: 24px;
	}

p.hhp-icon-title{
	font-weight: bold;
	font-size: 80%;
	line-height: 140%;
	margin-top: 15px;
	margin-bottom: 10px;
	}

p.hhp-icon-txt{
	font-size: 80%;
	line-height: 140%;
	vertical-align: middle;
	float: left;
	width: 595px;
	}
	
.area-icon {
	background-color: #f3f3f3;
	width: 185px;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: 6px;
	margin-right: 10px;
	float: left;
	}

.area-icon img {
	margin:0 auto;
	}

p.hhp-icon-txt-bottom{
	font-size: 80%;
	line-height: 140%;
	padding-bottom: 20px;
	vertical-align: middle;
	}

p.hhp-icon-txt-bottom img {
	vertical-align: middle;
	}

div.hhp-box02{
	width: 800px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #f3f3f3;
	}

div.hhp-box02 p.ct-left02 {
	float: left;
	width: 480px;
	padding: 10px;
	}

div.hhp-box02 p.ct-left02 img {
	border: 1px solid #cccccc;
	}

div.hhp-box02 p.ct-right-step01 {
	float: right;
	width: 227px;
	font-size: 80%;
	line-height: 140%;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 54px;
	background: url(../img/icon_step01.gif) no-repeat 0px 10px;
	}

div.hhp-box02 p.ct-right-step02 {
	float: right;
	width: 227px;
	font-size: 80%;
	line-height: 140%;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 54px;
	background: url(../img/icon_step02.gif) no-repeat 0px 10px;
	}

div.hhp-box02 p.ct-right-step03 {
	float: right;
	width: 227px;
	font-size: 80%;
	line-height: 140%;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 54px;
	background: url(../img/icon_step03.gif) no-repeat 0px 10px;
	}


p.hhp-arrow {
	text-align: center;
	}

p.hhp-txt01{
	font-size: 80%;
	line-height: 140%;
	margin-bottom: 7px;
	}

div.hhp-box-left{
	float: left;
	width: 390px;
	margin-top: 0px;
	margin-bottom: 5px;
	}

div.hhp-box-right{
	float: right;
	width: 390px;
	margin-top: 0px;
	margin-bottom: 5px;
	}

div.hhp-menu02 {
	background: #e9f0ff;
	padding-left: 7px;
	padding-top: 5px;
	margin-bottom: 20px;
	width: 383px;
	}

div.hhp-menu02-bottom {
	background: #e9f0ff;
	padding-left: 7px;
	padding-top: 5px;
	width: 383px;
	}

div.hhp-menu02 ul li {
	font-size: 80%;
	line-height: 140%;
	background: url(../img/icon_arrow.gif) no-repeat 0px -2px;
	padding-left: 10px;
	padding-right: 12px;
	padding-bottom: 5px;
	}

div.hhp-menu02-bottom ul li {
	font-size: 80%;
	line-height: 140%;
	background: url(../img/icon_arrow.gif) no-repeat 0px -1px;
	padding-left: 10px;
	padding-right: 12px;
	padding-bottom: 5px;
	}

p.hhp-subtitle-q01 {
	margin-top: 20px;
	padding-left: 20px;
	padding-bottom: 2px;
	background: url(../img/icon_uhp_q.gif) no-repeat 0px 0px;
	border-bottom: 1px solid #ee6600;
	font-size: 90%;
	font-weight: bold;
	line-height: 140%;
	}

p.hhp-subtitle-q02 {
	margin-top: 30px;
	padding-left: 20px;
	padding-bottom: 2px;
	background: url(../img/icon_uhp_q.gif) no-repeat 0px 0px;
	border-bottom: 1px solid #ee6600;
	font-size: 90%;
	font-weight: bold;
	line-height: 140%;
	}

p.hhp-subtitle-a {
	margin-top: 2px;
	margin-bottom: 7px;
	padding-left: 20px;
	padding-bottom: 1px;
	background: url(../img/icon_uhp_a.gif) no-repeat 0px 0px;
	font-size: 90%;
	font-weight: bold;
	line-height: 140%;
	}

p.hhp-arrow-kochira {
	padding-left: 10px;
	margin-top: 4px;
	margin-bottom: 8px;
	background: url(../img/icon_arrow.gif) no-repeat 0px -2px;
	font-size: 80%;
	line-height: 140%;
	}

span.dot-line-orange{
	background: url(../img/line_dot_orange.gif);
	height: 1px;
	width: 800px;
	line-height: 0px;
	font-size: 1px;
	display: block;
	margin-bottom: 8px;
	}

p.hhp-box {
	padding-left: 15px;
	margin-top: 15px;
	margin-bottom: 4px;
	background: url(../img/icon_uhp_box.gif) no-repeat 0px 50%;
	font-size: 80%;
	font-weight: bold;
	}

p.hhp-txt02{
	font-size: 80%;
	line-height: 140%;
	margin-bottom: 2px;
	}

p.hhp-txt03{
	font-size: 80%;
	line-height: 140%;
	margin-top: 10px;
	margin-bottom: 2px;
	}

div.hhp-menu03 {
	background: #e9f0ff;
	padding: 5px;
	width: 790px;
	}

div.hhp-menu03 ul li {
	font-size: 80%;
	line-height: 140%;
	background: url(../img/icon_arrow.gif) no-repeat 0px -2px;
	padding-left: 10px;
	padding-bottom: 5px;
	}

p.hhp-number-left{
	font-size: 80%;
	line-height: 140%;
	float: left;
	margin-top: 10px;
	}

p.hhp-number-right{
	font-size: 80%;
	line-height: 140%;
	float: left;
	width: 770px;
	margin-top: 10px;
	}

/*---------------------------------------*/
/* 利用規約、個人情報、よくばり(popup)　 */
/*---------------------------------------*/

/* クライントのcssからコピーし名前を変更 */

.bold {
	font-weight: bold;
	}

p.user_info_conttl {
	height: 23px;
	background-color: #ee6600;
	font-size: 0px;
	text-indent: -9999px;
	background-image: url(../img/user_about_mynavi.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-bottom: 15px;
	}

p.user_info_subtitle {
	padding-left: 10px;
	padding-bottom: 2px;
	font-size: 90%;
	font-weight: bold;
	line-height: 140%;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #ee6600;
	border-bottom: 1px solid #ee6600;
	background-repeat: repeat-x;
	background-position: 0px bottom;
	margin-bottom: 15px;
	}

p.user_info_icontitle {
	font-weight: bold;
	font-size: 80%;
	line-height: 140%;
	margin-top: 15px;
	margin-bottom: 10px;
	}
	
p.user_info_category {
	height: 18px;
	margin-bottom: 15px;
	font-size: 0px;
	}
	
p.info-txt{
	font-size: 80%;
	line-height: 140%;
	margin-bottom: 7px;
	}
	
p.user_info_textbox{
	margin-bottom: 20px;
	font-size: 80%;
	line-height: 140%;
	}

p.user_info_textbox02 {
	margin-bottom: 10px;
	font-size: 80%;
	line-height: 140%;
	}

p.user_info_boxcap {
	font-size: 70%;
	line-height: 140%;
	margin-bottom: 10px;
	}

p.user_info_boxcap02 {
	font-size: 70%;
	line-height: 140%;
	margin-bottom: 30px;
	}

.user_pop_tbl01{
	width: 100%;
	font-size: 80%;
	margin-bottom: 30px;
	}

.user_pop_tbl01 .cell01{
	height: 3px;
	line-height: 3px;
	font-size: 3px;
	}

div#wrap-pop {
	width: 520px;
	margin: 0px auto;
	text-align: left;
	}

div#wrap-pop address {
	padding-top: 18px;
	padding-bottom: 15px;
	font-size: 80%;
	text-align: center;
	}

div.btn_close {
	padding: 15px 0px 5px 0px;
	border-top: 1px solid #b3b3b3;
	text-align: center;
}
	


/* フッター */
#p8footer .line02, #p8footer .line03 dl, #p8footer .line04, #p8footer .line05, #p8footer .line05 .left, #p8footer .line05 .left .links {
display:block;
}

#p8footer {
font-size:80%;
margin:0px auto;
text-align:left;
width:800px;
}


#p8footer .line01 {
border-top:1px solid #D4D4D4;
padding:6px 0 5px;
}

#p8footer ul, #p8footer ol {
list-style:none outside none;
}

#p8footer .line01 li {
display:inline;
padding-right:18px;
}

#p8footer p, #p8footer li, #p8footer dt, #p8footer dd {
line-height:165%;
}

#p8footer .line02 {
border-bottom:3px solid #EE6600;
border-top:1px solid #D4D4D4;
padding:5px 0;
}

#p8footer .line02 dt {
float:left;
margin-right:-13.5em;
width:13.5em;
}


#p8footer .line02 dd {
padding-left:13.5em;
}

#p8footer ul, #p8footer ol {
list-style:none outside none;
}

#p8footer .line02 dd li {
display:inline;
}

#p8footer .line03 {
padding-top:8px;
}


#p8footer .line03 dd dt {
float:left;
margin-right:-12em;
width:12em;
}

#p8footer .line03 dd dd {
padding-left:12em;
}

#p8footer .line03 dd dd li {
display:inline;
}

#p8footer .line04 {
border-bottom:3px solid #EE6600;
padding-bottom:5px;
}

#p8footer .line04 dt {
float:left;
width:17em;
}

#p8footer .line04 dd {
padding-left:17em;
}

#p8footer .line04 dd li {
display:inline;
}

#p8footer .line05 {
line-height:26px;
padding-top:7px;
width:800px;
height:80px;
}

#p8footer .line05 .left {
float:left;
padding-top:7px;
width:630px;
}

#p8footer .line05 .left .links{
*height:28px;

}

#p8footer .line05 .left .links .logo {
float:left;
width:100px;
}

#footer .line05 .left .links ul {
	float: left;
	padding-top: 6px;
}


#p8footer .line05 .left .links li {
display:inline;
padding-right:18px;
}

address {
font-style:normal;
line-height:1.1;
}

#p8footer .line05 .left address {
padding-top:12px;
}

#p8footer .line05 .left address .img{
padding:15px 0px 0px 0px;

}


#p8footer img {
border:medium none;
display:block;
font-size:0;
line-height:0;
margin:0;
padding:0;
vertical-align:bottom;
}

#p8footer .line05 .privacy {
float:right;
width:61px;
margin:0px 10px 0px 0px;
}

#pagetop{
text-align:right;
padding:13px 3px 3px 12px;
font-size:80%;

}