@charset "utf-8";

/* -------------------------------
ページ全体のデザイン
------------------------------- */

body {
  margin: 0;
  padding: 0;
　background-color: #fff;
  text-align: left;
  font-size:80%;
  line-height:1.5;
  color: #4d4d4d;
  font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProsN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; 
}

#contentsArea {
	width: 980px;
	margin: 30px auto 0 auto;
	box-sizing:content-box;
}

@media only screen and (max-width: 768px) {
	/*
	body {
	  font-size:75%;
	  line-height:1.3;
	}
	*/
	#contentsArea {
		width: 100%;
		margin: 0 auto;
		box-sizing:content-box;
	}	
	
}


/* -------------------------------
Reset
------------------------------- */
*{
  margin:0;
  padding:0;
}

#table{
  font-size:inherit;
}

th{
  text-align:left;
  font-weight:normal;
}

img{
  border:0;
  vertical-align: text-bottom;
}

a{
  text-decoration:underline;
  overflow: hidden;
}

a:link{
  color:#2391EB;
  text-decoration:underline;
}

a:visited{
  text-decoration:underline;
  color:#2391EB;
}

a:hover{
  color:#2391EB;
  text-decoration:none;
  /*text-decoration:underline;*/
}

a:active{ color:#000;}

a {word-break: break-all;}

.bold {	font-weight:bold!important;}
.normal{ font-weight: normal!important;}
.t-l{text-align: left!important;}
.t-r{text-align: right!important;}
.t-c{text-align: center!important;}

.text-SS{font-size:0.8em;}
.text-S{font-size:0.9em;}
.text-M{font-size:1.0em;}
.text-L{font-size:1.2em;}
.text-LL{font-size:1.4em;}

ul , li { list-style:none;}

.m0auto { display:block;margin:0 auto; }
.mt5 { margin-top:5px!important;; }
.mt10 { margin-top:10px!important;; }
.mt15 { margin-top:15px!important;; }
.mt20 { margin-top:20px!important;; }
.mt30 { margin-top:30px!important;; }
.mt40 { margin-top:40px!important;; }
.mt50 { margin-top:50px!important;; }
.mb0 { margin-bottom: 0!important; }
.mb5 { margin-bottom: 5px!important;; }
.mb10 { margin-bottom: 10px!important;; }
.mb15 { margin-bottom: 10px!important;; }
.mb20 { margin-bottom: 20px!important;; }
.mb30 { margin-bottom: 30px!important;; }
.mr5 { margin-right:5px!important;; }
.mr10 { margin-right:10px!important;; }
.mr15 { margin-right:15px!important;; }
.mr20 { margin-right:20px!important;; }
.mr30 { margin-right:30px!important;; }
.mr40 { margin-right:40px!important;; }
.mr50 { margin-right:50px!important;; }

.bd0{border:none!important;}

.red{color:#c00;}
.blue{color:#00c;}

.ind-10{
	text-indent: -1em;
	padding-left:1em;
}

/* -------------------------------
clearfix
------------------------------- */
/* float */
.f-l{float: left;}
.f-r{float: right;}
.f-n{float: none;}

.clearfix:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix{ display:inline-block;}

/* Hides from IE-mac \*/
*html .clearfix{ height:1%;}
.clearfix{ display:block;}
/* End hide from IE-mac */

html>/**/body #h_navi{ display:block;}


/*-- Block 表示/非表示 --*/
.IS-PC{ display:block;}
.IS-SP{ display:none;}
@media screen and (max-width: 768px) {
.IS-PC{ display:none;}
.IS-SP{ display:block;}
}