@charset "UTF-8";

/*===== CONTENTS ===========================================

	 1: CONTAINER
	 2: HEADER
	 3: CONTTENT
	 4: SECONDARY COLUMN
	 5: NAVIGATION
	 6: PRIMARY COLUMN

==========================================================*/

html,body {
	height:100%;
}

/*======================================

	1: CONTAINER

=======================================*/
#container {
	margin:0 auto 0px auto;
	width: 1000px;

}

/*======================================

	 2: HEADER

=======================================*/

/*======================================

	3: CONTTENT

=======================================*/
#content {
	margin-top: 10px;
	width: 1000px;
	overflow: hidden;
}

/*======================================

	4: SECONDARY COLUMN

=======================================*/
#secondaryColumn {
	background:url(../image/left_bg_b.gif) bottom no-repeat;
	padding-bottom:15px;
	float: left;
	width: 220px;
	display:inline;
}

/*======================================

	 5: NAVIGATION

=======================================*/

#gnavArea{
	float: left;
	display:inline;
	width: 220px;
	background:url(../image/left_bg_t.gif) top no-repeat;
	padding-top:15px;
}
ul#gnav {
	width:220px;
	overflow: hidden;
	background-color:#FFFFFF;
	padding-bottom:20px;
}

ul#gnav li {
	float:left;
	display:inline;
}

#bnArea{
	width:220px;
	float:left;
	display:inline;
	background-color:#FFFFFF;
	padding-bottom:10px;
}
ul#bnArea{
}
ul#bnArea li {
	width:180px;
	float:left;
	display:inline;
	margin:0px 20px 10px 20px;
}
#copyright {
	width:220px;
	float:left;
	display:inline;
}

/*======================================

	6: PRIMARY COLUMN

=======================================*/
#primaryColumn {
	/*margin-left:10px;*/
	float: left;
	width: 780px;
	display:inline;
}
/*======================================

	7: GRID CONTTENT

=======================================*/
/*<![CDATA[*/
#grid-content {
	overflow: hidden;
	height: 0;
}
#grid-content .box {
	width: 250px;
	background:url(../../image/grid_foot.gif) bottom no-repeat;
	margin:0px 0px 10px 10px;
	overflow: hidden;
}
#grid-content .box02 {
	width: 250px;
	background:url(../../image/grid_foot.gif) bottom no-repeat;
	margin:0px 0px 10px 10px;
	padding-bottom:16px;
	overflow: hidden;
}
#grid-content .gridNews {
	background:url(../../image/grid_head_news.gif) top no-repeat;
}
#grid-content .gridProfile {
	background:url(../../image/grid_head_profile.gif) top no-repeat;
	zoom: 1;
}
#grid-content .gridBusiness {
	background:url(../../image/grid_head_business.gif) top no-repeat;
	zoom: 1;
}
#grid-content .gridBrand {
	background:url(../../image/grid_head_brand.gif) top no-repeat;
}
#grid-content .gridBlog {
	background:url(../../image/grid_head_blog.gif) top no-repeat;
}
#grid-content .gridLink {
	background:url(../../image/grid_head_link.gif) top no-repeat;
}
#grid-content .gridRecruit {
	background:url(../../image/grid_head_recruit.gif) top no-repeat;
}
#grid-content .gridContact{
	background:url(../../image/grid_head_contact.gif) top no-repeat;
}
#grid-content .gridMaterial {
	background:url(../../image/grid_head_material.gif) top no-repeat;
}
#grid-content .post{
	width: 230px;
	overflow:hidden;
	background-color:#FFF;
	padding:0px 10px 20px 10px;
}
#grid-content div h2 {
	margin:23px 0px 15px 2px;
}
#grid-content div h3 {
	color:#999900;
	line-height: 1.2em;
	margin-top:5px;
}
#grid-content .article {
	margin-top:5px;
	line-height: 1.6em;
}
#grid-content .image {
	margin-bottom:15px;
}
#grid-content .date {
	line-height: 1.1em;
	color:#999900;
	font-size:10px;
}
#grid-content ul.topContact {
	margin-top:20px;
	margin-left:10px;
}
#grid-content .topContact li.tel02 {
	background:url(../image/icon_tel.gif) left bottom no-repeat;
	padding-left:40px;
	margin-bottom:10px;
	height:14px;
}
#grid-content .topContact li.fax02 {
	background:url(../image/icon_fax.gif) left bottom no-repeat;
	padding-left:40px;
	margin-bottom:10px;
	height:14px;
}
#grid-content .topContact li.mail {
	background:url(../image/icon_mail.gif) left bottom no-repeat;
	padding-left:40px;
	height:14px;
	display:block;
}

#grid-content ul{
	line-height:0;
}
#grid-content .arrow {
	height:16px;
	overflow:hidden;
	font-size:1px;
	margin-left:222px;
}
#grid-content img.arrow {
	vertical-align:top;
}

/*]]>*/

/*======================================

	8: SECOND CONTTENT

=======================================*/

#grid-content #secondContent {
	width: 770px;
	overflow: hidden;
	padding-top:8px;
	margin-left:10px;
	
}


#grid-content .main {
	width: 670px;
	overflow:hidden;
	background:url(../image/contents_foot.gif) left bottom no-repeat;
	background-color:#FFFFFF;
	padding:0 50px 100px 50px;
}
#grid-content .main02 {
	width: 670px;
	overflow:hidden;
	background:url(../image/contents_foot.gif) left bottom no-repeat;
	background-color:#FFFFFF;
	padding:0 50px;
}
#grid-content #secondContent h2 {
	margin:50px 0px 30px 0px;
	padding-bottom:20px;
	background:url(../image/border01.gif) left bottom no-repeat;
}

#grid-content #secondContent .arrow  {
	height:16px;
	overflow:hidden;
	font-size:1px;
	margin-left:650px;
}
#grid-content #secondContent .arrow img {
	vertical-align:top;
}
/*======================================

	9: BTN TOP

=======================================*/
.btntop{
	width:45px;
	float:right;
	clear:both;
	margin:50px 0 20px 0;
}
.btntop02 {
	width:670px;
	overflow:hidden;
}
.btntop02 li {
	float:right;
	display:inline;
	clear:both;
}
.btntop03 {
	width:670px;
	overflow:hidden;
	margin-top:30px;
}
.btntop03 li {
	float:right;
	display:inline;
	clear:both;
}
/*======================================

	10: HR

=======================================*/
.line {
	margin:30px 0px;
	border:0;
	height:1px;
}
.line02 {
	margin:10px 0px 30px 0px;
	border:0;
	height:1px;
}


/*======================================

	11: COLUMN 

=======================================*/
#grid-content #secondContent .column {
	width:670px;
	overflow: hidden;
}
#grid-content #secondContent .column .left {
	float: left;
	display:inline;
	width: 325px;
	margin-right:20px;
}

#grid-content #secondContent .column .right {
	float: left;
	display:inline;
	width: 325px;
}

#grid-content #secondContent .column02 {
	width:670px;
	overflow: hidden;
}
#grid-content #secondContent .column02 .left02 {
	float: left;
	display:inline;
	width: 210px;
	margin-right:20px;
}
#grid-content #secondContent .column02 .mid02 {
	float: left;
	display:inline;
	width: 210px;
	margin-right:20px;
}
#grid-content #secondContent .column02 .right02 {
	float: left;
	display:inline;
	width: 210px;
}



/*======================================

	 12: NAVIGATION 02

=======================================*/
#navArea { 
	width:670px;
}
ul#nav {
	width:670px;
	overflow: hidden;
}

ul#nav li {
	float:left;
	display:inline;
	margin-right:15px;
}