@charset "utf-8";

/* ----------------------------------------------------
	body
---------------------------------------------------- */
body {
	text-align:center;
	background:#FFF;
}

/* ----------------------------------------------------
	header
---------------------------------------------------- */
#header {
	width:1039px;
	margin:10px auto;
	text-align:left;
	line-height:1.0em;
}
#header #logo {
	width:160px;
	float:left;
}
#header #copy {
	width:650px;
	float:left;
	font-family:serif;
}
#header #sns {
	float:right;
	text-align:right;
	padding: 16px 0 0 0;
}
#header #sns .sharrre {
	float:left;
	margin: 0 0 0 15px;
	width: 66px;
}
#header #sns .sharrre .box a{
	text-decoration:none;
	color: #666;
	z-index: 10;
	position: relative;
}
#header #sns .sharrre .box a:hover{
	color: #000;
}
#header #sns .sharrre .count {
	display:block;
	font-size:11px;
	line-height:20px;
	height:20px;
	position:relative;
	text-align:center;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	border:1px solid #CCC;
	background: #FFF;
	float: right;
	margin: 0 0 0 -1px;
	z-index: 1;
	width: 35px;
}
#header #sns .sharrre .share {
	height:0;
	padding: 21px 0 0 0;
	width:30px;
	overflow: hidden;
	zoom: 1;
	float: left;
}
#header #sns #twitter .share { background: url(../img/icn_tweet.gif) no-repeat 0 0; }
#header #sns #facebook .share { background: url(../img/icn_facebook.gif) no-repeat 0 0; }


/* ----------------------------------------------------
	navi
---------------------------------------------------- */
#navi {
	background:url(../img/navi_back.png) repeat-x left top;
}
#navi ul {
	width:1039px;
	margin:0 auto;
}
#navi ul li {
	float:left;
	text-indent:-9999px;
}
#navi ul li a {
	display:block;
	height:59px;
	background:url(../img/navi.png) no-repeat left top;
}

#navi ul li.home a {
	width:127px;
	background-position:0 0;
}
#navi ul li.news a {
	width:144px;
	background-position:-127px 0;
}
#navi ul li.jhalfmodels a {
	width:203px;
	background-position:-271px 0;
}

#navi ul li.models a {
	width:159px;
	background-position:-474px 0;
}
#navi ul li.contact a {
	width:165px;
	background-position:-633px 0;
}
#navi ul li.about a {
	width:179px;
	background-position:-798px 0;
}
#navi ul li.instaint a {
	width: 59px;
    background-position: 0px 0px;
	background-image: url(../img/jh_insta2_03_s.png);
}


#navi ul li.home a:hover,
#home #navi ul li.home a {
	width:127px;
	background-position:0 -59px;
}
#navi ul li.news a:hover,
#news #navi ul li.news a {
	width:144px;
	background-position:-127px -59px;
}
#navi ul li.jhalfmodels a:hover,
#models #navi ul li.jhalfmodels a,
#prof #navi ul li.jhalfmodels a {
	width:203px;
	background-position:-271px -59px;
}

#navi ul li.models a:hover/*
,
#models #navi ul li.models a,
#prof #navi ul li.models a
*/ {
	width:159px;
	background-position:-474px -59px;
}
#navi ul li.contact a:hover,
#contact #navi ul li.contact a {
	width:165px;
	background-position:-633px -59px;
}
#navi ul li.about a:hover,
#about #navi ul li.about a {
	width:179px;
	background-position:-798px -59px;
}
#navi ul li.instaint a:hover,
#instajpn #navi ul li.instajpn a {
	width: 59px;
    background-position: 0px -59px;
	background-image: url(../img/jh_insta2_03_s.png);
}


/* ----------------------------------------------------
	contents
---------------------------------------------------- */

/* contents */
#contents {
	width:980px;
	margin:20px auto 24px auto;
	text-align:left;
}

#contents .ttl {
	height:26px;
	overflow:hidden;
}
#contents .ttl .name {
	width:50%;
	float:left;
}
#contents .ttl .more {
	width:50%;
	float:right;
	text-align:right;
}
#contents .ttl .more a {
	background:url(../img/brit_right.gif) no-repeat right center;
	padding:0 16px 0 0;
	color:#E03568;
}
#contents .ttl .more .date {
	display:block;
	padding:3px 0 0 0;
	color:#E03568;
}


