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

*{
	margin: 0;
	padding: 0;
}

html,body {
	margin: 0;
	padding: 0;
	/*overflow-x:hidden;*/
	height: 100%;
	background-color: #D9D8D2;
	color: #222;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	-webkit-text-size-adjust: 100%;
	word-break: normal;
    word-wrap: break-word;
	line-break: strict;
}

#header {
	margin: 0 auto;
	width: 197px;
	height: 100%;
	min-height: 100%;
	text-align: left;
	background: #fff;
	max-height: 100%;
}

h1,h2,h3,h4,h5,h6,p{	margin: 0; padding: 0;font-size:inherit;font:100%;}
ul,li{	margin: 0; padding: 0;font-size:inherit;font:100%;}
table { border-collapse:collapse;border-spacing:0;font-size:inherit;font:100%;}
img{	border: 0;} 

table {
	border-collapse: collapse;
	border-spacing: 0;
}
hr,legend {
	display: none;
}
li {
	list-style-type: none;
}

/*wrapper----------------------------------------------------------*/
#wrapper{
	margin-left: 195px;
}

/*clear-------------------------------------------------------------------*/
.clear {
	clear:both;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/*リンク------------------------------------------------------------------*/
a {
	outline: none;
	color: #6D6D6D;
	text-decoration: none;
}
a:hover {
	color: #fd8105;
	text-decoration:none;
}
a:hover img.img60,
a:active img.img60 {
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	background-color: #fff;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
a.img-under {
   background-color:#000;
   display:inline-block;
}
a.img-under:hover img,
a.img-under:active img {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
a.img-under-w {
	background-color:#C2C2C2;
	display:inline-block;
}
a.img-under-w:hover img,
a.img-under-w:active img {
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
/*float------------------------------------------------------------ */
 .f_right{
	float: right;
}
.f_left{
	float: left;
}
.clear{
	clear: both;
}

/*font------------------------------ */ 
.font10 {
	font-size: 11px;
}
.font14 {
	font-size: 14px;
}
.fontS {
	font-size: 80%;
	line-height: 150%;
}
.left{
	text-align: left;
}
.right{
	text-align: right;
}
.bottom{
	vertical-align: bottom;
}
.center{
	text-align: center;
}
.bold{
	font-weight: bold;
}
.normal {
	font-weight: normal;
}
.red{
	color: #ff0000;
}
.indent {
	padding-left: 1em;
	text-indent: -1em; 
}
.orange {
	color: #f60;
	font-weight: bold;
}
em {
	display: none;
}
#space {
	width:100%;
	height:5px;	
}
/*footer----------------------------------------------------------*/
#footertop {
	width:100%;
	height:35px;
	overflow: hidden;
	position: relative;
	background-color:#3d3e3e;
	bottom: 0px;
}
#footertop #copy {
	font-size: 12px;
	color: #FFF;
	text-align: center;
	top: 50%;
	margin-top: 0.8em;	
}
#footer {
	width:100%;
	height:35px;
	overflow: hidden;
	position: relative;
	bottom: 0px;
}
#footer #copy {
	font-size: 12px;
	color: #3d3e3e;
	text-align: center;
	top: 50%;
	margin-top: 0.8em;	
}
/* return top--------------------------------------------------------------*/
#return{
	right:50px;
	position:fixed;
	bottom:50px;
	z-index: 999;
}