@charset "UTF-8";
/*****************************************************
business_index.css
Last Modified: 2010-11-17
******************************************************/
body {
}
/*header
=========================================*/
#business #header {
	width: 100%;
	height: 140px;
}



/*contents
=========================================*/
#contents {
	padding: 0px 2px 5px;
	zoom: 1;
}

#contents #mv{
	clear: both;
	padding: 0px 5px 5px;
	zoom: 1;
}

#contents #mv img{
	width:100%;
	height:auto;
}

#contents #contents-inner{
	clear: both;
	padding: 0px 5px;
}
#contents #contents-inner p,
#contents #contents-inner h1,
#contents #contents-inner h2,
#contents #contents-inner h3{
	margin: 0px;
}

/* main
=========================================*/
@media screen and (min-width: 680px){
#contents #contents-inner #main {
	float: left;
	width: 670px;
	line-height: 1.4;
	background: #eee;
}
}
@media screen and (max-width: 768px){
#contents #contents-inner #main {
	float: left;
	width: 100%;
	line-height: 1.4;
	background: #eee;
}

}


@media screen and (min-width: 768px){
#contents #contents-inner #main .category-nav {
	margin: 6px 0px 0px;
}
}


#contents #contents-inner #main .category-nav li {
	margin: 1px 0px 0px;
	border: 1px solid #dddddd;
}


#contents #contents-inner #main .category-nav li a{
	display: block;
	padding: 3px 2px 3px 28px;
	border: 1px solid #ffffff;
	background: #f9f9f9 url(../images/com_ic10.gif) no-repeat 18px 0.6em;
	zoom: 1;
}


/* col3 */
#contents #contents-inner #main .col3{
	clear: both;
	padding: 8px 0px 13px 10px;
	margin: 0px;
	zoom: 1;
}
#contents #contents-inner #main .col3 .col{
	margin: 0px 13px 0px 0px;
	float: left;
	width: 100%;
}

@media screen and (min-width: 680px){
#contents #contents-inner #main .col3 .col{
	margin: 0px 13px 0px 0px;
	float: left;
	width: 208px;
}
}


#contents #contents-inner #main .col3 .end{
	margin: 0px;
}

#contents #contents-inner #main .heading-set{
	clear: both;
	position: relative;
	font-size: 0;
	line-height: 0;
}
#contents #contents-inner #main .heading-set .detail-btn{
	clear: both;
	display:none;
}
#contents #contents-inner #main .heading-set .pdf-btn{
	clear: both;
	position: absolute;
	width: 129px;
	left: 170px;
	top: 7px;
}

/* sub
=========================================*/

#contents #contents-inner #sub {
	float: right;
	width: 250px;
}
/* contact */
#contents #contents-inner #sub #contact{
	width: 225px;
	margin: 10px 0px 0px;
	padding: 0px 0px 15px;
	background: #eeeeee;
}

#contents #contents-inner #sub #contact .contact-title{
	margin: 0;
}

#contents #contents-inner #sub #contact .text{
	margin: 0;
	padding: 10px 17px;
}



#contents #contents-inner #sub #contact .contact-btn{
	margin: 0;
	padding: 11px 0 10px;
	background: url(../images/com_hr02.gif) repeat-x left top;
	text-align: center;
	zoom: 1;
}


#contents #contents-inner #sub #contact .contact-tel{
	margin: 0;
	padding: 11px 0 0px;
	background: url(../images/com_hr02.gif) repeat-x left top;
	text-align: center;
	zoom: 1;
}
#contents #contents-inner #sub #contact .contact-tel img{
	margin: 0 0 3px;
}
#contents #contents-inner #sub #contact .contact-tel .open-close{
	margin: 0;
	text-align: left;
	padding: 0px 0px 0px 20px;
	display: block;
	font-size: 12px;
}

#contents #contents-inner #main .plugin-area-1 .inner .text {
    float: right;
    width: 505px;
}

/* banner */
#contents #contents-inner #sub #banner {
	width: 225px;
	text-align: center;
	font-size: 0;
	line-height: 0;
}


#contents #contents-inner #sub #banner ul {
	margin: 0px;
	padding: 10px 0px 0px;
}
#contents #contents-inner #sub #banner ul li {
	margin: 0px;
	padding: 0px 0px 5px;
}



/*99: clearfix
=========================================*/

#contents #contents-inner:after,
#contents #contents-inner #main .col3:after{
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: " ";
	font-size: 0;
}





 
#contents #contents-inner,
#contents #contents-inner #main .col3{
	zoom: 1;
}

div#contents h3{
	background: url(../images/top_ttlbg.gif) repeat-x left top;
	width: 100%;
}
