/*----共通----*/

div.layer_contents {
width: 100%;
background: ivory;
}

/*---- WIDTH ------*/

ul.no-screen,ul.screen {
width: 1100px;
margin: 0 auto;
list-style: none;
display; block;
padding: 0;
}


/*----CONTENTS PAGElayout------*/



/*----(1) 全面設定----*/

ul.no-screen {
background: ivory;
}



/*----(2) 2面設定----*/

ul.screen {
overflow: hidden;
background: transparent;
}

ul.screen li {
border-bottom: none;
}

ul.screen li.side1 {
padding-bottom: 32767px;
margin-bottom: -32767px;
float: left;
width: 300px;
}

ul.screen li.side2 {
padding-bottom: 32767px;
margin-bottom: -32767px;
float: left;
width: 800px;
}

/*--各面色--*/

.side-a {
background: #F1FFDD;
}
.side-b {
background: #ffffdd;
}

/*--Contents --*/

.contents {
position: relative;
color: #304646;
font-size: 14px;
line-height: 22px;
margin: 3px 0;
border-bottom: 1px solid #A6B3BB;
}


.contents-left,.contents-right {
position: relative;
font-size: 14px;
line-height: 22px;
color: #304646;
margin: 3px 0;
}


/*--Contents 左右トップ　1面2面兼用 --*/

.contents-left {
padding-right: 10px;
padding-bottom: 15px;
padding-left: 12px;
}
.contents-right {
padding-right: 25px;
padding-bottom: 15px;
padding-left: 40px;
padding-top: 20px;
border-bottom: 0 solid #F3E2AE;
}
.contents-top {
padding-top: 34px;
}



/*----BLOCKED----*/



/*----CAPTION----*/

div.caption {
color: #2E4C2C;
font-size: 17px;
margin: 0 0 8px 0;
line-height: 24px;
padding: 0;
border: 0;
}

div.caption a {
color: #993300;
}

div.caption a:hover {
color: #FF0066;
}

div.caption ul {
font-size: 15px;
margin: 0 0 0 20px;;
padding: 5px 0 0 0;
list-style: disc;
}

div.caption ul li {
border: 0;
}

div.caption span {
display: block;
font-size: 14px;
margin: 0;;
padding: 5px 0 0 0;
color: forestgreen;
}

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

div.fold {
padding: 0;
margin: 0;
font-size: 15px;
line-height: 27px;
color: #466F43;
}

div.fold-add {
	animation: foldAdd 2s ease 0s 1 normal;
	-webkit-animation: foldAdd 2s ease 0s 1 normal;
}

@keyframes foldAdd {
	0% {opacity: 0;}
	100% {opacity: 1;}
}


div.fold ul {
list-style: square;
color: deeppink;
margin: 0 0 0 22px;
padding: 0;
}
div.fold ul li {
color: deeppink;
border: 0;
margin-bottom: 4px;
}

div.fold ul li span {
color: forestgreen;
font-size: 15px;
}

div.fold a {
display: inline-block;
border-bottom: 1px dotted #ccc;
}

div.fold a:hover {
color: #FF0066;
}

/*--hyo ETC--*/

table#hyo { color:#660000; font-size: 14px; border-collapse: collapse;}
table#hyo tr td { vertical-align: middle; text-align: center; line-height: 17px; background: ivory; border: 1px tan solid;}
table#hyo tr.row1 td.col1 { width: 57px; text-align: left; padding: 5px 0 5px 4px; background: tan;}
table#hyo tr.row1 td.col2 { width: 28px; background: tan;}
table#hyo tr.row2 td.col1 { text-align: left; padding: 3px 0 3px 5px;}
table#hyo tr.row2 td.col2 {}
table#hyo tr.row3 td.col1 { text-align: left; padding: 3px 0 3px 5px;}
table#hyo tr.row3 td.col2 {}

span.symptom {
font-size: 14px;
display: inline-block;
width: 70%;
padding: 7px 0 0 5px;
margin-top: 5px;
border-top: 1px dotted #aaa;
}
.icon-symptom {
color: coral;
margin-right: 10px;
}

/*-----BUTTON-----*/

/*-----absolute用-----*/
.open-fold-xxx,.close-fold-xxx {
outline:none;
position: absolute;
top: 0;
left: 0;
width: 100%;
background: transparent;
border: 0;
text-align: right;
}

.open-fold {
display:block;
color: saddlebrown;
margin:10px 0 0 0;
cursor: pointer;
}

.close-fold {
display:inline-block;
color: #339900;
margin:10px 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;
}

/*-----追加------*/

div.caption span.logo-icon {
display: inline-block;
color: #2E4C2C;
font-size: 17px;
margin: 0 0 12px 0;
line-height: 24px;
padding: 4px 0 12px 50px;
border: 0;
background: url('../images/img/logo-icon.png')no-repeat;
background-size: contain;
}

div.fold ul.sub-title { display: block; margin: 14px 0 14px 24px; padding: 0; font-size: 15px;}