@charset "utf-8";

/* === link color === */

#main .gallery a:link {
color:#444444;
text-decoration:none;
}
#main .gallery a:visited {
color:#444444;
text-decoration:none;
}
#main .gallery a:hover {
}
#side_hks .blog_sum a:link {
color:#666666;
text-decoration:none;
}
#side_hks .blog_sum a:visited {
color:#666666;
text-decoration:none;
}
#side_hks .blog_sum a:hover {
text-decoration:underline;
}



body {
line-height:1.4;
letter-spacing:0px;
color:#666666;
}

body #main a {
color:#545454;
text-decoration:none;
}
body #main a:hover {
text-decoration:underline;
}

/* --------------------------------------------------

Header (hks version) overwrite

-------------------------------------------------- */

#header {
margin:0 0 10px;
}
#warebita #header {
margin:0;
}
#header .insideRight .club {
padding:25px 0 0 0;
}

/* --------------------------------------------------

Contents (hks version)

-------------------------------------------------- */

#contents {
width:900px;
}
#main {
float:left;
width:615px;
line-height:1.4;
letter-spacing:0px;
}
#main #topicpath {
margin:0 0 33px;
padding:0 2px 0 2px;
background:#EFEFEF;
}
#main p.main_visual {
padding:0 0 39px;
border-bottom:1px solid #333333;
margin:0 0 6px;
}


/* === gallery (grid-content) === */

#main .gallery  {
margin:0 0 4px 0;
padding:6px 1px 1px 6px;
background:#DDDDDD;
}

#main .gallery .box {
width:147px;
margin:0 5px 5px 0;
padding:0px 0px 2px;
background:#FFFFFF url(/hks/image/bg_gallery_bm.gif) no-repeat 0 100%;
}
#main .gallery .box-in {
width:131px;
padding:8px 8px 0px;
background:#FFFFFF url(/hks/image/bg_gallery_tp.gif) no-repeat 0 0;
}
#main .gallery .box-in p {
margin:0 0 5px;
}
#main .gallery .box dl {
padding:1px 0px 10px 2px;
color:#333333;
}
#main .gallery .box dt {
padding:0 0 6px 0;
font-weight:bold;
letter-spacing:-1px;
line-height:1.4;
}
#main .gallery .box dd {
line-height:1.6;
font-size:84%;
}
#main .gallery .box dd.cat {
font-weight:bold;
}
#main .gallery .box dl.photo dd.cat {
color:#990000;
}
#main .gallery .box dl.interview dd.cat {
color:#336699;
}
#main .gallery .box dl.blog dd.cat {
color:#006600;
}
#main .gallery .box dd.date {
margin:0 0 2px 0;
letter-spacing:-1px;
}

/* thickbox */
#main .gallery ul {
width:605px;
}
* html #main .gallery ul {
padding:0 0 4px 0;
}
*+html #main .gallery ul {
padding:0 0 4px 0;
}
#main .gallery li {
float:left;
width:100px;
height:100px;
margin:0 5px 4px 0;
padding:7px 8px 9px;
background:#FFFFFF;
}
#main .gallery li p {
overflow:hidden;
width:100px;
height:100px;
margin:0;
background:#000000;
text-align:center;
background:#000000 url(/hks/image/loading.gif) no-repeat 50% 50%;
}
#main .gallery li p img {
display:none;
}


#main p.thumb {
float:left;
width:149px;
margin:0 17px 0 0;
padding:0 0 0 15px;
}
#main p.txt {
float:left;
width:425px;
line-height:1.5;
color:#404040;
}


/* === side_menu (hks) === */

#side_hks {
float:right;
width:246px;
}
#side_hks ul.side_menu {
width:246px;
margin:0 0 30px;
padding:2px 0 0;
background:url(/hks/image/bdr_dotline.gif) repeat-x 0 0;
}
#side_hks ul.side_menu li {
margin:0 0 1px;
padding:0px 0 2px;
background:url(/hks/image/bdr_dotline.gif) repeat-x 0 100%;
line-height:1;
font-size:0;
}
#side_hks ul.side_menu li span.about {
background:url(/hks/image/sidemenu_about_on.gif) no-repeat 0 0;
}
#side_hks ul.side_menu li span.photogallery {
background:url(/hks/image/sidemenu_photogallery_on.gif) no-repeat 0 0;
}
#side_hks ul.side_menu li span.interview {
background:url(/hks/image/sidemenu_interview_on.gif) no-repeat 0 0;
}
#side_hks ul.side_menu li span {
display:block;
width:246px;
height:37px;
}
#side_hks ul.side_menu li a {
display:block;
width:246px;
height:37px;
}
	* html #side_hks ul.side_menu li a {
	display:inline;
	position:relative;
	}
