@charset "utf-8";
/* copyright (c) Mediamaster, <http://www.mediamaster.jp> */

/*tag*/
html,body{height: 100%; width:100%; margin:0; padding:0;}
html { font-size: clamp(10px, 0.625rem + 0.25vw, 1.25rem); line-height:1.6; }
body{ font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Arial","ＭＳ Ｐゴシック", sans-serif; color:#EEE;}
div,p,ul,li,h1,h2,h3,h4,hr {margin:0; padding:0; outline:0;}
ul {list-style:none;}
img{border:none; vertical-align:middle;}
iframe {background:#fff; clear:both; padding:1em 3%; width:94%;}
noscript p {text-align:center; }
a{text-decoration:none;}
h1 {font-family:"Arial", sans-serif; font-size: clamp(16px, 240%, 240%); line-height:1.2; text-align:center;word-wrap: break-word;}
h2 { font-size: clamp(10px, 85%, 100%); text-align:center;background:#000; color:#fff; border:0 #555 solid; border-width:0 10px;}
#divisions h3,#list h3 {width:150px; font-family:"Arial", sans-serif; font-size: clamp(10px, 85%, 1rem); border:1px #333 solid; border-bottom:none; text-align:center;}

/*IE7 fix*/
*:first-child+html body {font-size: small;}
*:first-child+html hr {margin:-7px 0;}

/*IE6 fix*/
* html body {font-size: small;}
* html hr {margin:-7px 0;}

/*clearfix*/
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix { min-height: 1px; }
* html .clearfix { height: 1px; /*ﾂ･*//*/ height: auto; overflow: hidden; /**/}

/* layout */
#container {width:96%; background:#000; min-height:100%; height:auto !important; height:100%; margin:auto; max-width:840px;
 margin-bottom:-55px;}
hr.top_space {height:50px; background:#fff; color:#fff; border:none; border-bottom:5px #555 solid;}
#pusher {clear:both; visibility:hidden; height:55px; border:none;}
div#footer {width:96%; height:55px; margin:auto; font-family:"Arial", sans-serif; font-size: clamp(10px, 85%, 100%); line-height:5; text-align:center; color:#000; background:#fff; border-top:5px #555 solid;max-width:840px;}

/* BODY */
#body {padding:0 30px;}
#contact p {float:right;}
#contact a{font-family:"Arial", sans-serif; font-size: clamp(10px, 85%, 100%); padding:0 10px; border:1px #555 solid; border-top:none; display:block; background:#222; color:#aaa;}
#contact a:hover{background:#fff; color:#000;}
#header {margin:30px 0 20px; padding:10px; border:3px #555 double; background:#fff; color:#000;}
#header a{color:#000; background:#fff;}
#header a:visited {color:#888;}
#header a:hover {color:#f40;}
#description { margin-bottom:30px;}
#description p {margin-bottom:20px;}
#description a{font-weight:bold; color:#F60;}
#description a:hover {color:#fa4;}

#divisions,#list,#pr {border:1px #333 solid; padding:5px; margin-bottom:30px;}
#list ul {width:50%;}
#left_column {float:left;}
#right_column {float:right;}
li {margin:5px; border:1px #555 solid; padding:1rem;}
li a {display:block; background:#222; color:#fff; padding:.35rem 1rem; height:inherit;}
li a:visited{background:#000; color:#999;}
li a:hover {background:#fff; color:#000;}
#list ul li {padding:0;}


/* MEDIABOX */
div#lbOverlay {z-index:1; position: absolute; left: 0; width: 100%; background-color:#000; color:#fff; cursor: pointer;}
div#lbCenter {z-index:2; position: absolute; left: 50%;}
div.lbLoading {background:url(./img/mediabox/1_loading.gif) no-repeat center center;}
#lbBottom {background-color:#ccc; padding:7px 7px 7px 10px; display:flex; justify-content:space-between;align-items: center;}
#lbCaption {font-family:"Arial", sans-serif; font-size: clamp(14px, 160%, 160%); color:#000; font-weight:bold; line-height:1;}
a#lbCloseLink{background:url(./img/mediabox/close-trans.png) no-repeat center center; width:28px; height:28px; display:block; content:" ";}

@media screen and (max-width: 640px) {
#left_column ,#right_column {
float: none;
}
#list ul {
width: 100%;
}
}