@charset "UTF-8";



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

default.css

リセット項目・body初期設定・回り込み解除・リンク色用
ボックス／マージン／フロート等　各モジュール用

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



/* リセット
-------------------------------------------------------------------------------------------------------- */
html,body,div,h1,h2,h3,h4,h5,h6,
p,blockquote,pre,address,
ul,ol,li,dl,dt,dd,
form,fieldset,input {
	margin:        0px;
	padding:       0px;
}
img {
	max-width: 100%;
	height: auto;
	margin:        0px;
	padding:       0px;
	border:        0px;
	line-height:   0;
	/*vertical-align: bottom;*/ /* IEで下が空くバグを回避 */
}
ul,ol {list-style-type: none;}

table {font-size:     100%;}





/* bodyデフォルト指定　（win-ie.cssにハック有り）
-------------------------------------------------------------------------------------------------------- */
body {
	color:        #333333;
	font:         14px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ","ＭＳ Ｐゴシック",Osaka,"MS PGothic",Arial,Verdana,sans-serif;
	*font-size:   small; /* IE 7向け */
	*font:        x-small; /* IE 6以下 */
	line-height:  1.7;
	
	overflow-y: hidden; /* Windowsでモーダル表示時にページ内の要素が少しずれるのを解消／Winのみに表示されるスクロールバーの非表示 */
}





/* 回り込み解除指定
-------------------------------------------------------------------------------------------------------- */

/* 通常解除指定 */
.clearbt {
	clear:  both;
	height: 1px;
    width: 100%;
    display: block;
}

/* overflow解除指定 */
.clearof {
	overflow: hidden;
}


/* clearfix
------------------------------------------------------------ */
.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 */
/* --------------------------------------------------------- */


/* 区切り線指定 */
.hrline {
	margin:  0px;
	padding: 0px;
	display: none;
}




/* リンク色
-------------------------------------------------------------------------------------------------------- */
a:link {
	/*color:           #0457C3;*/
	color:           #004196;
	text-decoration: underline;
}

a:visited {
	/*color:           #0457C3;*/
	color:           #004196;
	text-decoration: underline;
}

a:hover {
	/*color:           #0457C3;*/
	color:           #004196;
	text-decoration: none;
}

a:active {
}


/* リスト　リンク指定 */
li a:link {
	/*color:           #0457C3;*/
	color:           #004196;
	text-decoration: underline;
}
li a:visited {
	/*color:           #0457C3;*/
	color:           #004196;
	text-decoration: underline;
}
li a:hover {
	/*color:           #0457C3;*/
	color:           #004196;
	text-decoration: none;
}





/* フォント指定　（デフォルト13px）
-------------------------------------------------------------------------------------------------------- */

/* フォントサイズ */
.text10 {font-size:  77%;}
.text11 {font-size:  85%;}
.text12 {font-size:  93%;}
.text13 {font-size:  100%;}
.text14 {font-size:  108%;}
.text15 {font-size:  116%;}
.text16 {font-size:  123.1%;}
.text17 {font-size:  131%;}
.text18 {font-size:  138.5%;}

.text_smaller {font-size:  smaller;}
.text_xsmaller {font-size:x-small;}


/* フォントノーマル */
.normal {font-weight:	normal;}


/* フォントイタリック */
.italic {font-style:     italic;}


/* フォントボールド */
.bold {font-weight:    bold;}


/* 取消線 */
.strike {text-decoration: line-through;}


