@charset "utf-8";
/* CSS Document */

/*
============================================================
 共通スタイルシート
============================================================
*/
/*
================= 目次 =================

// 余白設定用クラス指定
// 汎用クラス指定
//------------------------------
// 共通スタイル
//------------------------------
// CSSハック

========================================
*/


/*-------------------------------------
// 余白設定用クラス指定
-------------------------------------*/

/* 【マージン】 */
.mrT0     {margin-top:    0 !important;} .mrThalf {margin-top:    0.5em !important;} .mrT1 {margin-top:    1em !important;} .mrT2 {margin-top:    2em !important;} .mrT3 {margin-top:    3em !important;} .mrT4 {margin-top:    4em !important;} .mrT5 {margin-top:    5em !important;}
.mrB0     {margin-bottom: 0 !important;} .mrBhalf {margin-bottom: 0.5em !important;} .mrB1 {margin-bottom: 1em !important;} .mrB2 {margin-bottom: 2em !important;} .mrB3 {margin-bottom: 3em !important;} .mrB4 {margin-bottom: 4em !important;} .mrB5 {margin-bottom: 5em !important;}
.mrR0     {margin-right:  0 !important;} .mrRhalf {margin-right:  0.5em !important;} .mrR1 {margin-right:  1em !important;} .mrR2 {margin-right:  2em !important;} .mrR3 {margin-right:  3em !important;} .mrR4 {margin-right:  4em !important;} .mrR5 {margin-right:  5em !important;}
.mrL0     {margin-left:   0 !important;} .mrLhalf {margin-left:   0.5em !important;} .mrL1 {margin-left:   1em !important;} .mrL2 {margin-left:   2em !important;} .mrL3 {margin-left:   3em !important;} .mrL4 {margin-left:   4em !important;} .mrL5 {margin-left:   5em !important;}
.mrLR0    {margin-left:   0 !important; margin-right: 0 !important;} .mrLRhalf {margin-left: 0.5em !important; margin-right: 0.5em !important;} .mrLR1 {margin-left: 1em !important; margin-right: 1em !important;} .mrLR2 {margin-left: 2em !important; margin-right: 2em !important;} .mrLR3 {margin-left: 3em !important; margin-right: 3em !important;} .mrLR4 {margin-left: 4em !important; margin-right: 4em !important;} .mrLR5 {margin-left: 5em !important; margin-right: 5em !important;}
.mrLRauto {margin-left: auto !important; margin-right: auto !important;}

/* 【パディング】 */
.pdT0 {padding-top:    0 !important;} .pdThalf {padding-top:    0.5em !important;} .pdT1 {padding-top:    1em !important;} .pdT2 {padding-top:    2em !important;} .pdT3 {padding-top:    3em !important;} .pdT4 {padding-top:    4em !important;} .pdT5 {padding-top:    5em !important;}
.pdB0 {padding-bottom: 0 !important;} .pdBhalf {padding-bottom: 0.5em !important;} .pdB1 {padding-bottom: 1em !important;} .pdB2 {padding-bottom: 2em !important;} .pdB3 {padding-bottom: 3em !important;} .pdB4 {padding-bottom: 4em !important;} .pdB5 {padding-bottom: 5em !important;}
.pdR0 {padding-right:  0 !important;} .pdRhalf {padding-right:  0.5em !important;} .pdR1 {padding-right:  1em !important;} .pdR2 {padding-right:  2em !important;} .pdR3 {padding-right:  3em !important;} .pdR4 {padding-right:  4em !important;} .pdR5 {padding-right:  5em !important;}
.pdL0 {padding-left:   0 !important;} .pdLhalf {padding-left:   0.5em !important;} .pdL1 {padding-left:   1em !important;} .pdL2 {padding-left:   2em !important;} .pdL3 {padding-left:   3em !important;} .pdL4 {padding-left:   4em !important;} .pdL5 {padding-left:   5em !important;}


