@charset "utf-8";
@import url("./common/css/fontface.css");

/* Init
----------------------------------------------*/
body:before {
  display: none;
  content: '';
  /*display: block;*/
  width: 100%;
  height: 100%;
  position: fixed;
  top:0;
  left: 0;
  background-image: url(./common/img/grid32.png);
  z-index:10;
}
* {
  margin:0px; padding:0px; behavior:url("common/js/iepngfix.htc");
  /*font-feature-settings: "palt" 1;*/ /*句点にまで効く*/
  font-feature-settings: "pwid" 1; /* プロポーショナル字形に置き換える（パーレンには効くが句読点と鉤括弧には効かない） */
}
html , body { height:100%; }
body {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", 'Lucida Grande','Segoe UI','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", Meiryo,'メイリオ',sans-serif;
  font-size:14px !important; font-size:0.88em; line-height:2.3; text-align:center; letter-spacing: 0.02em;
}
body:not(.topPage){
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
body:not(.topPage) noscript {
  display: table-cell;
  width: 10000px;
  height: 600px;
  vertical-align: middle;
}
/*p span , td span , section li { font-feature-settings: "palt" 1; }*/
li p {
  margin-bottom: 0;
}
p.punctuation {

}
.clear  { clear:both; height:1px; overflow:hidden; float:none; width:auto; }
input[type="text"],input[type="password"],textarea,select,input,label { /*ui操作で青い線が出るのを消す*/
	-ms-user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	outline: none;
}
img { border:none; vertical-align:bottom; max-width:100%; height:auto; }
html>/**/body img { width /*\**/: inherit\9; } /*IE8のみ*/
#designBg { display: none; width:100%; height:auto !important; height:100%; min-height:100%; /*overflow:hidden;*/ position:relative; overflow-x: hidden; }
strong { font-weight: bolder; color:#a90050; }
/* Link */
a { /* \*/ overflow:hidden; /* */ text-decoration: none; }
a:link , a:visited { color:#006BB4; }
h3 a:link , h3 a:visited { color:#000; }
a:hover , a:active { color:#a90050; }
article a:hover { color:#a90050; }
/* Line */
hr { border-style:solid none none none; border-top-width:3px; border-top-color:#F5E6C1; height:1px; margin:1em 0px 1.5em 0px; clear:both; }
/* List */
/* ul */
section ul , section ul li , section ol , section ol li { list-style: none; }
.contents section ul { margin-bottom:2.3em; }
.contents section ul:last-child { margin-bottom: 0; }
.contents section ul li{
	list-style:none;
	padding:0 0 0 1.57em;
	background-image:url(common/img/list_mark.svg);
	background-repeat: no-repeat;
	background-position: 7px 14px;
}
.contents section ul.iroha li {
  text-indent: -1.57em;
  background-image: none;
  list-style:none;
}
/* ul.attention または ul.atteintions 直下の li のマーカーを「※」に */
.contents section ul.attention li,
.contents section ul.attentions li {
  background-image: none;
}
@media all {
  .contents section ul.attention,
  .contents section ul.atteintions {
    padding-left: 1.25em;    /* マーカー分インデント */
    font-size:85%;
  }
  .contents section ul.attention > li,
  .contents section ul.atteintions > li {
    position: relative;
  }
  .contents section ul.attention > li::before,
  .contents section ul.atteintions > li::before {
    content: "※";
    position: absolute;
    left: 0em;
  }
}
/* ol */
.contents section ol {
  counter-reset:li; /* Initiate a counter */
  /*padding:5px; /* Remove the default left padding */*/
	margin-bottom:2.3em;
}
.contents section ol li {
  position:relative; /* Create a positioning context */
  /*margin:0 0 2px 2.0em; /* Give each list item a left margin to make room for the numbers */
  margin-left: 1.57em;
  position: relative;
}
.contents section ol li:before {
  content:counter(li); /* olカウンタをコンテンツとして扱う */
  counter-increment:li; /* コンテンツとしたカウンタをインクリメントする */
  /* Position and style the number */
  position:absolute;
  top: 0.7em;
  left:-1.57em;
  display: inline-block;
  width:1.2em;
  height: 1.2em;
  line-height:130%;
  padding:0px;
  border: 1px solid #333;
  text-align:center;
  font-size:85%;
  border-radius: 0.7em;
  text-indent: 0;
  font-family:NotoSansJP-Regular, /*"游ゴシック", "Yu Gothic", YuGothic,*/ "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Arial,"メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif;
}
.contents section ol.annotation {
  /*background-color: #EEE;*/
  margin-top: 2.8em;
  font-size: 85%;
  line-height: 32px;
}
.contents section ol.annotation li:before {
  border: none;
  font-size: 100%;
}
/* child level list */
.contents section ol li ol li:before {
  border: none;
  font-size: 100%;
  top:0.5em;
  text-align: left;
  width: 1.4em;
  content:counter(li)'.';
  font-weight: bold;
}
.contents section ol li ul {
  margin-bottom: 0;
}
.contents section ol li ul li {
  background-image: none;
  list-style-type: lower-roman;
  margin-left:1.6em;
  padding-left: 0.5em;
  /*list-style-position: inside;*/
  /*text-indent: -1.6em;*/
}
.contents section ol li ul li:before {
  display: none;
}
.contents section ul li ol {
  margin-left: 1.6em;
}
/* Size */
.small { font-size:85%; line-height:100%; }
.large { font-size:125%; }
/* Align */
.txt-r { text-align:right; }
.txt-center { text-align:center; }
/* Color */
.txt-red { color:#9F275E; display:inline; }
/* img */
.img-border { border:1px solid #E7E7E7; padding:10px; }
 /* zoom Icon */
html body a.zoomIcon { display:inline-block; max-width:100%; box-sizing:border-box; position:relative; line-height:0px; vertical-align:bottom; border:1px solid #EDEDED; padding:1.5em; background-color:#FFF; margin:0px 0px 0.3em 0px; display:inline\9; zoom:1\9; padding:0px\9; /* \9はIE8 */ }
html body a.zoomIcon span{ position:absolute; right:0; bottom:0; display:inline-block; width:22px; height:22px; background-image:url(./common/img/lightbox/glass.png); background-repeat:no-repeat; }
/* msg for test */
#msg{ position:absolute; top:0; right:0; background-color:#FC9; padding:12px; display: none; }
div.phTest { width:50%; margin:auto; }

/* Table
----------------------------------------------- */
table { border-collapse:collapse; /*border-top:12px solid #FFF; width:auto; border-left:12px solid #FFF;*/ margin-bottom:4.2em; width:100%; border-top:1px solid #e7e7e7; border-left:1px solid #e7e7e7; }
tr.moderate td , tr.moderate th , .moderate { background-color: #f5f5f5; }
td , th { /*border-right:12px solid #FFF; border-bottom:12px solid #FFF;*/ padding:12px 18px; border-right:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; }
th { background-color:#F0F0F0; white-space:nowrap; }
table.noborder {
	border:none;
	width: auto;
}
table.noborder th , table.noborder td {
	border:none;
	background-color: transparent:inherit;
	background: none;
	padding: 0 2em 0 0;
  vertical-align: top;
}

/* placeholder
----------------------------------------------- */
/* 各ベンダープレフィックスが取れた標準版！！(http://caniuse.com/#search=placeholder-shown) */
:placeholder-shown {
    color: #9e9891; font-size: 85%; }

/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder {
    color: #9e9891; font-size: 85%; }

/* Firefox 18- */
:-moz-placeholder {
    color: #9e9891; opacity: 1; font-size: 85%; }

/* Firefox 19+ */
::-moz-placeholder {
    color: #9e9891; opacity: 1; font-size: 85%; }

/* IE 10+ */
:-ms-input-placeholder {
    color: #9e9891; font-size: 85%; }

/* Pager
----------------------------------------------*/
#pager{
	text-align:center;
  margin-top: 50px;
	/*margin-bottom:35px;*/
	clear:both;
  font-size:15px !important;
  font-size:0.94em;
}
ul.page-numbers {
  font-size: 0;
}
.contents ul.page-numbers li {
  display: inline-block;
  padding: 0;
  font-size:14px !important; font-size:0.88em;
	background-image: none;
}
a.page-numbers, #pager .current{
	background:#FBFBFB;
	border:solid 2px #000;
	padding:11px 14px;
	margin:0 6px;
	color:#262626;
	text-decoration:none;
}
#pager .current{
	background:#262626;
	border:solid 1px #000;
	color:#FFF;
}
a.page-numbers.next , a.page-numbers.prev { display: none; }

/*
  Loading
-------------------------------------------------*/
#loader-bg {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #FFF;
	z-index: 60000;
}
#loader {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 264px;
	height: 166px;
	margin-top: -83px;
	margin-left: -132px;
	text-align: center;
	z-index: 2;
}
#loader noscript .txt { text-align:left; font-size:110%; padding:10px 0px; }

/* Scroll Bar
----------------------------------------------*/
/*Scroll bar nav*/
/*::-webkit-scrollbar {
  width:7px;
}
::-webkit-scrollbar-track {
}
::-webkit-scrollbar-track-piece {
	background-color:#EBEBEB;
}
::-webkit-scrollbar-thumb {
  background-color:#CBCBCB;
  -webkit-border-radius:5px;
  cursor:pointer;
}
::-webkit-scrollbar-thumb:hover{
  background-color:#FFC55D;
  cursor:pointer
}
::-webkit-scrollbar-thumb:active {
  background-color:#FFC55D;
  cursor:pointer
}
::-webkit-scrollbar-button:decrement ,
::-webkit-scrollbar-button:increment {
  display:none
}*/

/* Cols
----------------------------------------------- */
/*.colSpacer { height:10px; width:3%; float:left; }
.cols2 { width:48.5%; float:left; vertical-align:bottom; }
.cols3 { width:31.3%; float:left; }
.enclose .cols3 { width:31.3%; }
.cols4 { width:22.6%; float:left; }
.cols5 { width:17.5%; float:left; }*/

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(min-resolution:1.5dppx),
(min-resolution:144dpi) {
	/*.contents section ul li{
		background:url(common/img/list_mark_x2.png);
		background-size: 14px 14px;
		background-repeat: no-repeat;
		background-position: 3px 0.8em;
	}*/
}