@charset "UTF-8";
/* 346 */
/* kuromaru-design */

/*
* {
	padding: 0;
	margin: 0;
        }
*/


/* MAIN VIS
============================================= */

#main_vis {
        position:relative;
        margin: 0;
        padding: 0;
        width: 900px;
        height: 480px;
　　　　}

#btn01 a {
        position:absolute;
        top: 20px;
        left: 75px;
        width: 90px;
        height: 100px;
        text-indent: -9999px;
        background: url(../img/btn01.gif) no-repeat;
/* border: 1px solid tomato; */
}

#btn01 a:hover {
        background: url(../img/btn01_f2.gif) no-repeat;
}

#btn02 a {
        position:absolute;
        top: 76px;
        left: 175px;	
        width: 105px;
        height: 115px;
        text-indent: -9999px;
        background: url(../img/btn02.gif) no-repeat;
/* border: 1px solid tomato; */
}

#btn02 a:hover {
        background: url(../img/btn02_f2.gif) no-repeat;
}

#btn03 a {
        position:absolute;
        top: 165px;
        left: 280px;	
        width: 65px;
        height: 80px;
        text-indent: -9999px;
        background: url(../img/btn03.gif) no-repeat;
/* border: 1px solid tomato; */
}

#btn03 a:hover {
        background: url(../img/btn03_f2.gif) no-repeat;
}

#btn04 a {
        position:absolute;
        top: 52px;
        left: 306px;	
        width: 80px;
        height: 90px;
        text-indent: -9999px;
        background: url(../img/btn04.gif) no-repeat;
/* border: 1px solid tomato; */
}

#btn04 a:hover {
        background: url(../img/btn04_f2.gif) no-repeat;
}

#btn05 a {
        position:absolute;
        top: 150px;
        left: 362px;	
        width: 70px;
        height: 55px;
        text-indent: -9999px;
        background: url(../img/btn05.gif) no-repeat;
/* border: 1px solid tomato; */
}

#btn05 a:hover {
        background: url(../img/btn05_f2.gif) no-repeat;
}

#btn06 a {
        position:absolute;
        top: 132px;
        left: 55px;	
        width: 70px;
        height: 55px;
        text-indent: -9999px;
        background: url(../img/btn06.gif) no-repeat;
/* border: 1px solid tomato; */
}

#btn06 a:hover {
        background: url(../img/btn06_f2.gif) no-repeat;
}

#btn07 a {
        position:absolute;
        top: 200px;
        left: 155px;	
        width: 65px;
        height: 45px;
        text-indent: -9999px;
        background: url(../img/btn07.gif) no-repeat;
/* border: 1px solid tomato; */
}

#btn07 a:hover {
        background: url(../img/btn07_f2.gif) no-repeat;
}

#btn08 a {
        position:absolute;
        top: 20px;
        left: 210px;	
        width: 60px;
        height: 45px;
        text-indent: -9999px;
        background: url(../img/btn08.gif) no-repeat;
/* border: 1px solid tomato; */
}

#btn08 a:hover {
        background: url(../img/btn08_f2.gif) no-repeat;
}

#btn09 a {
        position:absolute;
        top: 230px;
        left: 220px;	
        width: 60px;
        height: 70px;
        text-indent: -9999px;
        background: url(../img/btn09.gif) no-repeat;
/* border: 1px solid tomato; */
}

#btn09 a:hover {
        background: url(../img/btn09_f2.gif) no-repeat;
}

#btn10 a {
        position:absolute;
        top: 220px;
        left: 80px;	
        width: 55px;
        height: 70px;
        text-indent: -9999px;
        background: url(../img/btn10.gif) no-repeat;
/* border: 1px solid tomato; */
}

#btn10 a:hover {
        background: url(../img/btn10_f2.gif) no-repeat;
}

#btn11 a {
        position:absolute;
        top: 220px;
        left: 345px;	
        width: 70px;
        height: 55px;
        text-indent: -9999px;
        background: url(../img/btn11.gif) no-repeat;
/* border: 1px solid tomato; */
}

#btn11 a:hover {
        background: url(../img/btn11_f2.gif) no-repeat;
}

#catch {
	position:absolute;
        top: 350px;
        left: 185px;	
        width: 450px;
        height: 92px;
        text-align: center;
/* border: 1px solid tomato; */
}

#pic {
	position:absolute;
        top: 205px;
        left: 655px;	
        width: 227px;
        height: 270px;
/* border: 1px solid tomato; */
}


/* NAVIGATION
============================================= */

#sidenavi {
	    list-style: none;
		margin-bottom: 40px;
	    padding-left: 15px;
		text-align: left;
		font-size: 10px;
		width: 306px;
        height: 270px;
/* border: 1px solid tomato; */
	}

