@charset "utf-8";


body,html,h1,h2,h3,h4,h5,p,ul,ol,dl{
margin:0;
padding:0;
}

a img{
border:none;
}

#content a:link,
#header a:link{
color:#CC3366;
}
#content a:visited,
#header a:visited{
color:#CC3366;
}
#content a:hover,
#header a:hover{
background:#FF0033;
color:#FFFFFF;
}

a:link{
color:#FFFFFF;
}

a:visited{
color:#FFFFFF;
}
a:hover{
background:#FF0033;
color:#FFFFFF;
}

hr{
background:#DDDDDD;
color:#DDDDDD;
height:1px;
border:none;
clear:left;
}
em{
font-style:normal;
}
b{
font-weight:normal;
}

/* CSS Document */

body{
margin:10px 0 10px 0 !important;
font-family:"ＭＳ Ｐゴシック", Osaka,sans-serif;
color:#444444;
}

h1{
background:url(../img/parts/h1_bg.png) no-repeat;
width:690px;
height:70px;
line-height:70px;
margin:0 auto;
padding:13px;
text-indent:-9999px;
}

address{
font-style:normal;
}

/* HEADER */

#header{
background:url(../img/parts/header_bg.gif) no-repeat;
width:670px;
height:27px;
margin:0 auto;
padding:10px 23px 0 23px;
list-style:none;
font-family:Verdana,sans-seif;
font-size:56.25%;
font-weight:bold;
}
#header li{
display:inline;
}
#header .index{
float:left !important;
}
#header .privacy{
background:url(../img/parts/header_li.gif) no-repeat;
padding-left:10px;
line-height:14px;
margin-right:5px;
float:right !important;
}
#header .sitemap{
background:url(../img/parts/header_li.gif) no-repeat;
padding-left:10px;
line-height:14px;
margin-right:5px;
float:right !important;
}
#header .home{
background:url(../img/parts/header_li.gif) no-repeat;
padding-left:10px;
line-height:14px;
float:right !important;
}
#header li img{
vertical-align:middle;
}

/* CONTAINER */

#container{
background:url(../img/parts/container_bg.gif) repeat-y;
width:690px;
margin:0 auto;
padding:0 13px 5px 13px;
}

/* TOPIMAGE */

#shop_photo{
padding:0 10px 0 10px;
}

/* WRAPPER */

#wrapper{
padding:0 6px;
}

/* LEFT */

#left{
background:url(../img/parts/left_bg.gif) no-repeat;
width:200px;
padding:5px 6px 0 9px;
float:left;
}

/* MENU */

#menu{
padding:0 5px;
}

#menu h2{
background:url(../img/menu/h2_bg.png) no-repeat;
line-height:40px;
text-indent:-9999px;
margin-bottom:10px;
}

#menu p{
width:180px;
margin:0 auto 10px auto;
}

#menu ul{
width:190px;
list-style:none;
}
#menu ul li{
margin:0 0 5px 5px;
}
#menu ul li a{
background-repeat:no-repeat;
width:180px;
height:40px;
display:block;
text-indent:-9999px;
}
#menu ul#link li a{
height:auto;
text-indent:0;
text-align:center;
}

#menu ul li a:hover,
#chansonnier #menu .chansonnier,
#food #menu .menu,
#drink #menu .drink,
#access #menu .access,
#artist #menu .artist,
#photo #menu .photo,
#contact #menu .contact,
#home #menu .home,
#news #menu .news,
#news_paris #menu .news_paris,
#schedule #menu .schedule{
background-position:0 -40px;
}

#menu .news{
background:url(../img/menu/news.png);
}
#menu .news_paris{
background:url(../img/menu/news_paris.png);
}
#menu .chansonnier{
background:url(../img/menu/chansonnier.png);
}
#menu .menu{
background:url(../img/menu/menu.png);
}
#menu .drink{
background:url(../img/menu/drink.png);
}
#menu .access{
background:url(../img/menu/access.png);
}
#menu .artist{
background:url(../img/menu/artist.png);
}
#menu .photo{
background:url(../img/menu/photo.png);
}
#menu .contact{
background:url(../img/menu/contact.png);
}
#menu .schedule{
background:url(../img/menu/schedule.png);
}
#menu .home{
background:url(../img/menu/home.png);
}
#menu .room,
#menu .chansonnie,
#menu .tokyo,
#menu .academy,
#menu .blog,
#menu .mado,
#menu .tayori{
margin: 0 0 5px 0 !important;
}

