@import "sub.css";

* { box-sizing : border-box}
* { -moz-box-sizing : border-box}

* {margin:0; padding:0;}
*:after {display:block; clear:both;}

body,div,ul,li{margin:0; padding:0;}


ul li {list-style: none;}

.clear {display:block; clear:both;}

body {
background:#000000;
font-size: 16px;
color:#fff;
text-shadow: 2px 2px 3px #000;
position: relative;
font-family: "メイリオ", Meiryo, Osaka,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif}

table{border-bottom:dotted 1px #bfbfbf; font-size:100%; width:100%;}
td{padding:5px; border-top:dotted 1px #bfbfbf; vertical-align:top;}


h1,h2,h3,h4,h5,h6{clear:both;}

p{margin:0 0 10px 0;}



#wrapper{max-width:1100px; min-width:800px; margin:0 auto;}
#header{max-width:100%; min-width:300px; height:130px; margin-top:20px;}
#header #title_rogo{float:right; width:300px; height:130px;}

#main{float:right; text-align:left; width:800px;}

#main_txt{width:450px; margin-top:15px; float:right; text-align:left;}

#white_box{width:100%; margin-top:15px;}
#white_box{filter:alpha(opacity=60);
-moz-opacity:0.6;
-khtml-opacity: 0.6;
background-color:rgba(255,255,255,0.6)}
#white_box{-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;}
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
#white_box{-moz-box-shadow: 0px 0px 15px #fff;
-webkit-box-shadow: 0px 0px 15px #fff;
box-shadow: 0px 0px 15px #fff;}
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/


#menu{width:100%; height:40px; margin-top:20px;}
#menu a span{display:none;} 
#menu img {visibility: hidden;}
#menu a:link,
#menu a:visited {background-position: 0px 0px; float:left; margin:0px;}

#menu a.a01{background-image: url(../images/common/menu/01.png); width:84px; height: 40px; margin:0; text-indent: -9999px;}
#menu a.a01:hover,active {background-position: 0px 40px;}

#menu a.a02{background-image: url(../images/common/menu/02.png); width:96px; height: 40px; margin:0; text-indent: -9999px;}
#menu a.a02:hover,active {background-position: 0px 40px;}

#menu a.a03{background-image: url(../images/common/menu/03.png); width:96px; height: 40px; margin:0; text-indent: -9999px;}
#menu a.a03:hover,active {background-position: 0px 40px;}

#menu a.a04{background-image: url(../images/common/menu/04.png); width:129px; height: 40px; margin:0; text-indent: -9999px;}
#menu a.a04:hover,active {background-position: 0px 40px;}

#menu a.a05{background-image: url(../images/common/menu/05.png); width:109px; height: 40px; margin:0; text-indent: -9999px;}
#menu a.a05:hover,active {background-position: 0px 40px;}

#menu a.a06{background-image: url(../images/common/menu/06.png); width:80px; height: 40px; margin:0; text-indent: -9999px;}
#menu a.a06:hover,active {background-position: 0px 40px;}

#menu a.a07{background-image: url(../images/common/menu/07.png); width:92px; height: 40px; margin:0; text-indent: -9999px;}
#menu a.a07:hover,active {background-position: 0px 40px;}

#menu a.a08{background-image: url(../images/common/menu/08.png); width:114px; height: 40px; margin:0; text-indent: -9999px;}
#menu a.a08:hover,active {background-position: 0px 40px;}