@charset "UTF-8";






/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
RESET_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
html{}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;}

table{
	border-collapse:collapse;
	border-spacing:0;}

fieldset,img{border:0;}

address,caption,cite,code,dfn,em,strong,th,var{
	font-style:normal;
	font-weight:normal;}

li{list-style:none;}

caption,th{text-align:left;}

h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;}

q:before,q:after{content:"";}

abbr,acronym{
	border:0;
	font-variant:normal;}

sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}

input,textarea,select{
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;}

input,textarea,select{
	*font-size:100%;}

legend{color:#000000;}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　RESET_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/






/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
COMMONlayout_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*----basicsetting_start----*/
html{
    font-size:62.5%;}
body{
	background:#cccccc;
	color:#333333;
    font-size:1.4rem; /*default14px*/
	line-height:2.3rem;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:center;
	-webkit-text-size-adjust:100%; /*viewport*/}
body{
	font-size:1.2rem; /*defaultOverRide*/
	line-height:1.7rem;}
/*----basicsetting_end----*/



/*----ancher_start----*/
a:link{}
a:visited{}
a:active{}
a:hover{
	text-decoration:underline;}
a{text-decoration:none;}
object{outline:none;}
/*----ancher_end----*/



/*----clear_start----*/
/*--clearfix--*/
.clearfix:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;}
.clearfix {
	min-height:1px;}
* html .clearfix {
	height:1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/}
/*--clear--*/
.cf{
	clear:both;
	height:0;}
/*----clear_end----*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　COMMONlayout_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/






/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
MAINlayout_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*------optimizewrapper_start------*/
#optimizewrapper{
	background:#ffffff;
	max-width:640px;
	margin:0 auto;
	text-align:left;}
/*------optimizewrapper_end------*/







/*------header_start------*/
#header{
	position:relative;
	background:#222222;
	height:90px;
	padding:10px;}
#header .logo a{
	position:absolute;
	top:0;
	left:50%;
	margin:0 0 0 -103px;
	background:url(../images/others_mss_jp_logo.png) top center no-repeat;
	background-size:100%;
	width:206px;
	height:134px;
	text-indent:-9999px;
cursor:pointer;}
/*------header_end------*/







/*------title_start------*/
h1{
	font-size:2rem;
	font-weight:bold;
	text-align:center;
	margin:40px 0 20px 0;}
h2{
	font-size:1.5rem;
	font-weight:bold;
	text-align:center;
	margin:0 0 30px 0;}

.date{
	font-size:1rem;
	margin:0 0 0 40px;}
/*------title_end------*/







/*------contentswrapper_start------*/
#contentswrapper{
	padding:0 40px 40px 40px;}
#contentswrapper p{
	margin:0 0 1rem 0;}

#contentswrapper h3{
	font-weight:bold;
	margin:3rem 0 1rem 0;}
#contentswrapper ol{
	margin:0 0 2rem 0;}
#contentswrapper ol li{
	margin:0 0 1rem 2.5rem;
	list-style-type:decimal-leading-zero;}
#contentswrapper ul li{
	margin:0 0 1rem 2.5rem;}



/*----NEWS_start----*/
/*--newslist--*/
#contentswrapper .news_list{
	margin:0 auto;}
#contentswrapper .news_list ul{}
#contentswrapper .news_list li{
	margin:0;
	padding:10px 0;
	border-top:1px #ffffff solid;
	border-bottom:1px #cccccc solid;}
#contentswrapper .news_list p{
	margin:0;}
#contentswrapper .news_list li a{
	color:#000000;}
#contentswrapper .news_list li:first-child{
	padding:0px 0 10px 0;
	border-top:none;}
#contentswrapper .news_list li:last-child{
	padding:10px 0 0 0;
	border-bottom:none;}
#contentswrapper .news_list .meta{
	color:#4e340c;
	margin:0 0 5px 0;
	text-align:left;}
#contentswrapper .news_list .summary{
	text-align:left;}


/*--news_details--*/
.news_details_entry{}

/*EntryTitle*/
.news_details_title{
	width:100%;
	margin:0 0 3rem 0;
	padding:0 0 2rem 0;
	border-top:2px #333333 solid;
	border-bottom:2px #333333 solid;}
#contentswrapper .news_details_title p{
	margin:0;}
#contentswrapper .news_details_title h2{
	margin:0;
	padding:0;
	text-align:left;}
#contentswrapper .news_details_title .meta{
	position:relative;
	margin:0 0 1.5rem 0;}
