.clearfix:after{
	content: "";
	clear: both;
	display: block;
}
.video_wi{width:100%}

@font-face {
  font-family: "YuGothic M";
  src: local("Yu Gothic Medium"),
       local("Yu Gothic");
  font-weight: 500;
       /*
         Chrome 58.0.3029.110 (64-bit) では
         "Yu Gothic Medium" を認識しないバグあるため
         "Yu Gothic" と font-weight も併せて指定。
       */
}
* {
	margin: 0px;
	padding: 0px;font-family: "游ゴシック体", YuGothic, "YuGothic M", sans-serif;
}
p.resizeimage img {
	width: 100%;
}
dt.resizeimage img {
	width: 100%;
}
dd.resizeimage img {
	width: 100%;
}
/***************** ��{���C�A�E�g *****************/
body {
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
}
.wrapper {
	margin-right: auto;
	margin-left: auto;
}
.w_main {
	text-align: left;
	padding-top: 15px;
	padding-right: 10px;
	padding-left: 10px;
	clear: both;
}
.w_main0 {
}

.parts{margin:20px 10px 30px 10px;}
.top_area0{ padding:0px 10px 0px 10px; background-color: #085487;display: none;}
.top_area3{background-color: #085487;}


.top_areatop{padding: 30px 0px 45px 0px}
.top_areatop2{ background: #F3F3F3;padding: 30px 0px 45px 0px}
/*******************************************************/

/************************* �t�b�^�[ *********************/
.footer {
	font-size: 11px;
	color: #000000;
	line-height: 22px;
	text-align: center;
	padding-top: 0px;

	clear: left;
	background-color:#EFEFEF!important;
	height: 100%;
}
.sub_head_under1_smart {
	line-height: 20px;
	padding: 5px;
	margin-top: 20px;
	text-align: center;
}
.sub_head_under1_smart h4{text-align: center;}
.sub_head_under2_smart {
	line-height: 22px;
	padding: 5px;
}
.sub_head_under1 {
	display: none;
}
.sub_head_under2 {
	display: none;
}
.foot_end{font-size:11px; text-align: center;padding:20px;}
/*******************************************************/


/******************header_menu***************************/
#head {
	display: none;
}
#header {
	height: 49px;
	background: #FFFFFF;
}
#header a {
	color: #fff;
	text-decoration: none;
}
#header #nav-open {
	position: absolute;
	width: 100%;
	height: 50px;
	z-index: 180;
	margin: 0;
	text-align: right;
	color: #CCCCCC;
	font-size: 14px;padding-right:5px;
}
#header #nav-open a {
	position: absolute;
	top: 5px;
	right: 10px;
}

.my-parts {
  display: inline-block;
  width: 40px;
  height: 40px;
  position: relative;
  box-shadow: 0 0 0 1px rgba(0,0,0,.1);
  cursor: pointer;
}
.my-parts span {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  width: 84%;
  height: 16%;
  margin: -8% 0 0 -42%;
  background: rgb(255, 255, 255);
}
.my-parts span::before,
.my-parts span::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  margin: -8% 0 0 -50%;
  background: rgb(255, 255, 255);
}
.my-parts span::before {
  margin-top: -38%;
}
.my-parts span::after {
  margin-top: 19%;
}
#gNav {
	width: 100%;
	position: absolute;
	top: -490px;
	z-index: 110;
	transition: top 1s;
	-webkit-transition: top 1s;
	-moz-transition: top 1s;
	text-align: center;
	background: #085487;
	font-size: 15px;
	font-weight: bold;
}
#gNav:target {
	top: 50px;
}
#gNav ul {
	margin: 0;
	padding: 0;
}
#gNav ul li {
	width: 100%;
	float: left;
	list-style-type: none;
}
#gNav ul li a, #gNav #nav-close a {
	display: block;
	padding: 8px 0;
	border-top: #6096C1 1px solid;
	border-bottom: #6096C1 1px solid;
}
#gNav ul li:nth-child(1) a, #gNav ul li:nth-child(2) a {
	border-top: none;
}
#gNav ul li:nth-child(odd) a {
	border-right: #6096C1 1px solid;
}
#gNav ul li:nth-child(even) a {
	border-left: #6096C1 1px solid;
}
#gNav #nav-close {
	clear: both;
}
#title_smart {
	display: inline
}
/*********************************************************



/************************* ���j���[ *********************/

#menu01 {
	display: none
}
#menu02 {
	display: none
}

#menu04 {
	display: none
}
.mainmenu{display: none}
.mainmenu2{display: none}
.minititle{background: #DD0477;color:#FFFFFF;padding: 20px 4px;font-size: 25px;}
/*********************************************************/
.top_arealeft {float:none;
 
}
.top_arearight {float:none;

}




/******************header_menu***************************/
#headmb {
	display: none;
}
#headermb {
	height: 49px;
	background-color:#037579;
}
#headermb a {
	color: #fff;
	text-decoration: none;
}
#headermb #nav-openmb {
	position: absolute;
	width: 100%;
	height: 50px;
	z-index: 180;
	margin: 0;
	text-align: left;
	color: #FFFFFF;
	font-size: 14px;
}
#headermb #nav-openmb a {
	position: absolute;
	top: 5px;
	right: 10px;
}
#gNavmb {
	width: 100%;
	position: absolute;
	top: -550px;
	z-index: 110;
	transition: top 1s;
	-webkit-transition: top 1s;
	-moz-transition: top 1s;
	text-align: center;
	background: #57C3D4;
	font-size: 15px;
	font-weight: bold;
}
#gNavmb:target {
	top: 50px;
}
#gNavmb ul {
	margin: 0;
	padding: 0;
}
#gNavmb ul li {
	width: 100%;
	float: left;
	list-style-type: none;
}
#gNavmb ul li a, #gNavmb #nav-closemb a {
	display: block;
	padding: 8px 0;
	border-top: #4FA9B2 1px solid;
	border-bottom: #4FA9B2 1px solid;
}
#gNavmb ul li:nth-child(1) a, #gNavmb ul li:nth-child(2) a {
	border-top: none;
}
#gNavmb ul li:nth-child(odd) a {
	border-right: #4FA9B2 1px solid;
}
#gNavmb ul li:nth-child(even) a {
	border-left: #4FA9B2 1px solid;
}
#gNavmb #nav-closemb {
	clear: both;
}
#title_smartmb {
	display: inline
}


.side {display:none;

}

/*********************************************************//* pagetop */

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: #CC2844;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}