/* screens smaller than 690---------------------------------------------------------- */
@media only screen and (max-width:690px) {

/* ----------------------------------------------------------------------------------- */
/* layout */
/* ----------------------------------------------------------------------------------- */
body {
	border-top: 4px solid #015DB2;
	line-height: 1.7;
}
#common #wrapper{
	background: none;
	width: 100%;
}

/* contents */
/* -------------------------- */
#contents {
	width:94%;
	margin:0 auto 30px auto;
}
#contents_left{
	width: 100%;
	float: none;
	margin-left:0; 
}
#contents_right{
	width: 100%;
	float: none;
	margin-top: 50px;
}

#locator{
	top: 140px;
	position: absolute;
	text-align: right;
	width: 100%;
}

/* ----------------------------------------------------------------------------------- */
/* header */
/* ----------------------------------------------------------------------------------- */
header{width:94%;padding-right: 0;}

h1{display: none;}

#header_lang{
	margin-right: 44px;
	margin-top: 2px; 
}
#common.en #header_lang{
	margin-right: 0;
}
#header_lang li a{
	height: 12px;
	background-position: center top; 
}
#header_lang li#jp a{
	background-image: url(../image/common/btn_jp_sp@2x.gif) ;
	background-size: 26px 24px;
	width: 30px; 
}
#header_lang li#en a{
	background-image: url(../image/common/btn_en_sp@2x.gif) ;
	background-size: 19px 24px;
	width: 25px;
}
#header_lang li a:hover, #header_lang li.current a{
	background-position: center -12px;
}
#logo{
	width: 113px;
	margin-left: 0;
}
#common.en #logo{
	width: 180px;
}
#logo img{
	width: 100%;
	height: auto;
}




/* ----------------------------------------------------------------------------------- */
/* globalnav */
/* ----------------------------------------------------------------------------------- */
#gnav_btn{display:block;}
#gnav_btn a {
	width:34px;
	height:30px;
	background:url(../image/common/gnav_btn.gif) no-repeat 0 0;
	background-size: 34px 30px;
	display: block;
	text-indent:-9999px;
	position:absolute;
	top:23px;
	right:2%;
}

#globalnav_in{
	display:block;
	width: 100%;
	overflow: hidden;
	position:absolute;
	z-index:100;
}
#globalnav{
	margin: 15px auto;
	width: 100%;
}
#globalnav ul{
	width:auto;
	margin:0 auto;
	display: none;
	float: none;
	position:static;
	border-top:solid 1px #DDD;
}

#globalnav li{
	float:none;
	margin-left:0;
	padding:0;
	text-align: left;
	background:#EFEFEF;
	border-bottom:solid 1px #DDD;
	border-left:none;
	display: block;
	width: 100%;
}
#globalnav li:first-child{background:#EFEFEF;}
#globalnav li a{
	display:block;
	padding:13px 20px;
}
#globalnav li a:hover{background:#ddd;color: #000;}
#globalnav li a br{display: none;}

#globalnav ul ul{
	display: none !important;
}


/* ----------------------------------------------------------------------------------- */
/* footer */
/* ----------------------------------------------------------------------------------- */
#footer_top_in{
	width: 94%;
	padding: 0;
}
#footer_top_in > ul{
	width: 20%;
	float: left;
}
#footer_top_in > ul#footernav05{
    /*margin-left: 16%;*/
    width: 56%;
}
#footer_top_in > ul#footernav05 li{
	float: left;
	width: 50%;
}

#footer_top_in > ul#footernav04{
	width: 36%;
}

#footer_top_in > ul#footernav02{
	width: 22%;
}
#footer_top_in > ul#footernav03{
	width: 39%;
}
#footer_top_in > ul#footernav01{
	width: 39%;
}


#footer_top_in > ul li{
	font-size: 100%;
	margin: 10px auto;
	text-align: center;
}
#footer_top_in > ul li a{
	background:none;
	padding-left: 0;
}
#footer_top_in > ul ul{
	margin-top: 0;
	display: none;
}
#footer_bottom{
	width: 94%;
	margin-top: 15px;
	text-align: center;
	padding: 0 ;
}

#footernav{
	display: inline-block;
    float: none;
}
#footernav li{
	display: inline;
    text-align: center;
}

#footer_bottom small{
	font-size: 90%;
}



/* ----------------------------------------------------------------------------------- */
/*side*/
/* ----------------------------------------------------------------------------------- */
#side_banner li {
 float: none;
 width: 100%;
 text-align: center;
}

#side_factorytour ul { margin: 0 auto; width:240px; }

/*subnav*/
/*--------------------------------------*/
#subnav_title a {
 text-align:left;
}
#subnav_title a:before {
 padding-right: 10px;
}
#subnav li a {
 background-image:url(../image/common/arr01@2x.gif);
 background-size: 4px 8px;
}
#subnav li a:hover, #subnav ul li.current a, #subnav ul li.current a:hover {
 background-image:url(../image/common/arr02@2x.gif);
 background-size: 4px 8px;
}
#subnav li.current ul li a {
 background-image:url(../image/common/subnav_bg02@2x.gif);
 background-size: 9px 1px;
}
#subnav li.current ul li a:hover, #subnav li.current ul li.current a {
 background-image:url(../image/common/subnav_bg02@2x.gif);
 background-size: 8px 1px;
}




/* ----------------------------------------------------------------------------------- */
/* pagetop */
/* ----------------------------------------------------------------------------------- */
#topcontrol {
	margin-bottom: 5px;
}
a.pagetop{
	background: url(../image/common/pagetop@2x.gif) no-repeat 0 0;
	background-size: 40px 40px;
}


















/* ----------------------------------------------------------------------------------- */

}