/* ----------------------------------------------------
	all
---------------------------------------------------- */

/* search */
#contents #search {
	border:1px dotted #CCC;
	height:490px;
}
#contents #search h2 {
	background:#CCC;
	line-height:1.0em;
	font-size:12px;
	padding:7px 7px 7px 7px;
	margin:0 0 10px 0;
}
#contents #search .search-in {
	padding:0 14px 14px 14px;
}
#contents #search table.condition {
	width:100%;
}
#contents #search table.condition td {
	padding:10px 6px 0 6px;
}
#contents #search table.condition th {
	padding:10px 6px 0 6px;
	color:#AAA;
	white-space:nowrap;
	border-bottom:1px dotted #CCC;
}
#contents #search .freeword-popular {
	margin:5px 0;
}
#contents #search .freeword-popular p {
	line-height:20px;
	height:40px;
	overflow:hidden;
}
#contents #search .freeword-popular p a {
	white-space:nowrap;
	text-decoration:underline;
	margin-right:5px;
}


/* -- sns -- */
.sns .fb-like,
.sns .twitter {
	float:left;
	width:120px;
}


/* banner */
#side .banner {
	margin:0 0 20px 0;
}

/* ----------------------------------------------------
	home
---------------------------------------------------- */

/* main */
#home #contents #main {
	width:570px;
	height:690px;
	float:left;
	position:relative;
}
/* side */
#home #contents #side {
	width:384px;
	height:690px;
	float:right;
	position:relative;
	background:url(../img/side_back_home.gif) no-repeat left top;
}

/* news-home */
#home #contents #news-home {
	position:absolute;
	top:197px;
	left:25px;
	width:334px;
	height:166px;
}
#home #contents #news-home h2 {
	display:none;
}
#home #contents #news-home .ttl {
	width:334px;
	height:20px;
	background:url(../img/ttl_news_home.gif) no-repeat left top;
}
#home #contents #news-home ul li span.img {
	display:block;
	width:55px;
	height:53px;
	float:left;
}
#home #contents #news-home ul li {
	border-bottom:1px dotted #CCC;
	padding:7px 0;
}
#home #contents #news-home ul li .img img {
	border:1px solid #CCC;
}
#home #contents #news-home ul li .txt {
	display:block;
	width:260px;
	height:53px;
	float:right;
	overflow:hidden;
}
#home #contents #news-home ul li .txt .info {
	display:block;
}
#home #contents #news-home ul li .txt .info .date {
	display:block;
	width:100px;
	float:left;
}
#home #contents #news-home ul li .txt .info .site {
	display:block;
	width:100px;
	float:right;
	text-align:right;
}

/* cols */
#home #contents #cols {
	position:absolute;
	top:376px;
	left:10px;
	width:364px;
	height:300px;
}

/* newsblock */
#home .newsblock ul {
	width:330px;
}
#home .newsblock li {
	border-bottom:1px dotted #CCC;
	margin:0 0 0 14px;
	padding:7px 0 7px 0;
}
#home .newsblock li span.img {
	display:block;
	width:55px;
	height:53px;
	float:left;
}
#home .newsblock li span.img img {
	border:1px solid #CCC;
}
#home .newsblock li span.txt {
	display:block;
	width:260px;
	height:53px;
	float:right;
	overflow:hidden;
}


/* ----------------------------------------------------
	news
---------------------------------------------------- */

/* main */
#news #contents #main {
	width:570px;
	float:left;
}
/* side */
#news #contents #side {
	width:384px;
	height:1300px;
	float:right;
	background:url(../img/side_back_news.gif) no-repeat left top;
}
#news #contents #side-in {
	padding:25px;
}

/* news */
#news #contents #news {
}
#news #contents #news .news-tn li {
	border-bottom:1px dotted #CCC;
	padding:15px 0;
}
#news #contents #news .news-tn li .tn {
	width:130px;
	height:130px;
	background:#EEE;
	float:left;
}
#news #contents #news .news-tn li .text {
	width:420px;
	float:right;
}
#news #contents #news .news-tn li .text h3 {
	font-size:120%;
	margin-bottom:8px;
}

#news #contents #news .kanren,
#news #contents #news .link,
#news #contents #news .sns {
	padding:6px 0;
}
#news #contents #news .kanren li,
#news #contents #news .link li {
	border:none;
	padding:2px 0;
}
#news #contents #news .link li a {
	background:url(../img/brit_link.gif) no-repeat left center;
	padding:0 0 0 16px;
}