#side_hks ul.side_menu li span a:hover {
background-color:transparent;
padding:2px 0 0;
}
#side_hks ul.side_menu li span a:hover img {
visibility:hidden;
}
#side_hks ul.side_menu img {
display:block;
}
#side_hks ul.blog_sum {
width:236px;
margin:5px 0 27px;
padding:5px 5px 0;
background:#CCCCCC;
}
*+html #side_hks ul.blog_sum {
padding:5px 5px 5px;
}
#side_hks ul.blog_sum li {
float:left;
width:236px;
margin:0 0 5px;
background:#FFFFFF;
font-size:87%;
}
#side_hks .blog_sum li a img.thumb {
display:block;
float:left;
width:50px;
padding:5px 0 5px 5px;
}
#side_hks .blog_sum dl {
clear:none;
float:right;
width:176px;
}
#side_hks .blog_sum dt {
width:176px;
padding:0 0 3px 0;
}
#side_hks .blog_sum dt img.ttl {
display:block;
float:none;
width:176px;
padding:0;
}
#side_hks .blog_sum dd {
width:171px;
padding:0 0px 5px 5px;
line-height:1.4;
letter-spacing:-1px;
}
#side_hks .blog_sum dd span {
color:#FF0000;
}
#side_hks ul.bnr {
width:246px;
}
#side_hks ul.bnr li {
margin:0 0 0px;
padding:0 0 9px;
line-height:1;
font-size:0;
}
#side_hks ul.bnr li img {
display:block;
}

/* === interview === */

#interview {
color:#3F3F3F;
}

#main .arw {
padding:0 0 0 20px;
background:url(/hks/image/icn_arw02.gif) no-repeat 0 0.2em;
font-weight:bold;
font-size:114%;
}


#main .feature {
position:relative;
width:615px;
background:#FAF5ED;
overflow:hidden;
}
#main .feature p {
margin:0;
}
#main img {
display:block;
}
#main .feature p.pic {
float:left;
width:397px;
}
#main .feature dl {
position:absolute;
width:199px;
padding:0 0 0 10px;
position:absolute;
right:9px;
bottom:9px;
font-size:87%;
}
#main .feature dd {
padding:5px 3px 0 5px;
letter-spacing:0.1em;
}
#main p.profile {
margin:0 0 30px;
padding:8px 0 0 10px;
letter-spacing:0.1em;
font-size:87%;
}


#main ul.point {
width:615px;
margin:20px 0 10px;
overflow:hidden;
font-size:87%;
}
#main ul.point li {
float:left;
width:200px;
margin:0 7px 0 0;
text-align:center;
}
#main ul.point li a {
display:block;
width:190px;
padding:6px 0 5px 10px;
background:#EFEFEF url(/hks/image/icn_arw02.gif) no-repeat 0 50%;
color:#3F3F3F;
text-decoration:underline;
}
#main ul.point li.cu a {
display:block;
width:190px;
padding:6px 0 5px 10px;
background:#4F3100 url(/hks/image/icn_arw03.gif) no-repeat 0 50%;
color:#FFFFFF;
}
#main ul.point li a:hover {
text-decoration:none;
}


#main #view02,
#main #view03 {
display:none;
}
#main .view .sec {
width:570px;
margin:0 0 15px;
padding:22px 20px 8px 25px;
background:#FAF5ED;
line-height:1.5;
}
#main .view .sec h2 {
width:570px;
margin:0 0 12px;
}
#main .view .sec .txt {
float:left;
width:370px;
}
#main .view .sec p strong {
margin:0 18px 15px 0;
}
#main .view .sec p.photo {
width:186px;
float:right;
clear:right;
}
#main .view .sec p.photo span.caption {
display:block;
width:186px;
margin:2px 0 0;
font-size:87%;
}
#main .view .sec table {
margin:0 0 20px 0;
}
#main .view .sec td {
vertical-align:top;
}