/* フォントカラー */
/*.blue {color:   #0062C4;}*/
.blue {color:   #004196;}
.red {color:    #CC0000;}
.pink {color:   #CE6262;}
.green {color:  #339966;}
.aqua {color:   #0099A6;}
.orange {color: #E07A00;}
.white {color: #FFFFFF;}

.dblue {color:   #006CB8;}
.mazenta {color: #D90170;}
.lgreen {color:  #3BA530;}
.dorange {color: #ED6D00;}
.purple {color:  #6B1586;}





/* flexbox　汎用指定
-------------------------------------------------------------------------------------------------------- */
.flex {display: flex;}
.jc_sb {justify-content: space-between;}
.align_a {align-items: center;}
.flex_wrap {
	display: flex;
	flex-wrap: wrap;
}

/* スマホ時　flex解除 */
@media screen and (max-width:767px) {
    .sp_noflex {
        display: block !important;
    }
}





/* 左右フロート　汎用指定
-------------------------------------------------------------------------------------------------------- */
.floatL {float:    left;}
.floatR {float:   right;}

@media screen and (max-width:767px) {
	.floatN_max767 {
		float: none;
	}
}


/* カラム　マージン汎用指定
-------------------------------------------------------------------------------------------------------- */

/* 下マージン */
.b0  {margin:         0px; width:100%;} /* 幅100%はIEのhasLayoutバグ回避用 */
.b01 {margin-bottom:  1px; width:100%;}
.b03 {margin-bottom:  3px; width:100%;}
.b04 {margin-bottom:  4px; width:100%;}
.b05 {margin-bottom:  5px; width:100%;}
.b06 {margin-bottom:  6px; width:100%;}
.b07 {margin-bottom:  7px; width:100%;}
.b08 {margin-bottom:  8px; width:100%;}
.b10 {margin-bottom:  10px; width:100%;}
.b12 {margin-bottom:  12px; width:100%;}
.b13 {margin-bottom:  13px; width:100%;}
.b15 {margin-bottom:  15px; width:100%;}
.b17 {margin-bottom:  17px; width:100%;}
.b19 {margin-bottom:  19px; width:100%;}
.b20 {margin-bottom:  20px; width:100%;}
.b23 {margin-bottom:  23px; width:100%;}
.b25 {margin-bottom:  25px; width:100%;}
.b30 {margin-bottom:  30px; width:100%;}
.b33 {margin-bottom:  33px; width:100%;}
.b34 {margin-bottom:  34px; width:100%;}
.b35 {margin-bottom:  35px; width:100%;}
.b40 {margin-bottom:  40px; width:100%;}
.b42 {margin-bottom:  42px; width:100%;}
.b45 {margin-bottom:  45px; width:100%;}
.b50 {margin-bottom:  50px; width:100%;}
.b55 {margin-bottom:  55px; width:100%;}
.b60 {margin-bottom:  60px; width:100%;}

@media screen and (max-width: 767px) {
	.b10_max767 {margin-bottom:  10px; }
	.b15_max767 {margin-bottom:  15px; }
	.b20_max767 {margin-bottom:  20px; }
	.b30_max767 {margin-bottom:  30px; }
	.b40_max767 {margin-bottom:  40px; }
	.b50_max767 {margin-bottom:  50px; }
	.b60_max767 {margin-bottom:  60px; }
	.b70_max767 {margin-bottom:  70px; }
	.b80_max767 {margin-bottom:  80px; }
	.b90_max767 {margin-bottom:  90px; }
}

/* 上マージン指定 */
.t02 {margin-top:     2px;}
.t03 {margin-top:     3px;}
.t05 {margin-top:     5px;}
.t10 {margin-top:     10px;}
.t15 {margin-top:     15px;}
.t20 {margin-top:     20px;}


/* 左マージン */
.l02 {margin-left:  2px;}
.l05 {margin-left:  5px;}
.l07 {margin-left:  7px;}
.l10 {margin-left:  10px;}
.l15 {margin-left:  15px;}
.l20 {margin-left:  20px;}
.l25 {margin-left:  25px;}
.l30 {margin-left:  30px;}
.l35 {margin-left:  35px;}
.l40 {margin-left:  40px;}
.l45 {margin-left:  45px;}
.l50 {margin-left:  50px;}
.l55 {margin-left:  55px;}
.l60 {margin-left:  60px;}
.l65 {margin-left:  65px;}
.l70 {margin-left:  70px;}
.l75 {margin-left:  75px;}
.l80 {margin-left:  80px;}
.l90 {margin-left:  90px;}
.l100{margin-left:  100px;}
.l115{margin-left:  115px;}
.l130{margin-left:  130px;}


/* 右マージン */
.r05 {margin-right:  5px;}
.r08 {margin-right:  8px;}
.r10 {margin-right:  10px;}
.r15 {margin-right:  15px;}
.r20 {margin-right:  20px;}


/* マージン 中央配置 */
.lr_auto {margin: 0 auto}

@media (max-width: 767px) {
	.lr_auto_max767 {margin: 0 auto}
}


/* ボックス　幅指定 */
.w30 {width:       30px;}
.w40 {width:       40px;}
.w45 {width:       45px;}
.w50 {width:       50px;}
.w55 {width:       55px;}
.w60 {width:       60px;}
.w65 {width:       65px;}
.w70 {width:       70px;}
.w75 {width:       75px;}
.w80 {width:       80px;}
.w85 {width:       85px;}
.w90 {width:       90px;}
.w95 {width:       95px;}
.w100 {width:      100px;}
.w105 {width:      105px;}
.w108 {width:      108px;}
.w110 {width:      110px;}
.w115 {width:      115px;}
.w117 {width:      117px;}
.w120 {width:      120px;}
.w122 {width:      122px;}
.w125 {width:      125px;}
.w130 {width:      130px;}
.w135 {width:      135px;}
.w140 {width:      140px;}
.w145 {width:      145px;}
.w150 {width:      150px;}
.w153 {width:      153px;}
.w155 {width:      155px;}
.w160 {width:      160px;}
.w165 {width:      165px;}
.w166 {width:      166px;}
.w170 {width:      170px;}
.w175 {width:      175px;}
.w180 {width:      180px;}
.w185 {width:      185px;}
.w184 {width:      184px;}
.w190 {width:      190px;}
.w195 {width:      195px;}
.w200 {width:      200px;}
.w205 {width:      205px;}
.w210 {width:      210px;}
.w215 {width:      215px;}
.w220 {width:      220px;}
.w225 {width:      225px;}
.w227 {width:      227px;}
.w228 {width:      228px;}
.w230 {width:      230px;}
.w235 {width:      235px;}
.w240 {width:      240px;}
.w245 {width:      245px;}
.w250 {width:      250px;}
.w255 {width:      255px;}
.w259 {width:      259px;}
.w260 {width:      260px;}
.w265 {width:      265px;}
.w270 {width:      270px;}
.w273 {width:      273px;}
.w274 {width:      274px;}
.w275 {width:      275px;}
.w280 {width:      280px;}
.w285 {width:      285px;}
.w290 {width:      290px;}
.w292 {width:      292px;}
.w293 {width:      293px;}
.w295 {width:      295px;}
.w300 {width:      300px;}
.w305 {width:      305px;}
.w310 {width:      310px;}
.w315 {width:      315px;}
.w320 {width:      320px;}
.w325 {width:      325px;}
.w330 {width:      330px;}
.w333 {width:      333px;}
.w335 {width:      335px;}
.w337 {width:      337px;}
.w338 {width:      338px;}
.w340 {width:      340px;}
.w345 {width:      345px;}
.w350 {width:      350px;}
.w355 {width:      355px;}
.w360 {width:      360px;}
.w362 {width:      362px;}
.w365 {width:      365px;}
.w370 {width:      370px;}
.w375 {width:      375px;}
.w380 {width:      380px;}
.w383 {width:      383px;}
.w385 {width:      385px;}
.w390 {width:      390px;}
.w395 {width:      395px;}
.w400 {width:      400px;}
.w405 {width:      405px;}
.w410 {width:      410px;}
.w415 {width:      415px;}
.w420 {width:      420px;}
.w425 {width:      425px;}
.w430 {width:      430px;}
.w435 {width:      435px;}
.w440 {width:      440px;}
.w445 {width:      445px;}
.w450 {width:      450px;}
.w455 {width:      455px;}
.w460 {width:      460px;}
.w465 {width:      465px;}
.w470 {width:      470px;}
.w475 {width:      475px;}
.w480 {width:      480px;}
.w485 {width:      485px;}
.w490 {width:      490px;}
.w495 {width:      495px;}
.w500 {width:      500px;}
.w510 {width:      510px;}
.w520 {width:      520px;}
.w525 {width:      525px;}
.w530 {width:      530px;}
.w540 {width:      540px;}
.w545 {width:      545px;}
.w550 {width:      550px;}
.w555 {width:      555px;}
.w560 {width:      560px;}
.w565 {width:      565px;}
.w570 {width:      570px;}
.w575 {width:      575px;}
.w580 {width:      580px;}
.w590 {width:      590px;}
.w600 {width:      600px;}
.w610 {width:      610px;}
.w620 {width:      620px;}
.w630 {width:      630px;}
.w640 {width:      640px;}
.w650 {width:      650px;}
.w660 {width:      660px;}
.w670 {width:      670px;}
.w674 {width:      674px;}
.w680 {width:      680px;}
.w690 {width:      690px;}
.w700 {width:      700px;}
.w710 {width:      710px;}
.w720 {width:      720px;}
.w730 {width:      730px;}
.w740 {width:      740px;}
.w750 {width:      750px;}
.w760 {width:      760px;}
.w770 {width:      770px;}
.w780 {width:      780px;}
.w790 {width:      790px;}
.w800 {width:      800px;}
.w810 {width:      810px;}
.w820 {width:      820px;}
.w830 {width:      830px;}
.w840 {width:      840px;}
.w850 {width:      850px;}
.w860 {width:      860px;}
.w870 {width:      870px;}
.w880 {width:      880px;}
.w890 {width:      890px;}
.w900 {width:      900px;}


/* ボックス　幅%指定 */
.w02p {width:      2%;}
.w10p {width:      10%;}
.w13p {width:      13%;}
.w15p {width:      15%;}
.w20p {width:      20%;}
.w21p {width:      21%;}
.w22p {width:      22%;}
.w23p {width:      23%;}
.w24p {width:      24%;}
.w25p {width:      25%;}
.w28p {width:      28%;}
.w30p {width:      30%;}
.w32p {width:      32%;}
.w35p {width:      35%;}
.w38p {width:      38%;}
.w40p {width:      40%;}
.w42p {width:      42%;}
.w45p {width:      45%;}
.w46p {width:      46%;}
.w47p {width:      47%;}
.w48p {width:      48%;}
.w50p {width:      50%;}
.w55p {width:      55%;}
.w58p {width:      58%;}
.w60p {width:      60%;}
.w62p {width:      62%;}
.w65p {width:      65%;}
.w68p {width:      68%;}
.w70p {width:      70%;}
.w75p {width:      75%;}
.w78p {width:      78%;}
.w80p {width:      80%;}
.w85p {width:      85%;}
.w88p {width:      88%;}
.w90p {width:      90%;}
.w95p {width:      95%;}
.w100p {width:      100%;}


@media screen and (max-width: 767px) {
	.w10p_max767 { width:10%; height:auto; }
	.w15p_max767 { width:15%; height:auto; }
	.w20p_max767 { width:20%; height:auto; }
	.w22p_max767 { width:22%; height:auto; }
	.w25p_max767 { width:25%; height:auto; }
	.w30p_max767 { width:30%; height:auto; }
	.w32p_max767 { width:32%; height:auto; }
	.w35p_max767 { width:35%; height:auto; }
	.w38p_max767 { width:38%; height:auto; }
	.w40p_max767 { width:40%; height:auto; }
	.w42p_max767 { width:42%; height:auto; }
	.w45p_max767 { width:45%; height:auto; }
	.w48p_max767 { width:48%; height:auto; }
	.w50p_max767 { width:50%; height:auto; }
	.w55p_max767 { width:55%; height:auto; }
	.w58p_max767 { width:58%; height:auto; }
	.w60p_max767 { width:60%; height:auto; }
	.w62p_max767 { width:62%; height:auto; }
	.w65p_max767 { width:65%; height:auto; }
	.w68p_max767 { width:68%; height:auto; }
	.w70p_max767 { width:70%; height:auto; }
	.w75p_max767 { width:75%; height:auto; }
	.w78p_max767 { width:78%; height:auto; }
	.w80p_max767 { width:80%; height:auto; }
	.w85p_max767 { width:85%; height:auto; }
	.w88p_max767 { width:88%; height:auto; }
	.w90p_max767 { width:90%; height:auto; }
	.w95p_max767 { width:95%; height:auto; }
	.w100p_max767 { width:100%; height:auto; }
}





/* ボックス内　寄せ指定
-------------------------------------------------------------------------------------------------------- */
.alignC {text-align:  center;}
.alignR {text-align:  right;}
.alignL {text-align:  left;}

@media screen and (max-width: 767px) {
	.alignC_max767 {text-align:  center;}
	.alignR_max767 {text-align:  right;}
	.alignL_max767 {text-align:  left;}
}





/* イメージ回り込み指定
-------------------------------------------------------------------------------------------------------- */

/* 右寄せ
----------------------------- */
.imgR {
	margin:   0px 0px 20px 20px;
	float:    right;
}


/* 左寄せ
----------------------------- */
.imgL {
	margin:   0px 20px 20px 0px;
	float:    left;
}





/* イメージ行揃え
-------------------------------------------------------------------------------------------------------- */

/* 中央
----------------------------- */
.valignM {vertical-align:  middle;}


/* 下
----------------------------- */
.valignB {vertical-align:  bottom;}




/* リンクアンダーライン削除、フォントカラーブラック
-------------------------------------------------------------------------------------------------------- */
.ulnone a:link, .ulnone a:visited{
	color:            #333;
	text-decoration:  none;
}

.ulnone a:hover{
	color:            #333;
	text-decoration:  underline;
}




/* PC/SP 表示・非表示
-------------------------------------------------------------------------------------------------------- */
.dp_max991 {
	display: none;
}
.dp_max767 {
	display: none;
}
.dp_max640 {
	display: none;
}
.dp_max640_inline {
	display: none;
}
@media screen and (max-width: 991px) {
	.dp_min992 {
		display: none;
	}
	.dp_max991 {
		display: block;
	}
}
@media screen and (max-width: 767px) {
	.dp_min768 {
		display: none;
	}
	.dp_max767 {
		display: block;
	}
}
@media screen and (max-width: 640px) {
	.dp_min641 {
		display: none !important;
	}
	.dp_max640 {
		display: block;
	}
	.dp_max640_inline {
		display: inline;
	}
}
@media screen and (max-width: 500px) {
	.dp_min500 {
		display: none !important;
	}
	.dp_max500 {
		display: block;
	}
	.dp_max500_inline {
		display: inline;
	}
}





/* 文字間
-------------------------------------------------------------------------------------------------------- */
.ls-3 {letter-spacing: -.3px;}
.ls-5 {letter-spacing: -.5px;}
.ls-8 {letter-spacing: -.8px;}
.ls-10 {letter-spacing: -1px;}
.ls-15 {letter-spacing: -1.5px;}
.ls3 {letter-spacing: .3px;}
.ls10 {letter-spacing: 1px;}