/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* Layout                                                                 */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

body {
	margin:0;
	padding:0;
	text-align:center;
	}

#wrapper {
	margin:0 auto;
	text-align:left;
	width:790px;
	}

#contents{
	padding:0 10px 20px 10px;
	border-bottom:1px solid #000000;
	}

/*Reset
--------------*/
* {
	margin:0;
	padding:0;
	}

h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,table,th,td,address {
	font-style:normal;
	font-weight:normal;
	margin:0;
	padding:0;
	text-decoration: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 {
	font-size:100%;
	line-height:150%;
	}

.txtM {
	font-size:80%;
	line-height:150%;
	}

.txtS {
	font-size:70%;
	line-height:150%;
	}

/*Text-align
--------------*/
.txaL {text-align:left;}

.txaR {text-align:right;}

.txaC {text-align:center;}	


/*Float
--------------*/
.flL {float:left;}

.flR {float:right;}


/*Clear
--------------*/
.both {
	clear:both;
	}

.clearfix:after {
	content:".";
	height:0;
	visibility:hidden;
	display:block;
	clear:both;
	}

.clearfix {
	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;}
.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;}



/*Contents-----------------------*/

/*header*/
ul#header{
	display:inline-block;
	margin:20px 0 20px 0;
	width:790px;
	}

ul#header:after {
	content:".";
	height:0;
	visibility:hidden;
	display:block;
	clear:both;
	}

ul#header li#headeL{
	width:395px;
	float:left;
	text-align:left;
	}

ul#header li#headeR{
	float:right;
	text-align:right;
	width:395px;
	}

div#wrapper h1{margin-bottom:20px;}

div#wrapper h2{
	text-align:center;
	margin:20px 0;
	}

div#wrapper h4#TtlSpec{
	margin:40px 0 15px 0;
	}

div#wrapper h4#TtlAbout{
	background:url(../images/ttl_02.gif) no-repeat;
	font-size:80%;
	font-weight:bold;
	height:31px;
	margin:40px 0 10px 0;
	padding:10px 0 0 10px;
	width:770px;
	}


/*Contents*/
div#contents p{
	font-size:80%;
	line-height:150%;
	}

.ContBox{
	display:inline-block;
	margin-top:20px;
	width:770px;
	}

.ContBox:after {
	content:".";
	height:0;
	visibility:hidden;
	display:block;
	clear:both;
	}

ol li.PriL{
	float:left;
	margin-right:20px;
	width:375px;
	}

ol li.PriR{
	float:right;
	width:375px;
	}

div.PriBox{
	background:url(../images/pri_bg.gif) repeat-y;
	width:375px;
	}

div.PriBox p{
	font-size:80%;
	line-height:150%;
	padding:10px 15px;
	}

div.PriBtm{
	padding-bottom:10px;
	text-align:center;
	}

div.PriBtm2{
	padding:10px 0;
	text-align:center;
	}

strong.txtLR{
	color:#ff6309;
	font-size:120%;
	text-align:150%;
	}

div#ContL{
	float:left;
	margin-right:20px;
	width:518px;
	}

div#ContR{
	float:right;
	width:232px;
	}

h5.TtlInt{
	background:url(../images/icn_sqr.gif) no-repeat center left;
	color:#143389;
	font-size:80%;
	font-weight:bold;
	padding-left:15px;
	}

ul.IcnInt{
	margin-top:10px;
	}

ul.IcnInt li{
	 background:url(../images/icn_cir.gif) no-repeat left 0.4em;
	 font-size:80%;
	 margin-bottom:5px;
	 line-height:150%;
	 padding-left:10px;
	 }

dl.GraAbout{
	display:inline-block;
	width:770px;
	margin-bottom:20px;
	}

dl.GraAbout:after {
	content:".";
	height:0;
	visibility:hidden;
	display:block;
	clear:both;
	}

dl.GraAbout dd, dl.GraAbout dt{
	font-size:80%;
	line-height:150%;
	margin-bottom:10px;
	}

dl.GraAbout dd{
	float:left;
	padding-left:10px;
	width:190px;
	
	}

dl.GraAbout dt{	
	float:left;
	padding-right:10px;
	width:560px;
	}

.line{
	border-bottom:1px dotted #CCCCCC;
	padding-bottom:10px;
	}


/*Footer*/

div#footer{
	font-size:80%;
	line-height:150%;
	margin:20px 10px;
	}