@charset "UTF-8";

#diy-content-wrapper { padding: 10px;}
hr.divide-border { border: none; height: 1px; background:#007635; }

#diy-slider-wrapper { padding: 12px;}
#slide-area { background: #111; padding: 0; margin: 0; width: 100%;}
#carousel-area { padding: 20px 0; background: #222;}
#carousel { height: 88px; width: 1004px; margin: 0 auto;}
#carousel-area .slides li  { border: 5px solid #333; margin-right: 10px;}
#carousel-area .slides li:hover { border: 5px solid #ccc; }
#carousel-area .slides li.flex-active-slide { border: 5px solid #ffcd39;}
.tubeWrap { position: relative; width: 100%; padding-top: 56.25%;}
.tubeWrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}


.diy_list-carousel-wrap { padding: 20px 0; margin: 20px 0;}
.diy_list-carousel { position: relative;}
.diy_list-carousel h2 { color: #007635!important; padding: 0; display: block; font-size: 16px; margin: 0 0 30px 16px; font-size: 18px;}
.diy_list-carousel h3 { padding: 5px 0; text-align: left; color: #007635!important;
	font-size: 13px; height: 18px; overflow: hidden; line-height: 21px; font-weight: bold; height: 22px!important; overflow: hidden;}
.diy_list-carousel ul.slides li { padding: 0 20px; margin: 0 1px; border-right: 1px dotted #bbb; text-align: center; position: relative;}
.diy_list-carousel p { text-align: left; height: 54px; overflow: hidden; text-align: justify;}
.diy_list-carousel a.btn-picup { padding: 10px; background: #eee; color: #333; display: block; margin-top: 10px; text-decoration: none;}
.diy_list-carousel a.fulllink { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.diy_list-carousel a.fulllink:hover { background: #000; filter: alpha(opacity=5); -moz-opacity:0.05; opacity:0.05;}

/* slidecontent */
.diy_list-carousel .flex-direction-nav a { color: #ccc!important;}
.diy_list-carousel .flex-direction-nav a:hover { color: #007635!important;}
.diy_list-carousel .flex-direction-nav .flex-prev { right: 50px; left: auto;}
.diy_list-carousel .flex-direction-nav .flex-next { right: 17px; text-align: right; }
.diy_list-carousel .flex-direction-nav .flex-disabled { opacity: 1!important; filter: alpha(opacity=100);}
.diy_list-carousel .flex-direction-nav a:before { font-size: 20px;}
.diy_list-carousel .flex-direction-nav a { top: 0; width: 20px; height: 20px; margin: 0; opacity: 1!important;}

dl.diy_carousel_list { }
dl.diy_carousel_list dt { border-bottom:1px solid #EEE; height:40px; text-indent:10px; line-height:40px; color:#333; font-weight:bold; cursor:pointer;}
dl.diy_carousel_list dt.open { }
dl.diy_carousel_list dd { padding: 20px 0; display:none;}

#diy_list-Menu ul { }
#diy_list-Menu li { float:left; }
#diy_list-Menu li a {
	display: block;
	width: 190px;
	text-align: center;
	padding: 10px 0;
	background: #fff;
	margin: 2px 2px;
	color: #007645!important;
	border: 1px solid #007645;
	text-decoration: none!important;
}
#diy_list-Menu li a:hover { background: #007645; color: #fff!important;}

#diy_list-change {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  display: none;
  z-index: 9999;
}
#diy_list-change .inner {
	width: 1024px;
	margin: 0 auto;
	background: #fff;
	height: 172px;
	padding: 20px 0;
	border-top: 5px solid #007645;
	box-shadow: rgba(0, 0, 0, 0.0980392) 0px 1px 15px 4px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 0px 1px 15px 4px;
	-moz-box-shadow: rgba(0, 0, 0, 0.0980392) 0px 1px 15px 4px;
}
#diy_list-change ul { width: 980px; margin: 0 auto;}
#diy_list-change ul li { float: left; }
#diy_list-change ul li a {
	display: block;
	width: 190px;
	text-align: center;
	padding: 10px 0;
	background: #fff;
	margin: 2px 2px;
	color: #007645!important;
	border: 1px solid #007645;
	text-decoration: none!important;
}
#diy_list-change li a.active { background: #007645; color: #fff!important;}
#diy_list-change li a:hover { background: #007645; color: #fff!important;}

/* -- メガドロップダウン ナビゲーション --  */
#global-navi { background: #007635; }
#gmddn_overlay {
    background:#000; opacity:0; position:fixed;
    top:0px; left:0px;
    width:100%; height:100%;
    display:none; z-index:100;
}
#gmddn_nav_wrap {
	width: 1004px; margin: 10px auto 0 auto;
}
#gmddn_nav_wrap ul#gmddn_nav {
	display:table; margin: 0; float: left;
}
#gmddn_nav > li { width: 160px; float: left;}

/* -- Level1 -------------------------  */
ul.gmddn_lv1 {
    position: relative;
    list-style:none;
    margin:0; padding:0;
    z-index:200;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
ul.gmddn_lv1 li { }
ul.gmddn_lv1 li a {
	font-size: 14px;
    color: #fff;
    display:block;
    padding: 0;
    text-align: center;
	text-decoration: none;
	border-right: 1px solid #00652d;
}
ul.gmddn_lv1 li a:hover,
ul.gmddn_lv1 > li.selected > a { color: #fff; background-color: #007635;}
ul.gmddn_lv1 li a.first_link { border-left: 1px solid #00652d;}
a.end_link {
	float: right;
	padding: 0;
	background: #ffcd39;
	color: #333;
	font-size: 14px;
	text-decoration: none;
}
a.end_link:hover { background: #ffd65b;}

/* -- Level2 -------------------------  */
ul.gmddn_lv2 {
    display:none;
    position:absolute;
    top: 60px;
    background-color: #fff;
    width: 964px;
    padding: 20px;
    list-style-position:outside;
    color: #333;
    margin:0;
   	font-size: 14px;
   	border-top: 10px solid #007635;
   	overflow: hidden;
}
.lv1_ttl_2 ul.gmddn_lv2 { left: 0;}  
.lv1_ttl_3 ul.gmddn_lv2 { width:500px;}
.lv1_ttl_4 ul.gmddn_lv2 { width: 120px;}

ul.gmddn_lv2.navwide_1 { width: 160px;}
ul.gmddn_lv2 img { width: 100%;}

.navbox_col2 { width: 466px; margin-right: 30px; float: left;}
.navbox_col2.end_col { margin-right: 0!important;}
.navbox_col3 { width: 300px; margin-right: 30px; float: left;}
.navbox_col3.end_col { margin-right: 0!important;}
.navbox_col4 { width: 217px; margin-right: 30px; float: left;}
.navbox_col4.end_col { margin-right: 0!important;}
.navbox_col5 { width: 167px; margin-right: 30px; float: left;}
.navbox_col5.end_col { margin-right: 0!important;}

.listborder,
.listborder-end { border-left: 3px solid #007635; padding-left: 10px; margin-bottom: 10px;}
.listborder-end { margin-bottom: 0!important;}
.listbg { background: #003216; color: #fff; padding: 10px 20px; margin-bottom: 10px; }

ul.gmddn_lv2 ol li { line-height: 25px; padding: 0;}
ul.gmddn_lv2 ol li p.itemlist_txt { font-size: 11px; line-height: 17px; }
ul.gmddn_lv2 ol li p.itemlist_txt span { color: #e81f18; font-weight: bold;}
ul.gmddn_lv2 ol li.imglist_content { height: 51px; margin-bottom: 10px;}
ul.gmddn_lv2 ol li.imglist_content img { width: 50px; height: 50px; border: 1px solid #ddd; float: left; margin-right: 10px;}
ul.gmddn_lv2 ol li a { color: #333; border: none; text-align: left; }

ul.gmddn_lv2 ol.noborderlist li { line-height: 15px;}
ul.gmddn_lv2 ol.noborderlist li a { padding: 5px 10px;}

.navbox_search { background: #f8f8f8; padding: 20px;}
.navbox_search_innr { width: 450px; margin: 0 auto;}
.navbox_search_innr p { float: left; line-height: 35px; margin-right: 20px; }

.navbox_search_innr input[type='text'] {
	padding: 5px; border: solid 1px #efefef; margin-right: 5px; width: 200px;
}

.navbox_search_innr input#submit_button {
	    padding: 8px 16px;
	    background-color: #007635;
	    color: #fff;
	    border-style: none;
	}
.separate10 { clear: both; padding: 10px;}
.separate20 { clear: both; padding: 20px;}
.separate30 { clear: both; padding: 30px;}




/* チャート */

.yesno {
        /* height: 1900px; */
	position:relative;
}

.yesno ul li {
	list-style:none;
	float: left;
	text-align: center;
	display: block;
	color: #333;
	background-color: #fff;
	line-height: 22px;
	font-size: 14px;
}
.positionFit {
	/* position:absolute; */
	left: 0px;
	top: 20px;
}
.col_1 li {
	width: 97%;
	margin: 1%;
}
.col_2 li {
	width: 48%;
	margin: 1%;
}
.col_3 li {
	width: 31%;
	margin: 1%;
}
.col_4 li {
	width: 31%;
	margin: 1%;
}
.col_5 li {
	width: 31%;
	margin: 1%;
}
.col_6 li {
	width: 31%;
	margin: 1%;
}
.yesno ul li a {
	color: #FFF!important;
	text-decoration:none!important;
	height: 100%;
	width: 100%;
	display: block;
	background: #fff;
}
.yesno ul li a.typea { background: #8cc2f4;}
.yesno ul li a.typeb { background: #f99dde;}
.yesno ul li a:visited { text-decoration:none!important;}
.yesno ul li a.q2btn { border: 3px solid #e7631b; color: #e7631b!important;}
.yesno ul li a.q2btn:hover { color: #fff!important;}
.yesno div {
	clear: both;
	height: 300px;
	width: 100%;
}
.yesno ul li a:hover { background-color: #e7631b;}

.yesno .member a:hover { background-color: #007635!important;}

.yesno ul li img {
	padding: 20px 20px 0 20px;
}
.yn_txt { 
	margin: 0!important;
	padding: 20px!important;
	text-align: justify!important;
	text-decoration: none!important;
}

/* 前のページへ戻るエリア */
.pg_back {
	clear: both;
	line-height: 30px;
}

li.pg_back {
	width: 100%;
}

.yesno ul li.pg_back a.q2btn { border: none!important;}

.yesno ul li.pg_back a.q2btn {
	background-color: #333!important;
	color: #FFF!important;
	text-decoration: none;
	display: block;
	width: 500px;
	margin: 0 auto;
}
.yesno ul li.pg_back a.q2btnk:hover {
	background-color: #e7631b!important;
}
.pg_back p { 
	margin: 0 auto!important;
	padding: 40px!important;
	text-decoration: none!important;
	font-size:2em;
	text-align: center!important;
}



/* 最初からやり直すボタン */
#restart {
	clear: both;
	text-align: center;
	height: 30px;
	width: 20%;
	line-height: 30px;
	position: absolute;
	top: 10px;
	right: 0px;
}
#restart a {
	background-color: #333!important;
	color: #FFF!important;
	text-decoration: none;
	display: block;
	height: 100%;
	width: 100%;
	font-size:50%;
}
#restart a:hover {
	background-color: #e7631b!important;
}


/* 追加 */
#main h2{
	font-size: 24px;
	height: 25px;
}

#main .question_txt{
	font-size: 22px;
	margin:20px 0 20px 10px;
}

#restart a {
	font-size: 12px;
	}
}

.q3btn a:link { color: #007635!important;}
.q3btn a.typea { background: #8cc2f4;}
.q3btn a.typeb { background: #f99dde;}
.q3btn a:visited { text-decoration:none!important;}
.q3btn { border: 3px solid #007635; color: #007635!important;}

.one-col h2 {
	    font-size: 18px;
	    font-weight: bold;
	    color:#e7631b!important;}

.yn_txt{font-size: 16px;}
.yn_txt2{font-size: 18px; margin-top: 20px!important;}

.yesno ul li a.q3btn { border: 3px solid #007635; color: #007635!important;}
.yesno ul li a.q3btn:hover { color: #fff!important;}



#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
}