/* index (interview) */
#main .interview_sec {
clear:both;
width:615px;
margin:0 0 25px;
}
#main .interview_sec p.thumb {
float:left;
width:150px;
height:75px;
margin:0;
padding:0;
border:5px solid #EFEFEF;
}
#main .interview_sec .txt {
float:right;
width:440px;
}
#main .interview_sec h2 {
margin:0 0 11px;
color:#333333;
font-weight:bold;
font-size:114%;
}



/* === We are ReBITA! === */

#warebita {
color:#545454;
}
#warebita a {
color:#545454;
text-decoration:none;
}
#warebita a:hover {
text-decoration:underline;
}


#warebita #main {
float:right;
width:676px;
}
#main div.blog {
width:676px;
margin:20px 0 0;
overflow:hidden;
}
#main .blog_sec {
clear:both;
width:676px;
margin:0 0 15px;
}
#main .blog_sec p.thumb {
float:left;
width:160px;
margin:0;
padding:0;
}
#main .blog_sec p.thumb img {
border:5px solid #EFEFEF;
}
#main .blog_sec .txt {
float:right;
width:502px;
}
#main .blog_sec .txt img {
display:inline;
vertical-align:middle;
margin:0 4px 0 0;
}
#main .blog_sec h2 {
margin:0 0 11px;
color:#333333;
font-weight:bold;
font-size:114%;
}
#main .blog_sec h1 {
margin:0 0 11px;
padding:0 0 0 88px;
text-indent:-88px;
color:#333333;
font-weight:bold;
font-size:114%;
letter-spacing:0;
}
#main .blog_sec h1 img {
display:inline;
padding:0px 8px 0 0;
vertical-align:middle;
}
#main .entry .blog_sec {
letter-spacing:0.1em;
}
#main .section {
margin:43px 0 0;
}
#main .blog_sec span.note {
display:block;
margin:4px 0 0 2px;
}
#main .blog_sec span.note a {
color:#990000;
text-decoration:underline;
}
#main .blog_sec span.note a:hover {
color:#990000;
text-decoration:none;
}
#main p.post {
margin:47px 0 0;
padding:5px 6px 0 0;
border-top:1px solid #333333;
color:#333333;
font-size:87%;
text-align:right;
}
#main p.page {
margin:35px 0 0;
color:#990000;
font-size:114%;
text-align:center;
}
#warebita #main p.page a {
color:#990000;
text-decoration:underline;
}
#warebita #main p.page a:hover {
text-decoration:none;
}


/* side_menu (We are ReBITA!) */

#warebita #side_war {
float:left;
width:170px;
}
#side_war ul.nav {
padding:1px 1px 0;
background:url(/hks/warebita/image/bg_side_nav.gif) no-repeat 0 0;
line-height:1.3;
}
#side_war ul.nav li {
width:168px;
border-bottom:1px solid #CCCCCC;
}
#side_war ul.nav li a {
display:block;
width:138px;
padding:5px 15px 4px 15px;
min-height:32px;
}
	* html #side_war ul.nav li a {
	height:32px;
	}
#side_war ul.nav li a {
background:#FFFFFF url(/hks/warebita/image/btn_warebita_side.gif) no-repeat 0 100%;
}
#side_war ul.nav li a.current,
#side_war ul.nav li a:hover {
background:#666666 url(/hks/warebita/image/btn_warebita_side_on.gif) no-repeat 0 100%;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
}
#side_war .side_link {
margin:30px 0 0;
background:#F4F5F0;
}
#side_war .side_link p {
margin:0 0 18px;
}
#side_war .side_link ul {
margin:0 5px;
padding:0 0 15px 0px;
}
#side_war .side_link ul li {
width:140px;
padding:0 0 0 17px;
background:url(/hks/warebita/image/list_dot.gif) no-repeat 5px 0.6em;
}
#side_war .side_link ul li dl {
margin:0 0 12px;
line-height:1.4;
}
#side_war .side_link ul li dt {
margin:0 0 3px;
}
#side_war .side_link ul li img {
display:block;
margin:0 0 2px 0;
}
#side_war .side_link ul li span.date {
display:block;
font-size:77%;
color:#999999;
}