/*===========================================
	pagetopBox
=============================================*/
.pagetopBox{
	margin:20px 0px 0px 0px;
	padding:0px;
	text-align:right;
	clear:both;
}

/*===========================================
	popupArea
=============================================*/
div#popupArea {
	width: 850px;
	margin: 5px auto 0px auto;
	padding: 0px;
}
div#popupArea div.div_800 {
	width: 800px;
	margin: 20px auto 0px auto;
	padding: 0px;
}

/*===========================================
	Title 
=============================================*/
.popup_Title {
	margin: 0px;
	padding: 0px 0px 3px 5px;
	border-bottom:#CCC 1px solid;
	font-weight:bold;
	text-align:left;
}
.popup_subTitle {
	margin: 40px 0px 0px 0px;
	padding: 7px 10px;
	background: #E1E1E1;
	font-weight:bold;
	clear:both;
}

/*===========================================
	nav
=============================================*/
#nav {
	width: 670px;
	margin: 20px auto;
	font-size: 12px;
}
#nav li{
	float: left;
}
#nav li a{
	width: 155px;
	height: 72px;
	display: block;
	padding: 15px 10px 0 155px;
}
#nav li.left {
	margin-right: 30px;
	background:url(../images/btn_anc_01.jpg) no-repeat 0 0;
}
#nav li.right {
	background:url(../images/btn_anc_02.jpg) no-repeat 0 0;
}
/*===========================================
	pregArea_01
=============================================*/
div.pregArea_01 {
	width: 770px;
	margin: 30px auto 0px auto;
	padding: 0px;
	text-align:left;
	clear:both;
	overflow: hidden;
}
div.pregArea_01 div.leftArea {
	width:550px;
	margin: 0px;
	padding: 0px;
	float:left;
}
div.pregArea_01 div.rightArea {
	width:200px;
	margin: 0px;
	padding: 0px;
	float:right;
}
div.pregArea_01 div.pregBox {
	width: 740px;
	margin: 15px auto 0px auto;
	padding: 0px;
}
div.pregArea_01 div.miniBox {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 25px;
}


/*===========================================
	OnepointArea
=============================================*/
div.OnepointArea {
	margin: 50px auto 0px auto;
	padding:15px;
	background:#FAF5C8;
	background:#F9F9F9;
	clear:both;
}
div.iconArea {
	width:40px;
	margin:0px;
	padding:0px;
	float:left;
}
div.contentsArea {
	width:660px;
	margin:0px;
	padding:0px;
	float:right;
	margin-left: 10px;
}
div.contentsArea p.w650 {
	width: 650px;
}

div.contentsArea_l {
	width:690px;
	margin:0px;
	padding:0px;
	float:right;
	margin-left:10px;
}
/*div.OnepointArea div{
	width: 350px;
	float: right;
}*/
div.OnepointArea div.clear{
	float: none;
}
div.OnepointArea div.text_area{
	float: left;
	width: 340px;
	margin-right: 10px;
}
div.OnepointArea div.image_area{
	width: 300px;
	float: left;
}
/*===========================================
	txtlink-num_no
=============================================*/
.txtlink-num_no {
	padding: 0 0 0 11px;
	background:url(/share/images/arrow_black.gif) no-repeat left 0.4em;
}


/*===========================================
	num
=============================================*/
.num_no {
	padding: 20px 0px 0px 35px;
	clear:both;s
}
.num_no2 {
	margin: 30px 0 0 0;
	padding: 0px 0px 5px 35px;
	width: 330px;
	float: left;
	clear: none;
	font-weight: normal;
	font-size: 13px;
	clear:both;
}
.num_01 {
	background:url(../images/no_01.gif) no-repeat 0px 0px;
}
.num_02 {
	background:url(../images/no_02.gif) no-repeat 0px 0px;
}
.num_03 {
	background:url(../images/no_03.gif) no-repeat 0px 0px;
}
.num_04 {
	background:url(../images/no_04.gif) no-repeat 0px 0px;
}
.num_05 {
	background:url(../images/no_05.gif) no-repeat 0px 0px;
}
.num_01, .num_02, .num_03, .num_04 {
	margin: 30px 0 0 0;
	padding: 0px 0px 5px 35px;
	width: 330px;
	float: left;
	clear: none;
	font-weight: normal;
	font-size: 13px;
	clear:both;
}
.num_02 {
	margin: 30px 0 0 0;
	padding: 0px 0px 5px 35px;
	float: left;
	clear: none;
	font-weight: normal;
	font-size: 13px;
	clear:both;
}
.num_05 {
	margin: 30px 0 0 0;
	padding: 0px 0px 5px 35px;
	float: left;
	clear: none;
	font-weight: normal;
	font-size: 13px;
	clear:both;
}
.w-auto {
	width: auto;
}




