/*
	99Lime.com HTML KickStart by Joshua Gatcke
	kickstart.css
	
	Don't edit the file if you want HTML KickStart to be upgradeable. 
	Instead, copy any CSS selectors you want to modify to your style.css file.
	
	// Colors
	blue: #4D99E0;
*/
/*---------------------------------
	IMPORTS
-----------------------------------*/
@import url(kickstart-buttons.css);
@import url(kickstart-forms.css);
@import url(kickstart-menus.css);
@import url(kickstart-grid.css);
@import url(kickstart-icons.css);
@import url(jquery.fancybox-1.3.4.css);
@import url(kickstart-slideshow.css);
@import url(prettify.css);
@import url(tiptip.css);

/*---------------------------------
	HTML ELEMENTS
-----------------------------------*/
*{
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */	
}
a{
	color:#097aa7;
	outline:0;
	text-decoration: none;
}
a:active{color:inherit;}
a:visited{}
a:hover{
	color: #CCC;
}
a img{
	border:0;
}
strong,b{color:#000;font-weight:bold;}
strike{}
em,i{}
.hide{display:none;}
.show{display:block;}

/*---------------------------------
	UTILITY
-----------------------------------*/
.center{text-align:center;}
.left{
	text-align:left;
}
.right{text-align:right;}

/*---------------------------------
	HR
-----------------------------------*/
hr{
	clear:both;
	border-bottom:0;
	border-top:1px dotted #ccc;
	border-right:0;
	border-left:0;
	margin:10px 0;
	min-height: 0px;
	height:1px;
}
hr.alt1{border-style: solid;border-color: #097aa7}
hr.alt2{
    border: 1px dashed #ccc;
    margin: 10px 10px 60px 10px;
}
hr.d-menu{
    margin: 0;
}

/*---------------------------------
	HTML5 ELEMENTS (shim)
-----------------------------------*/
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
}

/*---------------------------------
	HEADINGS
-----------------------------------*/
h1,h2,h3,h4,h5,h6{
font-weight:bold;
line-height:140%;
}

h1{
	font-size:1.6em;
	margin:10px 0;
    padding: 5px;
	color: #e3001c;
	letter-spacing: 1pt;
	line-height: 30px;
    border: 1px solid #999;
    text-shadow:0px 1px 1px #bbe4f5;
    background: url(img/h1_bk.jpg) no-repeat;
    background-position: right top;
}
h1 span.black{
    color: #000;
}
h1 span.small{
    font-size: 80%;
    line-height: 16px;
}

h1.colum{
    font-size:1.8em;
    margin: 30px 10px;
    padding: 0;
    color: #097aa7;
    border: none;
    background: none;
}

h2{
	font-size:1.6em;
	margin:20px 0 30px 0;
    padding: 0 0 0 30px;
	color: #097aa7;
	letter-spacing: 1pt;
	line-height: 30px;
	border-bottom: 3px solid #097aa7;
    text-shadow:0px 1px 1px #ccc;
    background: url(img/block.png) no-repeat 5px 0.3em;
}

h2.col_titl{
    padding: 0 0 0 10px;
    background: none;
    text-indent: -2em;
    padding-left: 2em;
    width: 100%;
}

h3{
	font-size:1.2em;
	margin:30px 10px;
    padding: 2px 0 0 35px;
	line-height:200%;
    text-shadow:0px 1px 1px #bbe4f5;
    border-bottom: 2px solid #097aa7;
    border-left: 6px solid #097aa7;
    border-top: 2px solid #097aa7;
    border-right: 6px solid #097aa7;
    border-radius: 40px;
    width: 97%;
    background: url(img/block.png) no-repeat 10px 0.6em;
    -webkit-background-size: 16px auto;
	background-size: 16px auto;
}

h4{
	font-size:1.1em;
	margin:40px 10px;
	color: #e3001c;
}

h5{
    background-color: #097aa7;
    font-size:1.3em;
    margin: 30px 0 10px 0;
    color: #fff;
    line-height: 200%;
    padding: 12px 0 0 40px;
    background-image: url(img/paper.svg);
    background-repeat: no-repeat;
    background-position: 5px 0.5em;
    /* 背景画像画像サイズ */
	-webkit-background-size: 32px auto;
	background-size: 32px auto;
}

h5.uketoru{
    background-color: #f1f1f1;
    color: #097aa7;
    background-image: url(img/en-uketoru.svg);
    border-top: 1px solid #097aa7;
    border-bottom: 1px solid #097aa7;
}

h5.keisan{
    background-color: #f1f1f1;
    color: #097aa7;
    background-image: url(img/keisan.svg);
    border-top: 1px solid #097aa7;
    border-bottom: 1px solid #097aa7;
}

h6{
	font-size:1.1em;
	margin:30px 10px 0 0;
    padding: 5px 0 0 5px;
	color: #fff;
    font-weight: normal;
	letter-spacing: 1pt;
    border-bottom: 2px solid #097aa7;
    border-left: 3px solid #097aa7;
    background-color: #0f2a80;
}

/*---------------------------------
	flex
-----------------------------------*/
.flex{
  padding: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  position: fixed;
  right: 0;
  bottom: 0;
  z-index:1000;
}
.flex > *{
  min-width: 50%;
  flex-basis: 50%;
  background: #fff;
  text-align: center;
}
.flex,
.flex > *{
  border: 1px solid #fff;
}

/*---------------------------------
	PARAGRAPHS
-----------------------------------*/
p{
	line-height:150%;
	color:#333;
	margin:20px 10px;
}

.low0{
    margin: 20px 0px 0px 20px;
    font-size: 90%;
}

.linkbotan{
    background: url(img/grid.png) repeat-x;
    background-color: #71c2e2;
    border: 1px solid #097aa7;
    width: 230px;
    margin: 20px auto;
    padding-top: 5px;
    text-align: center;
    font-weight: bold;
    line-height: 40px;
    color: #e3001c;
}
.linkbotan a{
    color: #e3001c;
}
.linkbotan a:hover{
    color: #ccc;
}

.drow{
    margin: 10px 0 0 0;
    color: #000;
    line-height: 160%;
    font-size: 75%;
}

.f-small{
	font-size: 80%;
    color: #333;
}

.f-bold{
    font-weight: bold;
}

.bk_zangyodai{
    margin: 0 0 15px 0;
    padding: 5px 0 0 45px;
    background:url(img/zangyodai.svg) no-repeat 5px 0.5em;
    /* 背景画像画像サイズ */
	-webkit-background-size: 32px auto;
	background-size: 32px auto;
    line-height: 46px;
    background-color: #f1f1f1;
    border-bottom: 3px solid #fff;
}

.bk_dairi{
    margin: 0 0 15px 0;
    padding: 5px 0 0 45px;
    background:url(img/utsu.svg) no-repeat 5px 0.5em;
    /* 背景画像画像サイズ */
	-webkit-background-size: 32px auto;
	background-size: 32px auto;
    line-height: 46px;
    background-color: #f1f1f1;
    border-bottom: 3px solid #fff;
}

.bk_roudou{
    margin: 0 0 15px 0;
    padding: 5px 0 0 45px;
    background:url(img/roudou.svg) no-repeat 5px 0.5em;
    /* 背景画像画像サイズ */
	-webkit-background-size: 32px auto;
	background-size: 32px auto;
    line-height: 46px;
    background-color: #f1f1f1;
    border-bottom: 3px solid #fff;
}

.bk_kyugyo{
    margin: 0 0 15px 0;
    padding: 5px 0 0 45px;
    background:url(img/kyugyo.svg) no-repeat 5px 0.5em;
    /* 背景画像画像サイズ */
	-webkit-background-size: 32px auto;
	background-size: 32px auto;
    line-height: 46px;
    background-color: #f1f1f1;
    border-bottom: 3px solid #fff;
}

.bk_uketoru{
    background-color: #f1f1f1;
    font-size:1.2em;
    margin: 20px 0 10px 0;
    color: #097aa7;
    line-height: 180%;
    padding: 8px 0 0 50px;
    background-image: url(img/en-uketoru.svg);
    background-repeat: no-repeat;
    background-position: 15px 0.5em;
    /* 背景画像画像サイズ */
	-webkit-background-size: 24px auto;
	background-size: 24px auto;
}

.bk_zangyo{
    background-color: #f1f1f1;
    margin: 20px 0 10px 0;
    padding: 8px 10px;
    font-size:1.1em;
    font-weight: bold;
    line-height: 180%;
}

.bk_shoko{
    background-color: #e3e3e3;
    margin: 20px 0 10px 0;
    padding: 8px 10px;
    font-size:1.1em;
    color: #e3001c;
    line-height: 180%;
}

.bk_keisan{
    background-color: #f1f1f1;
    font-size:1.0em;
    margin: 20px 0 10px 0;
    color: #097aa7;
    line-height: 180%;
    padding: 8px 0 0 40px;
    background-image: url(img/keisan.svg);
    background-repeat: no-repeat;
    background-position: 15px 0.5em;
    /* 背景画像画像サイズ */
	-webkit-background-size: 24px auto;
	background-size: 24px auto;
}

.bk_setsumei-b{
    background-color: #f1f1f1;
    font-size:1.0em;
    margin: 20px 0 10px 0;
    color: #097aa7;
    line-height: 200%;
    padding: 0 0 0 10px;
}

.bk_setsumei-r{
    background-color: #f1f1f1;
    font-size:1.0em;
    margin: 20px 0 10px 0;
    color: #e3001c;
    line-height: 200%;
    padding: 0 0 0 10px;
}

.bk_setsumei-bl{
    background-color: #f1f1f1;
    font-size:1.0em;
    margin: 20px 0 10px 0;
    color: #333;
    line-height: 200%;
    padding: 0 0 0 10px;
}

.bk_title_r{
    background-color: #f1f1f1;
    font-size:1.0em;
    margin: 30px 0 2px 0;
    color: #e3001c;
    line-height: 180%;
    padding: 5px 0;
    text-align: center;
}

.txt_red_list{
	color:#e3001c;
    font-size: 110%;
    font-weight: bold;
    background:url(img/red-housyu.svg) no-repeat 5px 0.5em;
    -webkit-background-size: 24px auto;
	background-size: 24px auto;
    margin-left: 35px;
	padding-left:35px;
    padding-top: 10px;
    border: 2px solid #e3001c;
}

.txt_bk_gray{
	background-color:#e5e5e5;
	color:#000;
	font-weight:bold;
	padding:3px 5px;
}

.txt_ml30{
    margin-left: 30px;
}

.txt_ml30-top0{
    margin-left: 30px;
    margin-top: 0;
    margin-bottom: 10px;
}

.txt_ml50{
    margin-left: 50px;
}

.red-b{
    color:#e3001c;
    font-weight: bold;
}
.red{
    color:#e3001c;
}

.txt_bl{
    color: #333;
}

.soudan_title{
    font-size:1.4em;
	margin:50px 0 10px 0;
    padding: 0;
	color: #097aa7;
	letter-spacing: 1pt;
	line-height: 36px;
    text-align: center;
	border-bottom: 3px solid #097aa7;
    text-shadow:0px 1px 1px #ccc;
    background:url(img/erabu.svg) no-repeat 5px 0em;
    /* 背景画像画像サイズ */
	-webkit-background-size: 32px auto;
	background-size: 32px auto;
}

.ordered_tl{
    margin: 0;
    padding: 0;
    background-image: url(img/ol_bk.jpg);
    background-position: -24px;
    color: #fff;
    font-size: 1.1em;
    line-height: 200%;
}
.ordered_tl .txt_blue{
    color: #097aa7;
}

.list_bl_txt{
    margin:0;
	background:url(img/icon-check.png) no-repeat 5px 0.2em;
	padding-left:30px;
    font-weight: bold;
}

.list_red_txt{
    margin:30px 0 0 0;
	background:url(img/icon-check.png) no-repeat 0px 0.5em;
	padding-left:20px;
    padding-top:6px;
    color:#e3001c;
    font-weight: bold;
    border-bottom: 1px solid #097aa7;
    border-top: 1px solid #097aa7;
}

/*---------------------------------
	P txt_indent
-----------------------------------*/
.txt_indent{
    margin: 0;
    padding: 0;
}

.txt_indent p.ind_4{
	line-height:150%;
	color:#333;
	margin:20px 10px;
    text-indent: -4em;
    padding-left: 4em;
}

/*---------------------------------
	colum
-----------------------------------*/
.colum-u{
    line-height: 80%;
    margin: 0 10px;
    padding: 5px;
    font-size: 75%;
    background-color: #0f2a80;
    width: auto;
    color: #fff;
    display: inline-block;
}
.colum-r{
    line-height: 80%;
    margin: 0 10px;
    padding: 5px;
    font-size: 75%;
    background-color: #52a601;
    width: auto;
    color: #fff;
    display: inline-block;
}
.colum-z{
    line-height: 80%;
    margin: 0 10px;
    padding: 5px;
    font-size: 75%;
    background-color: #e3001c;
    width: auto;
    color: #fff;
    display: inline-block;
}

.colum-m_box{
    border: 2px solid #3999bf;
    margin: 20px 0 40px 0;
    padding: 0;
    border-radius: 10px;
}

	.colum-m_box ol.txt-red {
    margin: 10px;
    padding: 0 0 0 20px;
	}

	.colum-m_box ol.txt-red li {
	padding:0 0 15px 0;
	margin:0;
    color: #e3001c;
    font-weight: normal;
	}
	.colum-m_box ol.txt-red li a {
    color: #e3001c;
    text-decoration: underline;
	}
	.colum-m_box ol.txt-red li a:hover {
    color: #000;
	}

/*---------------------------------
	BLOCKQUOTES
-----------------------------------*/
blockquote{
	font-size:1em;
	color:#000;
	margin:10px 0 40px 0;
	padding:10px 45px;
    line-height: 30px;
	border-left:6px solid #097aa7;
    border-right: 6px solid #097aa7;
}

	blockquote.small{font-size:0.8em;}
	
.nayami{
    background-color: #e2e0e0;
    font-size:1.1em;
    margin: 30px 0 10px 0;
    color: #000;
    line-height: 240%;
    padding: 8px 0 0 45px;
    background-image: url(img/nayami.svg);
    background-repeat: no-repeat;
    background-position: 7px 0.5em;
    /* 背景画像画像サイズ */
	-webkit-background-size: 32px auto;
	background-size: 32px auto;
    border-left: 6px solid #097aa7;
    border-right: 6px solid #097aa7;
}

.nayami_1{
    background-color: #e2e0e0;
    font-size:1.1em;
    margin: 30px 0 10px 0;
    color: #000;
    line-height: 240%;
    padding: 8px 0 0 45px;
    background-image: url(img/nayami_1.svg);
    background-repeat: no-repeat;
    background-position: 7px 0.5em;
    /* 背景画像画像サイズ */
	-webkit-background-size: 32px auto;
	background-size: 32px auto;
    border-left: 6px solid #097aa7;
    border-right: 6px solid #097aa7;
}

.nayami_2{
    background-color: #e2e0e0;
    font-size:1.1em;
    margin: 30px 0 10px 0;
    color: #000;
    line-height: 240%;
    padding: 8px 0 0 45px;
    background-image: url(img/nayami_2.svg);
    background-repeat: no-repeat;
    background-position: 7px 0.5em;
    /* 背景画像画像サイズ */
	-webkit-background-size: 32px auto;
	background-size: 32px auto;
    border-left: 6px solid #097aa7;
    border-right: 6px solid #097aa7;
}

.nayami_3{
    background-color: #e2e0e0;
    font-size:1.1em;
    margin: 30px 0 10px 0;
    color: #000;
    line-height: 240%;
    padding: 8px 0 0 45px;
    background-image: url(img/nayami_3.svg);
    background-repeat: no-repeat;
    background-position: 7px 0.5em;
    /* 背景画像画像サイズ */
	-webkit-background-size: 32px auto;
	background-size: 32px auto;
    border-left: 6px solid #097aa7;
    border-right: 6px solid #097aa7;
}

.kkn{
    background-color: #e2e0e0;
    font-size:1.3em;
    margin: 30px 0 10px 0;
    color: #000;
    line-height: 200%;
    padding: 8px 0 0 15px;
    border-left: 6px solid #097aa7;
    border-right: 6px solid #097aa7;
}

/*---------------------------------
	LISTS
-----------------------------------*/
*{zoom: 1;}
ul, ol, li {
    zoom: normal;
}

ul{
padding:0;
margin:15px 0 20px 30px;
}

ol{
padding:0;
margin:15px 0 20px 30px;
}

	li{
	padding:5px 0;
	margin:0;
	}

ol.list_parentheses{
  padding:0 0 20px 10px;
  margin:0;
}
 
ol.list_parentheses li{
  list-style-type:none;
  list-style-position:inside;
  counter-increment: cnt;
    text-indent: -1em;
    padding-left: 1em;
}
ol.list_parentheses li:before{
  display: marker;
  content: "(" counter(cnt) ") ";
}

ol.bracket{
  list-style-type: none;
  padding:0;
  margin:15px 0 20px 10px;
  color: #e3001c;
  margin-left: 2em;
  text-indent: -2em;
}
ol.bracket > li{
  counter-increment: cnt;
}
ol.bracket > li:before {
  content: "("counter(cnt) ") ";
}

ol.clm_no{
    margin: 20px 0 20px 30px;
    padding: 0;
}
ol.clm_no li{
    margin: 0;
    padding: 5px 0;
}

ul.checks{
padding:0;
margin:0 0 20px 0;
}

	ul.checks li{
	list-style-type:none;
	margin:0;
	background:url(img/icon-check.png) no-repeat 5px 0.5em;
	padding-left:30px;
	}

ul.checks ul{margin: 0}
ul.checks ul li{
    list-style-type:none;
	margin:0;
	background:url(img/icon-arrow-black.png) no-repeat 0px 0.7em;
	padding-left: 12px;
}

ul.arrow_b{
padding:0;
margin:0;
}
ul.arrow_b li{
    list-style-type:none;
	margin:0;
	background:url(img/icon-arrow-black.png) no-repeat 0px 0.8em;
	padding-left: 12px;
}

ul.blue-b{
padding:0;
margin:20px 0 20px 10px;
}
ul.blue-b li{
    list-style-type:none;
    display: inline-block;
}

	ul.blue-b li a{
	padding:0;
    position:relative;
top:0;
left:0;
vertical-align: left;
margin:0;
padding:10px 15px 10px 10px;
line-height:140%;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
cursor: pointer;
width:auto;
overflow:visible;
font-weight:normal;
font-size:16px; /*Pixels for consistancy*/
text-decoration:none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display:inline-block;
*display:inline;/*IE ONLY*/
zoom:1;
color:#fff;
text-shadow:0 -1px 0 #1D6DC1;
border:1px solid #3999bf;
background: rgb(57,153,191); /* Old browsers */
background: -moz-linear-gradient(top, rgba(196,230,243,1) 0%, rgba(113,199,217,1) 44%, rgba(57,153,191,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(196,230,243,1)), color-stop(44%,rgba(113,199,217,1)), color-stop(100%,rgba(57,153,191,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(196,230,243,1) 0%,rgba(113,199,217,1) 44%,rgba(57,153,191,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(196,230,243,1) 0%,rgba(113,199,217,1) 44%,rgba(57,153,191,1) 100%); /* Opera11.10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98e4f4', endColorstr='#66bed1',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(152,228,244,1) 0%,rgba(116,199,217,1) 44%,rgba(102,190,209,1) 100%); /* W3C */
	}

ul.blue-b li a:hover{
	text-shadow:0 1px 0 #1D6DC1;
	border:1px solid #1D6DC1;
	background: rgb(5,72,138); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(155,205,255,1) 0%, rgba(43,129,213,1) 44%, rgba(5,72,138,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(155,205,255,1)), color-stop(44%,rgba(43,129,213,1)), color-stop(100%,rgba(5,72,138,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(155,205,255,1) 0%,rgba(43,129,213,1) 44%,rgba(5,72,138,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(155,205,255,1) 0%,rgba(43,129,213,1) 44%,rgba(5,72,138,1) 100%); /* Opera 11.10+ */
	background: linear-gradient(top, rgba(155,205,255,1) 0%,rgba(134,192,250,1) 44%,rgba(110,176,242,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9bcdff', endColorstr='#6eb0f2',GradientType=0 ); /* IE6-9 */
	}

ul.btn-sticky{
    list-style-type:none;
    margin:0 10px 0 10px;
}
ul.btn-sticky li a {
  display: block;
  padding: 0.6em 0.5em;
  text-decoration: none;
  background: #f7f7f7;
  border-left: solid 12px #1c8c42;/*左線*/
  color: #097aa7;/*文字色*/
  font-weight: bold;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}
ul.btn-sticky li a:hover {
  box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
  transform: translateY(2px);
    color: #e3001c;
}

ul.square{
padding:0;
margin:0 0 20px 0;
}

	ul.square li{
	list-style-type:none;
	margin:0;
	background:url(img/icon-square.png) no-repeat 5px 0.5em;
	padding-left:30px;
    border-bottom:1px dotted #ccc;
    border-color: #097aa7;
	}

ul.r-arrow{
padding: 0;
margin: 0 10px 30px 10px;
}

	ul.r-arrow li{
	list-style-type:none;
	margin:0;
    padding: 10px;
    border:1px solid #666;
	}

    ul.r-arrow li a{display: block;
    background:url(img/icon-red-maru.svg) no-repeat 5px 0.2em;
    /* 背景画像画像サイズ */
	-webkit-background-size: 16px auto;
	background-size: 16px auto;
	padding-left:30px;
    }
    ul.r-arrow li a:hover {
    color: #e3001c;
    }

.sub-box{
    background-color: #ccc;
    margin: 10px 0;
    padding: 5px;
}
.sub-box ul.alt{
	padding:0;
	margin:4px;
}

	.sub-box ul.alt li {
	list-style-type:none;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	margin:0 3px -1px 3px;
    background-color: #fff;
    line-height: 40px;
    font-weight:normal;
	}
.sub-box ul.alt li a{display: block;
    background:url(img/triangle16.svg) no-repeat 5px 0.7em;
    /* 背景画像画像サイズ */
	-webkit-background-size: 16px auto;
	background-size: 16px auto;
	padding-left:30px;}
    .sub-box ul.alt li a:hover {
    background-color: #097aa7;
    }
	
ul.box{
	padding:0;
	margin:30px 10px 30px 20px;
}

	ul.box li{
	list-style-type:none;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	margin:0 0 -1px 0;
	background:url(img/icon-box.png) no-repeat 5px 0.8em;
	padding: 10px 0 10px 30px;
	color: #666;
	}

.border_box{
    border: 2px solid #ccc;
    margin: 20px 5px 25px 5px;
    padding: 10px 0 0 0;
}
.border_box ul li{
    margin: 10px 0 0 8px;
    padding: 0;
}

ul.list_red-wrap {
    list-style:  none;
    margin: 0 0 20px 25px;
    padding: 0;
    color: #e3001c;
}
ul.list_red-wrap li.list_red:before {
    content:  "";     /* 空の要素作成 */
    width:  6px;               /* 幅指定 */
    height:  6px;              /* 高さ指定 */
    display:  inline-block;     /* インラインブロックにする */
    background-color: #e3001c;  /* 背景色指定 */
    border-radius: 50%;        /* 要素を丸くする */
    position: relative;        /* 位置調整 */
    top: -1px;                  /* 位置調整 */
    margin-right: 10px;         /* 余白指定 */
    margin-left: -1em;
    text-indent: -3em;
}
ul.list_red-wrap ul{margin: 0 0 0 10px}
ul.list_red-wrap ul li{
    color: #333;
}

ol.maru {
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
}
 
ol.maru li {
	margin:0 0 6px 10px;
	padding:4px 2px;
	position: relative;
}
ol.maru li:before {
	content: counter(my-counter);
	counter-increment: my-counter;
	background-color: #fff;
	color: #222;
	display: block;
	float: left;
	line-height: 20px;
	margin-left: -30px;
	text-align: center;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	border: 1px solid #222;
}

ul.blue-arrow{
padding: 0;
margin: 0 0 40px 0;
}

	ul.blue-arrow li{
	list-style-type:none;
	margin:0;
    padding: 10px 0 0 0;
    font-weight: bold;
	}

    ul.blue-arrow li a{display: block;
    background:url(img/triangle16.svg) no-repeat 5px 0.4em;
    /* 背景画像画像サイズ */
	-webkit-background-size: 10px auto;
	background-size: 10px auto;
	padding-left:25px;
    }
    ul.blue-arrow li a:hover {
    color: #e3001c;
    }
    
ul.blue-arrow li ul{
    padding-left:20px;
}
ul.blue-arrow li ul li{
    font-weight: normal;
    list-style:disc;
}

ul.button{
    margin: 0 10px 30px 0;
    padding: 0;
}
	ul.button li{
    color: #097aa7;
	list-style-type:none;
	margin:0;
    padding: 10px 0 15px 30px;
    font-weight: bold;
    display: block;
    background:url(img/triangle_u.svg) no-repeat 5px 1.0em;
    /* 背景画像画像サイズ */
	-webkit-background-size: 16px auto;
	background-size: 16px auto;
	}
    ul.button li:hover {
    color: #e3001c;
    }

/*---------------------------------
	PRE & CODE
-----------------------------------*/
code{
font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
font-size:0.9em;
border:1px solid lightblue;
padding:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
color:#518BAB;
}

pre{
white-space: pre-wrap;       /* css-3 */
white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
margin: 0px 0px 0px 0px;
padding:5px 5px 3px 5px;
background:#fff;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-webkit-box-shadow:inset 0px 0px 7px rgba(0,0,0,0.2);
-moz-box-shadow:inset 0px 0px 7px rgba(0,0,0,0.2);
box-shadow:inset 0px 0px 7px rgba(0,0,0,0.2);
padding:10px;
margin:0 0 20px 0;
border:1px solid #ddd;
font-size:1.1em;
color:#000;
line-height: 22px;
}

/*---------------------------------
	TABLES
-----------------------------------*/
table{width:100%;margin:0 0 10px 0;text-align:left;border-collapse: collapse;}
	thead, tbody{margin:0;padding:0;}
	th, td{padding:7px 10px;font-size:0.9em;border-bottom:1px dotted #ddd;text-align:left;}
	thead th{font-size:0.9em;padding:3px 10px;border-bottom:1px solid #666;text-align:center;}
	tbody tr.last th,
	tbody tr.last td{border-bottom:0;}
	
/* striped */
table.striped{}
	table.striped tr.alt{background:#f5f5f5;}
	table.striped thead th{background:#fff;}
	table.striped tbody th{background:#f5f5f5;text-align:right;padding-right:15px;border-right:1px dotted #e5e5e5;}
	table.striped tbody tr.alt th{background:#efefef;}

/* k-form */
table.k-form{
	margin: 0;
    padding: 0;
	width: 100%;
    border:1px solid #ddd;
}
	table.k-form tr.alt{background:#f5f5f5;}
	table.k-form thead th{background:#fff;}
	table.k-form tbody th{
	background:#f5f5f5;
	text-align:left;
	border-right:1px dotted #e5e5e5;
	vertical-align: middle;
	padding-left: 10px;
	width: auto;
	font-size: 90%;
	letter-spacing: 1pt;
	line-height: 160%;
}
	table.k-form tbody tr.alt th{background:#efefef;}
	table.k-form tbody td{
	background:#fff;
	text-align:left;
	border-right:1px dotted #e5e5e5;
	vertical-align: middle;
	padding-left: 4px;
	width: auto;
	font-size: 90%;
	}
	table.k-form tbody td.name{
	background:#f5f5f5;
	letter-spacing: 1pt;
	line-height: 160%;
	font-weight: bold;
	width: 140px;
	}


/* tight */
table.tight{}
	table.tight th, .tight td{padding:2px 10px;}

/* sortable */
table.sortable{border:1px solid #666;}
	table.sortable thead th{cursor: pointer;position:relative;top:0;left:0;border-right:1px solid #666;background:#efefef;}
	table.sortable thead th:hover{background:#e5e5e5;}
table.sortable tbody td{border-right:1px solid #666;border-bottom:1px solid #666;}
table.sortable tbody td.w-33{width: 33%}
table.sortable td.top{
	border:1px solid #666;
	font-size: 90%;
	word-break: break-all;
	text-align: center;
	font-weight: bold;
	vertical-align:middle;
}
table.sortable td.w-25{
	width: 25%;
}
table.sortable td.center{
	text-align: center;
    font-weight: bold;
}
table.sortable td.c-bk{
	text-align: center;
    font-weight: bold;
    background:#e5e5e5;
}
	table.sortable td.w-30{
	width: 30%;
}
	table.sortable span.arrow{border-style:solid;border-width:5px;
	display:block;position:absolute;top:50%;right:5px;font-size:0;
	border-color:#ccc transparent transparent transparent;
	line-height:0;height:0;width:0;margin-top:-2px;}
	table.sortable span.arrow.up{border-color:transparent transparent #ccc transparent;margin-top:-7px;}
table.sortable caption{
	font-size:140%;
	font-weight: bold;
	border: 1px solid #666;
	padding: 10px 0px;
    background-color: #eee;
}

/* dottable */
table.dottable{border:1px dashed #666;}
	table.dottable thead th{cursor: pointer;position:relative;top:0;left:0;border-right:1px dashed #666;background:#efefef;}
	table.dottable thead th:hover{background:#e5e5e5;}
table.dottable tbody td{border-right:1px dashed #666;border-bottom:1px dashed #666;}
table.dottable td.top{
	font-weight: bold;
	vertical-align:top;
}

/* seistable */
table.seistable{
	border: 1px solid #666;
	width: 95%;
	margin-left: 20px;
	table-layout:fixed;
	background-color: #FFF;
}
	table.seistable td{
	background-color: #fff;
	font-size: 90%;
	word-break: break-all;
	border: 1px solid #666;
	text-align: center;
	font-weight: bold;
}
	table.seistable td.bkg{
	background-color:#e8efe5;
	vertical-align:middle;
}
	table.seistable td.w-30{
	background-color:#e8efe5;
	width: 30%;
	vertical-align:middle;
}
    table.seistable td.vam{
	vertical-align:middle;
}
    table.seistable td.txr{
	text-align: right;
}

/*---------------------------------
	TABS
-----------------------------------*/
ul.tabs{
margin:10px 0 -1px 0;
padding:0;
width:100%;
border-bottom:1px solid #bbb;
float:left;
font-size:0;
}

	ul.tabs.left{text-align:left;}
	ul.tabs.center{text-align:center;}
	ul.tabs.right{text-align:right;}
	ul.tabs.right li{margin:0 0 0 -2px;}

	ul.tabs li{
	font-size:14px;
	list-style-type:none;
	margin:0 -2px 0 0;
	padding:0;
	display:inline-block;
	*display:inline;/*IE ONLY*/
	position:relative;
	top:0;
	left:0;
	*top:1px;/*IE 7 ONLY*/
	zoom:1;
	}
	
	ul.tabs li a{
	text-decoration:none;
	color:#666;
	display:inline-block;
	padding:9px 15px;
	position: relative;
	top:0;
	left:0;
	line-height:100%;
	background:#f5f5f5;
	-webkit-box-shadow: inset 0px -3px 3px rgba(0,0,0,0.03);
	-moz-box-shadow: inset 0px -3px 3px rgba(0,0,0,0.03);
	box-shadow: inset 0px -3px 3px rgba(0,0,0,0.03);
	border:1px solid #ccc;
	border-bottom:0;
	font-size:0.9em;
	zoom:1;
	}
	
	ul.tabs li a:hover{
	background:#fff;
	}
	
	ul.tabs li.current a{
	position:relative;
	top:1px;
	left:0;
	background:#fff;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	color:#222;
	}
	
	.tab-content{
	border:1px solid #efefef;
	border:1px solid #bbb;
	background:#fff;
	clear:both;
	padding:20px;
	margin:0 0 40px 0;
	}
	
	/* w/icon */
	ul.tabs .icon{
	margin:-3px 7px -3px -5px;
	position:relative;
	top:-2px;
	left:0;
	}

/*---------------------------------
	BREADCRUMBS
-----------------------------------*/
ul.breadcrumbs{
margin:10px 0;
padding:0;
line-height:0%;
font-size:0;
}

	ul.breadcrumbs li{
	list-style-type:none;
	margin:0;
	padding:0;
	display:inline-block;
	*display:inline; /* IE ONLY*/
	position:relative;
	zoom:1;
	line-height:100%;
	font-size:14px; /* 0.8em default to override font-size:0; on parent*/
	}
	
	ul.breadcrumbs li a{
	display:inline-block;
	*display:inline; /* IE ONLY*/
	position:relative;
	padding:5px 15px 5px 5px;
	font-size:0.9em;
	zoom:1;
	margin:0;
	background:url(img/icon-arrow-right.png) no-repeat right center;
	}
	
	ul.breadcrumbs li.last a{
	color:#333;
	cursor: default;
	text-decoration:none;
	background:none;
	}
	
	ul.breadcrumbs li.last a:hover{
	text-decoration:none;
	}
	
	/* Alternative Style */
	ul.breadcrumbs.alt1{
	border:1px solid transparent;
	font-size:0;
	}
	
	ul.breadcrumbs.alt1 li a{
	padding:10px 25px 10px 15px;
	background:url(img/breadcrumbs-bg.gif) no-repeat right center;
	text-decoration:none;
	border-top:1px solid #efefef;
	border-bottom:1px solid #efefef;
	font-size:12px;
	}
	
	ul.breadcrumbs.alt1 a:hover{
	text-decoration:underline;
	}
	
	ul.breadcrumbs.alt1 li.first a{
	border-left:1px solid #efefef;
	}
	
	ul.breadcrumbs.alt1 li.last a{
	background:none;
	border-right:1px solid #efefef;
	}
	
/*---------------------------------
	IMAGES
-----------------------------------*/
/*
	for img .style1, .style2, .style3
	view js/kickstart.js Image Style Helpers
*/
img{
margin:0;
padding:0;
display:inline-block;
position:relative;
zoom:1;
vertical-align: bottom;
}
a:hover img{
	opacity: 0.6;
}

	img.align-left, .img-wrap.align-left{float:left;margin:0 10px 5px 0;}
	img.align-right, .img-wrap.align-right{float:right;margin:0 0 5px 10px;}
	img.full-width{clear:both;display:block;width:100%;height:auto;margin:0;}

/* 角丸全方向 */
img.br-param1 { border-radius: 10px; }
/* 角丸２種 */
img.br-param2 { border-radius: 10px 40px; }
/* 角丸３種 */
img.br-param3 { border-radius: 10px 40px 70px; }
/* 角丸４種 */
img.br-param4 { border-radius: 10px 40px 70px 4px; }
/* 角丸上２種 */
img.br-param5 { border-radius: 6px 6px 0 0; }
/* 角丸下２種 */
img.br-param6 { border-radius: 0 0 6px 6px; }
/* 丸になる */
img.br-max { border-radius: 50%; }

	div.caption{
	background:#f5f5f5;
	border:1px solid #ddd;
	padding:3px;
	width:100%;
	height:auto;
	}
	
		div.caption img{
		display:block;
		padding:0;
		margin:0;
		width:100%;
		height:auto;
		}
	
		div.caption span{
		display:block;
		margin-top:3px;
		font-size:0.8em;
		color:#666;
		padding:0px 5px;
		}
		
	.gallery{}
	
		.gallery a{
		display:inline-block;
		position:relative;
		border:1px solid #fff;
		background:#fff;
		padding:3px;
		margin:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
		}
		
		.gallery a img{
		display: block;
		position: relative;
		margin:0;
		padding:0;
		}
		
.banner{
	text-align: center;
    margin: 20px 0;
}
	
.banner a{
	padding:0px;
	margin:0px;
}
		
.banner a img{
	display: block;
	position: relative;
	margin:0;
	padding:0;
}
		
.banner a:hover img{
	opacity: 0.6;
}		

img.m-top{
    margin-top: 10px;
}

img.m-10{
    margin: 10px;
}
img.left{
    float: left;
    margin: 20px 10px 20px 10px;
}
img.right{
    float: right;
    margin: 20px 10px 20px 10px;
}
@media screen and (max-width:640px) {
  .right {
    float: none;
    width: 100%;
    max-width: 100%;
  }
  .left {
    float: none;
    width: 100%;
    max-width: 100%;
  }
}

/*---------------------------------
	BOX
-----------------------------------*/
.sub-soudan_box{
    border: 2px solid #3999bf;
    margin: 20px 0 40px 0;
    padding: 0;
    border-radius: 10px;
}

.sub-soudan_box.ban-s{
	text-align: center;
    margin: 20px 0;
}
	
.sub-soudan_box.ban-s a{
	padding:0px;
	margin:0px;
}
		
.sub-soudan_box.ban-s a img{
	display: block;
	position: relative;
	margin:0;
	padding:0;
}
		
.sub-soudan_box.ban-s a:hover img{
	opacity: 0.6;
}

.center_box{
    border: 2px solid #ccc;
    margin: 10px auto;
    padding: 0;
    width: 75%;
}

.column-box{
    margin: 10px 0;
    padding: 5px 0;
}
.c-txt_bk{
    margin: 20px 0 0 0;
	background-color:#eee;
	color:#000;
	font-weight:bold;
	padding:10px 0 0 5px;
    border-bottom: 1px solid #bbb;
    vertical-align: middle;
}

/*---------------------------------
	midashi
-----------------------------------*/
.midashi {
  position: relative;
  }

.midashi p {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  font-weight: bold;
  color: #000;
  white-space: nowrap;
  }

.midashi p a{
	color: #097aa7;
	outline:0;
	text-decoration: none;
}

.midashi p a:hover{
	color: #fff;
}

.midashi img {
  width: 100%;
  border-radius: 8px;
  border: 2px solid #097aa7;
  }

/*---------------------------------
	midashi-2
-----------------------------------*/
.midashi-2 {
  position: relative;
  }

.midashi-2 p {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  font-weight: bold;
  color: #000;
  white-space: nowrap;
  text-shadow:1px 1px 0 #000, -1px -1px 0 #000,
              -1px 1px 0 #000, 1px -1px 0 #000,
              0px 1px 0 #000,  0-1px 0 #000,
              -1px 0 0 #000, 1px 0 0 #000;
  }

.midashi-2 p a{
	color: #fff;
	outline:0;
	text-decoration: none;
}

.midashi-2 p a:hover{
	color: #ccc;
}

.midashi-2 img {
  width: 100%;
  }

/*---------------------------------
	link_bannar
-----------------------------------*/
.link_bannar_1 {
  position: relative;
    border: 1px solid #ccc;
  }

.link_bannar_1 p {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
    font-size: 1.08em;
  font-weight: bold;
  color: #000;
  white-space: nowrap;
  }

.link_bannar_1 p a{
	color: #de0024;
	outline:0;
	text-decoration: none;
}

.link_bannar_1 p a:hover{
	color: #fff;
}

.link_bannar_1 img {
  width: 100%;
  }

/*---------------------------------
	pageTop
-----------------------------------*/
#pageTop {
  position: fixed;
  bottom: 90px;
  right: 10px;
}
 
#pageTop a {
	display: block;
	z-index: 999;
	padding: 5px 0 0 0;
	border-radius: 30px;
	width: 30px;
	height: 30px;
	background-color: #000;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}
 
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}

/*---------------------------------
	gmap
-----------------------------------*/
.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}

/*---------------------------------
	SLIDESHOW2
-----------------------------------*/
.slideshow-wrap{
clear:both;
margin:0;
padding:0;
position:relative;
top:0;
left:0;
overflow:hidden;
clear:both;
}

	.slideshow-inner{
	overflow:hidden;
	clear:both;
	position:relative;
	top:0;
	left:0;
	border:1px solid #efefef;
	}
	
	.slideshow{
	clear:both;
	margin:0;
	padding:0;
	width:auto;
	height:auto;
	overflow:hidden;
	}
	
		.slideshow li{
		list-style-type:none;
		margin:0;
		padding:0;
		float:left;
		display:block;
		}
		
			.slideshow img{vertical-align: bottom;}
			
	.slideshow-buttons{
	text-align:right;
	margin:3px 0 0 0;
	padding:0;
	}
	
		.slideshow-buttons li{display:inline;position:relative;top:0;left:0;line-height:100%;margin:0;padding:0;}
		.slideshow-buttons li.current a{background:#ddd;}
		
		.slideshow-buttons a{
		display:inline;
		position:relative;
		top:0;
		left:0;
		padding:1px 3px;
		margin:0 1px;
		line-height:100%;
		border:1px solid #efefef;
		text-decoration:none;
		font-size:0.8em;
		}

/*---------------------------------
	MEDIA
-----------------------------------*/

.YoutubeWrapper{
	position:relative;
	margin-top:20px;
	margin-bottom:30px;
	padding-top:69px;
	padding-bottom:50%;
	overflow:hidden;
}
.YoutubeWrapper iframe{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
}

.video-placeholder,
.video-placeholder a{
position:relative;
top:0;
left:0;
display:inline-block;
*display:inline;
zoom:1;
margin:0;
padding:0;
text-decoration:none;
}
	.video-placeholder img{vertical-align: bottom;}
	.video-placeholder .icon{
	position:absolute;
	top:50%;
	left:50%;
	margin:-24px 0 0 -24px;
	}
	
	.video-placeholder:hover .icon{
	text-shadow:0px 0px 10px rgba(255,255,255,0.8), 0px 2px 2px rgba(0,0,0,1);
	cursor: pointer;
	}
	
iframe.map-placeholder{
border:1px solid #ccc;
margin:0;
padding:0;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
	
.calendar{
text-align:center;
text-shadow:0px 1px 0px #fff;
color:#666;
border:1px solid #ddd;
background:#f5f5f5;
}
	.calendar h4#current-month{font-size:1em;margin:0;padding:2% 0;border-top:1px solid #fff;line-height:100%;font-weight:normal;}
	.calendar table{margin:0;border-collapse: collapse;border:0;}
	.calendar th, .calendar td{text-align:center;padding:0;font-weight: normal;line-height:100%;border:0;}
	.calendar th{width:14.2857%;padding:2% 0;border-bottom:1px solid #ddd;}
	.calendar td{background:#fff;padding:3% 0;}
	.calendar th.weekday{color:#999;font-size:0.7em;text-transform: uppercase;}
	.calendar td.other-month{color:#ccc;}
	.calendar td.current-month{background:#fff;color:#777;}


>>>>>>> 46cd3117d276edb44b92004c2364d9255fd615e0