@charset "utf-8";
/* CSS Document */

#system #layout{/*システム予約*/
/width:998px;
}
#system h2{/*システム予約*/
}

#system h3{
}

#system p{
}
#system #layout img{
display:block;
margin:auto;
/*
margin-bottom:20px;
*/
max-width:100%;
}
#system #layout a img{
max-width:100%;
width:auto;
}

#system #layout dl {
    float: left;
    width: 457px;
    /* margin: 5px; */
    margin-left: 20px;
    margin-right: 20px;
    padding: 0 0px;
    border: 1px solid #999;}

#system #layout dl.finaldl {
width:946px;
/*/width:968px;*/
float:left;

margin-bottom:20px;
}
#system #layout dl.finaldl:after {
content: ".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
} 
#system #container #layout dl dt{
text-align:left;
font-size:14px;
font-weight:bold;
margin-bottom:5px;
padding-bottom:2px;

border-bottom:1px solid #999;

	background-color:#ffffff;
	background-image: -moz-linear-gradient(#fdfdfd, #ececec); 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#ececec));	
	background-image: -webkit-linear-gradient(#fdfdfd, #ececec);	
	background-image: -o-linear-gradient(#fdfdfd, #ececec);
	background-image: -ms-linear-gradient(#fdfdfd, #ececec);
color:#655a38;
padding:5px 10px;
}
#system #layout dl dd{
overflow:hidden;
}
#system #layout dl.finaldl dd{
}
#system #layout dl p{
font-size:14px;
line-height:1.7;
padding:10px;
text-align:left;
}
#system #layout dl p.first{
}
#system #layout dl p.second{
}
#system #layout dl p.third{
}

#system #layout dl dd table.twocell{
width:100%;
}
#system #layout dl dd table.twocell th{
font-size:14px;
vertical-align:top;
font-weight:normal;
text-align:left;
padding:10px;
width:40%;
    background: #f8fede;
    color: #655a38;
    border:1px solid #bde463;
}
#system #layout dl dd table.twocell td{
font-size:12px;
padding:10px;
line-height:1.3;
    border:1px solid #cccccc;
}


#system #layout dl table.fourcell{
width:100%;
}
#system #layout dl table.fourcell th{
font-size:14px;
vertical-align:top;
font-weight:normal;
text-align:left;
padding:10px;
width:25%;
text-align:center;
}
#system #layout dl table.fourcell td{
width:25%;
font-size:14px;
padding:10px;
line-height:1.3;
}
/*
#system #layout dl:nth-of-type(8) dd table td{
color:#555555;
	background-color:#ffffff;
	background-image: -moz-linear-gradient(#ffffff, #f1f1f1); 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f1f1f1));	
	background-image: -webkit-linear-gradient(#ffffff, #f1f1f1);	
	background-image: -o-linear-gradient(#ffffff, #f1f1f1);
	background-image: -ms-linear-gradient(#ffffff, #f1f1f1);
}
*/

#system #layout dl table.fourcell tr:first-child {
/*
    background-color: #ff99cc;
	color:#ffffff;
*/
}
/*
*/
#system #layout dl table.fourcell th:nth-child(3),
#system #layout dl table.fourcell td:nth-child(3){
     background: #f8fede;
    color: #655a38;
    border-color: #bde463;
}
#system #layout dl table.fourcell th:first-child {
		text-align:left;
    background: #f8fede;
    color: #655a38;
    border-color: #bde463;
}
@media screen and (max-width: 667px) {
#system #layout dl {
    float: none;
    width: auto;
    padding: 0;
    margin: 0 5px;
}
#system #layout dl.finaldl {
    float: none;
    width: auto;
}
#system #layout dl dd table.twocell th{
width:45%;

}