#news #contents #news a,
#news #contents #news a:link,
#news #contents #news a:visited {
	text-decoration:underline;
	color:#30BAEC;
}
#news #contents #news a:hover {
	color:#000;
}


/* calendar */
#news #contents #calendar {
	width:334px;
	height:330px;
}
#news #contents #calendar-in {
	background:#42BBE6;
	text-align:center;
	padding:10px 0;
}
#news #contents #calendar .navi {
	width:92%;
	margin:0 auto;
	border-bottom:1px solid #A1DDF3;
}
#news #contents #calendar .navi td {
	padding:5px;
	text-align:center;
	line-height:1.0em;
}
#news #contents #calendar .navi td a:hover {
	color:#CEC3BC;
}
#news #contents #calendar .navi td.month {
	text-align:left;
	width:100px;
}
#news #contents #calendar .navi td.prev {
	text-align:left;
}
#news #contents #calendar .navi td.next {
	text-align:right;
}
#news #contents #calendar .navi td.prev a {
	display:block;
	background:url(../img/brit_cal_prev.gif) no-repeat left center;
	padding:0 0 0 14px;
	color:#FFF;
}
#news #contents #calendar .navi td.next a {
	display:block;
	background:url(../img/brit_cal_next.gif) no-repeat right center;
	padding:0 14px 0 0;
	color:#FFF;
}
#news #calendar .date {
	border-collapse: separate;
	border-spacing: 1px;
	width:92%;
	margin:0 auto;
}
#news #calendar .date a {
	text-decoration:underline;
	color:#42BBE6;
}
#news #calendar .date td,
#news #calendar .date th {
	text-align: center;
	padding:8px 6px;
	line-height:1.0em;
}
#news #calendar .date th {
	font-weight:normal;
}
#news #calendar .date td {
	background-color: #FFF;
	font-weight:normal;
}
#news #calendar .date .sunday {
	color:#DF3366;
}

/* notice */
#news #contents #notice {
	width:334px;
	height:440px;
}
#news #contents #notice ul li {
	border-bottom:1px dotted #CCC;
}
#news #contents #notice ul li small {
	display:block;
	float:left;
	width:58px;
	margin:7px 0;
}
#news #contents #notice ul li small img {
	border:1px solid #CCC;
}
#news #contents #notice ul li span {
	display:block;
	float:right;
	width:260px;
	margin:7px 0;
}
#news #contents #notice ul li {
	display:block;
}
#news #contents #notice ul li a {
	text-decoration:underline;
	color:#30BAEC;
}
#news #contents #notice ul li a:hover {
	color:#000;
}
#news #contents #notice ul li:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0;
}
#news #contents #notice ul li {
	zoom: 1; /* IE5.5〜E7 */
}

/* comment */
#news #contents #comment {
	width:334px;
	height:420px;
}
#news #contents #comment ul li {
	border-bottom:1px dotted #CCC;
}
#news #contents #comment ul.asone {
	width:334px;
	border-bottom:1px solid #CCC;
	margin-bottom:10px;
}
#news #contents #comment ul.asone li {
	width:318px;
	border:none;
}
#news #contents #comment ul li small {
	display:block;
	float:left;
	width:58px;
	margin:7px 0;
}
#news #contents #comment ul li small img {
	border:1px solid #CCC;
}
#news #contents #comment ul li span {
	display:block;
	float:right;
	width:260px;
	margin:7px 0;
}
#news #contents #comment ul li {
	display:block;
}
#news #contents #comment ul li a {
	text-decoration:underline;
	color:#30BAEC;
}
#news #contents #comment ul li a:hover {
	color:#000;
}
#news #contents #comment ul li:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0;
}
#news #contents #comment ul li {
	zoom: 1; /* IE5.5〜E7 */
}
#news #contents #comment #iine {
	border-top:1px solid #CCC;
	margin-top:10px;
	padding-top:10px;
}
#news #contents #comment #iine p {
	white-space:nowrap;
	margin-bottom:6px;
}
#news #contents #comment #iine ul {
	width:350px;
}
#news #contents #comment #iine ul li {
	width:70px;
	float:left;
	border:none;
	font-size:10px;
}
#news #contents #comment #iine ul li img {
	border:1px solid #CCC;
}


