@charset "UTF-8";

/* ****************************************************
Title: base.css
***************************************************** */
a:link    {color:#52524B; text-decoration:underline;}
a:visited {color:#52524B; text-decoration:underline;}
a:hover   {color:#52524B; text-decoration:none;}
a:active  {color:#52524B; text-decoration:underline;}


/* # body
---------------------------------------------------------------------------- */
body {padding-bottom: 2em;}
body .sp_dis {display: none;}

.w1000{width:1000px;margin-right:auto;margin-left:auto;}
.w100{width:100%;}

/* # header
---------------------------------------------------------------------------- */
#header {height: 85px;}
#header #site_des {font-size: 75%;}
#head_nav ul {display: table;table-layout: fixed;}
#head_nav ul li {display: table-cell;border-right: dotted 1px #52524B;width: 115px;text-align: center;font-size: 85%;padding-top: 3px;height: 20px;}
#head_nav ul li:first-child {border-left: dotted 1px #52524B;width: 145px;}
#head_nav ul li a {text-decoration: none;background-position: left center;background-repeat: no-repeat;padding-left: 25px;padding-top: 2px;}
#head_nav ul li a:hover{text-decoration: underline;}
#head_nav ul li.blog_seminar a {background-image: url(../images/icon_blog.png);}
#head_nav ul li.blog_news a {background-image: url(../images/icon_blog.png);}
#head_nav ul li.contact a {background-image: url(../images/icon_mail.png);}
#head_nav ul li.comapny a {background-image: url(../images/icon_com.png);}

#logo {margin-top: 10px;}

/* # pagebody
---------------------------------------------------------------------------- */
#pagebody {font-size: 94%;color: #52524B;}

/* # gNavi
---------------------------------------------------------------------------- */
#nav {margin-top: 20px}
#nav ul li {float: left;text-align: center;}
#nav ul li:first-child a {border-left:solid 1px #52524B;}
#nav ul li a{padding: 0 25px;text-decoration: none;border-right: solid 1px #52524B;}
#nav ul li.current a,
#nav ul li a:hover {color: #FFF; background: #F7303F;}
#nav ul li a:hover{text-decoration: underline;}

/* #va
---------------------------------------------------------------------------- */
#va img {width: 100%;}

/* # breadcrumb
---------------------------------------------------------------------------- */
#breadcrumb {width: 100%; padding: 5px 0; border-bottom: dashed 1px #52524B;text-align: left; margin-bottom: 50px}
#breadcrumb .bread_wrap {width: 1000px; margin-left: auto;margin-right: auto;}
#breadcrumb .bread_wrap li {display:inline;}
#breadcrumb .bread_wrap li a {text-decoration: none; color: #1F5F84;}
#breadcrumb .bread_wrap li a:hover {text-decoration: underline;}

/* # page_title
---------------------------------------------------------------------------- */
.page_title {margin-left:  auto;margin-right: auto; margin-bottom: 50px;}

/* # footer
---------------------------------------------------------------------------- */
#footer #f_cont {text-align: center;margin-bottom: 1em;}
#footer .address {text-align: center;}
#footer .sp_address {text-align: center;font-size: 115%}
#footer .sp_address span {color:#F7303F;font-weight: bold;}


/* その他
---------------------------------------------------------------------------- */
.imgover,
.blank {}

.dis_none {display: none;}
body .sp_dis {display: none;}

.bold{font-weight:bold;}
.red {color:red;}
.fl {float:left;}
.fr {float:right;}


.flex {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.jc_sb {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.jc_ce {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.fl_wp {
    flex-wrap: -webkit-wrap;
    flex-wrap: -moz-wrap;
    -ms-flex-wrap: -ms-wrap;
    flex-wrap: -ms-wrap;
    flex-wrap: wrap;
}

.ai_ce {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/* ----------------------------------------
  マージン設定
---------------------------------------- */
.m0{margin:0px;}
.m5{margin:5px;}
.m10{margin:10px;}
.m15{margin:15px;}
.m20{margin:20px;}
.m30{margin:30px;}
.m40{margin:40px;}

.mt0{margin-top:0px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}

.mr0{margin-right:0px;}
.mr3 {
	margin-right:3px;
}
.mr5{margin-right:5px;}

.mr10 {
	margin-right:10px;
}

.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}

.ml0{margin-left:0px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}

.mb0{margin-bottom:0px !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;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb55{margin-bottom:55px !important;}

/* ----------------------------------------
  余白設定
---------------------------------------- */
.p0{padding:0px;}
.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.p30{padding:30px;}
.p40{padding:40px;}

.pl0{padding-left:0px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}

.pr0{padding-right:0px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr40{padding-right:40px;}

.pt0{padding-top:0px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}

.pb0{padding-bottom: 0px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}

.ptb0{padding-bottom: 0px;padding-top: 0px;}
.ptb5{padding-bottom: 0px;padding-top: 0px;}
.ptb10{padding-bottom: 10px;padding-top: 10px;}
.ptb15{padding-bottom: 15px;padding-top: 15px;}
.ptb20{padding-bottom: 20px;padding-top: 20px;}
.ptb30{padding-bottom: 30px;padding-top: 30px;}
.ptb40{padding-bottom: 40px;padding-top: 40px;}

.plr0{padding-left: 0px;padding-right: 0px;}
.plr5{padding-left: 0px;padding-right: 0px;}
.plr10{padding-left: 10px;padding-right: 10px;}
.plr15{padding-left: 15px;padding-right: 15px;}
.plr20{padding-left: 20px;padding-right: 20px;}
.plr25{padding-left: 25px;padding-right: 25px;}
.plr30{padding-left: 30px;padding-right: 30px;}
.plr40{padding-left: 40px;padding-right: 40px;}

/* ----------------------------------------
  行間
---------------------------------------- */
.lh110{line-height:110%;}
.lh120{line-height:120%;}
.lh130{line-height:130%;}
.lh140{line-height:140%;}
.lh150{line-height:150%;}
.lh160{line-height:160%;}
.lh170{line-height:170%;}
.lh180{line-height:180%;}
.lh190{line-height:190%;}
.lh200{line-height:200%;}

/* clearfix
---------------------------------------------------------------------------- */

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/* rwd nav 
=================================*/
@media screen and (max-width: 740px) {


body .pc_dis {display: none;}
body .sp_dis {display: block;}

#header {height: 55px;}

.w1000{width:100%;margin-right:auto;margin-left:auto;}
/* common swd
---------------------------------------------------------------------------- */
body .fl,
body .fr {
	float:none;
}

.fl_swd {float:left;}
.fr_swd {float:right;}


.w100{
	width: 100% !important;
}

/* # pagebody
---------------------------------------------------------------------------- */
#pagebody {font-size: 115%;color: #52524B;}

#breadcrumb .bread_wrap {width: 95%; padding-left: 0.7em;}

/* clearfix
---------------------------------------------------------------------------- */

.clearfix_swd:after {
  content: ".";  
  display: block;
  clear: both;
  height: 0;
  
}

.clearfix_swd {
  min-height: 1px;
}

* html .clearfix_swd {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


}