body{color:#333;font-size:78%;line-height: 1.7;	font-family:Arial, sans-serif, Geneva;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote{margin:0;padding:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none; margin:0;}
fieldset,img{border:0;}
h1,h2,h3,h4,h5{font-size:100%;}
sub,sup{font-size:70%;}
a {color:#333; text-decoration: none;}
a:link {color:#333;text-decoration: none;}
a:active {color:#657ec9;text-decoration: underline;}
a:hover {color:#184b98; text-decoration: underline;}
a:visited {color:#333; text-decoration: none;}
a:visited:hover{color:#333; text-decoration: underline;}
hr.divider {display:none;	float:none;}
.clear{clear:both;}
a img{border:none;}
p{line-height: 1.7;}

/*	position
------------------------------*/
.positionC { text-align: center; }
.alnR { text-align: right; }
.alnL { text-align: left; }
.alnC { text-align: center; }
.floL { float: left; }
.floR { float: right; }
.clear { clear: both; }

/*	padding
------------------------------*/
.noPdd{padding:0 !important;;}

.pd5{padding:5px !important;}
.pdT5{padding-top:5px !important;}
.pdR5{padding-right:5px !important;}
.pdB5{padding-bottom:5px !important;}
.pdL5{padding-left:5px !important;}

.pd10{padding:10px !important;}
.pdT10{padding-top:10px !important;}
.pdR10{padding-right:10px !important;}
.pdB10{padding-bottom:10px !important;}
.pdL10{padding-left:10px !important;}

.pd20{padding:20px !important;}
.pdT20{padding-top:20px !important;}
.pdR20{padding-right:20px !important;}
.pdB20{padding-bottom:20px !important;}
.pdL20{padding-left:20px !important;}

/*	margin
------------------------------*/
.mrg0{margin:0 !important;}

.mg5{margin:5px !important;}
.mgT5{margin-top:5px !important;}
.mgR5{margin-right:5px !important;}
.mgB5{margin-bottom:5px !important;}
.mgL5{margin-left:5px !important;}

.mg10{margin:10px !important;}
.mgT10{margin-top:10px !important;}
.mgR10{margin-right:10px !important;}
.mgB10{margin-bottom:10px !important;}
.mgL10{margin-left:10px !important;}

.mg20{margin:20px !important;}
.mgT20{margin-top:20px !important;}
.mgR20{margin-right:20px !important;}
.mgB20{margin-bottom:20px !important;}
.mgL20{margin-left:20px !important;}

.mg30{margin:30px !important;}
.mgT30{margin-top:30px !important;}
.mgR30{margin-right:30px !important;}
.mgB30{margin-bottom:30px !important;}
.mgL30{margin-left:30px !important;}

.mg40{margin:40px !important;}
.mgT40{margin-top:40px !important;}
.mgR40{margin-right:40px !important;}
.mgB40{margin-bottom:40px !important;}
.mgL40{margin-left:40px !important;}


/*===================================================================
	layout
===================================================================*/
#container{
	text-align:center;
	}
#header{
	margin:0 auto;
	width:980px;
	text-align:left;
	}
#header #headerLogo{
	float:left;
	}
#header ul#headerNavi{
	float:right;
	padding-top:17px;
	width:490px;
	text-align:right;
	}
#header ul#headerNavi li{
	display:inline;
	margin-left:15px;
	}
#contentsWrap {
	width:100%;
	background:#F4F4F4 url(../img/contents_bg.gif) repeat-x center top;
	}
#contents {
	margin:19px auto 0 auto;
	width:980px;
	background:#fff url(../img/contents_line.gif) repeat-x center top;
	border-bottom:1px solid #C8C8C8;
	text-align:left;
	}
#socialButton{
    background:#fff;
    width:980px;
    height:80px;
    margin: 10px auto;
    }
#fbPage{
    width:400px;
    height:80px;
    padding:10px 0px 0px 10px; 
    float: left;
}
#contentsInner {
	margin:0 30px;
	padding:40px 0 0 0;
	text-align:left;
}
.contentsBox {
	margin:0 12px;
	}
#footer{
	margin:0 auto;
	padding:12px 0 30px 0;
	width:980px;
	text-align:right;
	}

/*===================================================================
	elements
===================================================================*/
#mainButton{
	margin:0 auto;
	width:980px;
	height:287px;
	background:url(../img/btn_bg.gif) no-repeat;
	text-align:center;
	}

/*#mainButton{
	margin:0 auto;
	width:980px;
	height:373px;
	background:url(../img/btn_bg.gif) no-repeat;
	text-align:center;
	}*/
	
#mainButton img{
	margin:37px 3px 0px 3px;
	}

#mainButton #mainButton2,
#mainButton #mainButton3 {
	text-align:left;
	padding-left:12px;
}
	
#mainButton #mainButton2 img,
#mainButton #mainButton3 img {
	margin:6px 3px 0px 3px;

}
	
.pdf{
	padding-left:20px;
	background:url(../img/icon_pdf.gif) no-repeat left center;
	}
.grayBox{
	margin-top:10px;
	padding:15px;
	background:#F9F9F9;
	border:1px solid #D0D0D0;
	}

/*===================================================================
	00: container clearfix setting
===================================================================*/
.cfx:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  line-height:0;
  visibility:hidden;
}

/* (for IE7 and Mac IE5) */
.cfx{
	display: inline-block;
}

/* (for IE5-6) */
/* Hides from IE-mac \*/
* html .cfx{
	height: 1%;
}
.cfx{
	display: block;
}
/* End hide from IE-mac */










#img-key{
	background: url("../img/img_key.jpg") center center;
	min-height:315px;
	_height:315px;
}
#passionBox{
	width:430px;
	float:right;
}
#passionBox p{
	margin-bottom:10px;
}

#socialButton ul{
	background-color:#FFF;
	padding:5px;
	margin:25px 10px 0px 0px;
	height:20px;
	float:right;
}
#socialButton li{
	float:left;
}
#socialButton ul .twitter{
    margin-right:-20px;
}