/* ----------------------------------------------------
	models
---------------------------------------------------- */


/* slist */
#models #contents #slist {
	margin-bottom:20px;
}
#models #contents #slist ul {
	margin:20px 0 0 0;
	width:995px;
}
#models #contents #slist ul li {
	width:199px;
	height:347px;
	float:left;
	line-height:1.2em;
}
#models #contents #slist ul li .pf {
	display:block;
	padding:10px 0 6px 10px;
}
#models #contents #slist ul li .pf img {
	width:162px;
	height:243px;
}
#models #contents #slist ul li .name {
	display:block;
	padding:0 24px 0 10px;
	height:54px;
	overflow:hidden;
}
#models #contents #slist ul li .name small {
	color:#999;
}
#models #contents #slist ul li a {
	display:block;
	width:199px;
	height:347px;
	background:url(../img/list_back.gif) no-repeat left top;
}
#models #contents #slist ul li a:hover {
	background:url(../img/list_back_hover.gif) no-repeat left top;
	color:#FFF;
}
#models #contents #slist ul li a:hover small {
	color:#FFF;
}

/* ----------------------------------------------------
	prof
---------------------------------------------------- */

/* col1 */
#prof #contents #col1 {
	height:645px;
}
#prof #contents #col1 #col1-img {
	width:430px;
	height:645px;
	float:left;
	border:1px solid #CCC;
}
#prof #contents #col1 #col1-txt {
	width:510px;
	height:645px;
	float:right;
	overflow:hidden;
}
/* col2 */
#prof #contents #col2 {
	margin:20px 0;
}
#prof #contents #col2 #col2-img {
	width:430px;
	float:left;
}
#prof #contents #col2 #col2-txt {
	width:510px;
	float:right;
}

/* box */
#prof #contents #button,
#prof #contents #manag,
#prof #contents #history {
	margin:0 0 20px 0;
}

/* ttl */
#prof #contents .ttl {
	border-bottom:1px solid #E03568;
	margin:0 0 20px 0;
}

/* spec */
#prof #contents #spec {
	height:240px;
}
#prof #contents #spec h3 {
	float:left;
	width:220px;
	font-size:18px;
}
#prof #contents #spec h3 span {
	display:block;
	font-weight:normal;
	font-size:12px;
}
#prof #contents #spec table {
	float:right;
	width:285px;
}
#prof #contents #spec table th,
#prof #contents #spec table td {
	padding:3px 0;
}
#prof #contents #spec table th {
	font-weight:normal;
	white-space:nowrap;
}
#prof #contents #spec table td img {
	vertical-align:baseline;
	padding:0 3px;
}

/* topics */
#prof #contents #topics {
	height:180px;
}
#prof #contents #topics ul li {
	padding:6px 0;
	border-bottom:1px dotted #CCC;
}
#prof #contents #topics ul li span.date {
	display:block;
	width:75px;
	float:left;
}
#prof #contents #topics ul li span.txt {
	display:block;
	width:405px;
	float:right;
}

/* button */
#prof #contents #button ul li {
	float:left;
	width:220px;
}
#prof #contents #button ul li a:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha(opacity=80)";
}


/* slider */
.slider {
	padding: 15px 0 0 0;
}
.slider .viewport {
	float: left;
	width: 448px;
	height: 326px;
	overflow: hidden;
	position: relative;
}
.slider .buttons {
	background:url("../img/bt_slider.png") no-repeat scroll 0 0 transparent;
	background-position: 0 -38px;
	display: block;
	margin: 52px 0 0 0;
	text-indent: -999em;
	float: left;
	width: 28px;
	height: 40px;
	overflow: hidden;
	position: relative;
}
.slider .next {
	background-position: 0 0;
}
.slider .disable {
	visibility: hidden;
}
.slider .overview {
	list-style: none;
	position: absolute;
	padding: 0;
	margin: 0;
	width: 430px;
	left: 0 top: 0;
}
.slider .overview li {
	float: left;
	width: 90px;
	height: 130px;
	margin: 0;
	padding: 0 11px;
	overflow: hidden;
}
.slider .overview li a {
	width: 90px;
	height: 130px;
	display:block;
}
.slider .overview li a.movie {
	display:block;
	position: relative;
	width: 90px;
	height: 130px;
}
.slider .overview li a.movie img.play {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -22px 0 0 -24px;
}
.slider .overview li a.sound {
	display:block;
	position: relative;
	width: 90px;
	height: 130px;
}
.slider .overview li a.sound img.play {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -22px 0 0 -24px;
}

