
h3.s-title {
	margin:30px 0px 15px 0px;
	border-bottom: 2px solid #D0D0D0;
    clear: both;
    font-size: 16px;
    padding: 0 0 3px 10px;
}
h3.title-Gray {
	border-bottom: 2px solid #D0D0D0;
    clear: both;
    font-size: 16px;
    padding: 0 0 3px 10px;
}
h4.s-title {
	background:#E5E5E5;
    font-size: 15px !important;
    font-weight: bold;
    padding: 5px 10px;
    clear: both;
}

/*===========================================
	pregArea_01
=============================================*/
div.pregArea_01 {
	width: 740px;
	margin: 15px auto 0px auto;
	padding: 0px;
}
div.pregArea_01 h4.step {
	margin-top:30px;
}
div.pregArea_01 h4.step span {
	display:none;
}
div.pregArea_01 ul.pregBox {
	margin: 15px 0px 0px 0px;
	padding: 0px;
	list-style: none;
	clear:both;
}
div.pregArea_01 ul.pregBox li.txt {
	width:440px;
	float:left;
}
div.pregArea_01 ul.pregBox li.img {
	width:280px;
	float: right;
	text-align:center;
}

/*===========================================
	pregArea_02
=============================================*/
div.pregArea_02 {
	width: 740px;
	margin: 15px auto 0px auto;
	padding: 0px;
	clear:both;
}
div.pregArea_02 div.topArea {
	width: 720px;
	margin: 15px auto 0px auto;
	padding: 0px 0px 20px 0px;
	border-bottom:#999 dotted 1px;
}
div.pregArea_02 div.topArea ul.topBox {
	margin: 0px;
	padding: 0px;
	list-style:none;
}
div.pregArea_02 div.topArea ul.topBox li.txt {
	width:450px;
	margin: 0px;
	padding: 0px;
	float:left;
}
div.pregArea_02 div.topArea ul.topBox li.img {
	width:250px;
	margin: 0px;
	padding: 0px;
	float: right;
	text-align:center;
}
div.pregArea_02 div.pregBox {
	width: 720px;
	margin: 20px auto 0px auto;
	padding: 0px 0px 20px 0px;
	border-bottom:#999 dotted 1px;
	clear:both;
}
div.pregArea_02 div.pregBox div.miniBox {
	width: 675px;
	margin: 15px 0px 0px 45px;
	padding: 0px;
	clear:both;
}
div.pregArea_02 div.pregBox div.miniBox div.img {
	margin-top:10px;
	text-align:left;
}
div.pregArea_02 div.pregBox div.miniBox div.num-img {
	margin-left:1.2em;
	margin-top:10px;
}

div.pregArea_02 div.pregBox div.miniBox div.num-img2 {
	margin-left:1.2em;
	margin-top:10px;
}
div.pregArea_02 div.pregBox ul.clearfix li.txt {
	width:380px;
	margin: 0px;
	padding: 0px;
	float:left;
}
div.pregArea_02 div.pregBox ul.clearfix li.img {
	width:280px;
	margin: 0px;
	padding: 0px;
	float: right;
	text-align:center;
}

div.pregArea_02 .Gray {
	background:#F0F0F0;
	margin: 15px 0px 0px 0px;
	padding:5px 10px 5px 5px;
	font-weight:bold;
	clear:both;
}

/*===========================================
	num-indent
=============================================*/
.num-indent {
	text-indent:-1.2em;
	padding-left:1.2em;
	margin-top:30px;
}
.num-indent_top {
	text-indent:-1.2em;
	padding-left:1.2em;
}


/*===========================================
	lineArea 
=============================================*/
div.lineArea {
	border: 1px solid #CCCCCC;
	clear: both;
	margin: 15px 0px 0px 0px;
	padding: 15px;
	clear:both;
}
div.lineArea div.boder-bottom {
	border-bottom: 1px dotted #666;
	margin-bottom:15px;
	padding-bottom:15px;
	clear:both;
}
div.lineArea div.leftArea {
	width:340px;
	float:left;
}
div.lineArea div.rightArea {
	width:340px;
	float: right;
}
div.lineArea div.leftArea-2 {
	width:330px;
	float:left;
}
div.lineArea div.rightArea-2 {
	width:300px;
	float: right;
}
div.lineArea div.leftArea-3 {
	width:410px;
	float:left;
}
div.lineArea div.rightArea-3 {
	width:247px;
	float: right;
}
/*===========================================
	GrayTbl
=============================================*/
table.GrayTbl {
	width:100%;
	margin:10px 0px 0px 0px;
	border-left: #CCC 1px solid;
	border-top: #CCC 1px solid;
	clear:both;
}
table.GrayTbl td.tdHead {
	white-space: nowrap;
}
table.GrayTbl th {
	border-right: #CCC 1px solid;
	border-bottom: #CCC 1px solid;
	background:#F6F6F6;
	padding:5px 10px;
	text-align:center;
	font-weight:normal;
	white-space:nowrap;
}
table.GrayTbl td {
	border-right: #CCC 1px solid;
	border-bottom: #CCC 1px solid;
	padding:7px;
}
table.GrayTbl td.line-b {
	background:#E1E1E1;
	border-right: #CCC 1px solid;
	padding:3px 7px;
}

