@charset "utf-8";
/* CSS Document */

@import url(./layout.css);
@import url(./tips.css);
@import url(./responsive.css);
@import url(//use.fontawesome.com/releases/v5.15.1/css/all.css);

/* basicset */
* {margin:0; padding:0;}
img { border: none;  border-width: 0px; }
li { list-style: none; }
h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul { display: block; margin: 0px; padding: 0px; }
h1,h2,h3,h4,h5,h6,strong { font-weight: bold; font-size: 100%; }

body {
	font-size: 92%;
	color: #333333;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	line-height:1.6;
	margin: 0px;
	padding: 0px;
	background-repeat: repeat-x;
}

.bgBodyTop		{
	background-image: url(/_share/bg-body-top.png);
}
.bgBodySub		{
	background-image: url(/_share/bg-body-top.png);
}


a { color: #372E28; }
a:visited { color: #372E28; }
a:hover { color: #846D61; }

table {
	border-collapse: collapse;
	border-spacing: 0;
}

th {
	text-align: left;
}




/* slider */
#mainimg {
	border: 5px solid #F2ECBD;
	padding: 2px;
	margin-bottom: 20px;
	font-size: 16px;
	background-color: #FFF;
}

#viewer {
	text-align: left;
	overflow: hidden;
	position: relative;
	height: 320px;
	width: 1070px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}



/* normal
#viewer img {
	top: 0;
	left: 0;
	position: absolute;
}


#viewer {
	text-align: left;
	overflow: hidden;
	position: relative;
	height: 250px;
	width: 1060px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#viewer img {
	top: 0;
	left: 0;
	position: absolute;
}

 */


/* clickable
#viewer {
	margin: 0 auto;
	height: 240px;
	width: 672px;
	text-align: left;
	overflow: hidden;
	position: relative;
}

#viewer a {
	top: 0;
	left: 0;
	height: 240px;
	width: 672px;
	display: block;
	position: absolute;
}
 */



/* zindex

#viewer {
	margin: 0 auto;
	height: 360px;
	width: 960px;
	text-align: left;
	overflow: hidden;
	position: relative;
}

#viewer a {
	top: 0;
	left: 0;
	height: 360px;
	width: 960px;
	display: block;
	position: absolute;
}

 */






/* pagetop */
#page-top {
	position: fixed;
	bottom: 1px;
	right: 1px;
	font-size: 10px;
}
#page-top a {
	text-decoration: none;
	color: #fff;
	width: 40px;
	text-align: center;
	display: block;
	border-radius: 5px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	background-color: #999;
}
#page-top a:hover {
	text-decoration: none;
	background-color: #B2B2B2;
}



/*********************** tips ***********************/


/* text */
.txc-white {
	color: #fff;
}

.txc-beige {
	color: #C49C36;
}
.txc-blue {
	color: #016799;
}
.txc-green {
	color: #019901;
}
.txc-grey {
	color: #666666;
}
.txc-lime {
	color: #99CC01;
}
.txc-orange {
	color: #FF9901;
}
.txc-pink {
	color: #FF9A9A;
}
.txc-purple {
	color: #67359A;
}
.txc-red {
	color: #FF3333;
}
.txc-sky {
	color: #15C5FF;
}
.txc-grey {
	color: #999;
}

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

.item-center {text-align: center;}


/* text bold */

.txc-whiteB {
	color: #fff;
	font-weight: bold;
}

.txc-beigeB {
	color: #C49C36;
	font-weight: bold;
}
.txc-blueB {
	color: #016799;
	font-weight: bold;
}
.txc-greenB {
	color: #019901;
	font-weight: bold;
}
.txc-greyB {
	color: #666666;
	font-weight: bold;
}
.txc-limeB {
	color: #99CC01;
	font-weight: bold;
}
.txc-orangeB {
	color: #E87900;
	font-weight: bold;
}
.txc-pinkB {
	color: #FF9A9A;
	font-weight: bold;
}
.txc-purpleB {
	color: #67359A;
	font-weight: bold;
}
.txc-redB {
	color: #FF3333;
	font-weight: bold;
}
.txc-skyB {
	color: #15C5FF;
	font-weight: bold;
}