/* manag */
#prof #contents #manag .frame {
	background:url(../img/manag_center.gif) repeat-y left top;
}
#prof #contents #manag .frame .frame-top {
	width:430px;
	height:5px;
	background:url(../img/manag_top.gif) no-repeat left top;
}
#prof #contents #manag .frame .frame-bottom {
	width:430px;
	height:20px;
	background:url(../img/manag_bottom.gif) no-repeat left top;
}
#prof #contents #manag .frame p {
	padding:16px;
}
#prof #contents #manag p.tantou {
	padding:6px 10px 6px 18px;
	font-weight:bold;
	margin:10px 0;
	background:url(../img/icon_tantou.gif) no-repeat left center;
	border-bottom:1px dotted #CCC;
}
#prof #contents #manag p.other a {
	white-space:nowrap;
	padding:0 10px;
	background:url(../img/brit_other.gif) no-repeat left center;
}

/* history */
#prof #contents #history table th,
#prof #contents #history table td {
	vertical-align:top;
	font-weight:normal;
	padding:0 0 1.0em; 0;
}
#prof #contents #history table th {
	white-space:nowrap;
	color:#DF3467;
}

/* imageviewer */

#viewer {
	width: 980px;
	height: 690px;
}
#viewer div {
	width: 570px;
	height: 690px;
	float:left;
	overflow: hidden;
	position: relative;
}
#viewer div p {
	width: 570px;
	height: 690px;
	top: 0;
	left: 0;
	position: absolute;
}
#viewer div p a {
	text-decoration:none;
}
#viewer div p a img {
	display:block;
}
#viewer div p a span {
	display:block;
	position: absolute;
	left:10px;
	bottom:10px;
	width:150px;
	height:150px;
	text-align:center;
}
#viewer div p a span {
	background:url(../img/viewer.png) no-repeat 0 0;
}
#viewer div p span strong {
	display:block;
	font-size:16px;
	color:#FFF;
	line-height:1.2em;
	overflow:hidden;
	margin-top:36px;
}
#viewer div p span small {
	display:block;
	font-size:12px;
	color:#FFF;
	line-height:1.2em;
	overflow:hidden;
	margin-top:6px;
}
#viewer div p span big {
	display:block;
	font-size:12px;
	color:#FFF;
	line-height:1.2em;
	overflow:hidden;
	margin-top:6px;
}

#viewer ul {
	z-index:100;
	width:373px;
	height:164px;
	position: absolute;
	left:607px;
	top:10px;
}

#viewer ul li {
	width:124px;
	float:left;
	margin-bottom:5px;
}

#viewer ul li a {
	width:115px;
	height:153px;
	overflow:hidden;
	display:block;
	background:#FFF;
}

#viewer .active {
	filter:alpha(opacity=80)!important;
	-moz-opacity: 0.8!important;
	opacity: 0.8!important;
}

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

#viewer ul {
	display: inline-block;
	overflow: hidden;
}


/* ----------------------------------------------------
	footer
---------------------------------------------------- */
#footer {
	border-top:2px solid #CCC;
}
#footer-in {
	width:980px;
	margin:0 auto;
	padding:18px 0;
	text-align:left;
}
#footer-in #f-info {
	width:315px;
	float:left;
}
#footer-in #f-link {
	width:600px;
	height:210px;
	border-left:1px dotted #CCC;
	float:right;
}
#footer-in #f-info #fnavi {
	margin:16px 0 24px 0;
}
#footer-in #f-info #fnavi li {
	background:url(../img/brit_fnavi.gif) no-repeat left center;
	padding:2px 0 2px 12px;
	font-size:10px;
}
#footer-in #f-info #fnavi li a {
	text-decoration:none;
}
#footer-in #f-info #fnavi li a:hover {
	text-decoration:underline;
}
#footer-in #f-link ul {
	padding:0 0 0 20px;
}
#footer-in #f-link ul li {
	padding:0 0 10px 0;
}
#footer a:link {
	color: #666;
	text-decoration:none;
}
#footer a:visited {
	color: #666;
	text-decoration:none;
}
#footer a:hover {
	color: #000;
	text-decoration:none;
}