@charset "utf-8";
/* CSS Document */
#pankuzu {
 margin: 0 0 5px 20px !important;
}

h1{
margin:20px auto;
text-align: center;
}

h2 {
margin: 20px ;		
}
h3 {
font-size:22px !important;
font-weight: normal !important;
}
h4 {font-size:13px;text-align:left;margin:10px 20px;padding:3px 15px;border:1px solid #ccc; border-radius:4px;background:#f1f1f1;line-height:160%;}
h4.h4_g {background:#FFF6AD;}
h4.h4_s {background:#cfcfc0;}
h4.h4_b {background:#FFDFDF;}
h4.h4_p {background:#E1F1FF;}
span.sp_g {
font-size:22px;
}
span.sp_s {
font-size:18px;
}
h5 {
text-align:left;
margin:10px 0 10px 40px;
line-height:160%;;
}

#main_in1_wide {
width:980px;
padding:10px 0;
background:#ffffff;	
border-radius:0 0 8px 8px;
box-sizing: border-box;

}

#zadankai {
margin:0 50px !important;
font-size:14px !important;
box-sizing: border-box;
}

#l_widget {
float:left;
width:630px;
margin:0;
}

#r_widget {
float:right;
width:250px;
margin:auto;
}

#content_list {
margin:0 30px 0 150px;

}

ol.ol01 li {
margin: 30px;
font-size:130% !important;
line-height:250% !important;	
}
.ul05 {
    list-style: outside;
    list-style-type: disc !important;
    margin: 0 0 0 30px;
    padding: 0 0 0 0;
    text-align: left;
}
.ul05 li {
    list-style: outside;
    list-style-type: disc !important;
    margin: 0 0 15px 30px;
    padding: 0;
    text-align: left;
    line-height: 160%;
}

.table04 tr:nth-child(even) td {
    background-color: #ffffff;
	padding:6px 3px;
	text-align: left;
	
}
.table04 tr:nth-child(odd) td {
    background-color: #f7f7f7;
	padding:6px 3px;
		text-align: left;

}

p.coment {
line-height: 175% !important;
font-size:14px !important;
}

p.sptxt{
line-height: 175% !important;
font-size:13px !important;
text-align: left;
margin:0 50px !important;
}

p.sptxt12{
line-height:160% !important;
font-size:12px !important;
text-align: left;
margin:0 50px 15px 100px !important;
}

/*↓HY久木田が追加しています*/
.heading04{
	position:relative;
	margin:0 15px;
	padding:10px 20px;
	font:bold 24px/1.6 Arial, Helvetica, sans-serif;
	color:#333;
	border:#333 solid 3px;
	border-radius:18px;
	background:#fff;
	box-shadow:
		-7px -5px 0 0 #e8e8e8 inset,
		2px 3px 0 0 #000;
}
.heading04:before{
	content:" ";
	position:absolute;
	top:100%;
	left:14px;
	width:0;
	height:0;
	border-width:20px;
	border-style:solid;
	border-color:transparent;
	border-top-color:#333;
}
.heading04:after{
	content:" ";
	position:absolute;
	bottom:-27px;
	left:18px;
	width:0;
	height:0;
	border-width:14px;
	border-style:solid;
	border-color:transparent;
	border-top-color:#e8e8e8;
}
/*↑HY久木田が追加しています*/




