@charset "utf-8";
/* CSS Document 
  by Dung Nguyen 
*/
/*====================================================================================
■01.RESET HTML
■02.CLEAR FLOAT
■03.MARGIN DEFAULT
■04.LAYOUT
■05.USE MEDIA
■06.OTHER
■07.PAGE UP
■08.HEADER
■09.GOLABLE NAVIGATION
■10.FOOTER
====================================================================================*/
/*====================================================================================
■01.RESET HTML
====================================================================================*/
ul, li { list-style:none; }
img { margin:0px; padding:0px; border:0px;transition:All 0.3s ease; -webkit-transition:All 0.3s ease; -moz-transition:All 0.3s ease; -o-transition:All 0.3s ease; }
img1{
	max-width:190px;
	width: auto;
	max-height: 135px;
	height:auto;
}
.ov_hover:hover img { opacity:0.7; filter:alpha(opacity=70); -ms-filter: "alpha( opacity=70)"; }
a { color: #333; text-decoration:underline; }
a:hover { text-decoration: none; }
body { font-size:13px; font-family: "Meiryo","メイリオ","MS PGothic","MS Pゴシック",sans-serif; color: #333333; word-break: break-word; background: url(../common_img/bg_body.jpg);}
/*====================================================================================
■02.CLEAR FLOAT
====================================================================================*/
.clearfix:before, .clearfix:after{content:"\0020"; display:block; height:0; overflow:hidden}
.clearfix:after{clear:both}
.clearfix{zoom:1}
/*====================================================================================
■03.MARGIN DEFAULT
====================================================================================*/
/*--------------------------------------------------
	margin 
-------------------------------------------------- */ 
.m00 { margin: 0px !important; }
.m05 { margin: 5px !important; }
.m10 { margin: 10px !important; }
.m15 { margin: 15px !important; }
.m20 { margin: 20px !important; }
.m25 { margin: 25px !important; }
.m30 { margin: 30px !important; }
.m35 { margin: 35px !important; }
.m40 { margin: 40px !important; }
.m45 { margin: 45px !important; }
.mt00 { margin-top: 0px !important; }
.mt05 { 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; }
.mt33 { margin-top: 33px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 30px !important; }
.mt45 { margin-top: 35px !important; }
.mr00 { margin-right: 0px !important; }
.mr05 { 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; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mb00 { margin-bottom: 0px !important; }
.mb05 { 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; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.ml00 { margin-left: 0px !important; }
.ml05 { 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; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
/* 
--------------------------------------------------
	padding
-------------------------------------------------- */
.p00 { padding-top: 0px !important; }
.p05 { padding-top: 5px !important; }
.p10 { padding-top: 10px !important; }
.p15 { padding-top: 15px !important; }
.p20 { padding-top: 20px !important; }
.p25 { padding-top: 25px !important; }
.p30 { padding-top: 30px !important; }
.p35 { padding-top: 35px !important; }
.p40 { padding-top: 40px !important; }
.p45 { padding-top: 45px !important; }
.pt00 { padding-top: 0px !important; }
.pt05 { 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; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt45 { padding-top: 45px !important; }
.pr00 { padding-right: 0px !important; }
.pr05 { 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; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pr45 { padding-right: 45px !important; }
.pb00 { padding-bottom: 0px !important; }
.pb05 { 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; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb45 { padding-bottom: 45px !important; }
.pl00 { padding-left: 0px !important; }
.pl05 { 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; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
.pl45 { padding-left: 45px !important; }
/*====================================================================================
■04.LAYOUT
====================================================================================*/
#wrapper { background: url(../common_img/bg_wrap.png) repeat-y top center;}
.wrapfix { position: relative; width: 1000px; margin: 0 auto;}
/*====================================================================================
■05.USE MEDIA
====================================================================================*/
.pull_left { float:left !important; }
.pull_right { float:right !important; }
.media, .media-body { overflow:hidden; }
.media > .pull_left { margin-right:20px; }
.media > .pull_right { margin-left:20px; }
.media-text:after { clear: both; display: block; content: ""; height: 0px; visibility: hidden; }
.pic_l .image { float:left; margin: 5px 10px 5px 0; }
.pic_r .image { float:right; margin:5px 0 5px 10px; }
.document p { margin-bottom: 10px; }
/*====================================================================================
■06.OTHER
====================================================================================*/
.text_normal { font-weight:normal !important }
.text_bold { font-weight:bold !important }
.text_left { text-align:left !important }
.text_right { text-align:right !important }
.text_center { text-align:center !important }
/*====================================================================================
■07.PAGE UP
====================================================================================*/
.page_up {
	position: absolute;
	top: -40px;
	right: 0;
}
/*====================================================================================
■08.HEADER
====================================================================================*/
#header {
	position: relative;
}
h1.seo { color:#fff; padding:15px 0 10px; font-size:11px; font-weight: normal;}
#header .top { position: relative;}
#header .logo { position: absolute; top: 0; left: 0;}
#header .top_right .work_time li { margin-bottom: 10px; text-align: right;}
#header .top_right .h_nav { text-align: right; display:block;}
#header .top_right .h_nav li { display:inline-block; vertical-align: middle; margin-left: 3px; margin-top:3px; padding-bottom: 25px; padding-top: 5px;}
.h_btncontact a { background: #5c575e; padding: 2px 10px 0; color: #fff; text-decoration: none; display: block; /*margin-top: -10px;*/} 
/*====================================================================================
■09.GOLABLE NAVIGATION
====================================================================================*/
#gnav { width: 1100px; margin: 0 auto; background: url(../common_img/bg_gnav.png) repeat-x top left;  }
#gnav li { float:left; padding:20px 30px;}
#gnav li.home {  padding-left: 230px;}
#gnav li.last {  padding-right: 10px;}
/*====================================================================================
■09.MAIN
====================================================================================*/
#main { color: #fff; font-size: 14px; padding-bottom: 50px;}
#main .side_bar { width: 290px; float: left; }
#main .content { width:680px; float:right; }
#main .side_bar .side_01 .title { padding-bottom: 10px; text-align: center; }
#main .side_bar .side_01 { color: #fff; background-color: #5b5b5b; position: relative; padding: 15px; font-size: 12px;}
#main .side_bar .side_01 .name { padding: 26px 0 15px; font-weight: bold; padding-left: 50px;} 
#main .side_bar .side_01 .img { right: 30px; z-index: 1; top: 125px; position: absolute; }

#main .side_bar .side_02 .title , .side_03 .title { position: relative; background: #000000; padding: 10px 15px; }
#main .side_bar .side_02 .title span { position: absolute; top: 15px; right: 10px; }
#main .side_bar .side_02 {background: #000; padding: 1px; margin-top: 20px; margin-bottom: 20px;}
#main .side_bar .side_02 .side_news { background: #231f15; padding: 15px; padding-right: 10px;  color: #fff; font-size: 12px; font-weight: bold;}
#main .side_bar .side_02 .side_news dl {  height: 200px; overflow: auto;}
#main .side_bar .side_02 .side_news dd  { border-bottom: 1px solid #5c575e; padding-bottom: 10px; margin-bottom: 10px; padding-top: 5px;}
#main .side_bar .side_02 .side_news dd a {  color: #fff; }

#main .side_bar .side_03 {background: #000; padding: 1px;}
#main .side_bar .side_03 .side_03_list {background: #383838; padding: 15px;}
#main .side_bar .side_03 .side_03_list li {background: url(../common_img/side_arow.png) no-repeat right center; border-bottom: 1px solid #5c575e; padding: 15px 0;}
#main .side_bar .side_03 .side_03_list li a {  color: #fff; padding-left: 10px; text-decoration: none;}
#main .side_bar .side_04 { margin-top: 20px;}
#main .side_bar .side_04 dl dt {
    padding-bottom: 10px;
}
#main .side_bar .side_04 dl dd {
    margin-bottom: 15px;
    color: #fff;
}
#main .side_bar .side_04 dl dd.last {
    margin-bottom: 0;
}
.side_fb { margin: 30px auto; border: 6px solid #fff; width:278px;}
#main .side_bar .side_05 .bnr { margin-bottom: 20px;}
#main .side_bar .side_05 li { text-align: center; padding-bottom: 10px;}
#main .btn_text { background: #5c575e; padding: 10px 0px 7px; color: #fff; text-decoration: none; text-align: center; width: 250px; display: block;}
.fz13 { font-size: 13px !important;}
/*==========================================

■10.FOOTER
====================================================================================*/
#footer { margin-top: 50px;}
#footer .m_footer {background:#000000; color:#fff;  width: 1100px; margin: 0 auto; border-top: 5px solid #4b474d; padding-bottom: 50px;}
#footer .f_left { float:left; width:390px; padding:50px 0px; margin-left: 110px;}
.f_tit { font-size: 16px;}
#footer .f_left ul li { display:inline-block; vertical-align: top; padding-top: 10px;}
#footer .f_left ul li.logo { margin-right:12px;}
#footer .f_right { width:500px; float:left; padding-top:50px;}
#footer .f_right .gnav_wrap { margin-left:40px;}
#footer .f_right .gnav_wrap > li { float:left; }
#footer .f_right .gnav_wrap .gnav { width:206px;}
#footer .f_right .gnav_wrap .gnav li.first { padding-left:0; background: none; font-size: 16px;}
#footer .f_right .gnav_wrap .gnav li { margin-bottom: 10px; padding-left:20px;background: url(../common_img/icon_nav.png) no-repeat 10px center;}
#footer .f_right .gnav_wrap .gnav li a { color:#fff;   text-decoration: none;}
#footer .f_right .gnav_wrap .gnav li a:hover { text-decoration: underline; }
/*==========================================