/*===========================================
	pregArea_01
=============================================*/
div.pregArea_01 {
	width: 730px;
	margin: 20px auto 0px auto;
	padding: 0px;
	clear:both;
}
div.pregArea_01 div.return_top {
	width: 730px;
	margin: 0px;
	padding: 0px;
}
div.pregArea_01 div.return_top div.leftArea {
	width: 550px;
	margin: 0px;
	padding: 0px;
	float:left;
}
div.pregArea_01 div.return_top div.rightArea {
	width: 140px;
	margin: 0px;
	padding: 0px;
	float: right;
	text-align:right;
}

/*===========================================
	odekake_BtnArea
=============================================*/
ul.odekake_BtnArea {
	width: 730px;
	margin: 10px auto 0px auto;
	padding: 0px;
	list-style:none;
	clear:both;
}
ul.odekake_BtnArea li {
	margin: 0px 0px 0px 15px;
	padding: 0px;
	float:left;
}

/*===========================================
	pregArea_02
=============================================*/
div.pregArea_02 {
	width: 730px;
	margin: 40px auto 0px auto;
	padding: 0px;
}
div.pregArea_02 ul.btnArea {
	width: 730px;
	margin: 10px auto 0px auto;
	padding: 0px;
	list-style:none;
}
div.pregArea_02 ul.btnArea li {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	float:left;
}
div.pregArea_02 ul.btnArea-smartphone {
	width: 730px;
	margin: 10px auto 0px auto;
	padding: 0px;
	list-style:none;
}
div.pregArea_02 ul.btnArea-smartphone li {
	height:80px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	float:left;
}
div.pregArea_02 ul.btnArea_psp {
	width: 730px;
	margin: 10px auto 0px auto;
	padding: 0px;
	list-style:none;
}
div.pregArea_02 ul.btnArea_psp li {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	float:left;
}
div.pregArea_02 div.closeArea {
	width: 730px;
	margin: 30px auto 0px auto;
	padding: 0px;
	clear:both;
}



/*===========================================
	mobile_BtnArea
=============================================*/
ul.mobile_BtnArea {
	width: 660px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	list-style:none;
	clear:both;
}
ul.mobile_BtnArea li {
	margin: 0px 0px 0px 15px;
	padding: 0px;
	float:left;
}



/*===========================================
	tabBtnArea
=============================================*/
div.tabBtnArea {
	width: 730px;
	margin: 0px;
	padding: 0px;
}
div.tabBtnArea div.tabBtnLeft {
	width: 365px;
	margin: 0px;
	padding: 0px;
	float:left;
}
div.tabBtnArea div.tabBtnright {
	width: 365px;
	margin: 0px;
	padding: 0px;
	float: right;
}

/*===========================================
	tabContentsArea
=============================================*/
div.tabContentsArea {
	width: 730px;
	margin: 0px;
	padding: 0px;
	background:url(../hx80r/images/line_mid.gif) repeat-y;
	clear:both;
}
div.tabContentsArea div.tabContentsLeftArea {
	width: 690px;
	margin: 0px auto;
	padding: 15px 0px 30px 0px;
}
div.tabContentsArea div.tabContentsRightArea {
	width: 690px;
	margin: 0px auto;
	padding: 15px 0px 30px 0px;
}
div.tabContentsArea div.tabContentsBox {
	width: 690px;
	margin: 0px auto;
	padding: 15px 0px 30px 0px;
}
div.tabContentsArea div.stepArea {
	width: 670px;
	margin: 30px auto 0px auto;
	padding: 0px;
	clear:both;
}
div.tabContentsArea div.stepArea div.left_no {
	width: 25px;
	margin: 0px;
	padding: 0px;
	float:left;
}
div.tabContentsArea div.stepArea div.rightArea {
	width: 630px;
	margin: 0px;
	padding: 0px;
	float: right;
}
div.tabContentsArea div.stepArea div.rightArea div.photoArea {
	margin: 10px 0px 0px 0px;
	padding: 0px;
}
div.tabContentsArea div.stepArea div.rightArea ul.photoArea2 {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	list-style:none;
}
div.tabContentsArea div.stepArea div.rightArea ul.photoArea2 li {
	margin: 0px 0px 0px 30px;
	padding: 0px;
	float:left;
}




