@charset "UTF-8";
/* CSS Document */
#side2 {display:none;}

#contents article { width:1200px; margin-top:0;}
#main-box {width:830px; float:right; }
h3 {font-size:16px; font-weight:bold; margin-bottom:10px;}
h5 {font-size:14px;  margin:10px 0; font-weight:bold;}

.journal-cont #wrapper {width:1200px; margin:0 auto;}
.contents-box {width:788px; /*padding:20px; border:#ccc 1px solid;*/ margin-bottom:20px;}
.wrapping-box {width:788px; padding:20px 0;}
.wrapping-box-l{float:left; width:48%; margin-right:2%;}
.wrapping-box-r {float:right; width:50%;}

.space {margin:10px 0;}
.space2 {margin:20px 0;}
.space3 {margin:20px 63px; border:1px solid #eee; padding:20px;}
table {border:1px solid #999; font-size:11px !important; }
td {padding:10px; border:1px solid #999;}
.kg_bg {background-color:#fef7e0;}


.clearfix:after  { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix        { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix        { display: block; }

/*------------------------------------------- */


a:hover img.hoverImg{background:#fff;
	filter: alpha(opacity=80);
	opacity:0.8;}
a { text-decoration: none;}



/*#header-01  {background:url(../img/top/top_0222.jpg) left top repeat-x ; height:181px;}*/

/*#header-02  {margin: 0 auto; width:1000px;}*/


article h1 {font-size:36px;}

.red {color:red; font-size:12px !important;}

#tokushubox li {float:left; padding-bottom:20px; width:320px; height:160px;}
#tokushubox li.box-2 { margin-left:20px;}


.g-title {border-bottom:#333 2px solid; color:#333; padding:20px 0 5px 0px; font-size:18px; font-weight:bold; margin-bottom:40px; letter-spacing:3px;}

#left-contents {width:300px; float:left;}

#left-contents a {
    color: #333 !important;}

#left-contents li h4 {
    padding: 10px;
    background-color: #F4F4F4;
    font-weight: bold;
    font-size: 13px;
    border-bottom: 1px solid #eee;
	margin-bottom:10px;
}


#Journal h2 {font-size:0; display:none;}

#JournalList .journal-cont ul {margin:0;}
#JournalList .journal-cont ul li {list-style-type:none;}
#JournalList h2 {font-size:0; display:none;}


#wrapper #left-contents .left-box ul {margin:0;}
#wrapper #left-contents .left-box ul li .inlist {
    padding: 0 20px;
    margin: 10px 0;
	
}

.inlist li {
    border-bottom: 1px dotted #ddd;
	
}

.inlist li a {
    display: block;
    padding: 15px 0 15px 10px;
    font-size: 12px;
}

#wrapper #left-contents .left-box ul li .inlist a:before {
    content: "Q";
    color: #fff;
    background: #ED0053;
    padding: 1px 4px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    margin-right: 3px;
}


#main-box h4 {
    background-color: #eee;
    padding: 10px 10px 10px 15px;
    font-weight: bold;
    font-size: 14px;
}



.left-box {width:278px; border:1px solid #eee; padding:10px;}
.sub-title {background-color:#333; color:#fff; padding:5px 5px 5px 10px; font-size:14px; font-weight:bold; margin-bottom:10px;}
/*.qa-box {border:1px solid #eee; text-align:center; padding:20px 0 45px; margin-top:30px; background-color:#189DD0; color:#fff;}
*/
.card-box-l {/*float:left; width:325px;*/ margin-right:20px;}

.card-box-r {/*float:left; border:1px solid #eee;*/ padding:8px;}

.card-imp {background-color: #FFEEEE; padding: 20px;}

#haisou { margin-top:40px;}

.j-map{ text-align:center; margin-top:30px;}
.center-tag {text-align:center;}

#koukan {margin-top:40px;}

.mg2 {margin-top:30px;}
.kyanseru {margin-top:0px; border-bottom:1px solid #333;}
.mg3 {margin-bottom: 30px;}

#Journal h1 {margin-top:90px;}

#JournalList h1 {margin-top:90px;}


#Journal .journal-cont ul li {
    list-style-type: none;
}

article p {font-size:13px;}

article h1 {margin-bottom:50px;}

#Journal {width:100%; max-width:1200px; margin:0px auto 0;}

#Journal h2 {font-size:0;}

.hv {display:block;}

.qa-box {border: 1px solid #eee;
    text-align: center;
    padding: 60px 0 60px;
    margin-top: 30px;
    background-color: #189DD0;
   }

.qa-box:p:hover {color:#fff;}

.qa01 { font-weight:bold; font-size:60px; color:#fff;}
.qa02 { color:#fff; margin-top:20px;}


.h-m-t {margin-top:20px;}
.h-m-y {margin-top:30px; border-top:1px dotted #333; padding-top:30px;}
.state_r {margin-top:80px;}

#main-column { margin-bottom:0;}

#main-box h3 {
    padding: 10px 5px 10px 0px;
    border-bottom: #ddd 1px solid;
    color: #333;
    font-size: 16px;
    margin-bottom: 20px;
}

#main-box #qabox dl {
    font-size: 14px;
    margin-bottom: 30px;
}

#main-box #qabox dt:before {
    content: "Q";
    color: #fff;
    background: #ED0053;
    padding: 1px 4px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    margin-right: 3px;
}


#main-box #qabox dd.ans {
    border-bottom: 1px solid #eee;
    font-weight: bold;
	margin-top:5px;
    margin-bottom: 20px;
    font-size: 13px;
	padding-bottom:5px;
}

#main-box #qabox dd.ans:before {
    content: "A";
    color: #fff;
    background: #11A1E6;
    padding: 1px 4px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    margin-right: 3px;
}

.cont {
    padding: 20px;
    border: 1px solid #eee;
    font-size: 12px !important;
}

#q5-03 dd {font-size:12px;}

#bread-crumb {  left:0px; }

.contact-bt {text-decoration: underline !important; color:#0065DF !important;}
.contact-bt:before {content:"＞";}
.contact-bt2 {display:block; border:1px solid #ccc; padding:20px; letter-spacing:2px; font-size:15px; width:300px; box-sizing: border-box; text-align:center; margin-top:30px; background-color:#fcfcfc;}

#kyohi {font-size:24px; color:#E40003; text-align:center; font-weight:bold; margin-top:20px; margin-bottom:20px;}

.wrapping-box table {width:60%;}
.wrapping-box table td {font-size:12px; text-align:center;}

 /*-----------------------------------------------------*/
 /*	for -768px					*/
 /*-----------------------------------------------------*/
 @media screen and (max-width: 768px) {
	 
	 #Journal { margin:0px auto 0;}
	 
	 #Journal h1 {margin-top:0px;}

#JournalList h1 {margin-top:0px;}
	 
	 article h1 {font-size:30px; padding-top:50px; margin-bottom:50px;}
	 
	 #left-contents {display:none;}
	 
	 
	 .journal-cont #wrapper {width:100%;}
	 
	 #main-box {width:100%; float:none; }
	 
	 
	 .contents-box {width:100%; box-sizing:border-box;}
	 
	 .wrapping-box {width:100%;}
	 
	 .card-box-l {float:none; width:100%;}
	 .card-box-r {float:none; width:100%; padding:0; border:none; text-align:center;}
	 .card-box-r img { width:100%; max-width:425px; border:1px solid #ccc; padding:20px; box-sizing:border-box;}
	 
	 .space3 {margin:20px 0px; border:1px solid #eee; padding:20px; box-sizing:border-box;}
	 
	#kyohi {font-size:15px; margin-top:-20px; margin-bottom:0px;} 
	.wrapping-box table {width:100%;}
	 
 }
 
 
  @media screen and (max-width: 580px) {
 .wrapping-box-l{float:none; width:100%; margin-right:0;}
.wrapping-box-r {float:none; width:100%; margin-top:10px;}

.contact-bt2 {width: 100%;}

  }