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

body{padding:0;margin:0 auto;position: relative;
}

a img,img a{border:none;text-decoration:none;}
img{border:0; margin:0; padding:0;}
.flocle{clear:both;}
hr {
	margin-top: 20px;
}


#side_menu {
	background: center center no-repeat transparent;
	background-image: url("../images/mmenu.png");
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 0;
}


a#sma_pdf {
	position: fixed;
	right: 15px;
	top: 30px;
	width: 60px;
	height: 67px;
	background: url("../images/side_navi.png") left top no-repeat;
	display: block;
	z-index: 100;
}
a#sma_pdf:hover {
	background: url("../images/side_navi.png") right top no-repeat;
}
a#sma_dl {
	position: fixed;
	right: 15px;
	top: 97px;
	width: 60px;
	height: 102px;
	background: url("../images/side_navi.png") left -67px no-repeat;
	display: block;
	z-index: 100;
}
a#sma_dl:hover {
	background: url("../images/side_navi.png") right -67px no-repeat;
}
a#sma_code {
	position: fixed;
	right: 0;
	top: 205px;
	width: 60px;
	height: 102px;
	background: url("../images/side_navi.png") left bottom no-repeat;
	display: block;
}
a#sma_code:hover {
	background: url("../images/side_navi.png") right bottom no-repeat;
}



/* site_link */
ul#site_link {background-color:#6c6c6c; width: 100% !important; display: block; height: auto; border-bottom: 1px solid #666;margin: 0 auto 3em;padding: 0.1em 0.2em;text-align: center;}
ul#site_link li {color: #c8c8c8; display: inline; background-color:#6c6c6c; margin: 0 20px; list-style-type: none; font-size: 11px; font-size: 1.1rem; padding: 0; letter-spacing: 0;}
ul#site_link li a {color: #c8c8c8; text-decoration: none;}
ul#site_link li a:hover {background-color:#6c6c6c; color: #fff !important; text-decoration: none;}
ul#site_link li.here {font-weight: bold !important; color: #fff !important; text-decoration: underline;}
a.site_link_tooltip span {display:none; padding:5px; margin-left:0; z-index: 100;font-size: 10px; border: 1px solid #666;}
a.site_link_tooltip:hover span{display:inline; position:absolute; top: 22px !important; background:#6c6c6c; color:#fff;}
/* site_link */


#side_menu {
	padding: 1em;
}


#header {
	background: #291f21;
}

#header_in {
	width: 980px;
	margin: 0 auto;
}


#container {
	margin: 0 auto;
}


li.selected .mtop {
	border-left: 10px solid #16abd6;
}

.m0 {
	border-left: 4px solid #16abd6;
}
li.selected .m0 {
	border-left: 10px solid #16abd6;
}

.m1 {
	border-left: 4px solid #d61616;
}
li.selected .m1 {
	border-left: 10px solid #d61616;
}

.m2 {
	border-left: 4px solid #f18832;
}
li.selected .m2 {
	border-left: 10px solid #f18832;
}

.m3 {
	border-left: 4px solid #e9e62c;
}
li.selected .m3 {
	border-left: 10px solid #e9e62c;
}

.m4 {
	border-left: 4px solid #62b232;
}
li.selected .m4 {
	border-left: 10px solid #62b232;
}

.m5 {
	border-left: 4px solid #b63cb1;
}
li.selected .m5 {
	border-left: 10px solid #b63cb1;
}

.m6 {
	border-left: 4px solid #727272;
}
li.selected .m6 {
	border-left: 10px solid #727272;
}

.m7 {
	border-left: 4px solid #34918f;
}
li.selected .m7 {
	border-left: 10px solid #34918f;
}

.m8 {
	border-left: 4px solid #7ea92b;
}
li.selected .m8 {
	border-left: 10px solid #7ea92b;
}

.m9 {
	border-left: 4px solid #af3160;
}
li.selected .m9 {
	border-left: 10px solid #af3160;
}

.m10 {
	border-left: 4px solid #cd7813;
}
li.selected .m10 {
	border-left: 10px solid #cd7813;
}

.m11 {
	border-left: 4px solid #2e8dbf;
}
li.selected .m11 {
	border-left: 10px solid #2e8dbf;
}

