@charset "UTF-8";
/*------------------------------------------------------------
レイアウト
-------------------------------------------------------------*/
html,body{ width: 100%; }
/*--------------------------------------------------------
2カラムレイアウト
--------------------------------------------------------*/
.col2r #container,
.col2r #top,
.col2r #header,
.col2r #global-nav,
.col2r #main,
.col2r #main-image,
.col2r #footer,
.col2r .copyright{
  width: 100%;
  min-width: 950px;
}
.col2r #top-in,
.col2r #header-in,
.col2r #global-nav-in,
.col2r #main-in,
.col2r #main-image-in,
.col2r #footer-in,
.col2r .copyright p{
  width: 950px;
  margin: auto;
}
.col2r #sidebar{ width: 29.5%; }
.col2r #main-and-sub{ width: 66.8%; }
/*コンテンツ配置*/
.col2r #main-and-sub{ float: right; }
.col2r #sidebar{ float: left; }
/*--------------------------------------------------------
モバイル用レイアウト
------------------------------------------------------*/
@media
only screen and (max-width : 640px){
#container,
#top,
#header,
#global-nav,
#breadcrumbs,
#main-image,
#main,
#footer,
#footer-banner,
.copyright{
  width: 100%!important;
  min-width: 100%!important;
}
#top-in,
#header-in,
#breadcrumbs ol,
#global-nav-in,
#main-image-in,
#main-in,
#footer-in,
#footer-banner ul,
.copyright p{
  width: 98%!important;
  margin: 0 1%!important;
}
#sub-contents,
#sidebar,
#main-and-sub,
#main-contents{
  float: none!important;
  width: 100%!important;
}
#main-image img{ width: 100%!important; }
}