.txs050	 {font-size: 50%;}
.txs060	 {font-size: 60%;}
.txs070	 {font-size: 70%;}
.txs080	 {font-size: 80%;}
.txs090	 {font-size: 90%;}
.txs100 {font-size: 100%;}
.txs110 {font-size: 110%;}
.txs120 {font-size: 120%;}
.txs130 {font-size: 130%;}
.txs140 {font-size: 140%;}
.txs150 {font-size: 150%;}
.txs160 {font-size: 160%;}
.txs180 {font-size: 180%;}
.txs200 {font-size: 200%;}
.txs250 {font-size: 250%;}


.txArial {
	font-family: Arial, Helvetica, sans-serif;
}



/* bg-color */
.bgc-beige {
	background-color: #FCF8E9;
}
.bgc-blue {
	background-color: #016799;
}
.bgc-green {
	background-color: #019901;
}
.bgc-grey {
	background-color: #EBEBEB;
}
.bgc-lime {
	background-color: #99CC01;
}
.bgc-orange {
	background-color: #FF9901;
}
.bgc-pink {
	background-color: #FF9A9A;
}
.bgc-purple {
	background-color: #67359A;
}
.bgc-red {
	background-color: #FF3333;
}
.bgc-sky {
	background-color: #15C5FF;
}
.bgc-white {
	background-color: #fff;
}
.bgc-black {
	background-color: #000;
}




/* box */
.boxSet {
	line-height: 140%;
	padding: 10px;
	border: 2px solid;
}

.boxSet2 {
	line-height: 140%;
	padding: 14px;
	border: 2px solid;
}

.boxSet3 {
	line-height: 140%;
	padding: 24px;
	border: 2px solid;
}

.boxNor {
	border-color: #E0E0E0;
	background-color: #fff;
}



.boxBeige {
	background-color: #FCF8E9;
	border-top-color: #F8EECF;
	border-right-color: #F8EECF;
	border-bottom-color: #F8EECF;
	border-left-color: #F8EECF;
}

.boxGrey {
	border-color: #E0E0E0;
	background-color: #F9F9F9;
}

.boxGreyW {
	border-color: #E0E0E0;
	background-color: #FFFFFF;
}


.boxRed {
	border-color: #FFB0B0;
	background-color: #FFEEEE;
}

.boxBlue {
	border-color: #BFDFFF;
	background-color: #EEFCFF;
}

.boxPosi {
	border-color: #FFE186;
	background-color: #FFFFC4;
}

.boxNega {
	background-color: #EFEAE2;
	color: #666;
	border-color: #E6DED2;
}

.boxLink {
	line-height: 130%;
	padding: 8px;
	border: 1px solid;
	border-color: #CCCCCC;
	background-color: #F7F7F7;
	color: #666;
	font-size: 92%;
}

.boxNoticeRed {
	border-color: #FFC8C8;
	background-color: #F33;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	padding: 5px;
	margin-bottom: 20px;
	text-align: center;
}

.boxNoticeBlue {
	border-color: #FFC8C8;
	background-color: #039;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	padding: 5px;
	margin-bottom: 20px;
	text-align: center;
}

.boxR5 {
	border-radius: 5px;/* CSS3草案 */
	-webkit-border-radius: 5px;/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;
}


.boxR14 {
	border-radius: 14px;/* CSS3草案 */
	-webkit-border-radius: 14px;/* Safari,Google Chrome用 */
	-moz-border-radius: 14px;
}




.boxInfo {
	border: 1px solid #CCCCCC;
	background-image: url(/_share/bg/box-stripe.gif);
	background-position: right bottom;
	padding: 2px;
}

.boxInfo h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 120%;
	padding: 3px;
}







.boxInfo .in {
	padding: 10px;
}

.boxInfo .text {

}


.boxInfo .tel {

}


.boxMap {
	padding: 1px;
	margin-bottom: 20px;
	background-color: #FFFFFF;
	border: 3px solid #F2F2F2;
}



.box2c {
	overflow:hidden;
	zoom: 1;
}

.box2c .title {
	background-color: #99CC01;

}

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

.box2c .left {
	float: left;
}

.box2c .right {
	float: right;
}




/* table */
.table {
	font-size: 90%;
	width: 100%;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}

.table th {
	padding: 5px;
	text-align: left;
	line-height: 140%;
	font-weight: bold;
	background-color: #FAF8F1;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
}

.table td {
	padding: 5px;
	line-height: 140%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
}