.m12 {
	border-left: 4px solid #c54646;
}
.m12.selected {
	border-left: 10px solid #c54646;
}

.m13 {
	border-left: 4px solid #515151;
}
li.selected .m13 {
	border-left: 10px solid #515151;
}

.m14 {
	border-left: 4px solid #ffffff;
}
.selected .m14 {
	border-left: 10px solid #ffffff;
}


#container {
	width: 100% !important;
	text-align: center;
	margin: 0 auto;
	padding-bottom: 3em;
}



#contents {
	text-align: left;
	padding: 0 2.5em 2.5em;
	background-color: #fff;
}



.curl_code {
	width: 80%;
	padding: 0;
}
textarea {
	width: 80%;
	background-color: #fffff6 !important;
	border: 1px solid #ccc;
	padding: 10px;
	line-height: 150%;
}

.textinner{
    padding:0.5em;
    border:none;
    /* 【角丸】　*/
    border-radius:2px;/* CSS3 */
    -webkit-border-radius:2px;/* Safari,Google Chrome */
    -moz-border-radius:2px;   /* Firefox */
    /*　【グラデーション】　*/
    background-color: #787878;
	width:80%;
}
 
.textinner p{
    color:#fff;
    font-size: 10px;
	margin: 0;
	padding: 0 10px;
	font-weight: bold;
}
#textarea {
    width:80%;
    margin-bottom:30px;
    position:relative;
}
.triangle{
    position:absolute;
    width: 0;
    height: 0;
    left:10%;
    top:-13px;
    border-top: 7px solid transparent;/*下向き三角*/
    border-right: 7px solid  transparent;/*左向き三角*/
    border-left: 7px solid transparent;/*右向き三角*/
    border-bottom: 7px solid  #787878;/*上向き三角*/
}



a#samp_dl {
	background: url(../images/samp_dl.jpg) left top no-repeat;
	width: 425px;
	height: 82px;
	display: block;
	margin: 20px auto;
}
a#samp_dl:hover {
	background: url(../images/samp_dl.jpg) right top no-repeat;
}






p {
	padding: 1em 0;
}
p img {
	padding: 0.5em;
	margin: 0 auto;
}

dt {
	font-weight: bold;
}



table{
    border-top:1px solid #3e4400;
    border-left:1px solid #3e4400;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
th{
    border-right:1px solid #3e4400;
    border-bottom:1px solid #3e4400;
    color:#fff;
    background-color:#747b27;
    background-position:left top;
    padding:0.1em 0.5em;
    text-align:center;
}
td{
    border-right:1px solid #3e4400;
    border-bottom:1px solid #3e4400;
    padding:0.1em 0.5em;
}


ul#page_navi {
	margin: 10px auto 50px;
	padding: 20px 0 100px;
}
ul#page_navi li {
	list-style-type: none;
}

a#prev {
	background: #fdfdfd url("../images/iii.png") left top no-repeat;
	display: block;
	float: left;
	padding: 1em 0 1em 45px;
}
a#prev span {
	height: 57px;
}

a#next {
	background: #fdfdfd url("../images/iiii.png") right top no-repeat;
	display: block;
	float: right;
	vertical-align: middle;
	text-align: right;
	padding: 1em 45px 1em 0;
}
a#next span {
	height: 57px;
}





/* footer */
#footer {
clear: both;
display: block;
height: auto;
border-top: 1px solid #CCC;
text-align: center;
margin: 0 auto;
padding: 0 0 0.1em;
letter-spacing: 0;
}

ul#footer_content li {
	display: inline;
	list-style-type: none;
	color: #6b6b6b;
	font-size: 10px;
	font-size: 1.0rem;
	padding: 0 0.1em;
}

#footer a {
	color: #6b6b6b;
	text-decoration: none;
}


@media all and (max-width: 900px) {
.curl_code {
	width: 95%;
}
textarea {
	width: 95%;
}

.textinner{
	width:95%;
}




ul#site_link {
		display: none;
	}
#contents {
	padding: 60px 1em 1em;
}

a#sma_pdf {
	display: none;
}
a#sma_dl {
	display: none;
}
}