@charset "utf-8";

/*----------------------------------------------------
	Structure Module
----------------------------------------------------*/

html {
	height: 100%;
	padding-bottom: 1px;
}

body {
	margin: 0;
	padding: 0;
	font-family: "ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",'Meiryo',"Osaka",verdana,arial,sans-serif;	font-size: 14px;
	line-height: 1.65;
	min-width: 950px;
}

/*----------------------------------------------------
	Headings Module
----------------------------------------------------*/

h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
}



/*----------------------------------------------------
	Phrasing Module
----------------------------------------------------*/

p {
	margin: 0;
	padding: 0;
}

em,
address {
	font-style: normal;
}

em {
	font-weight: bold;
}


/*----------------------------------------------------
	Hypertext Module
----------------------------------------------------*/

a {
	text-decoration: none;
	outline: none;
}

a:link,
a:visited {
	color: #2693aa;
}

a:hover {
	color: #2693aa;
	text-decoration: underline;
}


/*----------------------------------------------------
	Image Module
----------------------------------------------------*/

img {
	border: 0;
	vertical-align: top;
}


/*----------------------------------------------------
	Embedded Module
----------------------------------------------------*/

object,
embed {
	outline: none;
}

object#mainSlide {
	display:block;
}


/*----------------------------------------------------
	List Module
----------------------------------------------------*/

ul,ol,dl,dt,dd,li {
	margin: 0;
	padding: 0;
}

ul li {
	list-style: none;
}

ol li {
	margin-left: 15px;
}


/*----------------------------------------------------
	Table Module
----------------------------------------------------*/

table {
	border-collapse: collapse;
	border-spacing: 0;
}
	
th,td {
	font-weight: normal;
	vertical-align: top;
}


/*----------------------------------------------------
	Forms Module
----------------------------------------------------*/

form{
	margin: 0;
	padding: 0;
}

textarea{
	width: 350px;
	font-size: 12px;
}

/*?G???[???b?Z?[?W?F*/
.error {
	color:#FF0000;
}
.error_padding_top {
	padding:3px 0 0 0;
}
/*????t?H?[????u?i?K?{?j?vor ?u*?v??????F*/
.required {
	color:#FF0000;
}
/*???K?{?i???????????????I?????K?v??????j??????u*?v??????F*/
.semi_required {
	color:#008000;
}

/*----------------------------------------------------
	layout[all]
----------------------------------------------------*/

/* container
----------------------------------------------------*/
#container {
	width: 100%;
}





/* contents
----------------------------------------------------*/
#contents_waku {
	width:950px;
	padding-bottom:20px;
	margin:0 auto;
	text-align:left;
}

#contents {
	width:900px;
	float:right;
	padding-top:27px;
}



/*----------------------------------------------------
	??pcss
----------------------------------------------------*/
.totop { 
	text-align: right;
	padding-top:20px;
	width:100%;
	clear:both;
	line-height:1;
}

.flL { float: left; }
.flR { float: right; }
.clear{ clear: both; }

.alC { text-align: center; }
.alR { text-align: right; }

.require { color: #ff0000; }
.tx_10{ font-size: 10px; }
.tx_16{ font-size: 16px; }
.tx_red { color:#ff0000; }

.tx_center{ text-align:center; }
.tx_right{ text-align:right; }

.bold { font-weight:bold; }

.pb10 { padding-bottom:10px; }
.pt5 { padding-top:5px; }
.pl175 { padding-left:175px }


.mb16 { margin-bottom:16px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb1em { margin-bottom:1em; }

.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }

.ml10 { margin-left:10px; }

.w100 { width:100px; }
.w200 { width:200px; }
.w180 { width:180px; }
.w130 { width:130px; }

img.flR {
	margin-left:1em;
	margin-bottom:1em;
}

ul.inline li {
	display:inline;
}


/* clearfix
----------------------------------------------------*/
.clearfix{
	zoom: 1; /* for IE 5.5-7 */
}

.clearfix:after{ /* for modern browser */
	content: ".";
	display: block;
	visibility: hidden;
	height: 0;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}



.zyukou{
margin:0 auto 4em auto;
padding:0;
width:100%;
display:block;
font-weight: 500;
font-size:100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
}

h2.ztittle span{
font-weight:800;
vertical-align:top;
font-size:1rem;
-webkit-text-size-adjust:1rem;
-ms-text-size-adjust:1rem;
-moz-text-size-adjust:1rem;
background-color:#FF3333;
color:#FFF;
border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 -ms-border-radius: 3px;
 padding:.5em .6em;
 margin:0 .5em 0 auto;
 -moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

h2.ztittle{
 -moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
border-bottom:#E2DCD1 2px solid;
line-height:2em;
vertical-align:middle;
margin:0 auto .8em auto;
padding:0;
font-weight:500;
color:#544936;
font-size:1.7rem;
-webkit-text-size-adjust:1.7rem;
-ms-text-size-adjust:1.7rem;
-moz-text-size-adjust:1.7rem;
}


h3.ztittles{
display:inline-block;
margin:.5em auto 4em auto;
font-size:.95rem;
-webkit-text-size-adjust:.95rem;
-ms-text-size-adjust:.95rem;
-moz-text-size-adjust:.95rem;
font-weight:500;
}

.zyukou dl{
margin:0 auto;
overflow:hidden;
display:block;
text-align:left;
}

.zyukou dl dt{
margin:0 auto .5em auto;
padding:0;
 -moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
line-height:1;
font-size:1rem;
-webkit-text-size-adjust:1rem;
-ms-text-size-adjust:1rem;
-moz-text-size-adjust:1rem;
font-weight:800;
}
.zyukou dt:before{
content:url(../gra/bball.png);
margin:0 auto;
padding-right:.3em;
}

.zyukou dd{
position:relative;
line-height:1.3;
margin:0 1em 1.5em auto;
padding:.8em 0 .8em 1em;
border:#CAC8C4 1px solid;
display:inline-block;
border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 -ms-border-radius: 3px;
 width:280px;
}
.zyukou dd a{
display:inline-block;
position:absolute;
height:100%;
width:100%;
left:0;
color:#666666;
top:0;

}
.zyukou dd a:hover{
background-color:#FFCC99;
border:1px solid #C28036;
opacity:0.3;
}

.zyukou dd:hover:after{
color:#FF9900;
}

.zyukou dd:after{
font-size:1.3rem;
-webkit-text-size-adjust:1.3rem;
-ms-text-size-adjust:1.3rem;
-moz-text-size-adjust:1.3rem;
position:absolute;
color:#DBD3C6;
right:.5em;
top:22%;
font-family: "Font Awesome 5 Free";
  content: '\f105';
  font-weight: 900;

}