@charset "shift_jis";
/*
cs-okinawa オリジナルcss
*/

/*------------------------------------------------
ti_base.cssからの設定変更
-------------------------------------------------*/
body {
	background-color: #faf9fb;
}

article {
	margin-bottom: 30px;
}

.keyimgBox{
	background: #fff;
	margin-bottom: 0;
}
/*------------------------------------------------
navi  http://www.colorzilla.com/gradient-editor/
-------------------------------------------------*/

#navi {
	width:100%;
	padding:0;
	margin:20px 0 0 0;
	list-style-type: none;
}



#navi li {
	width:14.2%;
	float:left;
	padding:0;
	margin:0;
	text-align:center;
	border-left:1px solid #147291;/*仕切り線*/
	color: #999999;
	height:5em;
}

#navi li a{
	position:relative;
	width:auto;
	color:#333;
	font-weight:bold;
	padding:10px 0;
	text-decoration:none;
	display:block;
	background: #ffffff; /* Old browsers */
	border-left:none;/*仕切り線*/
	padding:0;
	height:5em;
}
#navi li a:hover,
#navi li.active a {
	text-decoration: underline !important;
}
#navi li.last{
	border-right:1px solid #147291;/*仕切り線*/
}

#navi li a.tPink {
	color: #f07cab;
}
#navi li a.tPink:hover,
#navi li.active a.tPink {
color: #ffffff;
background: #f07cab;
}

#navi li a.tBlue {
	color: #147291;
}
#navi li a.tBlue:hover,
#navi li.active a.tBlue {
color: #ffffff;
background: #147291;
}

#navi li a.tGreen {
	color: #18aa00;
}
#navi li a.tGreen:hover,
#navi li.active a.tGreen {
color: #ffffff;
background: #18aa00;
}

/*------------------------------------------------
menuBox
-------------------------------------------------*/
.menuBox div{
	padding:2.08%;
	margin-top:20px;
	border:5px solid #dbe4ed;
	background:#fff;
	border-radius: 20px;
}
.menuBox a{
	font-weight:bold;
	color:#21435f;
}

/*------------------------------------------------
infoBox
-------------------------------------------------*/
.infoBox {
	padding:2.08%;
	margin-top:20px;
	border:5px solid #fff;
	background:#fff;
}

.infoBox h3{
	margin-top:0;
	font-size: 1.4875rem;
	border-left: 6px solid #a3bad1;
}

.tIndent3em {
	text-indent: -3em;
	padding-left: 3em;
}
.tIndent5em {
	text-indent: -5em;
	padding-left: 5em;
}
/*------------------------------------------------
見出し
-------------------------------------------------*/

h1 {
	font-size: 1.925rem;
	line-height: 1.2;
	padding-left: 0;
}
h1:after{
	border-top: none;
	border-bottom: none;
}

.keyimgBox h1:after,
.container h1:after {
	border-top: none;
	border-bottom: none;
}


h2 {
	font-size: 1.575rem;
	border-bottom:none;
	padding-left: 0;
	margin-top:40px;
	margin-bottom: 20px;
}

h3 {
	font-size: 1.3rem;
	border-left:none;
	margin-top:30px;
	margin-bottom: 20px;
	border-left: 6px solid #a3bad1;
}


h1, h2, h3, h4, h5, h6{
	color:#21435f;
}

/*------------------------------------------------
その他
-------------------------------------------------*/
a {
	color: #076482;
}
.attBox04 {
	border:5px solid #fee3e5;
	background:#fee3e5;
}


.mgT1em{
	margin-top:1em;
}
.mgT40{
	margin-top:40px;
}
.comingsoon{
	background: #cccccc;
	border: none;
}

#breadcrumb {
	line-height:2em;
}

.alert03{
	color:#21435f !important;
}
.alert02{
	background:#def7b2 !important;
}
.alert01{
	color:#f87378 !important;
}
.attBox01 dl{
	margin-bottom:1em;
}
.attBox01 dl dt{
	font-size:1em!important;
	margin-bottom:0!important;
}
.attBox04 {
    border: 5px solid #fff;
    background: #fff;
}
/*------------------------------------------------
btn
-------------------------------------------------*/
.btnNavi,
.btnBlue{
	background:#21435f;
	border:none;
	}
