/*----CONTENTS layout------*/

/*----共通----*/
div.layer_contents { padding: 0; margin: -20px 0 0 0; background: #fff;}

/*----(1) 全面設定----*/
ul.no-screen,ul.screen {display: block; padding: 0; margin: 20px 0 0 0;list-style: none;}
ul.no-screen li {}

/*----(2) 2面設定 WIDTH----*/
ul.screen {display: table;background: transparent; margin: 0; padding: 0; width: 100%;}
ul.screen li {display: table-cell;vertical-align: top;}
ul.screen li.side1 {width: 27%; padding: 0 0 0 5%;}
ul.screen li.side2 {width: 73%; padding: 0;}
/*--各面色--*/
.side-a {background: #f3f3f2;}
.side-b {background: #fff;}

/*---CONTENTS 共通---*/
.contents,.contents-left,.contents-right { position: relative; overflow: hidden;}

/*--全面 TOP　中のページ--*/
ul.no-screen li div.contents { padding: 0; margin: 0;}

/*-- 2面 TOP --*/
.contents-left {padding: 20px;}
.contents-right {padding: 20px 0;}
/*-- 2面 中のページ --*/
ul.screen li div.contents {padding: 20px; margin: 0;}
ul.screen li.side1 div.contents { }
ul.screen li.side2 div.contents { }

/*-- CONTENTS-TOP 全面 2面 TOP 中のページ --*/
ul.no-screen li div.contents-top,ul.screen li.side1 div.contents-top,ul.screen li.side2 div.contents-top  { padding: 0; margin: 0;}

/*----CAPTION----*/
div.caption { margin: 0 7%; padding: 25px 0 15px 0; color:#bbb; font-size:1.55em;}

div.caption a {color: #006699;}
div.caption a:hover {color: #FF0066;}
div.caption span {display: block;font-size: 17px;margin: 0;padding: 5px 0 0 0;color: #0066CC;}

/*----fold----*/

div.fold {padding: 0;margin: 0;}

div.admin-news { font-size: 14px; margin: 0 10% 10px 6%; padding: 15px 0 0 1%; border-top: 1px dotted grey; line-height: 32px;}
div.admin-news a { display: inline-block; color: #333; padding-bottom: 0; border-bottom: 1px dotted deeppink; line-height: 22px;}
div.admin-news a:hover {color: red;}

ul.main { display:table;list-style:none; margin: -30px 0; padding:0 3%; border-spacing: 30px;}
ul.main li {display:table-cell;width:25%; border: 1px solid #bbb;background-image: linear-gradient(135deg, #fff 0%, #fff 40%, #fff 55%, #fefce0 100%);}
ul.main a { display: block; text-decoration:none;color: #669900;}
ul.main a span {display:block;}
ul.main li span.r1 {color: #d1551f; font-size: 1.15em; font-weight: bold; padding: 11px 17px 12px 17px; background-image: url('../images/img/back2.jpg'); background-position:top left;}
ul.main li span.r2 {margin:13px 0 0 0; color:limegreen; font-size:0.98em; padding: 0 18px 10px 18px; border-bottom:1px dotted coral;}
ul.main li span.r3 {display: block; color: #444; font-size:0.87em; line-height:24px; margin: 0 9px; padding: 14px 7px 14px 9px;}
ul.main li span.r1 i {color: coral; margin: 0 15px 0 0;}
ul.main a:hover {color:red;}

ul.concept {display: block; margin: 0 6%; padding:0; list-style: none;}
ul.concept li { display:block; padding: 20px 10% 10px 14px; border-top: 3px dotted #ccc; font-size: 0.94em; color:#444; line-height:24px;}
ul.concept li p { margin: 0 0 11px 0; padding: 0; font-size: 1.18em; color:#777; line-height: 24px; font-weight:bold; }
ul.concept li span { display:block; line-height:25px; margin: 7px 0 10px 25px;}
ul.concept li span a { color: #cc5500;}
ul.concept li span a:hover { color: deeppink;}
ul.concept li img { float: right; width: 200px; vertical-align:bottom; margin: -30px 0 0 10%;}

ul.concept li.t2 { display:block; padding: 24px 14px 17px 14px; border-top: 3px dotted #99bb55; font-size: 0.98em; color:#444; line-height: 22px;}
ul.concept li.t2 p { margin: 10px 0 14px 0; padding: 0; font-size: 1.1em; color:#557700; line-height: 30px; font-weight:bold; }
ul.concept li.t2 span { display:block; line-height:25px; margin: 4px 0 15px 0; width: 500px;}
ul.concept li.t2 span a { color: #cc5500;}
ul.concept li.t2 span a:hover { color: deeppink;}
ul.concept li.t2 img { float: right; width: 340px; vertical-align:bottom; margin: 5px 0 20px 18px;}

div.bottom { background: #233200;}
ul.bottom { display:table;list-style:none;margin: 0; padding: 0 5%; border-spacing: 30px; width:90%;}
ul.bottom li {display:table-cell;width:33%;}
ul.bottom li span {display:block; margin: 0 0 20px 0; padding: 0 0 8px 3px; color: #DFE676; font-size: 1.3em; border-bottom: 2px dotted #aaa;}
ul.bottom li a {display:block; color: #CEE693; font-size: 0.95em; line-height: 20px; padding: 1px 80px 0 30px; margin: 0 0 12px 0; text-decoration: none;background-image: url('../images/img/button1.png');background-size: auto 20px; background-repeat: no-repeat; background-position: top 1px left 0;}

div.list_page { padding: 70px 20px 30px 10%}
div.list_page span {display: block; color: #bbb; font-size: 21px; padding: 0 0 25px 0;}
div.list_page a {display: block; color: #438000; font-size: 16px; font-weight: normal; padding: 15px 7px 5px 7px; border-bottom: 1px dotted coral;}
div.list_page a article {display: block; color: #444; font-size: 12px; font-weight: normal; margin: 2px 0 5px 0}
div.list_page a:hover { color: coral;}
div.list_page button { display: inline-block; color: #445500; font-size: 14px; padding: 0; margin: 48px 0 0 5px; border: none; background: transparent;}
div.list_page button.closebn {display:none;}
div.list_page div { display: block; margin: 5px 0 0 0; padding: 10px 7px;}
div.list_page div a {display: block; color: #445500; font-size: 14px; font-weight: normal; padding: 5px 0; border: none;}
div.list_page div a article {display: block; color: #555; font-size: 12px; font-weight: normal; margin: 1px 0 5px 0}
div.list_page div a:hover { color: coral;}

span.latest { display:block; font-size: 0.85em; padding: 0 7% 15px 7%;}

/*-----absolute用-----*/
.open-fold,.close-fold {
outline:none;
position: absolute;
top: 20px;
left: 0;
z-index: 999;
width: 100%;
background: transparent;
border: 0;
text-align: right;
padding-right: 12px;
cursor: pointer;
}

.open-fold {
display:block;
color: #417038;
margin:1px 0 0 0;
}

.close-fold {
display:inline-block;
color: #339900;
margin:1px 0 0 0;
}

/*-----ICON------*/

.i-top-r {
color: #FF3300;
margin-right: 5px;
}

.i-top-b {
color: #00CC99;
margin-right: 5px;
}

.i-top-g {
color: #00CC33;
margin-right: 5px;
}