/*テキストリンクボタン*/
/*リンクする際に a タグに変更する*/
.bt_L {
width:230px;
float:left;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1.1em;
    padding:.75em 1.5em;
     background: #01a5ef;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0182bc), color-stop(1, #01a5ef));
    background: -ms-linear-gradient(bottom, #0182bc, #01a5ef);
    background: -moz-linear-gradient(center bottom, #0182bc 0%, #01a5ef 100%);
    background: -o-linear-gradient(#01a5ef, #0182bc);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#01a5ef', endColorstr='#0182bc', GradientType=0);
    border: 1px solid;
        border-top-color: currentcolor;
        border-right-color: currentcolor;
        border-bottom-color: currentcolor;
        border-left-color: currentcolor;
    border-color: #0177ad #0170a3 #016694 #0170a3;
    color: #ffffff !important;
    -webkit-border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    border-radius: 0.25em;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.065);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.065);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.065);
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    text-align: center !important;
    display: block;
/*    cursor: pointer;*/
    text-decoration: none;
    line-height: 1.6em;
	margin:5px 0px 5px 50px;
}
.bt_C {
width:230px;
float:left;
   -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
      font-size: 1.1em;
    padding: .75em 1.5em;
    background: #ff8623;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ef6c00), color-stop(1, #ff8623));
    background: -ms-linear-gradient(bottom, #ef6c00, #ff8623);
    background: -moz-linear-gradient(center bottom, #ef6c00 0%, #ff8623 100%);
    background: -o-linear-gradient(#ff8623, #ef6c00);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8623', endColorstr='#ef6c00', GradientType=0);
    border: 1px solid;
        border-top-color: currentcolor;
        border-right-color: currentcolor;
        border-bottom-color: currentcolor;
        border-left-color: currentcolor;
    border-color: #e06500 #d56000 #c65900 #d56000;
    color: #ffffff !important;
    -webkit-border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    border-radius: 0.25em;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.065);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.065);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.065);
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    text-align: center !important;
    display: block;
/*    cursor: pointer;*/
    text-decoration: none;
    line-height: 1.6em;
	margin:5px 0px 5px 40px;
}
.bt_R {
width:230px;
float:left;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
      font-size: 1.1em;
    padding: .75em 1.5em;
    background: #7ec429;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #639a20), color-stop(1, #7ec429));
    background: -ms-linear-gradient(bottom, #639a20, #7ec429);
    background: -moz-linear-gradient(center bottom, #639a20 0%, #7ec429 100%);
    background: -o-linear-gradient(#7ec429, #639a20);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7ec429', endColorstr='#639a20', GradientType=0);
    border: 1px solid;
    border-color: #5b8d1e #55851c #4d7819 #55851c;
    color: #ffffff !important;
    -webkit-border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    border-radius: 0.25em;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.065);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.065);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.065);
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    text-align: center;
    display: block;
/*    cursor: pointer;*/
    text-decoration: none;
    line-height: 1.6em;
	margin:5px 0px 5px 40px;
}

.bt_L a span,
.bt_C a span,
.bt_R a span{
    text-align: center !important;
color:#fff;
}
a:hover,
.bt_L a:hover,
.bt_C a:hover,
.bt_R a:hover{
opacity: 0.90;
filter: alpha(opacity=90);
color:#fff;
text-decoration: underline;
}

a:link,a:visited,
.bt_L2 a:link,.bt_L2 a:visited,
.bt_C2 a:link,.bt_C2 a:visited,
.bt_R2 a:link,.bt_R2 a:visited{
    text-decoration: none;
color:#333;
}
a:hover,
.bt_L2 a:hover,
.bt_C2 a:hover,
.bt_R2 a:hover{
opacity: 0.90;
filter: alpha(opacity=90);
color:#333;
text-decoration: underline;
}


/*linlhtml テキストリンクボタン*/
.bt_L2 {
width:180px;
float:left;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1em;
    padding:.75em 1.5em;
     background: #efefef;
     border: 1px solid;
        border-top-color: currentcolor;
        border-right-color: currentcolor;
        border-bottom-color: currentcolor;
        border-left-color: currentcolor;
    border-color: #cccccc;
    -webkit-border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    border-radius: 0.2em;
    text-align: center !important;
    display: block;
    text-decoration: none;
    line-height: 1.45em;
	margin:15px 5px;
}
.bt_C2 {
width:150px;
float:left;
   -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
      font-size: 1em;
    padding: .75em 1.5em;
    background: #efefef;
     border: 1px solid;
      border-color: #cccccc;
    color: #ffffff !important;
    -webkit-border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    border-radius: 0.2em;
     text-align: center !important;
    display: block;
    text-decoration: none;
    line-height: 1.45em;
	margin:15px 5px;
}
.bt_R2 {
width:250px;
float:left;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
      font-size: 1em;
    padding: .75em 1.5em;
    background: #efefef;
    border: 1px solid;
    border-color: #cccccc;
    color: #ffffff !important;
    -webkit-border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    border-radius: 0.2em;
    text-align: center;
    display: block;
/*    cursor: pointer;*/
    text-decoration: none;
    line-height: 1.45em;
	margin:15px 5px;
}
a:hover img.alpha{
opacity: 0.90;
filter: alpha(opacity=90);
}

.img_R {
width:200px !important;
float:right;
margin:15px 30px 0px 0px;	
	}
.img_R span {
text-align:center;
display:block;
font-size:13px;
margin:6px auto;
}

#zadankai dl {
width:650px;
margin:30px auto;
text-aling:center;
}

#zadankai dt {
margin-top:30px;    
text-align:center;
font-size:1.5rem;
line-height:5rem;
}
#zadankai dt:before,
#zadankai dt:after{
content:"～";
}
#zadankai dd {
margin: 0 0 15px 10px;
font-size:.95rem;
line-height:2rem;
text-align:left;
}