/*===========================================
	pregArea01
=============================================*/
div.pregArea01 {
	width: 740px;
	margin: 40px auto 0px auto;
	padding: 0px;
	clear: both
}
div.pregArea01 div.leftArea {
	width: 330px;
	margin: 0px;
	padding: 0px;
	float: left;
}
div.pregArea01 div.rightArea {
	width: 120px;
	margin: 0px;
	padding: 0px;
	float: left;
}


/*===========================================
	pregArea02
=============================================*/
div.pregArea02 {
	width: 740px;
	margin: 40px auto 0px auto;
	padding: 0px;
	clear: both
}
div.pregArea02 div.pregBox {
	width: 660px;
	margin: 15px auto 0px auto;
	padding: 0px;
	background: url(../images/bg_tateline.gif) repeat-y;
}
div.pregArea02 div.pregBox div.leftArea {
	width: 311px;
	margin: 0px;
	padding: 0px;
	float: left;
}
div.pregArea02 div.pregBox div.rightArea {
	width: 311px;
	margin: 0px;
	padding: 0px;
	float: right;
}

div.pregArea02 div.pregBox h4.subTitle {
	margin: 0px;
	padding: 0px 0px 0px 18px;
	background: url(../images/ico_square.gif) no-repeat 0px 2px;
}


/*===========================================
	warningArea
=============================================*/
div.warningArea {
	width: 720px;
	margin: 30px auto 0px auto;
	padding: 0px;
	background: url(../images/warningcon_mid.gif) repeat-y;
	clear: both;
}
div.warningArea div.warningBox {
	width: 685px;
	margin: 2px auto 0px auto;
	padding: 0px 0px 5px 0px;
}


/*===========================================
	titleNum
=============================================*/
div.titleNormal {
	width: 715px;
	margin: 0px;
	padding: 0px 0px 0px 25px;
}
div.titleNormal div.leftArea {
	width: 310px;
	margin: 7px 0px 0px 0px;
	padding: 0px;
	float: left;
}
div.titleNormal div.rightArea {
	width: 120px;
	margin: 0px;
	padding: 0px;
	float: left;
}


div.titleNum1 {
	width: 715px;
	margin: 0px;
	padding: 0px 0px 3px 25px;
	background: url(../images/ico_num1.gif) no-repeat 0px 1px;
}
div.titleNum2 {
	width: 715px;
	margin: 0px;
	padding: 0px 0px 3px 25px;
	background: url(../images/ico_num2.gif) no-repeat 0px 1px;
}
div.titleNum3 {
	width: 715px;
	margin: 0px;
	padding: 0px 0px 3px 25px;
	background: url(../images/ico_num3.gif) no-repeat 0px 1px;
}
div.titleNum4 {
	width: 715px;
	margin: 0px;
	padding: 0px 0px 3px 25px;
	background: url(../images/ico_num4.gif) no-repeat 0px 1px;
}
div.titleNum5 {
	width: 715px;
	margin: 0px;
	padding: 0px 0px 3px 25px;
	background: url(../images/ico_num5.gif) no-repeat 0px 1px;
}
div.titleNum6 {
	width: 715px;
	margin: 0px;
	padding: 0px 0px 3px 25px;
	background: url(../images/ico_num6.gif) no-repeat 0px 1px;
}
div.titleNum7 {
	width: 715px;
	margin: 0px;
	padding: 0px 0px 3px 25px;
	background: url(../images/ico_num7.gif) no-repeat 0px 1px;
}
div.titleNum8 {
	width: 715px;
	margin: 0px;
	padding: 0px 0px 3px 25px;
	background: url(../images/ico_num8.gif) no-repeat 0px 1px;
}
div.titleNum9 {
	width: 715px;
	margin: 0px;
	padding: 0px 0px 3px 25px;
	background: url(../images/ico_num9.gif) no-repeat 0px 1px;
}
div.titleNum10 {
	width: 715px;
	margin: 0px;
	padding: 0px 0px 3px 25px;
	background: url(../images/ico_num10.gif) no-repeat 0px 1px;
}
div.titleNum11 {
	width: 715px;
	margin: 0px;
	padding: 0px 0px 3px 25px;
	background: url(../images/ico_num11.gif) no-repeat 0px 1px;
}



p.normal {
	margin: 0px;
	padding: 2px 0px 0px 0px;
}
p.warning {
	margin: 0px;
	padding: 0px 0px 0px 25px;
	background: url(../images/ico_warning.gif) no-repeat 0px 0px;
}
p.surprise {
	margin: 0px;
	padding: 3px 0px 0px 25px;
	background: url(../images/ico_surprise.gif) no-repeat 0px 0px;
}
p.num_01 {
	margin: 0px;
	padding: 0px 0px 0px 20px;
	background: url(../images/ico_number_01.gif) no-repeat 0px 1px;
}
p.num_02 {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	background: url(../images/ico_number_02.gif) no-repeat 0px 1px;
}


span.icoWarning {
	margin: 0px;
	padding: 2px 22px 0px 0px;
	background: url(../images/ico_warning.gif) no-repeat right;
}
span.icoNg {
	margin: 0px;
	padding: 2px 20px 0px 0px;
	background: url(../images/ico_ng.gif) no-repeat right;
}
span.icoCheck {
	margin: 0px;
	padding: 3px 22px 0px 0px;
	background: url(../images/ico_check.gif) no-repeat right;
}


/*===========================================
	photoArea
=============================================*/
div.photoArea {
	width: 100%;
	margin: 15px auto 0px auto;
	padding: 0px;
	text-align: center;
	clear: both;
}


/*===========================================
	btnArea
=============================================*/
div.btnArea {
	width: 720px;
	margin: 30px auto 0px auto;
	padding: 0px;
	text-align: center;
	clear: both;
}

/*===========================================
	subTitle
=============================================*/
h3.subTitle {
	width: 730px;
	margin: 20px auto 0px auto;
	padding: 7px 0px 7px 10px;
	/*
	font-weight: normal;
	*/
	background: #E5E5E5;
}


/*===========================================
	pageTop
=============================================*/
div.pageTop {
	width: 740px;
	margin: 25px auto 0px auto;
	padding: 0px;
	text-align: right;
	clear: both;
}


/*===========================================
	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 */


/*===========================================
	tblBlue
=============================================*/
table.tblBlue {
	margin: 15px auto 0px auto;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table.tblBlue th {
	width: 50%;
    padding: 7px;
    border: #E3E3E3 solid;
    border-width: 0px 0px 1px 1px;
    background: #EEF9FF;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
    white-space: nowrap; 
}
table.tblBlue td {
    padding: 7px;
    border: 1px #E3E3E3 solid;
    border-width: 0px 0px 1px 1px;
	vertical-align: top;
    text-align: left;
}

table.tblBlue ul {
	margin: 0px;
	padding: 0px;
}
table.tblBlue ul li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align: left;
}


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


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


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