#contentswrapper .news_details_title .meta span{
	position:relative;
	top:0;
	background:#333333;
	color:#ffffff;
	font-size:1rem;
	padding:6px 10px;
	text-align:right;
	-moz-border-radius:0 0 6px 0;
	-webkit-border-radius:0 0 6px 0;
	-o-border-radius:0 0 6px 0;
	-ms-border-radius:0 0 6px 0;}

/*EntryBody*/
.news_details_entry img{
	max-width:100% !important;
	height:auto !important;}


/*--newslistclear--*/
.news_pickup li:after,
.news_list li:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;}
.news_pickup li,
.news_list{
	min-height:1px;}
*html .news_pickup,
*html .news_list {
	height:1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/}
/*----NEWS_end----*/



/*----SUPPORT_start----*/
#contentswrapper .mailform{}
#contentswrapper .mailform .cpTextarea01{
	width:100%;
	min-height:15rem;}

#contentswrapper .mailform .send{
	text-align:center;}
#contentswrapper .mailform .cpSubmitBtn03{
	/*reset*/
	border:none;
	background:none;
	/*set*/
	background:#cccccc;
	background:linear-gradient(#ffffff, #cccccc) repeat scroll 0 0 #cccccc;
	width:150px;
	height:3rem;
	font-weight:bold;
	border:1px #aaaaaa solid;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-o-border-radius:6px;
	-ms-border-radius:6px;
	cursor:pointer;
	outline:none;}

#contentswrapper .mailform .caption{
	background-color:#DEF5D3;
	margin:20px 0 60px 0;
	padding:2rem 2rem 1rem 2rem;
	border:3px #A2CF68 solid;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-o-border-radius:6px;
	-ms-border-radius:6px;}
#contentswrapper .mailform .caption p{}
/*----SUPPORT_end----*/



/*----BACKbutton_start----*/
#contentswrapper .back{
	position:relative;
	width:100%;
	margin:30px 0 0 0;
	padding:30px 0 0 0;
	border-top:1px #CCCCCC dotted;}
#contentswrapper .back a{
	display:block;
	background:#000000;
	background:linear-gradient(#555555, #000000) repeat scroll 0 0 #000000;
	color:#ffffff;
	width:150px;
	margin:0 auto;
	padding:1rem;
	font-weight:bold;
	text-align:center;
	border:1px #363636 solid;
	border-radius:5px;
	cursor:pointer;}
#contentswrapper .back a:hover{
	background:#555555;
	background:linear-gradient(#000000, #555555) repeat scroll 0 0 #555555;
	text-decoration:none;}
/*----BACKbutton_end----*/
/*------contentswrapper_end------*/



.lang_button_wrap{
	position: absolute;
	right: 20px;
	top: 20px;
	font-size: 0;
	z-index: 10;
}
.lang_button_wrap li{
	display: inline-block;
}
.lang_button_wrap li .text{
	display: block;
	width: 86px;
	height: 42px;
	background: transparent center center no-repeat;
	background-size: 86px 42px;
}
.lang_button_wrap li.tw .text{
	background-image: url('../images/lang_button_tw_pc.png')
}
.lang_button_wrap li.jp .text{
	margin-left: 10px;
	background-image: url('../images/lang_button_jp_pc.png')
}
.lang_button_wrap li.tw a:hover{
	opacity: 0.8;
	transition: 0.2s;
}


@media screen and (max-width:736px){

.lang_button_wrap{
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 0;
	z-index: 10;
}
.lang_button_wrap li{
	display: inline-block;
	overflow: hidden;
	width: 53px;
	height: 28px;
}
.lang_button_wrap li .text{
	display: block;
	width: 53px;
	height: 28px;
	background: transparent center center no-repeat;
	background-size: 100% auto;
	text-indent: -9999px;
	overflow: hidden;
}
.lang_button_wrap li.tw .text{
	background-image: url('../images/lang_button_tw_sp.png');
}
.lang_button_wrap li.jp {
	margin-left: 5px;
}
.lang_button_wrap li.jp .text{
	background-image: url('../images/lang_button_jp_sp.png');
	margin-left: 0;
}
.lang_button_wrap li.tw a:hover{
	opacity: 1;
}

}

@media screen and (max-width:370px){
	.lang_button_wrap li {
		width: 50px;
		height: 26px;
	}
	.lang_button_wrap li.tw {
		margin-right: 10px !important;
	}
	.lang_button_wrap li .text{
		width: 50px;
		height: 26px;
	}
	.lang_button_wrap li a {
		overflow: hidden;
	}
}





/*------footer_start------*/
#footer{
	position:relative;
	height:42px;
	background:#222222;}
#footer address{
	text-align: center;
	line-height: 42px;
	font-family: Verdana,Arial,Geneva,Tahoma,sans-serif;
	color: #fff;}
/*------footer_end------*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　MAINlayout_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/