@charset "utf-8";

/*****************************************************************************
■sumu2 common base CSS
*****************************************************************************/
body #fs01-content-area {
  -webkit-text-size-adjust: 100%;
  word-break: break-all;
  word-wrap: break-word;
  font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
  text-align: justify;
  text-justify: inter-ideograph;
}

/* link
-----------------------------------------*/
a:link    {color:#006DAB; text-decoration:none;}
a:visited {color:#006DAB; text-decoration:none;}
a:hover   {color:#006DAB; text-decoration:none;}
a:active  {color:#006DAB; text-decoration:none;}



/* .clrbth .clr_bth
-----------------------------------------*/
.clrbth,.clr_bth{
 clear: both;
 font-size: 0;
 line-height: 0;
}

/* strong
-----------------------------------------*/
strong{
 font-weight:bold;
}

/* mod_main_ad  add20161004
-----------------------------------------*/
.mod_main_ad{
	width: 728px;
	margin: 30px auto;
	padding: 10px;
	border: #BCBCBC 1px solid;
	text-align: center;
	position: relative;
}
.mod_main_ad_pr{
	display: inline-block;
	width: auto;
	color: #ACACAC;
	font-size: 11.2px;
	margin-top: -25px;
	padding: 10px 10px 0 10px;
	background: #fff repeat left top;
	position: absolute;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
.mod_main_ad{
	width:100%;
	padding: 10px 0 10px 0;
	border-left: none;
	border-right: none;
	margin: 20px auto;
}
.mod_main_ad_pr{
	padding: 10px 10px 0 0;
}
}

/* mod_sumairelation
-----------------------------------------*/
.mod_sumairelation{
 margin:0 auto;
 width:967px;
 margin-bottom:45px;
 margin-top: 47px;
}
.mod_sumairelation ul{
  width:974px;
  margin: 0 -7px 0 0;
  position: relative;
  overflow: hidden;
}
.mod_sumairelation ul li{
  float: left;
  width: 317px;
  margin: 0 7px 0 0;
}
.mod_sumairelation ul li a{
  display: block;
  text-align: center;
  font-weight: bold;
  font-size: 90%;
  border: solid 1px #CCC;
}
.mod_sumairelation ul li a img{

}
.mod_sumairelation ul li a span{
  display: table-cell;
  width: 315px;
  vertical-align: middle;
  text-align: center;
  line-height: 1.5;
  height: 66px;
}
.mod_sumairelation ul li a:link    {color:#000; text-decoration:none;}
.mod_sumairelation ul li a:visited {color:#000; text-decoration:none;}
.mod_sumairelation ul li a:hover   {color:#000; text-decoration:none; background:#f1f1f1;}
.mod_sumairelation ul li a:active  {color:#000; text-decoration:none; background:#f1f1f1;}

/* mod_snsblock
-----------------------------------------*/
.mod_snsblock{
 margin:0 auto;
 width:967px;
 margin-bottom: 40px;
  text-align: center;
}
.mod_snsblock p{
  font-size: 90%;
}
.mod_snsblock ul{
  width: 975px;
  margin: 12px -8px 0 0;
  position: relative;
  overflow: hidden;
}
.mod_snsblock ul li{
  float: left;
  width: 187px;
  margin: 0 8px 0 0;
}
.mod_snsblock ul li a,
.mod_snsblock ul li>span{
  display: block;
  padding: 13px 0 17px 0;
  font-size: 80%;
  font-weight: bold;
  border: solid 1px #CCC;
  text-align: center;
  position: relative;
}
.mod_snsblock ul li a span,
.mod_snsblock ul li>span span{
  display: block;
}
.mod_snsblock ul li a img.snsimage,
.mod_snsblock ul li>span img.snsimage{
  margin-top: 15px;
}
.mod_snsblock ul li a img.iconimage,
.mod_snsblock ul li>span img.iconimage{
  position: absolute;
  bottom:5px;
  right: 5px;
}
.mod_snsblock ul li a:link    {color:#000; text-decoration:none;}
.mod_snsblock ul li a:visited {color:#000; text-decoration:none;}
.mod_snsblock ul li a:hover   {color:#000; text-decoration:none; background:#f1f1f1;}
.mod_snsblock ul li a:active  {color:#000; text-decoration:none; background:#f1f1f1;}



/* mod_footer
-----------------------------------------*/
.mod_footer{
 clear:both;
 margin:0 auto;
 width:967px;
 margin-bottom:30px;
}
.mod_footer p.logo{
 margin:0 0 30px 0!important;
 text-align: left!important;
}
/* mod_footer_link */
.mod_footer_link{
  border:solid 1px #CCCCCC;
  font-size:80%;
  line-height:1.3;
  padding:22px 30px 25px 30px;
}
.mod_footer_link dl{
}
.mod_footer_link dl dt{
  float:left;
  width:200px;
  padding:0 0 0 10px;
  font-weight:bold;
}
.mod_footer_link dl dd{
 padding:0 0 5px 210px;
 margin:0 0 10px 0;
 border-bottom:solid 1px #CCCCCC;
}
.mod_footer_link dl dd ul{
 text-align:left;
}
.mod_footer_link dl dd ul li{
 display:inline-block;
 margin:0 20px 5px 0;
 white-space:nowrap;
}
.mod_footer a:link    {color:#006DAB; text-decoration:none;}
.mod_footer a:visited {color:#006DAB; text-decoration:none;}
.mod_footer a:hover   {color:#006DAB; text-decoration:underline;}
.mod_footer a:active  {color:#006DAB; text-decoration:underline;}




/* margin
-----------------------------------------*/
#page #sectionContents .marginBS{
 margin-bottom:10px!important;
}
#page #sectionContents .marginBM{
 margin-bottom:20px!important;
}
#page #sectionContents .marginT0{
 margin-top:0px!important;
}
#page #sectionContents .marginTSS{
 margin-top:5px!important;
}
#page #sectionContents .marginTS{
 margin-top:10px!important;
}
#page #sectionContents .marginTM{
 margin-top:20px!important;
}
#page #sectionContents .marginTL{
 margin-top:30px!important;
}
#page #sectionContents .marginRS{
 margin-right:10px!important;
}

/* ex_opaity
-----------------------------------------*/ 
.ex_opaity a:link    {}
.ex_opaity a:visited {}
.ex_opaity a:hover   {opacity:0.8;}
.ex_opaity a:active  {opacity:0.8;}
/* IE用 ↓*/
.ex_opaity a:hover img {-ms-filter: "alpha( opacity=80 )";}
.ex_opaity a:hover img {filter:alpha(opacity=80);}


/* clearfix
-----------------------------------------*/
.ex_clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.ex_clearfix {
  min-height: 1px;
}
* html .ex_clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}