/*-------------------------------------
// 汎用クラス指定
-------------------------------------*/
/* 横幅*/
.wd1 {width: 15px;}
.wd2 {width: 30px;}
.wd3 {width: 45px;}
.wd4 {width: 60px;}
.wd5 {width: 75px;}
.wd6 {width: 90px;}
.wd7 {width: 105px;}
.wd8 {width: 120px;}
.wd9 {width: 135px;}
.wd10 {width: 150px;}
.wd11 {width: 165px;}
.wd12 {width: 180px;}
.wd13 {width: 195px;}
.wd14 {width: 210px;}
.wd15 {width: 225px;}
.wd16 {width: 240px;}
.wd17 {width: 255px;}
.wd18 {width: 270px;}
.wd19 {width: 285px;}
.wd20 {width: 300px;}
.wd21 {width: 315px;}
.wd22 {width: 330px;}
.wd23 {width: 345px;}
.wd24 {width: 360px;}
.wd25 {width: 375px;}
.wd26 {width: 390px;}
.wd27 {width: 405px;}
.wd28 {width: 420px;}
.wd29 {width: 435px;}
.wd30 {width: 450px;}
.wd31 {width: 465px;}
.wd32 {width: 480px;}
.wd33 {width: 495px;}
.wd34 {width: 510px;}
.wd35 {width: 525px;}
.wd36 {width: 540px;}
.wd37 {width: 555px;}
.wd38 {width: 570px;}
.wd39 {width: 585px;}
.wd40 {width: 600px;}
.wd41 {width: 615px;}
.wd42 {width: 630px;}
.wd43 {width: 645px;}
.wd44 {width: 660px;}
.wd45 {width: 675px;}
.wd46 {width: 690px;}
.wd47 {width: 705px;}
.wd48 {width: 720px;}
.wd49 {width: 735px;}
.wd50 {width: 750px;}

/* 横幅（％指定） */
.wdPer100 {width: 100%;}
.wdPer95  {width:  95%;}
.wdPer90  {width:  90%;}
.wdPer85  {width:  85%;}
.wdPer80  {width:  80%;}
.wdPer75  {width:  75%;}
.wdPer70  {width:  70%;}
.wdPer65  {width:  65%;}
.wdPer60  {width:  60%;}
.wdPer55  {width:  55%;}
.wdPer50  {width:  50%;}
.wdPer45  {width:  45%;}
.wdPer40  {width:  40%;}
.wdPer35  {width:  35%;}
.wdPer30  {width:  30%;}
.wdPer25  {width:  25%;}
.wdPer20  {width:  20%;}
.wdPer15  {width:  15%;}
.wdPer10  {width:  10%;}
.wdPer5  {width:  5%;}

/* 横幅（px指定） */
.wdPx500 {width: 500px;}
.wdPx450  {width:  450px;}
.wdPx400  {width:  400px;}
.wdPx350  {width:  350px;}
.wdPx310  {width:  310px;}
.wdPx300  {width:  300px;}
.wdPx250  {width:  250px;}
.wdPx200  {width:  200px;}
.wdPx150  {width:  150px;}
.wdPx100  {width:  100px;}
.wdPx70  {width:  70px;}
.wdPx60  {width:  60px;}
.wdPx50  {width:  50px;}
.wdPx40  {width:  40px;}
.wdPx30  {width:  30px;}
.wdPx20  {width:  20px;}
.wdPx10  {width:  10px;}

/* 横幅（px指定） */
.heiPx200  {width:  200px;}
.heiPx150  {width:  150px;}
.heiPx100  {width:  100px;}
.heiPx50  {width:  50px;}
.heiPx40  {width:  40px;}
.heiPx30  {width:  30px;}
.heiPx20  {width:  20px;}
.heiPx10  {width:  10px;}

/* 行間 */
.lineH08 { line-height: 0.8;}
.lineH09 { line-height: 0.9;}
.lineH10 { line-height: 1.0;}
.lineH11 { line-height: 1.1;}
.lineH12 { line-height: 1.2;}
.lineH13 { line-height: 1.3;}
.lineH14 { line-height: 1.4;}
.lineH15 { line-height: 1.5;}
.lineH16 { line-height: 1.6;}
.lineH17 { line-height: 1.7;}
.lineH18 { line-height: 1.8;}
.lineH19 { line-height: 1.9;}
.lineH20 { line-height: 2.0;}

/* 文字サイズ */
.sizeR  { font-size: 1.0em;}
.sizeN  { font-size: 1.0em;}
.sizeL  { font-size: 1.1em;}
.sizeLL { font-size: 1.2em;}
.size3L { font-size: 1.4em;}
.sizeXL { font-size: 1.6em;}
.sizeS  { font-size: 0.9em;}
.sizeSS { font-size: 0.8em;}
.size3S { font-size: 0.7em;}
.sizeXS { font-size: 0.5em;}

