/* フォント指定 googleフォント
----------------------------------------------------------- */
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/* 共通
----------------------------------------------------------- */
html{
	background:#003168; /* footerの背景色 */
}
body{
	background:#FFFFFF; /* ページの背景色 */
	background-color:#FFFFFF;
	text-align:center;
	color:#000000;
	font-family: 'Noto Sans Japanese', sans-serif,"メイリオ","Hiragino Kaku Gothic ProN", Meiryo;
	font-size: 15px;
}

/* link
----------------------------------------------------------- */
a:link {
	color:#006699;
	text-decoration:underline;
	}
a:visited {
	color:#006699;
	text-decoration:underline;
	}
a:hover {
	color:#d0111b;
	text-decoration:underline;
	}
a:active {
	color:#d0111b;
	text-decoration:underline;
	}

/* setting
----------------------------------------------------------- */
/* 画像切り分け */
.switch {
    visibility: hidden;
}

.flt_left {
	float:left;
}

.flt_right {
	float:right;
}

.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}

.for_pc {
	display:block !important;
}

.for_smp {
	display:none !important;
}

.for_pc_inline {
	display:inline !important;
}

.for_smp_inline {
	display:none !important;
}

.for_pc_br {
	display:block;
}

.for_smp_br {
	display:inline;
}


@media screen and (max-width : 640px){
	
.for_pc {
	display:none !important;
}

.for_smp {
	display:block !important;
}

.for_pc_inline {
	display:none !important;
}

.for_smp_inline {
	display:inline !important;
}

.for_pc_br {
	display:inline;
}

.for_smp_br {
	display:block;
}

img{
	border: 0px;
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}

}

/* text
----------------------------------------------------------- */
.txt_bold {
	font-weight:bold !important;
}

.txt_normal {
	font-style:normal !important;
}

.txt_italic {
	font-style:italic !important;
}

.txt_left {
	text-align:left !important;
}

.txt_right {
	text-align:right !important;
}

.txt_center {
	text-align:center !important;
}

.txt_small {
	font-size:small !important;
}

.txt_smaller {
	font-size:smaller !important;
}

.txt_x_small {
	font-size:x-small !important;
}

.txt_xx_small {
	font-size:xx-small !important;
}

.txt_large {
	font-size:large !important;
}

.txt_larger {
	font-size:larger !important;
}

.txt_x_large {
	font-size:x-large !important;
}

.txt_xx_large {
	font-size:xx-large !important;
}

.txt_blue {
	color:#003366 !important;
}

.txt_red {
/*	color:#cc0000 !important; */
	color: #d0121b !important;
}

/* PCセンター・SMP左寄せ */
.txt_c_l {
	text-align:center !important;
}

/* PCセンター・SMPセンター・ */
.txt_c_c {
	text-align:center !important;
}

/* PC右寄せ・SMPセンター */
.txt_r_c {
	text-align:right !important;
}

@media screen and (max-width : 640px){
/* PCセンター・SMP左寄せ */
.txt_c_l {
	text-align:left !important;
}

/* PC右寄せ・SMPセンター */
.txt_r_c {
	text-align:center !important;
}

/* PCセンター・SMPセンター・ */
.txt_c_c {
	text-align:center !important;
}

}

/* アイコン
----------------------------------------------------------- */
a.ico_blank:after {
	content:"\f08e";
	font-size:100%;
	font-family: FontAwesome;
	padding-left:0.5em;
	color:#003168;
}
a.ico_blank_white:after {
	content:"\f08e";
	font-size:100%;
	font-family: FontAwesome;
	padding-left:0.5em;
	color:#FFF;
}

/* table
----------------------------------------------------------- */
table {
	border-top: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
	border-collapse: collapse;
}

th,
td {
	padding: 7px;
	border-right: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
}

th {
	font-weight: normal;
	text-align:left;
}

.table_style td {
	background-color:#FFFFFF;
	text-align:left;
	vertical-align:middle;
	line-height:1.3em;
}

.table_style th {
	background-color:#F2F2F2;
	text-align:center;
	font-weight:bold;
	vertical-align:middle;
	line-height:1.3em;
}

.table_style2 td {
	padding: 3px;
}

.table_style2 th {
	padding: 3px;
}

/* テープルをフィットさせる */
.table_fit table {
}

/* テープルを横スクロールさせる */
.table_scroll table{
}