#menu .tokyo a{
background:url(../img/menu/tokyo.gif);
width:190px !important;
height:60px !important;
}
#menu .tokyo a:hover{
background-position:0 -60px !important;
}

#menu .room a{
background:url(../img/menu/room.gif);
width:190px !important;
height:60px !important;
}
#menu .room a:hover{
background-position:0 -60px !important;
}

#menu .chansonnie a{
background:url(../img/menu/chansonnie.gif);
width:190px !important;
height:60px !important;
}
#menu .room a:hover{
background-position:0 -60px !important;
}

#menu .academy a{
background:url(../img/menu/academy.gif);
width:190px !important;
height:60px !important;
}
#menu .academy a:hover{
background-position:0 -60px !important;
}

#menu .chansonnie a{
background:url(../img/menu/chansonnie.gif);
width:190px !important;
height:60px !important;
}
#menu .chansonnie a:hover{
background-position:0 -60px !important;
}

#menu .blog a{
background:url(../img/menu/blog.gif);
width:190px !important;
height:60px !important;
}
#menu .blog a:hover{
background-position:0 -60px !important;
}

#menu .tayori a{
background:url(../img/menu/madodayori.jpg);
width:190px !important;
height:60px !important;
}
#menu .tayori a:hover{
background-position:0 -60px !important;
}

#menu .mado a{
background:url(../img/menu/mado.png);
width:190px !important;
height:45px !important;
}
#menu .mado a:hover{
background-position:0 -45px !important;
}

/* COUNTER */
#counter{
border:1px solid #EEEEEE;
border-width:1px 0;
padding:5px 0;
margin:5px 0;
}

#counter hr{
display:none;
}
#counter p{
text-align:center;
}

/* UPDATE */

#update{
padding:0 5px;
}

#update h2{
background:url(../img/update/h2_bg.png) no-repeat;
width:190px;
line-height:30px;
text-indent:-9999px;
margin-bottom:10px;
}

#update h3{
background:#CC0033;
color:#FFFFFF;
width:60px;
height:16px;
line-height:16px;
margin:0 0 5px 5px;
font-size:56.25%;
font-family:Verdana,sans-serif;
text-align:center;
}

#update ul{
padding:0 0 5px 30px;
font-size:75%;
}

/* RIGHT */

#right{
background:url(../img/parts/right_bg.gif) no-repeat;
width:455px;
padding:0 4px 0 4px;
float:right;
}

/* TOP PAGE */

#top{
padding:5px 5px 0 5px;
}

#top h2{
background:url(../img/top/h2_bg.png) no-repeat;
width:440px;
height:40px;
line-height:40px;
text-indent:-9999px;
margin-bottom:10px;
}

#top h3{
background:url(../img/top/h3_bg.gif) no-repeat;
height:20px;
line-height:20px;
margin:0 0 10px 10px;
text-indent:-9999px;
}

#top .wrapper{
width:425px;
padding:0 10px;
margin-bottom:10px;
}

#top .p1{
width:180px;
height:160px;
float:right;
margin-left:5px;
}

#top .t1,
#top .t2,
#top .t3,
#top .t4,
#top .t5{
text-indent:-9999px;
margin:0 0 2px 0;
}

#top .t1{
background:url(../img/top/t1.gif) no-repeat;
width:240px;
height:145px;
float:left;
}
#top .t2{
background:url(../img/top/t2.gif) no-repeat;
width:240px;
height:24px;
float:left;
}
#top .t3{
background:url(../img/top/t3.gif) no-repeat;
width:425px;
height:24px;
clear:left;
}
#top .t4{
background:url(../img/top/t4.gif) no-repeat;
width:425px;
height:24px;
clear:both;
}

#top .t5{
background:url(../img/top/t5.gif) no-repeat;
width:425px;
height:47px;
}

/* HIKIGATARI */

#hikigatari{
padding:5px 5px 0 5px;
}

#hikigatari h3{
background:url(../img/top/h3_2_bg.gif) no-repeat;
height:20px;
line-height:20px;
margin:0 0 10px 10px;
text-indent:-9999px;
}

#hikigatari p{
background:url(../img/top/hikigatari_p.gif) no-repeat;
width:425px;
height:80px;
margin:10px;
text-indent:-9999px;
}