/*===========================================
	connectTbl
=============================================*/
table.connectTbl {
	margin: 2px 0px 0px 0px;
    border: 1px #E3E3E3 solid;
    border-width: 1px 1px 0px 0px;
    border-collapse: collapse;
    border-spacing: 0;
	clear:both;
}
table.connectTbl th {
    padding: 7px 0px;
    border: 1px #E3E3E3 solid;
    border-width: 0px 0px 1px 1px;
	text-align:center;
    font-weight: normal;
}
table.connectTbl th.SerialNo {
    padding: 10px 10px;
    line-height: 170%;
    font-weight: bold;
	font-size: 15px;
}
table.connectTbl th.m-Blue {
    background: #E8F1FF;
	font-size: 10px;
}
table.connectTbl th.m-Green {
    background: #DFF9F2;
	font-size: 10px;
}
table.connectTbl th.m-Yellow {
    background: #FFF9DC;
	font-size: 10px;
}
table.connectTbl th.m-Red {
    background: #FFEBEB;
	font-size: 10px;
}

table.connectTbl th.Gray {
	color:#FFF;
    background: #999;
    font-weight: bold;
	font-size: 10px;
}
table.connectTbl th.bold {
    padding: 7px 5px;
    font-weight: bold;
}
table.connectTbl th.Sale {
	color:#007BA0;
    padding: 10px 0px 1px 10px;
    font-weight: bold;
	text-align:left;
	border-bottom:#007BA0 2px solid;
	font-size:15px;
}
table.connectTbl td {
    padding: 10px 0px;
    border: 1px #E3E3E3 solid;
    border-width: 0px 0px 1px 1px;
	text-align:center;
}
table.connectTbl td.left {
    padding: 10px 10px;
    text-align: left;
}
table.connectTbl .Content_45 {
	width:45px;
}
table.connectTbl .Content_60 {
	width:60px;
}
table.connectTbl .Content_120 {
	width:120px;
}
table.connectTbl .Content_150 {
	width:150px;
}
table.connectTbl .Content_200 {
	width:200px;
}

/*===========================================
	mobileTbl
=============================================*/
table.mobileTbl {
	margin: 2px 0px 0px 0px;
    border: 1px #CCC solid;
    border-width: 1px 1px 0px 0px;
    border-collapse: separate;
    border-spacing: 0;
	clear:both;
}
table.mobileTbl th {
    padding: 7px 0px;
    border: 1px #CCC solid;
    border-width: 0px 0px 1px 1px;
    font-weight: bold;
	text-align:center;
}
table.mobileTbl th.bold {
    padding: 7px 5px;
    font-weight: bold;
}
table.mobileTbl th.SerialNo {
    padding: 10px 10px;
    line-height: 170%;
    font-weight: bold;
	font-size: 15px;
}
table.mobileTbl th.Gray {
	color:#FFF;
    background: #999;
	font-size: 10px;
}
table.mobileTbl th.m-Blue {
    background: #E8F1FF;
	font-size: 10px;
}
table.mobileTbl th.m-Green {
    background: #DFF9F2;
	font-size: 10px;
}table.mobileTbl th.m-Yellow {
    background: #FFF9DC;
	font-size: 10px;
}table.mobileTbl th.m-Red {
    background: #FFEBEB;
	font-size: 10px;
}
table.mobileTbl th.Sale {
	color:#007BA0;
    padding: 10px 0px 1px 10px;
	text-align:left;
	border-bottom:#007BA0 2px solid;
	font-size:15px;
}
table.mobileTbl td {
    padding: 10px 0px;
    border: 1px #E3E3E3 solid;
    border-width: 0px 0px 1px 1px;
	text-align:center;
}
table.mobileTbl .top-boder {
	border-top: #666 2px solid;
}
table.mobileTbl td.left-boder {
	width:5%;
    padding: 10px 0px;
	border-bottom:1px #E3E3E3 solid;
	border-left:1px #999 solid;
	text-align:center;
}
table.mobileTbl td.left-boder-2 {
	width:6%;
    padding: 10px 0px;
	border-bottom:1px #E3E3E3 solid;
	border-left:1px #999 solid;
	text-align:center;
}
table.mobileTbl td.left {
    padding: 10px 10px;
    text-align: left;
	border-left:1px #CCC solid;
}
table.mobileTbl td.left_85 {
	width:15%;
    padding: 10px 10px;
    text-align: left;
	border-left:1px #CCC solid;
}
table.mobileTbl td.left_200 {
	width:200px;
    padding: 10px 10px;
    text-align: left;
	border-left:1px #CCC solid;
}
table.mobileTbl td.left_250 {
	width:250px;
    padding: 10px 10px;
    text-align: left;
	border-left:1px #CCC solid;
}
table.mobileTbl .Content_45 {
	width:5%;
}
table.mobileTbl .Content_45-3 {
	width:15%;
}
table.mobileTbl .Content_60 {
	width:6%;
}
table.mobileTbl .Content_60-3 {
	width:18%;
}
table.mobileTbl .Content_100 {
	width:100px;
}
table.mobileTbl .Content_120 {
	width:120px;
}
table.mobileTbl .Content_150 {
	width:150px;
}
table.mobileTbl .Content_200 {
	width:200px;
}