.table td td,
.tableDL td td {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.tableDL td td {
	padding: 3px;
	line-height: 120%;
}

.tableDL th {
	vertical-align: top;
}


/* tableINFO */
.tableINFO {
	font-size: 90%;
	width: 100%;
}


.tableINFO tr {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;

}

.tableINFO th {
	width: 99px;
}

.tableINFO th,
.tableINFO td {
	line-height: 140%;
	vertical-align: top;
	text-align: left;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 8px;
	padding-left: 5px;
}






/* table */
.tableDL {
	font-size: 90%;
	line-height: 140%;
}

.tableDL tr {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}

.tableDL th {
	padding: 7px;
	text-align: left;
	font-weight: bold;
	vertical-align: top;
}

.tableDL td {
	padding: 7px;
	vertical-align: top;
}

.tableDL td table tr{
	border-bottom-width: 0px;
	border-bottom-style: none;
}





/* table */
.tableBox {
	font-size: 90%;
	width: 100%;
}

.tableBox th {
	padding: 2px;
	border: 1px solid #CCC;
	font-weight: normal;
}

.tableBox td {
	width: 5px;
}

#main .tableBox h3 {
	font-size: 90%;
	margin-bottom: 3px;
	padding: 3px;
	background-image: url(/_share/bg/tate.png);
}

.tableBox .btn {
	text-align: center;
	border-radius: 5px;/* CSS3草案 */
	-webkit-border-radius: 5px;/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;
	border: 1px solid #F90;
	background-color: #FC0;
}

.tableBox .btn a {
	display: block;
	color: #FFF;
	text-decoration: none;
	font-size: 90%;
	padding-top: 1px;
	padding-bottom: 1px;
}

.tableBox .btn a:hover {
	background-color: #F90;
}



/* ul */
.ulNor {
	margin-left: 10px;
	line-height: 120%;
	padding-left: 5px;
}

.ulNor li {
	line-height: 140%;
	list-style-type: disc;
}

.ulNor li p {
	font-size: 90%;
	color: #666;
}

.ulNorDL {
	margin-left: 10px;
	line-height: 120%;
	padding-left: 5px;
}

.ulNorDL li {
	line-height: 130%;
	list-style-type: disc;
}

.ulNorDL li p {
	font-size: 90%;
	color: #666;
}


.ulkome {
	margin-left: 10px;
	line-height: 120%;
	padding-left: 5px;
}

.ulkome li {
	line-height: 140%;
	list-style-type: none;
	list-style-image: url(/_share/icon/kome.gif);
}

.ulcheck {
	margin-left: 15px;
	line-height: 120%;
	padding-left: 10px;
}

.ulcheck li {
	line-height: 140%;
	list-style-type: none;
	list-style-image: url(/_share/icon/check.png);
}



/* ul info */
.ulInfo {
	margin-bottom: 20px;
	border: 3px solid #F6F3E8;
	padding: 5px;
}

.ulInfo h4 {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #7EA800;
	width: 100px;
}

.ulInfo h5 {
	float: right;
	width: 470px;
	font-weight: normal;
}