/* TOPICS */
#topics{
width:420px;
padding:5px 10px 0 10px;
}

#topics h2{
background:url(../img/topics/h2_bg.png) no-repeat;
width:430px;
height:30px;
line-height:30px;
text-indent:-9999px;
margin-bottom:10px;
}

#topics h3{
background:#EEEEEE;
color:#000000;
font-size:93.25%;
padding:5px;
margin-bottom:8px;
}
#topics h4{
color:#FF0033;
padding:5px 5px 5px 10px;
font-size:81.25%;
}

#topics h5{
color:#CC0033;
padding:5px 5px 5px 15px;
font-size:75%;
}
/*
#topics h4:first-letter {
font-size:75%;
font-weight:normal;
color:#333333;
}*/

#topics p{
padding:5px 5px 5px 30px;
font-size:75%;
}

#topics dl{
font-size:75%;
padding:5px 5px 5px 30px;
}

#topics dt{
font-weight:bold;
line-height:1.4;
}

#topics dd{
margin-top:-1.4em;
line-height:1.4;
}

#topics dd dl{
font-size:100% !important;
padding-left:0;
}

#topics .sta1{
width:160px;
float:left;
}
#topics .sta2{
width:160px;
float:left;
}

#topics strong{
font-weight:normal;
}

/* INFORMATION */

#info{
width:420px;
padding:5px 10px 0 10px;
}

#info h2{
background:url(../img/info/h2_bg.png) no-repeat;
width:430px;
height:30px;
line-height:30px;
text-indent:-9999px;
margin-bottom:10px;
}
#info h3{
background:#CC0033;
color:#FFFFFF;
width:60px;
height:20px;
line-height:20px;
margin:0 5px;
text-align:center;
font-size:56.25%;
font-family:Verdana,sans-serif;
float:left;
clear:left;
}
#info p{
width:350px;
line-height:140%;
font-size:87.5%;
float:left;
}
#info hr{
background:#DDDDDD;
color:#DDDDDD;
width:430px;
height:1px;
border:none;
clear:left;
}
#topics a:link,
#topics a:visited,
#info a:link,
#info a:visited{
color:#FF0033;
}
#topics a:hover,
#info a:hover{
color:#FFFFFF;
}
#info strong{
font-weight:normal;
}

p#feed{
float:none;
width:auto !important;
font-family:"Palatino Linotype", Georgia, "Times New Roman", serif;
font-size:75%;
text-align:right;
font-weight:bold;
}

/* FOOTER */

#chanson-tokyo_pr{
position:relative;
z-index:2;
width:640px;
margin:0 auto -5px auto;
}

#footer{
background:url(../img/parts/footer_bg.png) no-repeat;
width:690px;
height:55px;
margin:0 auto;
padding:0 13px 13px 13px;
}
#footer ul{
color:#FFFFFF;
height:25px;
line-height:25px;
text-align:center;
font-size:68.75%;
}
#footer ul li{
display:inline;
}
#footer address{
color:#FFFFFF;
height:30px;
line-height:30px;
font-size:56.25%;
font-family:Verdana,sans-serif;
font-weight:bold;
text-align:center;
}
#footer strong{
font-weight:normal;
}

/* PAN */

#pan{
padding-right:10px;
list-style:none;
text-align:right;
font-size:67.25%;
}
#pan li{
display:inline;
}
#pan a{
font-weight:bold;
}
#pan a:link{
color:#CC3366;
}
#pan a:visited{
color:#CC3366;
}
#pan a:hover{
color:#FFFFFF;
}



/* COMMON CLASS */

.hidden{
display:none;
}

.pdb30{
padding-bottom:30px !important;
}

.bgnone{
background-color:transparent !important;
border:none !important;
}

.alc{
padding: !important;
text-align:center;
text-indent:0 !important;
}

.alr{
text-align:right;
}

.cred{
color:#FF0000 !important;
}

.clrl{
clear:left;
}

.clrb{
clear:both;
}

.bold{
font-weight:bold;
}

.fs10{
font-size:62.5%;
}

.fs12{
font-size:75%;
}

.fs14{
font-size:87.5%;
}

.fs10px{
font-size:10px ! important;
}

.fs12px{
font-size:12px ! important;
}

.fs14px{
font-size:14px ! important;
}

.fs16px{
font-size:16px ! important;
}