/*10px＝77%
/*11px＝85%
/*12px＝93%
/*13px＝100%
/*14px＝108%
/*15px＝116%
/*16px＝124%
/*17px＝131%
/*18px＝139%
/*19px＝147%
/*20px＝154%
/*21px＝162%
/*22px＝170%
/*23px＝177%
/*24px＝185%
/*25px＝193%

/* ---------------------------------------------------------------- */
/* スマホ */
/* ---------------------------------------------------------------- */

body {
	font-size:14px;
	line-height:150%;
	background:url(../../images/bg.jpg);
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
	-webkit-text-size-adjust: 100%; /* フォントサイズ自動調整 */  
    margin-left:auto;
    margin-right:auto;
    max-width: 640px;
}

*{word-break: break-all;/* 意図しない横幅が出ないように画面幅で強制改行を有効にする */}

a,div,img,ul,li,ol,dt,dl,dd,span,
h1,h2,h3,h4,h5,h6,h7,h8,
article,aside,canvas,details,figcaption,figure,
header,footer,hgroup,menu,nav,section,summary {
	-webkit-box-sizing: border-box;
    box-sizing: border-box; 
}

/* header */

header {
	width:100%;
}
#wrap {
	margin-left: 5px;
	margin-right: 5px;
}


header div.HeaderInnerBox{
	margin:0 auto;
	max-width:640px;
	height:auto;
	padding-bottom:15px;
	overflow:hidden;
}

header div.HeaderInnerBox p.MenuBtn{
	float:right;
	width:10%;
	padding-right:3%;
	margin-top:10px;
}

header h1{
	float:left;
	padding:14px 0px 0px 3%;
	width:50%;
	font-weight: bold;
}
header h1 img{
}

p.PhoneMenu{ position:absolute; top:13px; left:3%;width:14%;}
p.PhoneMenu img{ }

header nav.nav {
	display:none;
}
.baseContainer/* main */

{
	margin-top: 20;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.contents {
	line-height: 180%;
}
.column-1 {
	width: 20%;
}

.contents a:link {
	text-decoration: underline;
}
.contents p {

}

.contents table {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	margin-top: 10px;
	margin-bottom: 10px;
}
.contents th {
	padding: 10px;
	background-image: url(../images/bg01.gif);
	background-repeat: repeat;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.contents td {
	padding: 10px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.contents   li  {
	margin-left: 20px;
}

.contents   li   .def  {
	color: #333333;
}
.contents img {
	margin-bottom: 5px;
	width: 100%;
	height: auto;
	object-fit: contain;
}

#mainImg  img {
	width: 100%;
}


.ctLoTitle {
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #666666;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding: 10px;
}

#l-nav {
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#l-nav li {
	background-image: url(../images/listMark01.gif);
	background-repeat: no-repeat;
	background-position: left 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	list-style-type: none;
}


/* h2 */
h2 {
	font-size: 120%;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 5px;
	font-weight: bold;
}

/* ボックス関連 */

h3 {
	background-color: #FFF8EC;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #DD8C00;
	border-bottom-color: #DD8C00;
	font-weight: bold;
	padding: 5px;
	margin-bottom: 15px;
}
h4 {
	margin-top: 10px;
	margin-bottom: 15px;
	padding-right: 5px;
	padding-left: 10px;
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #000066;
	color: #000066;
	font-weight: bold;
	font-size: 110%;
	line-height: 120%;
}

.listA {
	background-image: url(../images/listMark01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	display: block;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin-bottom: 5px;
}

.newsArea  .newsTitle {
	padding-bottom: 3px;
	color: #003399;
	font-weight: bold;
	font-size: 120%;
}
.newsArea .newsTitle a {
	color: #003399;
}
.newsArea .newsTitle a:hover {
	color: #003399;
	text-decoration: none;
}


/* フッターリスト */

footer{
	width:100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	padding-top: 10px;
	background-color: #d3dbe3;
}

footer div.FooterInnerBoxTop{
	margin:0 auto;
	width:100%;
	max-height:none;
	padding-bottom:0px;
	background:#16ab85; 
}


footer div.FooterInnerBox{
	width:100%;
	margin:0 auto;
	padding:0px 0px;
	height:auto;
	background-position: 16;
	background-color: #d3dbe3;
}

footer p.Copy{
	font-size:85%;
	color:#333333;
	padding:10px 0px;
	margin-top:0px;
}
.PageTopLink  {
	background-color: #003399;
	text-align: center;
	margin-bottom: 10px;
	padding: 10px;
}
.PageTopLink a {
	color: #FFFFFF;
}

#pankuzu {
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 10px;
	background-image: url(../images/bg01.gif);
}


.entryList li {
	background-image: url(../images/listMark03.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	list-style-type: none;
}
.contents ul {
	margin-top: 15px;
}

.faqArea  a {
	text-decoration: none;
	color: #003399;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	display: block;
}

.flowArea {
	background-image: url(../images/flow_sp.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 425px;
	width: 320px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: auto;
	margin-left: auto;
}