@charset "UTF-8";



/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
/* html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1;font-size:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#333;text-decoration:none}
mark{background-color:#ff9;color:#333;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle} */

html{
	font-size: 62.5%;
}
body{
	border-top: 2px solid #e60012;
	font-family: 'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka','ＭＳ Ｐゴシック',Arial,sans-serif;
	-webkit-text-size-adjust: 100%;
}

select{
	font-family: 'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka','ＭＳ Ｐゴシック',Arial,sans-serif;	
}

#header,#footer{
/*	font-family: 'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka','ＭＳ Ｐゴシック',Arial,sans-serif;*/
/*	-webkit-text-size-adjust: 100%;*/
	color: #333;
	/* line-height: 1 !important; */
}
#header *,#footer *{
	box-sizing: border-box;
}
#header ul li,#footer ul li{
	list-style: none;
}
#header a,#footer a{
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
}

/* --------------------------------------------------------------------------------------------- module */
.clearfix:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
	font-size: 0.1em;
}
.clearfix{
	display:block;
}
.mt40{	margin-top: 40px !important;	}

/* ----------------------------------------------------------------------------------- wrap */
/*.m-wrap01{
	background: url(/common/img/wrap01_bg.png) repeat 0 0;
	padding: 1px 0;
}
*/
/* ----------------------------------------------------------------------------------- btn */
/*.m-btn01{
	background-color: #007677;
	display: inline-block;
	padding: 12px 35px;
	text-decoration: none;
	color: #ffffff;
	text-align: center;
	font-size: 1.3rem;
	font-weight: bold;
}
.m-btn01:after{
	content: url(/common/img/icon_menu2-right.png);
	margin: 0 0 0 12px;
}
.m-btn01:hover{
	opacity: 0.8;
}
*/
/* ----------------------------------------------------------------------------------- title */
/*.m-title01{
	position: relative;
	border-bottom: 1px solid #dddddd;
	margin: 15px 0;
	padding: 10px 15px;
	line-height: 1.3;
}
.m-title01 h2{
	font-size: 2.0rem;
}
.m-title01 .link{
	position: absolute;
	right: 0;
	top: 0;
}*/

/* ----------------------------------------------------------------------------------- carousel */
/*.m-carousel01{
	margin: 0 auto;
	width: 960px;
}
.m-carousel01 ul.slick-dots{
	margin: 12px 0;
	text-align: center;
}
.m-carousel01 ul.slick-dots li{
	display: inline-block;
	margin: 0 7px;
}
.m-carousel01 ul.slick-dots li button{
	border: none;
	background-color: #bfbfbf;
	width: 35px;
	height: 5px;
	text-indent: -9999px;
	cursor: pointer;
}
.m-carousel01 ul.slick-dots li.slick-active button{
	background-color: #e60012;
}*/

/* ----------------------------------------------------------------------------------- thumbnail */
/*.m-thumb01{
	overflow: hidden;
	font-size: 1.3rem;
	line-height: 1.6;
}
.m-thumb01 > div{
	float: left;
	width: 228px;
}
.m-thumb01 > div + div{
	margin: 0 0 0 16px;
}
.m-thumb01 a{
	display: block;
	text-decoration: none;
	color: #333333;
}
.m-thumb01 p.img{
	margin: 0 0 10px;
	line-height: 0;
}
.m-thumb01 p.date{
	margin: 5px 0;
	color: #999999;
}
.m-thumb01 p.txt{
	margin: 5px 0;
}
.m-thumb01 p.label{
	display: inline-block;
	background-color: #007677;
	margin: 7px 0;
	padding: 2px 7px;
	font-size: 1.1rem;
	color: #ffffff;
}
.m-thumb01 a:hover{
	text-decoration: underline;
}
.m-thumb01 a:hover img{
	opacity: 0.8;
}*/
/* ----------------------------------------------------------------------------------- linkset */
/*.m-linkset01{
	margin: 30px 0;
	font-weight: bold;
	overflow: hidden;
}
.m-linkset01 .set{
	float: left;
}
.m-linkset01 .set + .set{
	margin: 0 0 0 15px;
}
.m-linkset01 .head{
	margin: 12px 0;
	color: #007677;
	font-size: 1.5rem;
}
.m-linkset01 ul{
	overflow: hidden;
}
.m-linkset01 ul li{
	float: left;
}
.m-linkset01 ul li + li{
	margin: 0 0 0 15px;
}
.m-linkset01 ul li a{
	background-color: #ffffff;
	display: block;
	border: 1px solid #dddddd;
	padding: 15px 5px;
	width: 180px;
	color: #333333;
	text-decoration: none;
	font-size: 1.3rem;
	text-align: center;
}
.m-linkset01 ul li a:after{
	content: url(/common/img/icon_menu1-right.png);
	margin: 0 0 0 7px;
}
.m-linkset01 ul li a:hover{
	background-color: #333333;
	color: #ffffff;
}
.m-linkset02{
	margin: 20px 0;
}
.m-linkset02 ul{
	overflow: hidden;
}
.m-linkset02 ul li{
	float: left;
}
.m-linkset02 ul li + li{
	margin: 0 0 0 15px;
}
.m-linkset02 ul li a:hover{
	opacity: 0.8;
}*/