/*===========================================
	GrayTbl2
=============================================*/
table.GrayTbl2 {
	width:100%;
	margin:10px 0px 0px 0px;
	/* border-left: #CCC 1px solid; */
	/* border-top: #CCC 1px solid; */
	clear:both;
}
table.GrayTbl2 td.tdHead {
	white-space: nowrap;
	border-right: #CCC 1px solid;
	border-bottom: #CCC 1px solid;
	background:#F6F6F6;
	padding:5px 10px;
	font-weight:normal;
	white-space:nowrap;
}
table.GrayTbl2 td {
	border-right: #CCC 1px solid;
	border-bottom: #CCC 1px solid;
	border-top: #CCC 1px solid;
	border-left: #CCC 1px solid;
	padding:7px;
}


div.img {
	text-align:center;
	margin-top:10px;
}
.red-indent {
	margin-top:5px;
	text-indent:-1.5em;
	padding-left:1.5em;
	font-size:90%;
}
.mq-none {
	display: block;
}
.red {
	color: #F00;
}



/*===========================================
	bar
=============================================*/
.bar_no01 {
	margin: 0px;
	padding: 5px 0px 5px 45px;
	background:url(../images/bar_no01.gif) no-repeat;
	font-weight:bold;
	font-size:120%;
}
.bar_no02 {
	margin: 0px;
	padding: 5px 0px 5px 45px;
	background:url(../images/bar_no02.gif) no-repeat;
	font-weight:bold;
	font-size:120%;
}
.bar_no03 {
	margin: 0px;
	padding: 5px 0px 5px 45px;
	background:url(../images/bar_no03.gif) no-repeat;
	font-weight:bold;
	font-size:120%;
}
.bar_no04 {
	margin: 0px;
	padding: 5px 0px 5px 45px;
	background:url(../images/bar_no04.gif) no-repeat;
	font-weight:bold;
	font-size:120%;
}


/*===========================================
	ico
=============================================*/
.ico_Disc {
	padding: 0px 0px 0px 13px;
	background:url(../images/ico_disc.gif) no-repeat 0px 5px;
}
ul.Disc {
	margin: 0px;
	padding: 0px;
	list-style:none;
}
ul.Disc li {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 13px;
	background:url(../images/ico_disc.gif) no-repeat 0px 5px;
}

ul.Disc2 li {
	margin: 5px 0px 10px 33px;
	padding: 0px 0px 0px 0px;
	font-size: 80%;
	list-style-type: disc;
}

.ico_Square {
	margin-bottom:3px;
	padding: 0px 0px 5px 13px;
	background:url(../images/ico_square.gif) no-repeat 0px 3px;
	font-weight:bold;
	text-align:left;
}


/*===========================================
	textLine
=============================================*/
.textLine {
	padding-right:3px;
	padding-left:3px;
	padding-bottom:4px;
	vertical-align: middle;
}

.txt10 {
	font-size:10px;
}
.txt15 {
	font-size:15px;
}


/*===========================================
	wakuArea 
=============================================*/
div.wakuArea {
	width:740px;
	margin:15px 15px 0 15px;
	overflow:hidden;
}
div.wakuArea p.waku-txt {
	width:710px;
}
ul.wakuBox {
	list-style:none;
}
ul.wakuBox li {
    width: 343px;
	border:#BCBCBC 1px solid !important;
	border-radius:6px;
    margin-bottom: 10px !important;
    margin-right: 20px !important;
    float: left !important;
	clear: none !important;
}
ul.wakuBox li:hover {
	background:#F1F1F1;
}
ul.wakuBox li a {
    height: 70px;
	margin:1px;
	padding:0 5px;
	display:block !important;
}
ul.wakuBox li a:hover {
	text-decoration:none !important;
}
ul.wakuBox li div.outer {
	display: table;  
    height: 70px;  
    width: 100%;
	background-repeat:no-repeat;
	background-position:0 5px;
}
* html div.outer {  
	position: relative;
}  
*+html div.outer {  
	position: relative;
} 
div.vertical_middle {  
    display: table-cell; 
    vertical-align: middle;
}  
* html div.vertical_middle {  
	position: absolute; 
	top: 50%;         
}  
*+html div.vertical_middle {  
	position: absolute;
	top: 50%;         
}  
div.vertical_middle p.inner { 
	margin: 0;
	padding-left:70px;
	color:#43677E;
} 
* html div.vertical_middle p.inner {  
	position: relative;
	top: -50%;         
}  
*+html div.vertical_middle p.inner {  
	position: relative;
	top: -50%;   
}  
div.vertical_middle p.inner span { 
    padding-left: 9px;
	background: url("/support/share/images/arrow_black.png") no-repeat left 7px;
	display:block;
}  
.top_01 {
	background-image: url("../images/top_icon_01.png") ;
} 
.top_02 {
	background-image: url("../images/top_icon_02.png") ;
} 
.top_03 {
	background-image: url("../images/top_icon_03.png") ;
} 
.top_04 {
	background-image: url("../images/top_icon_04.png") ;
} 
.top_05 {
	background-image: url("../images/top_icon_05.png") ;
} 
.top_06 {
	background-image: url("../images/top_icon_06.png") ;
}
.top_07 {
	background-image: url("../images/top_icon_07.png") ;
} 
.top_08 {
	background-image: url("../images/top_icon_08.png") ;
} 