@charset "utf-8";

/*==================================================================
	
	concept.cs
	
===================================================================*/

/*common
-------------------------------------------------------------------*/
#concpet #concept_body{
	width:900px;
	padding-top:30px;
	clear:both;
}
#concpet #concept_body h2{
	margin-bottom:34px;
}
#concpet #concept_body h3{
	margin-bottom:42px;
	font-weight:normal;
}


/*tab
-------------------------------------------------------------------*/
#concpet #concept_body ul#tab li{
	width:300px;
	float:left;
}
#concpet #concept_body ul#tab li a,
#concpet #concept_body ul#tab li span{
	background:url(../img/concept/tab.gif) 0 0 no-repeat;
	height:0;
	padding-top:40px;
	display:block;
	overflow:hidden;
}
#concpet #concept_body ul#tab li.concept01 a{
	background-position:0 0;
}
#concpet #concept_body ul#tab li.concept01 a:hover{
	background-position:0 -40px;
}
#concpet #concept_body ul#tab li.concept01 span{
	background-position:0 -40px;
}

#concpet #concept_body ul#tab li.concept02 a{
	background-position:-300px 0;
}
#concpet #concept_body ul#tab li.concept02 a:hover{
	background-position:-300px -40px;
}
#concpet #concept_body ul#tab li.concept02 span{
	background-position:-300px -40px;
}

#concpet #concept_body ul#tab li.concept03 a{
	background-position:-600px 0;
}
#concpet #concept_body ul#tab li.concept03 a:hover{
	background-position:-600px -40px;
}
#concpet #concept_body ul#tab li.concept03 span{
	background-position:-600px -40px;
}


/*contents
-------------------------------------------------------------------*/
#concpet .content_box{
	margin-bottom:50px;
	clear:both;
}

#concpet .w345{
	width:345px;
}
#concpet .w437{
	width:437px;
}
#concpet .w521{
	width:521px;
}

#concpet .border_box{
	border:1px solid #ababab;
}

#concpet .cont01{
	background:url(../img/concept/c03_img01.jpg) left top no-repeat;
	min-height:453px;
	height:auto !important;
	height:453px;
}
#concpet .cont01 p{
	width:520px;
	margin:390px 0 0 30px;
}

#concpet .cont02{
	background:url(../img/concept/c03_img02.jpg) left top no-repeat;
	min-height:407px;
	height:auto !important;
	height:407px;
}
#concpet .cont02 p{
	width:405px;
	margin:305px 0 0 20px;
}

#concpet .cont03{
	background:url(../img/concept/c03_img03.jpg) left top no-repeat;
	min-height:407px;
	height:auto !important;
	height:407px;
}
#concpet .cont03 p{
	width:390px;
	margin:305px 0 0 20px;
}


/*basic styles
-------------------------------------------------------------------*/
.cap_l{
	font-size:11px;
	text-align:left;
}
.cap_r{
	font-size:11px;
	text-align:right;
}

.center{ text-align:center; }
.left{ text-align:left; }
.right{ text-align:right; }
.middle{ vertical-align:middle; }

.fl_l{ float:left; }
.fl_r{ float:right; }

/* hover styles
-------------------------------------------------------------------*/
a.hover:hover img{
	-ms-filter:"alpha(opacity=80)";
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity:0.8;
	opacity:0.8;
}

/* margin styles
-------------------------------------------------------------------*/
.mt5 { margin-top: 5px !important; }
.mt10{ margin-top:10px !important; }
.mt15{ margin-top:15px !important; }
.mt20{ margin-top:20px !important; }
.mt25{ margin-top:25px !important; }
.mt30{ margin-top:30px !important; }
.mt40{ margin-top:40px !important; }
.mt50{ margin-top:50px !important; }

.ml5 { margin-left: 5px !important; }
.ml10{ margin-left:10px !important; }
.ml15{ margin-left:15px !important; }
.ml20{ margin-left:20px !important; }
.ml25{ margin-left:25px !important; }
.ml30{ margin-left:30px !important; }
.ml40{ margin-left:40px !important; }
.ml50{ margin-left:50px !important; }

.mr5 { margin-right: 5px !important; }
.mr10{ margin-right:10px !important; }
.mr15{ margin-right:15px !important; }
.mr20{ margin-right:20px !important; }
.mr25{ margin-right:25px !important; }
.mr30{ margin-right:30px !important; }
.mr40{ margin-right:40px !important; }
.mr50{ margin-right:50px !important; }

.mb5 { margin-bottom: 5px !important; }
.mb10{ margin-bottom:10px !important; }
.mb15{ margin-bottom:15px !important; }
.mb20{ margin-bottom:20px !important; }
.mb25{ margin-bottom:25px !important; }
.mb30{ margin-bottom:30px !important; }
.mb40{ margin-bottom:40px !important; }
.mb50{ margin-bottom:50px !important; }

/* padding styles
-------------------------------------------------------------------*/
.pt5 { padding-top: 5px !important; }
.pt10{ padding-top:10px !important; }
.pt15{ padding-top:15px !important; }
.pt20{ padding-top:20px !important; }
.pt25{ padding-top:25px !important; }
.pt30{ padding-top:30px !important; }
.pt40{ padding-top:40px !important; }
.pt50{ padding-top:50px !important; }

.pl5 { padding-left: 5px !important; }
.pl10{ padding-left:10px !important; }
.pl15{ padding-left:15px !important; }
.pl20{ padding-left:20px !important; }
.pl25{ padding-left:25px !important; }
.pl30{ padding-left:30px !important; }
.pl40{ padding-left:40px !important; }
.pl50{ padding-left:50px !important; }

.pr5 { padding-right: 5px !important; }
.pr10{ padding-right:10px !important; }
.pr15{ padding-right:15px !important; }
.pr20{ padding-right:20px !important; }
.pr25{ padding-right:25px !important; }
.pr30{ padding-right:30px !important; }
.pr40{ padding-right:40px !important; }
.pr50{ padding-right:50px !important; }

.pb5 { padding-bottom: 5px !important; }
.pb10{ padding-bottom:10px !important; }
.pb15{ padding-bottom:15px !important; }
.pb20{ padding-bottom:20px !important; }
.pb25{ padding-bottom:25px !important; }
.pb30{ padding-bottom:30px !important; }
.pb40{ padding-bottom:40px !important; }
.pb50{ padding-bottom:50px !important; }