/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* Layout                                                                 */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

body {
	margin:0;
	padding:0;
	text-align:center;
	background:url(../images/body_bg.gif);
	}

#wrapper {
	width:800px;
	margin:0 auto;
	text-align:left;
	background:#ffffff;
	}

#container {
	padding-top:20px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	}
	

/*Reset
--------------*/
* {
	margin:0;
	padding:0;
	}

h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,table,th,td,address {
	margin:0;
	padding:0;
	text-decoration:none;
	font-weight:normal;
	font-style:normal;
	}

h2{
	display:none;
}
img {
	border:0;
	line-height:0;
	margin:0;
	padding:0;
	}
	
ul,li,ol {list-style:none; /*line-height:0;*/}	


/*Link
--------------*/
a{outline:none;}

a:link {color:#006699;}

a:visited  {color:#0099CC;}

a:hover {color:#0099CC;}

a:active {color:#006699;}


/*Font
--------------*/
.txtL, h3.blueTtl {
	font-size:85%;
	line-height:1.6;
	color:#333333;
	}

.txtM {
	font-size:75%;
	line-height:1.6;
	color:#333333;
	}

.txtS, .pageTop, .contBox4 .listBox {
	font-size:68%;
	line-height:1.4;
	color:#333333;
	}
	
#footer	{ 
	font-size:80%;
	line-height:1.5;
	}

h3.blueTtl {
	background:url(../images/line_bg02.gif) bottom;
	color:#ffffff;
	font-weight:bold;
	padding-bottom:1px;
	margin-bottom:10px;
	}

h3.blueTtl span {
	background:url(../images/line_bg01.gif) repeat-x top;
	display:block;
	padding:4px 10px 3px 10px;
	}
	

/*Text-align
--------------*/
.txaL {text-align:left;}

.txaR {text-align:right;}

.txaC {text-align:center;}	


/*Float
--------------*/
.flL, .boxL {float:left;}

.flR, .boxR {float:right;}


/*Clear
--------------*/
.both {
	clear:both;
	}

.clearfix:after, .boxWrap:after, .btnLink:after {
	content:".";
	height:0;
	visibility:hidden;
	display:block;
	clear:both;
	line-height:0;
	}

.clearfix, .boxWrap, .btnLink {
	display:inline-block;
	}	


/*Display
--------------*/
.block {
	display:block;
	}	


/*Margin
--------------*/
.mg5 {margin:5px;}
.mg10 {margin:10px;}
.mg20 {margin:20px;}

/*top*/
.mgT5 {margin-top:5px;}
.mgT10 {margin-top:10px;}
.mgT15 {margin-top:15px;}
.mgT20 {margin-top:20px;}
.mgT25 {margin-top:25px;}
.mgT35 {margin-top:35px;}
.mgT50 {margin-top:50px;}

/*right*/
.mgR10{margin-right:10px;}

/*bottom*/
.mgB15{margin-bottom:15px;}

/*left*/


/*Padding
--------------*/
.pd5 {padding:5px;}
.pd10 {padding:10px;}

/*top*/
.pdT5 {padding-top:5px;}
.pdT10 {padding-top:10px;}
.pdT15 {padding-top:15px;}

/*right*/
.pdR5 {padding-right:5px;}
.pdR10 {padding-right:10px;}

/*bottom*/
.pdB5 {padding-bottom:5px;}
.pdB10 {padding-bottom:10px;}

/*left*/
.pdL5 {padding-left:5px;}
.pdL10 {padding-left:10px;}


/*header-----------------------*/
#header {
	margin-bottom:50px;
	}

#header h1{
	border-bottom:1px solid #CCCCCC;
	padding:0 0 5px 10px;
	}

#header #mainImg {
	width:770px;
	height:425px;
	background:url(../images/hdr_img.png) no-repeat;
	padding:43px 0 0 26px;
	margin:1px;
	}
	
#header #mainImg .txtArea {
	margin:162px 0 0 15px;
	}

#header .btnLink {
	width:652px;
	margin:12px 0 0 72px;
	}
	

/*contents-----------------------*/
#contents{
	clear:both;
	padding:0 14px 15px 14px;
	}

/*btnLink*/
.btnLink {
	clear:both;
	background:#fff0c6 url(../images/btn_bg.gif) no-repeat right;
	text-align:center;
	}

.btnLink p {
	float:left;
	}
	
.btnLink ul {
	width:218px;
	float:left;
	margin:5px 10px 6px 0;
	}
	
.btnLink ul li {
	display:inline;
	}