#sidenavi li {
	text-indent: -9999px; 
}

#sidenavi li a {
        display: block;
        text-decoration: none;
        margin: 0;
        padding: 0;
		width: 306px;
        height: 270px;
        background: url(../img/navi_btn_tpsd.gif) no-repeat;
        }

#sidenavi li#snav1 { height: 54px; }
#sidenavi li#snav2 { height: 54px; }
#sidenavi li#snav3 { height: 54px; }
#sidenavi li#snav4 { height: 54px; }
#sidenavi li#snav5 { height: 54px; }

#sidenavi li#snav1 a { background-position: 0 0; }
#sidenavi li#snav2 a { background-position: 0 -54px; }
#sidenavi li#snav3 a { background-position: 0 -108px; }
#sidenavi li#snav4 a { background-position: 0 -162px; }
#sidenavi li#snav5 a { background-position: 0 -216px; }

#sidenavi li#snav1 a:hover { background-position: 100% 0; }
#sidenavi li#snav2 a:hover { background-position: 100% -54px; }
#sidenavi li#snav3 a:hover { background-position: 100% -108px; }
#sidenavi li#snav4 a:hover { background-position: 100% -162px; }
#sidenavi li#snav5 a:hover { background-position: 100% -216px; }





/* CONTENT
============================================= */

#cont_left {
	float: left;
        width: 424px;
        margin-left: 50px;
        padding: 0;
/* border: 1px solid tomato; */
}

.info {
	width: 424px;
        margin: 20px 0 10px 0;
        padding: 0;
}

.comment {
	width: 424px;
        margin: 0;
        padding: 10px 0 20px 0;
}

.banner_gien {
	width: 424px;
      height: 192px;
        margin-bottom: 20px;
        padding: 0;
/* border: 1px solid tomato; */
}

.banner_l {
	width: 424px;
        height: 230px;
        margin-top: 20px;
        padding: 0;
/* border: 1px solid tomato; */
}

.banner_ml {
	width: 424px;
        height: 144px;
        margin-top: 10px;
        padding: 0;
/* border: 1px solid tomato; */
}

.banner_m {
	width: 424px;
        height: 70px;
        margin-top: 10px;
        padding: 0;
/* border: 1px solid tomato; */
}

#cont_right {
	float: right;
        width: 376px;
        margin: 0;
        padding: 0;
	background-color: #66CDAA;
    border: 1px solid #C0C0C0;
}


/* ADD
============================================= */
.add {
	width: 306px;
        margin: 0;
/*        padding-bottom: 10px; */
/* border: 1px solid tomato; */
}

.banner_gien_s {
	width: 306px;
     /*   height: 172px; */
        margin: 0;
        padding-bottom: 20px;
/* border: 1px solid tomato; */
}

.info_white {
	margin-bottom: 20px;
	padding: 0;
	color: #808080;
	background-color: #FFFFFF;
	border: 1px solid #C0C0C0;
}

.add p {
	margin: 0;
	padding: 0 15px 10px 15px;
}

/* RELEACE
============================================= */

#releace {
	width: 306px;
        margin: 20px 0 0 35px;
        padding: 0;
/* border: 1px solid tomato; */
}

.pickup {
	width: 306px;
        margin-bottom: 20px;
        padding: 0;
        clear: both;
/* border: 1px solid tomato; */
}

.photo {
	float: left;
        width: 145px;
}

.copy {
	float: right;
        width: 150px;
        color: #330000;
	}

.pickup:after {
	display: block;
        clear: both;
        height: 0;
        visibility:hidden;
        content:".";
}


/* ALBUM
============================================= */

#album {
	width: 306px;
        margin: 40px 0 0 35px;
        padding: 0;
/* border: 1px solid tomato; */
}

#line01 {
        float: left;
	width: 82px;
        margin: 0;
        padding: 0;
/* border: 1px solid tomato; */
}

#line02 {
        float: left;
	width: 82px;
        margin: 0 30px;
        padding: 0;
/* border: 1px solid tomato; */
}

#line03 {
        float: left;
	width: 82px;
        margin: 0;
        padding: 0;
/* border: 1px solid tomato; */
}

.cd {
	width: 82px;
        margin-bottom: 30px;
        padding: 0;
/* border: 1px solid tomato; */
}

.cd a {
	color: #000000;
}

.cd a:hover {
	color: #CCFF33;
}

.banner {
	margin-top: 50px;
}


/* LIVE INFO
============================================= */

#live_info {
        margin-top: 5px;
        padding: 0;
        width: 420px;
        line-height: 1.5em;
        border: 1px solid #808080;
        }

#live_info ul {
        height: 19em;
        overflow: auto;
        list-style-type: none;
        }



/* TEXT
============================================= */