/* テキスト色 */
.blackFont  { color: #000;}
.redFont    { color: #F00;}
.blueFont   { color: #00F;}
.redFontD   { color: #C00;} /* 少し濃いDeep */
.grayFont   { color: gray;}
.silverFont { color: silver;}

/* テキスト太字 */
.boldFont { font-weight:bold;}

/* 文字寄せ */
.align-center {text-align: center !important;}
.align-left   {text-align: left   !important;}
.align-right  {text-align: right  !important;}
.align-middle {display: table-cell; vertical-align: middle !important;}

/* フロート */
.float-left   {float:left;}
.float-right  {float:right;}
.float-clear  {clear:both;}

/* 文字装飾 */
.text-underline {text-decoration: underline;}
.text-none-decoration {text-decoration: none;}

/* ボーダー */
.border-none {border: none !important;}

/* 表示設定 */
.disp-none         {display: none;}
.disp-block        {display: block;}
.disp-inline       {display: inline;}
.disp-inline-block {display: inline-block;}
.disp-table-cell   {display: table-cell;}


/*-------------------------------------
// 共通スタイル
-------------------------------------*/
/* 本文基本スタイル（ヘッダーフッター以外） */
p:not(header):not(footer) {
	line-height: 1.6;
	font-size: 1.1em;
}

/* テキストリンクカラー */
a:link		{	color: #333;	text-decoration:underline;}
a:visited	{	color: #333;	text-decoration:none;}
a:active	{	color: #333;	text-decoration:none;}
a:hover		{	color: #333;	text-decoration:none;}
a, a:hover {
	-o-transition: 0.25s ease-out;
	-webkit-transition:0.25s ease-out;
	-moz-transition:  0.25s ease-out;
	transition: 0.25s ease-out;
}
#details table tr td a:link:not(.btn),
#details table tr td a:visited:not(.btn)	{
    color: #31b1ec;
}

/* フォント */
@font-face{ 
  font-family: 'mplus-1p-bold';
  src: url('font/mplus-1p-bold.eot');
  src: url('font/mplus-1p-bold.eot?#iefix') format('embedded-opentype'),
       url('font/mplus-1p-bold.woff') format('woff'),
       url('font/mplus-1p-bold.ttf') format('truetype');
}

/*-------------------------------------
// メッセージ
-------------------------------------*/
.msg {
	font-weight: ;
	font-size: 1.05em;
	background: none no-repeat scroll 26px 50% #FFFCF6;
	border: 1px solid #BFA7A7;
	color: #4F3636;
	width: 85%;
	margin: 20px auto 20px;
	padding: 14px 30px 11px 60px !important;
	border-radius: 2px;
}
@media (max-width: 768px) {
	/* スマートフォン以下専用スタイル */
	.msg {
	    width: 80%;
	    padding: 14px 16px 11px 56px;
	}
}
.msg ul li {
	line-height: 1.2;
	margin: 0.3em 0 0.3em 1em;
	/*text-indent: -1em;*/
	list-style-type: none !important;
}
/* デフォルト */
.msg-default {
	text-align: center;
}
/* 通常メッセージ */
.msg-info {
	background-image: url(../image/ico_info.png);
}
/* 完了メッセージ */
.msg-ok {
	background-image: url(../image/ico_check.png);
	background-color: #eff5ff;
	border-color:     #3778df;
}
.msg-ok,
.msg-ok * {
	color: #2057af;
}
/* エラーメッセージ */
.msg-ng {
	background-image: url(../image/ico_ng.png);
	background-color: #FFF1EF;
	border-color:     #EF6868;
}
.msg-ng,
.msg-ng * {
	color: #DF0D0D;
}

.msg-ng-p{
	color: #DF0D0D;
}
/* ワーニングメッセージ */
.msg-warning {
	background-image: url(../image/ico_warning.png);
	background-color: #FFF8EE;
	border-color:     #DA861F;
}
.msg-warning,
.msg-warning * {
	color: #7D3F00;
}
/* デバッグメッセージ */
.msg-debug {
	background-image: url(../image/ico_debug.png);
	background-color: #EEE;
	border-color:     #999;
}
.msg-debug,
.msg-debug * {
	color: #444;
}

/* TOPクローズメッセージ */
div#top_msg .msg {
	margin-top: 30px;	
}
div#top_msg .msg ul li{
	font-weight: bold;
	font-size: 1.3em;	
}

/* デフォルメ文字(404など) */
.shocking-text {
	text-align: center;
	color: #fff;
	display: block;
	font-size: 100px;
	font-weight: 300;
	line-height: 1;
	text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15);
	font-family: "arial",sans-serif;
	opacity: 0.40;
	-moz-opacity: 0.40; /* Firefox */
	filter: alpha(opacity=40); /* IE6/7 */
	-ms-filter: "alpha(opacity=40)"; /* IE8 */
}

/*-------------------------------------
// 管理へ戻る・固定ページ・新着情報
-------------------------------------*/
a.return_knri_btn{
    display: block;
    width: 100%;
    text-align: center;
    height: auto;
    text-decoration: none;
    color: #fff;
    font-size: 2.6em;
    padding: 22px 0 18px 0;
    background-color: rgba(0,0,0,.9);
/*  border-bottom: 1px solid #000;  */
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.6);
    position: relative;
    top: -1px;
}
a.return_knri_btn {
	transition: color 200ms ease-in-out 0s, background-color 200ms ease-in-out 0s, border-color 200ms ease-in-out 0s, box-shadow 200ms ease-in-out 0s, z-index 200ms ease-in-out 0s;
}
a.return_knri_btn:hover {
    background-color: rgba(0,0,0,.5);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}
a.return_knri_btn:active {
    background-color: rgba(0,0,0,.9);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.6);
    top: 0px;
}
p.pagedate {
	text-align: right;
	margin-right: 20px;
	font-weight: bold;
	font-size: 1.2em;	
}

/* noscript */
noscript>div>div {
    background: #b50000;
    background-color: #bd0000;
    color:#fff !important;
    padding: 20px 0;
}
@media (max-width: 768px) {
	/* スマートフォン以下専用スタイル */
	noscript>div>div {
	    margin-top:45px;
	}
}
noscript>div>div p {
    text-align: center;
}
noscript>div>div p a{
    color:#fff !important;
}

/* コンテンツ内画像 */
div#details  img ,
body#details img {
	max-width: 99%;				/* 巨大画像はみ出し防止 */
	height: auto !important;	/* 縦横比強制固定 */
	margin: 0.5em 1em;			/* for 回り込み */
}

/* コンテンツ内テーブル */
#details .section>table ,
#details  section div>table {
	margin-left: 1em;
	margin-right:1em;
	max-width: 100%;
}