.miniBox {
	width: 350px;
	float: right;
}
div.pregArea_01 div.miniBox {
	margin-top: 30px;
}
.miniBox.clear {
	clear: both;
	float: none;
	width: auto;
}
.txtlink-num_no {
	margin:10px 0 0 0;
	display: block;
}
.txtmb8 {
	margin-bottom:8px !important;
	display: inline-block;
}
.subWrap {
	clear: both;
	padding-bottom: 20px;
	border-bottom: 1px dashed #CCC;
	overflow: hidden;
}

.wide .num_01 {
	width: 730px;
	clear: both;
}
.wide .miniBox {
	width: 730px;
	clear: both;
}
.base_line img{
	vertical-align: text-top;
	vertical-align: sub\9;
	*vertical-align: text-top;
}

.indent {
	text-indent: -1em;
	padding-left: 1em;
}
/*===========================================
	pagetoparea
=============================================*/
#pagetoparea {
	margin-top: 20px;
	text-align: right;
}



/* COMMON */

/*===========================================
	div_760
=============================================*/
div.div_760 {
	width: 760px;
	margin: 0px auto 50px  auto;
	padding: 0px;
	float:right;
}
h2 {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	clear:both;
}

/*===========================================
	txtlink
=============================================*/
.txtlink{
	padding: 0 0 0 11px;
	background:url(/share/images/arrow_black.gif) no-repeat left 0.4em;
	margin:5px 0px 0px 0px;
	font-weight:bold;
}

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


/*===========================================
	clearfix 
=============================================*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { display: inline-block}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/*.clearfix { display:block;}*/
/* End hide from IE-mac */


/*===========================================
	clear_both
=============================================*/
.clear_both {
	clear: both;
}



/*===========================================
	Space
=============================================*/
.mt_00 {
	margin: 0px !important;
}
.mt_02{
	margin-top: 2px !important;
}
.mt_03{
	margin-top: 3px !important;
}
.mt_05{
	margin-top: 5px !important;
}
.mt_10 {
	margin-top: 10px !important;
}
.mt_15 {
	margin-top: 15px !important;
}
.mt_20 {
	margin-top: 20px !important;
}
.mt_25 {
	margin-top: 25px !important;
}
.mt_30 {
	margin-top: 30px !important;
}
.mt_35 {
	margin-top: 35px !important;
}
.mt_40 {
	margin-top: 40px !important;
}
.mt_45 {
	margin-top: 45px !important;
}
.mt_50 {
	margin-top: 50px !important;
}


.ml_05 {
	margin-left: 5px !important;
}
.ml_10 {
	margin-left: 10px !important;
}
.ml_15 {
	margin-left: 15px !important;
}
.ml_20 {
	margin-left: 20px !important;
}
.ml_25 {
	margin-left: 25px !important;
}
.ml_30 {
	margin-left: 30px !important;
}
.ml_35 {
	margin-left: 35px !important;
}
.ml_40 {
	margin-left: 40px !important;
}
.ml_45 {
	margin-left: 45px !important;
}
.ml_50 {
	margin-left: 50px !important;
}





/*===========================================
	color
=============================================*/
.red {
	color: #C61B38;
}


.title_gray {
	height: 34px;
	margin: 0px;
	padding: 6px 15px 0px 15px;
	background: url(/support/share/images/h2_title_gray_bg.jpg) repeat-x;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
}



/*===========================================
	mod-button
=============================================*/
.mod-button {
	padding: 0px;
	float: left;
	clear: none;
	font-weight: normal;
	clear:both;
	margin: 0;
}
.mod-button li {
    background: none repeat scroll 0 0 white;
    border: 1px solid #BCBCBC;
    border-radius: 6px 6px 6px 6px;
    cursor: pointer;
    float: left;
    font-size: 14px;
    height: 68px;
    list-style: none outside none;
    margin: 0 0 10px 10px;
    opacity: 1;
    transition: all 0.2s ease-in 0s;
    width: 330px;
}
.mod-button li:hover {
    background: none repeat scroll 0 0 #F1F1F1;
}
.mod-button li a {
    display: block;
    height: auto;
    padding: 10px;
}
.mod-button li a:active, .mod-button li a:hover {
    color: #43677E;
    text-decoration: none;
}
.mod-button li img {
    display: block;
    float: left;
    margin-right: 15px;
    vertical-align: top;
    width: 40px;
}

.mod-button li img.icon {
    float: right;
    position: relative;
    right: 0;
    top: -40px;
    width: auto !important;
}
.ico_arrow-black {
	padding-left: 12px;
	background: url("/support/share/images/arrow_black.png") no-repeat left 0.4em;
	text-indent: 1em;
	letter-spacing: -0.01em;
}

.break { display: block; }