@charset "UTF-8";

/*************  共通定義  *************/

html,body{
margin: 0px;
padding: 0px;
width: 100%;
height: 100%;
text-align: center;
background-color: #fff;
color: #666;
font-family: "ＭＳ Ｐゴシック", "Osaka";
}

#wrapper {
margin: 0 auto 20px auto;
padding: 55px 0 30px 0;
width: 750px;
text-align: center;
/*background-color: #fff;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #999;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #999;**/
height:100%;
min-height:100%;
background-image: url(../img/ber.gif);
background-repeat: no-repeat;
}

body > #wrapper{
height:auto; 
}

a{
color:#FF6600;
text-decoration:underline;
}
a:hover {
color:#FF9D5B;
text-decoration:none;
}

img{
border:0;
}

#header {
display:block;
width:720px;
height: 280px;
margin:0 auto 10px auto;
background-image: url(../img/header.gif);
text-indent:-9999px;
}

.footer{
width: 750px;
margin: 0 auto 0 auto;
padding:40px 0 0 0;
background-image: url(../img/ber.gif);
background-repeat: no-repeat;
clear:both;
}

.footer p{ 
font-size:80%;
margin:5px;
}


/***************************/
/*ナビ*/

#navi ul{
margin:0 0 1px 50px;
padding:0;
height: 33px;
overflow:hidden;
}

#navi ul li {
width: 214px;
float: left;
margin: 0 4px 0 0;
padding: 0px;
display: block;
height: 33px;
text-indent: -10000px;
overflow:hidden;
}

#navi ul li a {
width: 214px;
float: left;
display: block;
height: 33px;
text-indent: -10000px;
overflow:hidden;
}

/*メニューボタン*/
#navi_artist a {
background-image: url(../img/navi_artist.gif);
display: block;
width: 214px;
float: left;
}
#navi_academy a {
background-image: url(../img/navi_academy.gif);
display: block;
width: 214px;
float: left;
}
#navi_company a {
background-image: url(../img/navi_company.gif);
display: block;
width: 214px;
float: left;
}


/*メニューボタン　ロールオーバー時*/
#navi_artist a:hover {
background-position: 0 -33px;
display: block;
width: 214px;
float: left;
}
#navi_academy a:hover {
background-position: 0 -33px;
display: block;
width: 214px;
float: left;
}
#navi_company a:hover {
background-position: 0 -33px;
display: block;
width: 214px;
float: left;
}

/*********************************/

#top_artist {
width:650px;
height: 150px;
margin:0 auto;
text-indent:-9999px;
line-height:0px;
background-image: url(../img/top_artist.jpg);
display:block;
}
#top_academy {
width:650px;
height: 150px;
margin:0 auto;
text-indent:-9999px;
background-image: url(../img/top_academy.jpg);
}
#top_company {
width:650px;
height: 150px;
margin:0 auto;
text-indent:-9999px;
background-image: url(../img/top_company.jpg);
}

.link_btn{
margin:0 auto;
padding:0;
width:650px;
text-align:right;
display:block;
}

#top_artist_sub_01 {
width:650px;
height: 144px;
margin:5px auto 0 auto;
text-indent:-9999px;
line-height:0px;
background-image: url(../img/top_artist_sub_01.gif);
display:block;
clear:both;
}

#top_artist_sub_02 {
width:650px;
height: 144px;
margin:5px auto 0 auto;
text-indent:-9999px;
line-height:0px;
background-image: url(../img/top_artist_sub_02.gif);
display:block;
clear:both;
}

/*********************************/

.list_box{
margin:30px auto 0 auto;
width:600px;
}

*html .list_box{
width:640px;
}

.t_box{
float:left;
margin:0 10px;
text-align:left;
width:130px;
height:280px;
display:inline;
}

.t_box a img{
padding:3px;
border: 1px solid #fff;
}

.t_box a:hover img{
border: 1px solid #FF9D5B;
}

.t_box p{
margin:3px 0 0 4px;
}

.outline{
font-size:10px;
}

.price{
font-size:12px;
font-weight:bold;
color:#0000FF;
}

.detail{
font-size:12px;
font-weight:bold;
}