.btnLink ul li img {
	vertical-align:top;
	}

/*contBox1*/
.contBox1 {
	border:solid 1px #dddddd;
	padding:0 20px 20px 20px;
	}
	
.contBox1 h3 {
	margin-bottom:20px;
	}
	
.contBox1 .clearfix {
	width:728px;
	}

.contBox1 .txtS {
	margin-top:5px;
	}
	
.contBox1 .box1 .flL {width:430px;}
.contBox1 .box1 .flR {width:279px;}
.contBox1 .box2 .flL {width:279px;}
.contBox1 .box2 .flR {width:430px;}

.contBox1 .box2 {
	clear:both;
	margin-top:30px;
	}

.contBox1 .btnLink {
	width:667px;
	margin:30px 0 0 30px;
	}
	
/*contBox2*/
.contBox2 {
	margin-top:25px;
	}
	
.contBox2 h3 {
	margin-bottom:5px;
	}
	
.contBox2 .box1 {
	clear:both;
	margin-left:6px;
	}
	
.contBox2 .icnWrap {
	width:762px;
	}
	
.contBox2 .icnWrap .icn {
	float:left;
	margin-right:10px;
	}
	
.contBox2 .icnWrap .txtM {
	width:680px;
	float:right;
	padding-top:8px;
	}
	
.contBox2 .boxWrap {
	width:762px;
	clear:both;
	margin-top:7px;
	}
	
.contBox2 .boxWrap .boxL {
	width:228px;
	background:url(../images/dot_bg01.gif);
	padding:7px;
	margin-right:18px;
	}
	
#wrapper .contBox2 .boxWrap .last {margin-right:0;}	
	
.contBox2 .boxWrap dl {
	margin-top:2px;
	}

.contBox2 .boxWrap dl dt {
	font-weight:bold;
	}

.contBox2 .btnLink {
	width:653px;
	margin:30px 0 0 52px;
	}

/*contBox3*/
.contBox3 {
	margin-top:25px;
	}
	
.contBox3 h3 {
	margin-bottom:5px;
	}
	
.contBox3 .contBoxWrap {
	border-top:solid 1px #dddddd;
	border-left:solid 1px #dddddd;
	}

.contBox3 .boxWrap {
	}

.contBox3 .boxWrap .boxL {
	width:230px;
	border-right:solid 1px #dddddd;
	border-bottom:solid 1px #dddddd;
	padding:13px 13px 11px 12px;
	/*IE Bug*/
	_padding:13px 12px 11px 12px;
	}
	
#wrapper .contBox3 .boxWrap .last {
	padding-right:14px;
	/*IE Bug*/
	_padding-right:13px;
	}	

.contBox3 .boxWrap dl {
	margin-top:4px;
	}

.contBox3 .boxWrap dl dt {
	font-weight:bold;
	background:url(../images/dot_bg02.gif);
	padding:2px 5px;
	margin-bottom:5px;
	line-height:1.2;
	}

.contBox3 .btnLink {
	width:653px;
	margin:30px 0 0 52px;
	}
	
/*contBox4*/
.contBox4 {
	margin-top:35px;
	}

.contBox4 .contBoxS {
	margin-left:6px;
	}
	
.contBox4 .listBox {
	width:181px;
	float:left;
	margin-right:11px;
	}

#wrapper .contBox4 .last {
	margin-right:0;
	}
	
.contBox4 .listBox dl {
	margin-top:12px;
	}

.contBox4 .listBox dl dt {
	font-weight:bold;
	color:#0061a7;
	}

.contBox4 .btnLink {
	width:602px;
	margin:30px 0 0 83px;
	}

/*contBox5*/
.contBox5 {
	margin-top:35px;
	}	
	
.contBox5 .contBoxWrap {
	border:solid 1px #dddddd;
	padding:12px;
	text-align:center;
	}


/*pageTop-----------------------*/
.pageTop {
	clear:both;
	text-align:right;
	margin-top:20px;
	}

.pageTop a {
	background:url(../images/icn_pagetop.gif) no-repeat left;
	padding-left:13px;
	}


/*footer-----------------------*/
#footer ul {
	text-align:center;
	}
	
#footer ul li {
	display:inline;
	border-right:solid 1px #333333;
	padding-right:6px;
	margin-right:6px;
	}

#footer ul li.last {
	margin:0;
	padding:0;
	border:none;
	}

#footer #copyRight{
	border-top:1px dotted #999999;
	border-bottom:5px solid #0064ad;
	padding:10px 0;
	margin-top:10px;
	text-align:center;
	}