@charset "utf-8";
/*common*/
html * {
	margin: 0;
	padding: 0;
}
body {
	background: none repeat scroll 0 0 #fff;
	color: #333333;
	font-family: Helvetica,Arial,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,メイリオ,sans-serif;
	font-size: 100%;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	word-wrap: break-word;
}
article,aside,details,figcaption,figure,
	footer,header,hgroup,menu,nav,section {
	display:block;
}
table {
	border: medium none;
	word-break: break-all;
}
h1, h2, h3, h4, h5, h6, p{
	margin: 0;
	font-weight:normal;
}
ul {
	list-style: none outside none;
}
li img {vertical-align:middle;
}
em {
	font-style: normal;
	font-weight: bold;
}
a{
	text-decoration: none;
}
a img {
	border: medium none;
}
a:link {
	color:#4d402e;
	text-decoration:none;
	}
a:visited {
	color:#4d402e;
	text-decoration:none;
	}
a:hover {
	color:#4d402e;
	}
a:active {
	color:#4d402e;
	}
.clear {
	clear:both;
	font-size:0;
	content: "";
	line-height:0;
	display: block;
	}
/*----go to page top------*/
.up_link{
	background: #f8f8f8 none repeat scroll 0 0;
	border-top: 1px solid #ececec;
	box-sizing: border-box;
	font-size: 0.7em;
	padding: 0.5em 1em;
	text-align: right;
	margin-top:2%;
	width: 100%;
	color:#5e523a;
}
/*------------header-----------*/
#left-home{
　　box-sizing: border-box;
    float: left;
    text-align: center;
    width: 60%;
    padding-left:1%;
    padding-top:2px;
    }
ol { list-style-type: none; }
nav#breadcrumbs{
	height: 30px;
	overflow-x: scroll;
}
.topicp {
        list-style: none;
        color: #777;
        font: 10px Verdana, sans-serif;
        background: #f0ece3;
        border: 1px solid #dedede;
	display: table;
 	height: 29px;
	list-style: none;
}
.topicp li {
        line-height: 29px;
        text-shadow: 0 1px 0 white;
	display: table-cell;
	white-space: nowrap;
}
.topicp li a:hover {color: #777;}
.topicp li a {
        color: #666;
	box-sizing: border-box;
        text-decoration: none;
        padding: 0 10px 0 20px;
        background: #eee;
        background: -webkit-gradient(linear, left top, right top,from(#f9f9f9),color-stop(0.85,#f1f1f1),to(#f1f1f1));
        display: block;
        float: left;
}
.topicp li a::after {
        position: relative;
        display: block;
        margin-top: -15px;
        margin-left: auto;
        margin-right: -15px;
        height: 15px;
        width: 10px;
        content: " ";
        -webkit-transform: skew(-30deg);
        background: #f1f1f1;
        border-right: 1px solid #d6d6d6;
}
.topicp li a::before {
        float: right;
        display: block;
        margin-bottom: -15px;
        margin-left: auto;
        margin-right: -15px;
        height: 15px;
        width: 10px;
        content: " ";
        -webkit-transform: skew(30deg);
        background: #f1f1f1;
        border-right: 1px solid #d6d6d6;
}
.topicp li:first-child a {padding-left: 10px;}
.topicp li:last-child {
        background: transparent !important;
        color: black;
}
.topicp li span strong {
        color: #666;
	box-sizing: border-box;
        text-decoration: none;
        padding: 0 10px 0 20px;
        background: #eee;
        background: -webkit-gradient(linear, left top, right top,from(#f9f9f9),color-stop(0.85,#f1f1f1),to(#f1f1f1));
        display: block;
        float: left;
}
ol.topicp li span strong:after {
        position: relative;
        display: block;
        margin-top: -15px;
        margin-left: auto;
        margin-right: -15px;
        height: 15px;
        width: 10px;
        content: " ";
        -webkit-transform: skew(-30deg);
        background: #f1f1f1;
        border-right: 1px solid #d6d6d6;
}
ol.topicp li span strong:before {
        float: right;
        display: block;
        margin-bottom: -15px;
        margin-left: auto;
        margin-right: -15px;
        height: 15px;
        width: 10px;
        content: " ";
        -webkit-transform: skew(30deg);
        background: #f1f1f1;
        border-right: 1px solid #d6d6d6;
}
/*------------footer-----------*/
footer#footer{
	margin-top:2%;
	width:100%;
	}
footer#footer ul{
	width:100%;
	overflow:hidden;
	
	}
footer#footer ul li:first-child{
margin-left:2%;
	}
footer#footer ul li{
	width:23%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	background: #f8f8f8 none repeat scroll 0 0; 
	padding:0.5em 0.5em;
	float:left;
	display:block;
	font-size:65%;
	text-align:center;
	border: 1px solid #ececec;
	margin-left:1.5%;
	}
footer#footer ul li a{
	color:#5e523a;
	display:block;
	}
footer#footer ul li a:visited{
	color:#5e523a;
	}
footer#footer ul li a:hover{
	color:#5e523a;
	}
footer#footer ul li a:active{
	color:#5e523a;
	}
div#copyright{text-align:center; font-size:65%; line-height:2.5; color:#5e523a; overflow:hidden; padding-top:1.5%; padding-bottom:2%; }
div#copyright a{display:block; padding:1%;}
div#copyright div.f_box{float:left; background: #f8f8f8 none repeat scroll 0 0; border: 1px solid #ececec; margin-left:1.5%; width:47.5%;}
div#copyright div.copyright{width:98%; line-height:4em; color: #121212; margin:0 auto; padding-top:3px;}

div.side_menu_title{
	background-color: #f8f8f8;
	color: #0075a9;
	font-size:80%;
	padding:1%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	font-weight:bold;
}