@media screen and (max-width : 640px){
th,
td {
	padding: 2px;
}

.table_style th {
	font-weight:normal;
}

/* テープルをフィットさせる */
.table_fit table {
	width:100%;
	table-layout: fixed;
	word-break: break-word;
}

/* テープルを横スクロールさせる */
.table_scroll table{
	width:100%;
	margin-bottom:10px;
}
.table_scroll{
	overflow: auto;　　　　/*tableをスクロールさせる*/
	white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
}

.table_scroll::-webkit-scrollbar
{
        overflow:hidden;
        width:5px;
        background:#c6d4e1;
         
        -webkit-border-radius:3px;
        border-radius:3px;
}
        .table_scroll::-webkit-scrollbar:horizontal
        {
                height:5px;
        }
.table_scroll::-webkit-scrollbar-button
{
       display:none;
}
.table_scroll::-webkit-scrollbar-piece
{
        background:#c6d4e1;
}
        .table_scroll::-webkit-scrollbar-piece:start
        {
                background:#c6d4e1;
        }
.table_scroll::-webkit-scrollbar-thumb
{
        overflow:hidden;
        -webkit-border-radius:3px;
        border-radius:3px;
         
        background:#0e2d4f;
}
.table_scroll::-webkit-scrollbar-corner
{
        overflow:hidden;
        -webkit-border-radius:3px;
        border-radius:3px;
         
        background:#0e2d4f;
}


}

/* background-color
----------------------------------------------------------- */
.bg_blue01 {
	background-color:#b5c6d6 !important;	
}
.bg_blue02 {
	background-color:#e0e8f0 !important;	
}
.bg_gray01 {
	background-color:#f6f6f6 !important;	
}


/* margin
----------------------------------------------------------- */
.mt0 {
	margin-top:0px !important;
}

.mt05 {
	margin-top:5px !important;
}

.mt10 {
	margin-top:10px !important;
}

.mt15 {
	margin-top:15px !important;
}

.mt20 {
	margin-top:20px !important;
}

.mt25 {
	margin-top:25px !important;
}

.mt30 {
	margin-top:30px !important;
}

.mt35 {
	margin-top:35px !important;
}

.mt40 {
	margin-top:40px !important;
}

.mt45 {
	margin-top:45px !important;
}

.mt50 {
	margin-top:50px !important;
}

.mt55 {
	margin-top:55px !important;
}

.mt60 {
	margin-top:60px !important;
}

.mt65 {
	margin-top:65px !important;
}

.mt70 {
	margin-top:70px !important;
}

.mb0 {
	margin-bottom:0px !important;
}

.mb05 {
	margin-bottom:5px !important;
}

.mb10 {
	margin-bottom:10px !important;
}

.mb15 {
	margin-bottom:15px !important;
}

.mb20 {
	margin-bottom:20px !important;
}

.mb25 {
	margin-bottom:25px !important;
}

.mb30 {
	margin-bottom:30px !important;
}

.mb35 {
	margin-bottom:35px !important;
}

.mb40 {
	margin-bottom:40px !important;
}

.mb45 {
	margin-bottom:45px !important;
}

.mb50 {
	margin-bottom:50px !important;
}

/* padding
----------------------------------------------------------- */
.p10 {
	padding:10px !important;
}

.pt0 {
	padding-top:0px !important;
}

.pt05 {
	padding-top:5px !important;
}

.pt10 {
	padding-top:10px !important;
}

.pt15 {
	padding-top:15px !important;
}

.pt20 {
	padding-top:20px !important;
}

.pt25 {
	padding-top:25px !important;
}

.pt30 {
	padding-top:30px !important;
}

.pt35 {
	padding-top:35px !important;
}

.pt40 {
	padding-top:40px !important;
}

.pt45 {
	padding-top:45px !important;
}

.pt50 {
	padding-top:50px !important;
}

.pt55 {
	padding-top:55px !important;
}

.pt60 {
	padding-top:60px !important;
}

.pt65 {
	padding-top:65px !important;
}

.pt70 {
	padding-top:70px !important;
}


/* width
----------------------------------------------------------- */
.w05 {
	width:5% !important;
}
.w10 {
	width:10% !important;
}
.w15 {
	width:15% !important;
}
.w20 {
	width:20% !important;
}
.w25 {
	width:25% !important;
}
.w28 {
	width:28% !important;
}
.w30 {
	width:30% !important;
}
.w33 {
	width:33.3333% !important;
}
.w35 {
	width:35% !important;
}
.w40 {
	width:40% !important;
}
.w45 {
	width:45% !important;
}
.w50 {
	width:50% !important;
}
.w55 {
	width:55% !important;
}
.w60 {
	width:60% !important;
}
.w65 {
	width:65% !important;
}
.w70 {
	width:70% !important;
}
.w75 {
	width:75% !important;
}
.w80 {
	width:80% !important;
}
.w85 {
	width:85% !important;
}
.w90 {
	width:90% !important;
}
.w95 {
	width:95% !important;
}
.w100 {
	width:100% !important;
}