.btnNavi:hover,
.btnBlue:hover{
	background:#617e97;
	text-decoration:none;
}
.btnRed{
	background:#f87378 ;
	border:none;
	}
.btnRed:hover{
	background:#f38f93 ;
	text-decoration:none;
}

.btnLink a{
	color: #ffffff;
	text-decoration:none;
}

ul.disc li.no-list {
	margin-left:1em;
	list-style-type: none;
}

ul.circle li{
	margin-bottom:0.5em;
}

.tLink-a {
	isplay: block;
	background: url(../images/common/arrow_a.png) no-repeat left 0.35em;
	padding-left: 20px;
	word-wrap: break-word;
}

.dlFloat dt {
	width:20%;
}
.dlFloat {
	margin-bottom:2em;
}
.arrow{
	width: 0;
	height: 0;
	border-top: 30px solid #92DEE0;
	border-right: 40px solid transparent;
	border-bottom: 30px solid transparent;
	border-left: 40px solid transparent;
	margin: 20px auto -30px;;
}
/*------------------------------------------------
table
-------------------------------------------------*/
table.detail th{
	background: #dbe4ed;
}

table.detail{
	margin-bottom:2em;
	background: #fff;
}
table.detail .time{
	width:25%;
}
table.detail .hold{
	background: #fdeda2;
}
table.detail .hold2{
	background: #d5effb;
}
table.detail .hold3{
	background: #ffdcdc;
}
/*------------------------------------------------
フッター
-------------------------------------------------*/

header a, footer .inner2 a.tPink {
    color: #f07cab !important;
}

header a, footer .inner2 a.tBlue {
    color: #147291 !important;
}
header a, footer .inner2 a.tGreen {
    color: #18aa00 !important;
}
footer .inner2 {
	background: #dbe4ed;
	border-bottom: 1px solid #21435f;
}

/*------------------------------------------------
GreenArea
-------------------------------------------------*/
h1.h1Green {
	text-align: center;
	color:#ffffff;
	padding: 4%;
	background: #23ac38;
}
h1.h1Green:after {
	border:none;
}
h1.h1Green span {
	font-size:0.8em;
}
.GreenArea table.detail th{
	background: #eaffed;
}
.GreenArea h2{
	border-bottom:2px solid #23ac38;
	color:#23ac38 !important;
}

.GreenArea h3,
h3.GreenArea{
	border-left:6px solid #23ac38;
	color:#23ac38 !important;
}
.GreenArea h4,
h4.GreenArea{
	border-left:4px solid #23ac38;
	color:#23ac38 !important;
}
.GreenArea .btnNavi{
	background: #23ac38;
	border: none;
}
.GreenArea .btnNavi:hover{
	background:#52b962;
	text-decoration:none;
}
.GreenArea .ttlGreen{
	border-bottom:2px solid #23ac38;
	color:#23ac38;
}
.GreenArea .ttlGreen,
.BlueArea .ttlBlue{
	font-size:1.6em;
	font-weight:bold;
	margin-bottom:1em;
}
/*------------------------------------------------
BlueArea
-------------------------------------------------*/
h1.h1Blue {
	text-align: center;
	color:#ffffff;
	padding: 4%;
	background: #0d6fb8;
}
h1.h1Blue:after {
	border:none;
}
h1.h1Blue span {
	font-size:0.8em;
}
.BlueArea table.detail th{
	background: #dff2fc;
}
.BlueArea h2{
	border-bottom:2px solid #0d6fb8;
	color:#0d6fb8 !important;
}
.BlueArea h3,
h3.BlueArea{
	border-left:6px solid #0d6fb8;
	color:#0d6fb8 !important;
}
.BlueArea h4,
h4.BlueArea{
	border-left:4px solid #0d6fb8;
	color:#0d6fb8 !important;
}
.BlueArea .btnNavi{
	background: #0d6fb8;
	border: none;
}
.BlueArea .btnNavi:hover{
	background:#3c8ac5;
	text-decoration:none;
}
.BlueArea .ttlBlue{
	border-bottom:2px solid #3c8ac5;
	color:#3c8ac5;
}
.alertBox01{
	color: #a66d3b;
	background:#f9f2cf;
	text-align: center;
	padding: 1.2em;
}