#details .section table th ,
#details .section table td ,
#details  section table th ,
#details  section table td {
	min-width: 100px;
	border: 1px solid #AAA;
	padding: 5px 3px 3px 5px;
}
#details .section table th ,
#details  section table th {
	font-weight: bold;
	background-color: #EAF5FA;
}

/* placeholder各ベンダープレフィックスが取れた標準版 */
form input:placeholder-shown ,  form textarea:placeholder-shown{
    color: #999; }

/* Google Chrome, Safari, Opera 15+, Android, iOS */
form input::-webkit-input-placeholder , form textarea::-webkit-input-placeholder{
    color: #999; }

/* Firefox 18- */
form input:-moz-placeholder , form textarea:-moz-placeholder {
    color: #999; opacity: 1; }

/* Firefox 19+ */
form input::-moz-placeholder , form textarea::-moz-placeholder{
    color: #999; opacity: 1; }

/* IE 10+ */
form input:-ms-input-placeholder , form textarea:-ms-input-placeholder{
    color: #999; }


/*-------------------------------------
// CSSハック
-------------------------------------*/

/* モダンブラウザ（Firefox Opera Safari）対策 */
.clearfix:after,
.inner:after,
footer:after,
#contents:after {
	content:".";
	display:block;
	height: 0.1px; 
	clear:both;
	visibility:hidden;
	font-size: 0.1em;
	line-height: 0;
	overflow: hidden;

}

/* Win版IE7とMac版IE5対策 */
.clearfix,
.inner,
footer,
#contents{
   display:inline-block;
   min-height: 1%; 
}

/* Win版IE5および6対策 */
/* Hides from IE-mac \*/
* html .clearfix,
* html .inner,
* html footer,
* html #contents{
	height: 1%;  
}

.clearfix,
.inner,
footer,
#contents {
   display:block;
}
/* End hide from IE-mac */