/* --------------------------------------------------------------------------------------------- header */
#header{
	margin: 0 auto;
	width: 960px;
	height: 78px;
	overflow: hidden;
	border-bottom: 1px solid #DDDDDD;
}
#header .logo{
	float: left;
	margin: 20px 0 0;
}
#header .copy{
	float: left;
	margin: 35px 20px 0;
	font-size: 1.2rem;
	line-height: 1;
}
#header ul.link{
	float: right;
	overflow: hidden;
	font-weight: bold;
	font-size: 1.3rem;
}
#header ul.link li{
	float: left;
}
#header ul.link li a{
	background-color: #ebebeb;
	border: 1px solid #bfbfbf;
	display: block;
	width: 137px;
	margin: 17px 0 0 7px;
	padding: 15px 0 15px;
	text-decoration: none;
	color: #333333;
	text-align: center;
	line-height: 1;
}
#header ul.link li a:before{
	content: url(../img/icon_triangle1-right.png);
	display: inline-block;
	margin: -4px 7px 0 0;
	vertical-align: middle;
}
#header ul.link li a:hover{
	background-color: #333333;
	color: #ffffff;
}

/* --------------------------------------------------------------------------------------------- contents */
/*#ss_container{
	margin: 70px auto;
	width: 960px;
}*/
#ss_container{
		font-size:12px !important;
		line-height:1.3 !important;
}
/* --------------------------------------------------------------------------------------------- index */
/*body.index .service{
	position: relative;
}
body.index .service ul li{
	position: absolute;
	left: 140px;
	top: 260px;
	font-size: 1.3rem;
	font-weight: bold;
}
body.index .service ul li + li{
	left: 640px;
}
body.index .service ul li a{
	background: url(/common/img/icon_menu1-right.png) no-repeat 145px center #ffffff;
	display: block;
	padding: 13px 0 0;
	width: 175px;
	height: 40px;
	color: #333333;
	text-decoration: none;
	text-align: center;
}
body.index .service ul li a:hover{
	background-color: #333333;
	color: #ffffff;
}
body.index .news{
	background-color: #eeeeee;
	padding: 30px 85px 50px;
}
body.index .news h2{
	border-bottom: 1px solid #5f5f5f;
	padding: 20px;
	text-align: center;
	font-size: 2.0rem;
	font-weight: normal;
}
body.index .news ul{
	margin: 45px;
	font-size: 1.3rem;
	line-height: 1.3;
}
body.index .news ul li{
	margin: 0 0 15px;
}
body.index .news ul li span{
	display: block;
	margin: 0 0 7px;
	color: #999999;
}
body.index .news ul li a{
	text-decoration: none;
	color: #000000;
}
body.index .news ul li a:hover{
	text-decoration: underline;
}
body.index .news .btn{
	text-align: center;
}
body.index .news .btn .m-btn01{
	padding: 12px 80px;
}
*/
/* --------------------------------------------------------------------------------------------- pagetop */
#pagetop-btn{
	margin: 80px auto 7px;
	width: 960px;
	text-align: right;
	font-weight: bold;
	font-size: 0.9rem;
	line-height: 1;
}
#pagetop-btn a{
	background: url(../img/icon_menu3-top.png) no-repeat right 4px;
	padding: 0 12px 0 0;
	text-decoration: none;
	color: #5f5f5f;
}
#pagetop-btn a:hover{
	opacity: 0.8;
}

/* --------------------------------------------------------------------------------------------- footer */
#footer{
	background-color: #5f5f5f;
	color: #ffffff;
}
#footer a{
	color: #ffffff;
	text-decoration: none;
}
#footer a:hover{
	text-decoration: underline;
}
#footer .body{
	margin: 0 auto;
	padding: 45px 0 60px;
	width: 960px;
	overflow: hidden;
}
#footer .body .logo{
	float: left;
	margin: 0 45px 0 0;
}
#footer .body ul.menu{
	float: left;
	margin: 5px 0 0;
	width: 230px;
	font-size: 1.3rem;
	line-height: 1.3;
}
#footer .body ul.menu li{
	background: url(../img/icon_triangle2-right.png) no-repeat 0 5px;
	margin: 0 0 15px;
	padding: 0 0 0 15px;
}
#footer .body ul.menu li ul{
	padding: 15px 0 0 5px;
	margin: 0;
}
#footer .body ul.menu li ul li{
	background: none;
	position: relative;
	padding: 0 0 0 10px;
	line-height: 1.3em;
}
#footer .body ul.menu li ul li:before{
	content: '-';
	position: absolute;
	left: 0;
	top: 0;
}
#footer .body ul.menu li ul li a{
	background: none;
	padding: 0;
}
#footer .body ul.link{
	float: right;
	overflow: hidden;
	font-weight: bold;
	font-size: 1.3rem;
	margin: 0;
}
#footer .body ul.link li{
	float: left;
	line-height: 1;
}
#footer .body ul.link li a{
	background-color: #ebebeb;
	border: 1px solid #bfbfbf;
	display: block;
	width: 137px;
	margin: 5px 0 0 7px;
	padding: 15px 0 15px;
	text-decoration: none;
	color: #333333;
	text-align: center;
}
#footer .body ul.link li a:before{
	content: url(../img/icon_triangle1-right.png);
	display: inline-block;
	margin: -4px 7px 0 0;
	vertical-align: middle;
}
#footer .body ul.link li a:hover{
	background-color: #333333;
	color: #ffffff;
}
#footer .bottom{
	border-top: 1px solid #7d7d7d;
	padding: 15px 0;
	font-size: 1.1rem;
}
#footer .bottom > div{
	margin: 0 auto;
	width: 960px;
	overflow: hidden;
}
#footer .bottom ul{
	float: left;
	overflow: hidden;
	margin: 0;
}
#footer .bottom ul li{
	float: left;
	line-height: 1;
}
#footer .bottom ul li + li:before{
	content: '|';
}
#footer .bottom ul li a{
	margin: 0 15px 0 0;
}
#footer .bottom ul li + li a{
	margin: 0 15px;
}
#footer .bottom .copyright{
	float: right;
	margin-bottom: 0;
	line-height: 1;
}

#ss_contents .totop{
	display: none;
}
#ss_stage .totop{
	display: none;
}