/*===========================================
	table td
=============================================*/
tr.Pink{
	background:#EBEBEB;
}
th.White {
	background: #FFF;
}



/*===========================================
	odekake_AttentionArea
=============================================*/
div.odekake_AttentionArea {
	margin: 20px auto 0px auto;
	padding: 0px;
	background:#EDF5FD;
	clear:both;
}
div.odekake_AttentionArea div.miniBox {
	margin: 0px;
	padding: 15px;
}

/*===========================================
	AttentionArea
=============================================*/
div.AttentionArea {
	margin: 15px auto 0px auto;
	padding: 0px;
	background:#EDF5FD;
}
div.AttentionArea div.miniBox {
	margin: 0px;
	padding: 15px;
}


/*===========================================
	OnepointArea
=============================================*/
div.OnepointArea {
	margin: 15px auto 0px auto;
	padding: 0px;
	background:#FFFBE3;
	border:#FFBB42 solid 2px;
}
div.OnepointArea div.miniBox {
	margin: 15px 0px;
	padding: 0px 15px;
}

/*===========================================
	plusArea
=============================================*/
div.plusArea {
	margin: 15px auto 0px auto;
	padding: 0px;
	border:#227AC8 solid 2px;
}
div.plusArea div.plusBox {
	margin: 15px 0px;
	padding: 0px 15px;
}


/*===========================================
	plusArea2
=============================================*/
div.plusArea_W {
	width:630px;
	margin: 15px auto 0px auto;
	padding: 0px;
	border:#227AC8 solid 2px;
}
div.plusArea_W div.plusBox_W {
	width:600px;
	margin: 15px auto;
	padding: 0px;
}

/*===========================================
	indent
=============================================*/
.kome_indent dt {
    width: 22px;
}
.kome_indent dd {
    margin-left: 2.5em;
    margin-top: -1.5em;
}

.kome_indent2 dt {
    width: 15px;
}
.kome_indent2 dd {
    margin-left: 1.5em;
    margin-top: -1.5em;
}

/*===========================================
	num
=============================================*/
p.num_01 {
	margin: 15px 0px 0px 0px;
	padding: 2px 0px 5px 30px;
	background:url(../images/no_01-s.gif) no-repeat 0px 0px;
	font-weight:bold;
}
p.num_02 {
	margin: 15px 0px 0px 0px;
	padding: 2px 0px 5px 30px;
	background:url(../images/no_02-s.gif) no-repeat 0px 0px;
	font-weight:bold;
}
p.num_03 {
	margin: 15px 0px 0px 0px;
	padding: 2px 0px 5px 30px;
	background:url(../images/no_03-s.gif) no-repeat 0px 0px;
	font-weight:bold;
}



/*===========================================
	icon
=============================================*/
.ico_Disc {
	margin: 0px;
	padding: 0px 0px 0px 13px;
	background:url(../hx80r/images/ico_disc.gif) no-repeat 0px 4px;
}
.ico_Disc_Blue {
	margin: 0px;
	padding: 0px 0px 0px 15px;
	background:url(../hx80r/images/ico_disc_blue.gif) no-repeat 0px 5px;
}
.ico_Attentionmark {
	height:30px;
	margin: 0px;
	padding: 5px 0px 0px 37px;
	background:url(../hx80r/images/ico_attentionmark.gif) no-repeat 0px 0px;
	font-weight:bold;
}
.ico_Onepointmark {
	height:27px;
	margin: 0px;
	padding: 4px 0px 0px 38px;
	background:url(../hx80r/images/ico_onepointmark.gif) no-repeat 0px 0px;
	font-weight:bold;
}
ul.Disc {
	margin: 0px;
	padding: 0px;
	list-style:none;
}
ul.Disc li {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 13px;
	background:url(../hx80r/images/ico_disc.gif) no-repeat 0px 4px;
}




/*===========================================
	textLine
=============================================*/
.textLine {
	padding-right:3px;
	padding-left:3px;
	padding-bottom:4px;
	vertical-align: middle;
}
.textLine2 {
	padding-right:3px;
	padding-left:3px;
	padding-bottom:6px;
	vertical-align: middle;
}