.ulInfo li {
	background-image: url(/_share/dotline.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 3px;
	overflow:hidden;
	zoom: 1;
}

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

/* ol nor */
.olNor {
	margin-left: 40px;
}

.olNor li {
	list-style-type: decimal;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	list-style-position: outside;
	line-height: 130%;
}


/* img */
.imgL { float: left; }
.imgL10 { margin-right: 10px; float: left; }
.imgR10 { float: right; margin-left: 10px; }
.imgL10B { margin-right: 10px;	float: left;	border: 4px solid #EBEBEB;	padding: 2px;	background-color: #FFFFFF; }
.imgR { float: right; }
.imgR10B { float: right;	margin-left: 10px;	border: 4px solid #EBEBEB;	padding: 2px;	margin-bottom: 10px;	background-color: #FFFFFF; }
.imgbox {
	border: 4px solid #EBEBEB;
	padding: 2px;
	background-color: #FFF;
}
.sideImg {	border: 1px solid #D5D5D5;	padding: 1px;	margin-bottom: 5px;}


a:hover .filter {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
}


/* cap */
.pCapR {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	font-size: 80%;
	color: #999;
}

.pCapL {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	font-size: 80%;
	color: #999;
}

.pCapR img, .pCapL img {
	border: 4px solid #EBEBEB;
	padding: 2px;
	background-color: #FFFFFF;
	margin-bottom: 5px;
}




/* form */
.formBasic {
	color: #333333;
	padding: 5px;
	font-size: 120%;
	border: 2px solid #CCC;
	-moz-box-shadow: inset 0 0 1px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
	box-shadow: inner 0 0 1px rgba(0, 0, 0, 0.2);
}

.formFocus {
	color: #F33;
	background-color: #FFE6EC;
}

.formTextbox {

}

.hidden {
	display: none;
}


/* btn */
.btnGrey {
	-moz-border-radius: 7px 7px 7px 7px;
	-webkit-border-radius: 7px 7px 7px 7px;
	border: 1px solid #CCCCCC;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	color: #333;
	padding-top: 12px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
	background-color: #E3E3E3;
	background-position: left bottom;
	margin-right: 10px;
	margin-left: 10px;
	font-size: 16px;
}

.btnGrey:hover {
	background: -moz-linear-gradient(center bottom, #cccccc 50%,#ffffff 50%);
	background-color: #EEEEEE;
	background-position: left bottom;
}



/* totop */
.totop {
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #06C;
}

.totop a,
.totop a:visited {
	color: #333;
}
.totop a:hover {
	color: #F90;
}

.pan {
	font-size: 11px;
	margin-bottom: 15px;
}

.bgc-merit {
	background-color: #CEE7FF;
}

.bgc-demerit {
	background-color: #FCE9E4;
}

.pcOnly {
	display: block;
}
.spOnly {
	display: none;
}



/* margin */
.mb00 { margin-bottom: 0;}
.mb01 { margin-bottom: 1px;}
.mb02 { margin-bottom: 2px;}
.mb03 { margin-bottom: 3px;}
.mb04 { margin-bottom: 4px;}
.mb05 { margin-bottom: 5px;}
.mb10 { margin-bottom:10px;}
.mb12 { margin-bottom:12px;}
.mb15 { margin-bottom:15px;}
.mb20 { margin-bottom:20px;}
.mb25 { margin-bottom:25px;}
.mb30 { margin-bottom:30px;}
.mb35 { margin-bottom:35px;}
.mb40 { margin-bottom:40px;}
.mb45 { margin-bottom:45px;}
.mb50 { margin-bottom:50px;}
.mb55 { margin-bottom:55px;}
.mb60 { margin-bottom:60px;}
.mb80 { margin-bottom:80px;}

.mt00 { margin-top: 0;}
.mt01 { margin-top: 1px;}
.mt02 { margin-top: 2px;}
.mt03 { margin-top: 3px;}
.mt04 { margin-top: 4px;}
.mt05 { margin-top: 5px;}
.mt10 { margin-top:10px;}
.mt11 { margin-top:11px;}
.mt12 { margin-top:12px;}
.mt13 { margin-top:13px;}
.mt14 { margin-top:14px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mt25 { margin-top:25px;}
.mt30 { margin-top:30px;}
.mt35 { margin-top:35px;}
.mt40 { margin-top:40px;}
.mt45 { margin-top:45px;}
.mt50 { margin-top:50px;}

.mr00 { margin-right: 0;}
.mr01 { margin-right: 1px;}
.mr02 { margin-right: 2px;}
.mr03 { margin-right: 3px;}
.mr04 { margin-right: 4px;}
.mr05 { margin-right: 5px;}
.mr08 { margin-right: 8px;}
.mr10 { margin-right:10px;}
.mr12 { margin-right:12px;}
.mr15 { margin-right:15px;}
.mr20 { margin-right:20px;}
.mr25 { margin-right:25px;}
.mr30 { margin-right:30px;}
.mr35 { margin-right:35px;}
.mr40 { margin-right:40px;}
.mr45 { margin-right:45px;}
.mr50 { margin-right:50px;}
.mr80 { margin-right:80px;}

.ml00 { margin-left: 0;}
.ml05 { margin-left: 5px;}
.ml10 { margin-left:10px;}
.ml12 { margin-left:12px;}
.ml15 { margin-left:15px;}
.ml20 { margin-left:20px;}
.ml25 { margin-left:25px;}
.ml30 { margin-left:30px;}
.ml35 { margin-left:35px;}
.ml40 { margin-left:40px;}
.ml45 { margin-left:45px;}
.ml50 { margin-left:50px;}

.padding01 {padding: 1px;}
.padding02 {padding: 2px;}
.padding03 {padding: 3px;}
.padding04 {padding: 4px;}
.padding05 {padding: 5px;}
.padding06 {padding: 6px;}
.padding07 {padding: 7px;}
.padding08 {padding: 8px;}
.padding09 {padding: 9px;}
.padding10 {padding: 10px;}
.padding15 {padding: 15px;}
.padding20 {padding: 20px;}
.padding25 {padding: 25px;}
.padding30 {padding: 30px;}










.w005	{width: 5px;}
.w010	{width: 10px;}
.w015	{width: 15px;}
.w020	{width: 20px;}
.w025	{width: 25px;}
.w030	{width: 30px;}
.w035	{width: 35px;}
.w040	{width: 40px;}
.w045	{width: 45px;}
.w050	{width: 50px;}
.w060	{width: 60px;}
.w070	{width: 70px;}
.w080	{width: 80px;}
.w090	{width: 90px;}
.w100	{width: 100px;}
.w110	{width: 110px;}
.w120	{width: 120px;}
.w130	{width: 130px;}
.w140	{width: 140px;}
.w150	{width: 150px;}
.w160	{width: 160px;}
.w170	{width: 170px;}
.w180	{width: 180px;}
.w190	{width: 190px;}
.w200	{width: 200px;}
.w210	{width: 210px;}
.w220	{width: 220px;}
.w230	{width: 230px;}
.w240	{width: 240px;}
.w250	{width: 250px;}
.w260	{width: 260px;}
.w270	{width: 270px;}
.w280	{width: 280px;}
.w290	{width: 290px;}
.w300	{width: 300px;}
.w380	{width: 380px;}
.w400	{width: 400px;}
.w420	{width: 420px;}
.w440	{width: 440px;}
.w500	{width: 500px;}
.w600	{width: 600px;}
.w700	{width: 700px;}
.w800	{width: 800px;}

.h010	{height: 10px;}
.h020	{height: 20px;}
.h030	{height: 30px;}
.h040	{height: 40px;}
.h050	{height: 50px;}
.h060	{height: 60px;}
.h070	{height: 70px;}
.h080	{height: 80px;}
.h090	{height: 90px;}
.h100	{height: 100px;}
.h110	{height: 110px;}
.h120	{height: 120px;}
.h130	{height: 130px;}
.h140	{height: 140px;}
.h150	{height: 150px;}
.h160	{height: 160px;}
.h170	{height: 170px;}
.h180	{height: 180px;}
.h190	{height: 190px;}
.h200	{height: 200px;}
.h210	{height: 210px;}
.h220	{height: 220px;}
.h230	{height: 230px;}
.h240	{height: 240px;}
.h250	{height: 250px;}
.h300	{height: 300px;}
.h400	{height: 400px;}
.h500	{height: 500px;}
.h600	{height: 600px;}
.h700	{height: 700px;}
.h800	{height: 800px;}

.border-radius5	{
	border-radius: 5px;/* CSS3草案 */
	-webkit-border-radius: 5px;/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	
		}

#contents a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
	ms-filter: "alpha( opacity=80 )";
	background: #fff;
}



/* iFlame */
.iFlame{
	padding: 0.5em;
	overflow: auto;
	border: 1px solid #CCC;
}

.vscrollerbase,
.vscrollerbar{
	width:18px;
}
.vscrollerbase{}
.vscrollerbar{
	background-color:#999;
}
.scrollgeneric{position:absolute;top:0;left:0;line-height:1px;font-size:1px;}
.scrollerjogbox {width:10px;height:10px;top:auto;left: auto;bottom:0px;right:0px;}


/* sns */
iframe.twitter-timeline {
	width: 660px;
}

#sns {
	overflow: visible;
}

#sns li {
	float: left;
	overflow: visible;
}


a.link_bnr {
	display: inline-block;
	padding: 12px 16px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border:2px solid #594940;
	color: #594940;
	line-height: 1;
	font-weight: bold;
	font-size: 1rem;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
	text-decoration: none;
}

a.link_bnr:hover {
	background: #594940;
	color: #FFF;
	text-decoration: none;
}

.link_bnr i {
	opacity: 0.7;
}

/* crear */
.clearfix {
	overflow:hidden;
	zoom: 1;
}

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