@charset "UTF-8";
/* CSS Document */
#container{}
.content{width:980px; margin:0 auto;}
/*HEADER
====================================*/
#header{padding:10px 0;}
#header ul li{float:left; margin-left:25px;}
#header ul li.mobile{display:none;}
h1{font-size:11px;}
#logo{padding-top:10px;}
/*NAVIGATION
====================================*/
#nav{background:url(../images/nav_bg.gif) repeat-x;}
#nav ul li{float:left;}
/*@-moz-document url-prefix() { 
  #nav {margin-bottom:-25px;}
}*/

/*PAGETOP
===================================*/
#pagetop{float:right; padding-right:7px;}


/*FOOTER
===================================*/
#footer{}
#pankuzu {
	font-size: 12px;
	color: #333333;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}
#footer_link{font-size:11px; padding:7px 0px 8px 7px; float:left; line-height:100%;}
#footer_active{color:#ccc;}
#footer_bot{background:url(../images/footer_bg.gif) ; padding:10px 0;}

#copyright{text-align:center; font-size:11px; padding:10px 0;}
/*add-2014-21-11*/
.contact{border-bottom:solid 1px #999999; width:768px; height:40px;}
.ft_phone{padding-right:20px;}
.ft_phonel{font-size:14px;padding-top:6px; color:#333;}
.ft_logo p{padding-top:25px; font-size:10px;color:#333;}
.ft_logo .strong{font-weight:bold; font-size:12px !important;}
.ft_logo01{width:69px; padding-right:20px;}

/*MARGIN
===================================*/
.mr31{margin-right:31px;}


/*PADDING
===================================*/
.plr7{padding:0 7px;}


/*OTHER
===================================*/
.fl{float:left;}
.fr{float:right;}

/* add 2013 - 10- 15 */
h2 { margin-bottom:48px;}
h3 { margin-bottom:20px;}
h4 { margin-bottom:10px;}
.box_content { padding:0 75px; font-size:16px; line-height:26px; width:812px;}
.txt { margin-bottom:33px;}
.con1_child { margin-bottom:5px;}
.con1_child p { font-size:12px; font-weight:bold; text-align:right;}
.tbl2 { margin-bottom:10px; width:100%;}
.tbl2 p { font-weight:normal !important; text-align:center; font-size:10px;}
.tbl2 th,.tbl2 td { font-size:10px; line-height:14px; text-align:center; border: solid 1px #b3b3b3; padding:5px 13px;}
.tbl2 th { background:#dbefad;}
.tbl2 td span,.tbl2 th span { font-size:12px !important; line-height:16px;}
.td_bg { background:#e5e5e5;}
.list li { list-style-image:url(../../panel/images/panel_list.gif); margin-left:20px; font-size:14px; line-height:24px; padding-bottom:10px;}
/* add 2013 - 10- 17 */
.center { text-align:center;}
.mb44 { margin-bottom:44px;}

/*add 2015-04-16*/
#sp_btn{position:fixed; bottom:0; left:0; width:100%;}
#sp_btn li{float:left;}
#sp_btn li:nth-child(1){width:40%;}
#sp_btn li:nth-child(2){width:60%;}
#sp_nav{display:none !important;}
/**************Add-2015-04-22*/
#sp_nav_real{position:relative;}
#sp_nav_real .menu{position:absolute; top:15px; left:15px; z-index:100000; font-size:15px;}
.mean-bar{z-index:10;}
.tbl3{display:none;}
.ds_block{display:none;}
.ds_none{display:block;}


/*===============================
			 MEDIA
================================*/
@media only screen and (max-width:980px){
.content{width:98%;}
#header .fl{width:23.06%;}
#header .fr{width:60%;}
#header ul li{margin-left:5%;}
#header ul li:nth-child(1){width:42%; margin-left:0 !important;}
#header ul li:nth-child(2){width:53%;}

#nav ul li{width:14.2857%;}

#pagetop{padding-right:0; float:none; text-align:right;}
#footer_link{padding:7px 0px 10px; width:100%; text-align:center;}
#footer_link span, #footer_link a{display:inline-block; margin-bottom:5px;}
#footer_bot .box_left{width:78.57%;}
#footer_bot .box_right{width:14.28%;}
.contact{width:100%; height:auto;}
.ft_phone{width:37%;}
#pankuzu {width: 98%;}
h1 {font-size: 10px;}
.box_content { padding:0 1%; width:auto;}
/*Add-2015-05-11*/
#logo{padding-top:0;}
.mb44 { margin-bottom:4%;}


}

@media only screen and (max-width:768px){

}

@media only screen and (max-width:640px){
#header .fl{width:auto;}
#header .fr{display:none;}

#nav{display:none;}

.ft_phone{width:auto;}
.contact{padding-bottom:10px;}
#footer_link,.ft_phone,.box_right,#pagetop{display:none;}
#pankuzu {font-size:11px;}
/**Add-2015-05-11***/
h2,h3{margin-bottom:2%;}
.ds_none{display:none;}
.ds_block{display:inline-block;}
.tbl2 th,.tbl2 td { padding:1% 0.5%;}
}
@media only screen and (max-width:480px){
.ft_phone, .ft_phonel{width:100%; float:none !important; padding-right:0;}	
#footer_bot .box_right, #footer_bot .box_left{width:100%; text-align:center;}
#footer_bot .box_right{padding-top:20px;}
.ft_logo{padding:0 3%;}
.ft_logo01{width:24%; padding-right:0;}
.ft_logo02{width:70%;}
.ft_logo p{padding-top:13px;}
.ft_phonel{font-size:13px; padding-top:0;}
}
@media only screen and (max-width:360px){
h1{font-size:9px;}
.tbl2 th,.tbl2 td { font-size:9px;}

}