@charset "UTF-8";

body {
 text-align:center;
 font-family: "ＭＳ 明朝",serif;
 background-color: #000000;
}

a {
 text-decoration: none;
}

a:hover {
 text-decoration: underline;
}

a img {
    border-style:none;
}

table {
/* width: 359px;*/
 height: 846px;
 vertical-align: middle;
 border-collapse: collapse;
}

#wrap {
 top: 0px;
 left: 0px;
 text-align:left;
 margin:0 auto; 
 width: 1284px;
/* height: 856px;*/
 height: 846px;
 display: none;
 margin: -8px;
/* background-image: url(./image/back_01.jpg);*/
 overflow:hidden;
 position: absolute;
 z-index: 1;
}


.wrap_back_img1 {
 background-image: url(./image/back_01.jpg);
}

.wrap_back_img2 {
 background-image: url(./image/back_02.jpg);
}

.wrap_back_img3 {
 background-image: url(./image/back_03.jpg);
}

.wrap_back_img4 {
 background-image: url(./image/back_04.jpg);
}

.wrap_back_img5 {
 background-image: url(./image/back_05.jpg);
}

.wrap_back_img6 {
 background-image: url(./image/back_06.jpg);
}

.wrap_back_img7 {
 background-image: url(./image/back_07.jpg);
}
















#inner {
 height: 846px;
 position: absolute;
 z-index: 3;
}
#mainWrap {
 width: 925px;
 float: right;
}

#sideWrap {
 width: 359px;
 float: left;
}

.clear { clear:both; }  
.clear hr { display:none; }  

ul#menu {
 margin: 1px 0;
 padding: 1px 0;
 color: #ffffff;

}

ul#menu li {
 filter:alpha(opacity=70); /* IE用 */
 opacity: 0.8;
 position: absolute;
 left: -400px;
 font-size: 13px;
 vertical-align: middle;
 list-style-type: none;
 line-height: 27px;
 width: 359px;
 text-align: right;
}
.menu_list_width {
 width: 161px;
 display: block;
 margin-left: auto;
 margin-right: 0;
 text-align :left;
}

ul#menu li a {
 color: #ffffff;
}


ul#menu li.white {
 color: #000000;
 background-color: #ffffff;
 top: 62px;
 height: 60px;
/*
 font-size: 24px;
 font-weight: bold;
 line-height: 58px;
*/
 filter:alpha(opacity=100); /* IE用 */
 opacity: 1.0;
}

.red {
 background-color: #aa146e;
 top: 124px;
}

.green {
 background-color: #839d39;
 top: 153px;
}

.yellow {
 background-color: #c7910d;
 top: 182px;
}

.blue {
 background-color: #476e9b;
 top: 211px;
}

.black {
 background-color: #565148;
 top: 240px;
}

ul#menu li.white .list {
 width: 200px;
 text-align: left;
}

#footer {
 text-align: center;
 position: absolute;
 top: 846px;
 color: #ffffff;
 height: 0px;
 background-color: #000000;
 opacity: 0.7;
 /*width: 1284px;*/
 width:100%;
 overflow:hidden;
 z-index: 4;
 filter:alpha(opacity=70); /* IE用 */
}

#contents {
 background-color: #ffffff;
 width: 0px;
 height: 846px;
}

ul#contents_list {
 margin: 0;
 padding: 0;
}

ul#contents_list li {
 display: none;
 /*vertical-align: middle;*/
 list-style-type: none;
 width: 100px;
 height: 126px;
 border-top: solid 4px #ffffff;
 border-left: solid 4px #ffffff;
 border-right: solid 4px #ffffff;

}

#contents_list_comment {
 display: none;
}

#global_navi {
 color: #ffffff;
 font-size: 13px;
/* margin:10px 0;  */
 width: 766px;  
 height: 30px;  
 overflow: hidden;
 position: absolute;
 left: 284px;
}

#global_navi ul {
 display: table-cell;
 vertical-align: middle;
 margin: 0;
 padding: 15px;
}
#global_navi a {
    color:#ffffff;
    text-decoration:under-line;
}  


/*for IE7 */  
*:first-child+html #global_navi ul {
 display: inline;
 zoom: 1;
}  








#global_navi li {  
 list-style: none;
/* width: 100px;*/
 float: left;
 border-right: solid 25px #000000;
}

#global_navi li a {  
 display: block;  
/* line-height: 27px;*/
 color: #fff;  
 text-align: center;  
}


#back_img {
 display: none;
 position: absolute;
/* top: 846px;*/
 top: 0px;

/* background-image: url(./image/back_02.jpg);*/
/* height: 0px;*/
 height: 846px;
 z-index: 2;
 width: 1284px;
}

#contents_list_hide {
 display: none;
}


ul#new_list {
/* display: none;*/
 margin: 0;
 padding-top: 25px;
 padding-left: 20px;
 padding-right: 15px;
 font-size: 13px;
 list-style-type: none;
 position: absolute;
 top: 846px;
 left: 8px;
 color: #ffffff;
 height: 0px;
 /*width: 243px;  */
 background-color: #000000;
 opacity: 0.7;
 /*width: 1284px;*/
 z-index: 3;
 filter:alpha(opacity=70); /* IE用 */
}

ul#new_list li {
 width: 316px;
}

ul#new_list li a {
 color: #ffffff;
 text-decoration:underline;
}

ul#new_list li.midashi {
 font-size: 18px;
 font-weight: bold;
}

#img_mini {
 background-image: url(./image/back_02_mini.jpg);
 display: none;
 top: 8px;
 left: 8px;
 position: absolute;
 height: 294px;
 width: 351px;
 z-index: 4;
}