@charset "utf-8";

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

/* ----------------------------------------------------
	header
---------------------------------------------------- */
#header {
	width:980px;
	margin:18px auto;
	text-align:left;
	line-height:1.0em;
}
#header #logo {
	width:370px;
	float:left;
}
#header #copy {
	width:400px;
	float:left;
}
#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 {
	border-top:1px solid #000000;
	height:57px;
	overflow:hidden;
}
#navi-in {
	width:990px;
	height:57px;
	margin:0 auto;
}
#navi ul {
	width:820px;
	height:57px;
	float:left;
}
#navi p {
	width:170px;
	height:57px;
	float:right;
}
#navi ul li {
	float:left;
	text-indent:-9999px;
}
#navi ul li a {
	display:block;
	height:57px;
	background:url(../img/navi.png) no-repeat left top;
}

#navi ul li.home a {
	width:67px;
	background-position:0 0;
}
#navi ul li.news a {
	width:80px;
	background-position:-67px 0;
}
#navi ul li.models a {
	width:99px;
	background-position:-147px 0;
}
#navi ul li.contact a {
	width:113px;
	background-position:-246px 0;
}
#navi ul li.about a {
	width:119px;
	background-position:-359px 0;
}
#navi ul li.guide a {
	width:120px;
	background-position:-478px 0;
}
#navi ul li.instaint a {
	width: 57px;
    background-position: 0px 0px;
	background-image: url(../img/jm_insta2_03_s.png);
}
#navi ul li.entry {
	float:right;
}
#navi ul li.entry a {
	width:160px;
	background-position:-820px 0;
}


#navi ul li.home a:hover,
#home #navi ul li.home a {
	width:67px;
	background-position:0 -57px;
}
#navi ul li.news a:hover,
#news #navi ul li.news a {
	width:80px;
	background-position:-67px -57px;
}
#navi ul li.models a:hover,
#models #navi ul li.models a,
#prof #navi ul li.models a {
	width:99px;
	background-position:-147px -57px;
}
#navi ul li.contact a:hover,
#contact #navi ul li.contact a {
	width:113px;
	background-position:-246px -57px;
}
#navi ul li.about a:hover,
#about #navi ul li.about a {
	width:119px;
	background-position:-359px -57px;
}
#navi ul li.guide a:hover,
#guide #navi ul li.guide a {
	width:120px;
	background-position:-478px -57px;
}
#navi ul li.instaint a:hover,
#instaint #navi ul li.instaint a {
	width: 57px;
    background-position: 0px -57px;
	background-image: url(../img/jm_insta2_03_s.png);
}
#navi ul li.entry a:hover,
#entry #navi ul li.entry a {
	width:160px;
	background-position:-820px -57px;
}


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

/* contents */
#contents {
	width:980px;
	margin:6px 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;
}
#contents .ttl .more .date {
	display:block;
	padding:7px 0 0 0;
	color:#5B341D;
}


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

/* search */
#contents #search {
	background:url(../img/side_frame_center.gif) repeat-y;
	height:460px;
}
#contents .side-frame-top {
	background:url(../img/side_frame_top.gif) no-repeat;
	height:12px;
}
#contents .side-frame-bottom {
	background:url(../img/side_frame_bottom.gif) no-repeat;
	height:32px;
}
#contents #search h2 {
	background:#5B341D url(../img/icon_search.gif) no-repeat 14px 4px;
	line-height:1.0em;
	font-size:12px;
	color:#FFF;
	padding:7px 7px 7px 32px;
	margin:0 0 10px 0;
}
#contents #search .search-in {
	padding:0 14px 14px 14px;
}
#contents #search table.condition {
	width:100%;
}
#contents #search table.condition th,
#contents #search #condition td {
	padding:10px 0;
	line-height:1.0em;
}
#contents #search table.condition th {
	padding-right:8px;
	color:#8C7161;
	white-space:nowrap;
	text-align:left;
}
#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;
}

/* search button */
#contents #search input.bt1 {
	background:#8C7062;
	color:#FFF;
	border:none;
	padding:0.5em;
	border:1px solid #8C7062;
}
#contents #search input.bt1:hover {
	background:#4D3126;
}

/* search freeword */
#contents #search input.freeword {
	padding:0.5em;
	border:1px solid #999;
}

/* slider */
.slider {
	height: 1%;
	overflow:hidden;
	padding: 5px 0 15px 0;
	border-top:1px dotted #CCC;
}
.slider .viewport {
	float: left;
	width: 924px;
	height: 316px;
	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: 90px 0 0 0;
	text-indent: -999em;
	float: left;
	width: 28px;
	height: 40px;
	overflow: hidden;
	position: relative;
}
.slider .next {
	background-position: 0 0;
	margin: 90px 0 0 0;
}
.slider .disable {
	visibility: hidden;
}
.slider .overview {
	list-style: none;
	position: absolute;
	padding: 0;
	margin: 0;
	width: 900px;
	left: 0 top: 0;
}
.slider .overview li {
	float: left;
	width: 185px;
	height: 326px;
	margin: 0;
	padding: 0;
}
.slider .overview li a {
	display:block;
	height: 310px;
	padding:8px;
}
.slider .overview li a:hover {
	background:#EEE;
}
.slider .overview li a p.pf {
	background:#E6E6E6;
	padding:4px;
	width:162px;
	height:243px;
	overflow:hidden;
}
.slider .overview li a p.pf img {
	width:162px;
	height:243px;
}
.slider .overview li a p.name {
	margin:4px 0;
	line-height:1.4em;
}
.slider .overview li a table.prof {
	line-height:1.4em;
}
.slider .overview li a table.prof th {
	text-align:right;
}
.slider .overview li a table.prof th,
.slider .overview li a table.prof td {
	vertical-align:top;
	font-weight:normal;
}
.slider .overview li a table.prof td img {
	margin-right:2px;
}


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

/* mordal keyword */
#contents .more {
	text-align:right;
}
#contents .more a {
	background:url(../img/brit_right.gif) no-repeat right center;
	padding:0 16px 0 0;
}
#keyword p {
	line-height:20px;
	text-align:left;
	padding:15px;
}
#keyword p a {
	white-space:nowrap;
	text-decoration:underline;
	margin-right:5px;
}

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

/* main */
#home #contents #main {
	width:611px;
	float:right;
}
/* side */
#home #contents #side {
	width:343px;
	float:left;
}

/* promo */
#promo {
	width:979px;
	height:310px;
	overflow:hidden;
	position:relative;
	margin-bottom:20px;
}
#promo a:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha(opacity=80)";
}
#promo-in {
	width:790px;
	height:140px;
	overflow:hidden;
	position:absolute;
	right:0;
	bottom:0;
	background:url(../img/home_promo_back.png) no-repeat left top;
}
#promo-txt {
	width:630px;
	float:left;
}
#promo-img {
	width:160px;
	float:right;
}
#promo-txt h2 {
	margin:4px 0 4px 16px;
	color:#FFF;
	font-size:16px;
}
#promo-txt h2 span {
	font-family:Times, Serif;
	font-size:26px;
}
#promo-txt p {
	margin:4px 0 0 16px;
	color:#FFF;
	font-size:11px;
}

/* news */
#home #contents #news {
	background:url(../img/main_frame_center.gif) repeat-y;
	height:460px;
}
#home #contents .main-frame-top {
	background:url(../img/main_frame_top.gif) no-repeat;
	height:12px;
}
#home #contents .main-frame-bottom {
	background:url(../img/main_frame_bottom.gif) no-repeat;
	height:32px;
}
#home #contents #news .news-in {
	padding:0 14px 14px 14px;
}

#home #contents #news .news-tn {
}
#home #contents #news .news-tn li {
	border-bottom:1px dotted #CCC;
}
#home #contents #news .news-tn li a {
	display:block;
	height:70px;
	color:#333;
	overflow:hidden;
}
#home #contents #news .news-tn li a:hover {
	background:#EEE;
}
#home #contents #news .news-tn li .tn {
	width:74px;
	float:left;
}
#home #contents #news .news-tn li .tn img {
	display:block;
	padding:8px 0 0 8px;
}
#home #contents #news .news-tn li .text {
	width:490px;
	float:right;
	padding:6px 0 0 0;
}
#home #contents #news .news-tn li .date {
	width:100px;
	float:left;
}
#home #contents #news .news-tn li .cate {
	width:300px;
	float:right;
	text-align:right;
	color:#BCB9A7;
}
#home #contents #news .news-tn li .entry {
	clear:both;
}

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

/* news */
#news #contents #main {
	width:611px;
	float:right;
}
/* side */
#news #contents #side {
	width:343px;
	float:left;
}

/* news */
#news #contents #news {
	background:url(../img/main_frame_center.gif) repeat-y;
}
#news #contents .main-frame-top {
	background:url(../img/main_frame_top.gif) no-repeat;
	height:12px;
}
#news #contents .main-frame-bottom {
	background:url(../img/main_frame_bottom.gif) no-repeat;
	height:32px;
}
#news #contents #news .news-in {
	padding:0 14px 14px 14px;
}

#news #contents #news .news-tn {
	padding:10px;
}
#news #contents #news .news-tn li {
	border-bottom:1px dotted #CCC;
	padding:10px 0;
}
#news #contents #news .news-tn li .tn {
	width:130px;
	height:130px;
	background:#EEE;
	float:left;
}
#news #contents #news .news-tn li .text {
	width:415px;
	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 .news-tn li a {
	text-decoration:underline;
}

/* calendar */
#news #contents #calendar {
	width:343px;
	margin-bottom:20px;
}
#news #contents #calendar .navi {
	background:#9D8678;
	width:100%;
}
#news #contents #calendar .navi td {
	padding:5px;
	text-align:center;
	line-height:1.0em;
}
#news #contents #calendar .navi td a {
}
#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: 5px;
	border:1px solid #9D8678;
}
#news #calendar .date a {
	text-decoration:underline;
	display:block;
	background:#EEE;
}
#news #calendar .date td,
#news #calendar .date th {
	text-align: center;
	padding:6px;
	line-height:1.0em;
}
#news #calendar .date th {
	color:#FFF;
	background-color: #CCC;
	font-weight:normal;
}
#news #calendar .date td {
	border:1px dotted #CCC;
}


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

/* main */
#models #contents #main {
	width:611px;
	float:right;
}
/* side */
#models #contents #side {
	width:343px;
	float:left;
}


/* news */
#models #contents #news {
	background:url(../img/main_frame_center.gif) repeat-y;
	height:460px;
}
#models #contents .main-frame-top {
	background:url(../img/main_frame_top.gif) no-repeat;
	height:12px;
}
#models #contents .main-frame-bottom {
	background:url(../img/main_frame_bottom.gif) no-repeat;
	height:32px;
}
#models #contents #news .news-in {
	padding:0 14px 14px 14px;
}

#models #contents #news .news-tn {
}
#models #contents #news .news-tn li {
	border-bottom:1px dotted #CCC;
}
#models #contents #news .news-tn li a {
	display:block;
	height:70px;
	color:#333;
	overflow:hidden;
}
#models #contents #news .news-tn li a:hover {
	background:#EEE;
}
#models #contents #news .news-tn li .tn {
	width:74px;
	float:left;
}
#models #contents #news .news-tn li .tn img {
	display:block;
	padding:8px 0 0 8px;
}
#models #contents #news .news-tn li .text {
	width:490px;
	float:right;
	padding:6px 0 0 0;
}
#models #contents #news .news-tn li .date {
	width:100px;
	float:left;
}
#models #contents #news .news-tn li .cate {
	width:300px;
	float:right;
	text-align:right;
	color:#BCB9A7;
}
#models #contents #news .news-tn li .entry {
	clear:both;
}

/* result */
#models #contents #result {
	border:8px solid #E6E6E6;
	margin-bottom:20px;
}
#models #contents #result .condition {
	background:#E6E6E6;
}
#models #contents #result .condition p.freeword {
	width:740px;
	float:left;
	font-weight:normal;
	line-height:1.0em;
	padding:2px 0 10px 0;
}
#models #contents #result .condition p.freeword span {
	font-size:160%;
	color:#5B341D;
}
#models #contents #result .condition p.pcounter {
	width:200px;
	float:right;
	line-height:1.0em;
	text-align:right;
	padding:6px 0 10px 0;
}

#models #contents #result .list {
	padding:10px 17px;
}
#models #contents #result .list li {
	width:186px;
	float:left;
	text-align:center;
}
#models #contents #result .list li a {
	display:block;
	height:340px;
	margin:0 auto;
	padding:2px 0;
	text-align:left;
}
#models #contents #result .list li a:hover {
	background:#EEE;
}
#models #contents #result .list li a p.pf {
	background:#E6E6E6;
	padding:4px;
	margin:8px;
}
#models #contents #result .list li a p.pf img {
	width:162px;
	height:243px;
}
#models #contents #result .list li a p.name {
	margin:0 8px 4px 8px;
	line-height:1.4em;
}
#models #contents #result .list li a table.prof {
	margin:0 8px 4px 8px;
	line-height:1.4em;
}
#models #contents #result .list li a table.prof th {
	text-align:right;
}
#models #contents #result .list li a table.prof th,
#models #contents #result .list li a table.prof td {
	vertical-align:top;
	font-weight:normal;
}
#models #contents #result .list li a table.prof td img.flag {
	margin-right:3px;
	vertical-align:baseline;
}

#models #contents #result .pager {
	text-align:center;
	padding:20px;
	margin:0 14px;
	border-top:1px dotted #CCC;
}
#models #contents #result .pager li {
	display:inline;
	line-height:1.0em;
}
#models #contents #result .pager li a {
	border:1px dotted #CCC;
	padding:4px 8px;
}
#models #contents #result .pager li a:hover {
	background:#EEE;
}
#models #contents #result .pager li.current a {
	border:none;
}
#models #contents #result .pager li.prev a {
	border:none;
	background:url(../img/brit_left.gif) no-repeat left center;
	padding:4px 8px 4px 16px;
}
#models #contents #result .pager li.next a {
	border:none;
	background:url(../img/brit_right.gif) no-repeat right center;
	padding:4px 16px 4px 8px;
}



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

/* main */
#prof #contents #main {
	width:485px;
	float:left;
}
/* side */
#prof #contents #side {
	width:460px;
	float:right;
}

/* spec */
#prof #contents #spec {
	background:#F2F2F2;
	margin-bottom:20px;
}
#prof #contents #spec .txt {
	float:right;
	width:398px;
}
#prof #contents #spec .txt .txt-in {
	padding:20px 24px;
}
#prof #contents #spec h3 {
	font-size:180%;
	font-weight:normal;
	font-family:'ＭＳ Ｐ明朝',serif;
	line-height:1.2em;
	margin:0 0 24px; 0;
	padding-top:14px;
	border-top:1px dotted #CCC;
}
#prof #contents #spec h3 small {
	display:block;
	font-size:70%;
	letter-spacing:0.2em;
}
#prof #contents #spec .txt table {
	margin-bottom:10px;
}

#prof #contents #spec .txt table th,
#prof #contents #spec .txt table td {
	padding:3px 14px 3px 0;
	vertical-align:top;
}
#prof #contents #spec .txt table th {
	font-weight:normal;
	color:#5B341D;
}

#prof #contents #spec .txt .action {
	width:364px;
}
#prof #contents #spec .txt .action li {
	float:left;
	margin-right:14px;
}
#prof #contents #spec .txt .action li a:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha(opacity=80)";
}

#prof #contents #spec .img {
	float:left;
	width:580px;
}

/* voice sample */
#voice-sample {
	margin-bottom:8px;
}

/* news */
#prof #contents #news {
	background:url(../img/main_frame_center2.gif) repeat-y;
	height:320px;
}
#prof #contents .main-frame-top {
	background:url(../img/main_frame_top2.gif) no-repeat;
	height:12px;
}
#prof #contents .main-frame-bottom {
	background:url(../img/main_frame_bottom2.gif) no-repeat;
	height:32px;
}
#prof #contents #news .news-in {
	padding:0 14px 14px 14px;
}

#prof #contents #news .news-tn li {
	border-bottom:1px dotted #CCC;
	width:415px;
}
#prof #contents #news .news-tn li a {
	display:block;
	height:64px;
	color:#333;
	overflow:hidden;
}
#prof #contents #news .news-tn li a:hover {
	background:#EEE;
}
#prof #contents #news .news-tn li .text {
	padding:6px 0 0 0;
}

/* starring */
#prof #contents #starring {
	border-top:1px dotted #CCC;
	padding:20px 0 6px 0;
}
#prof #contents #starring table th,
#prof #contents #starring table td {
	padding-bottom:14px;
	vertical-align:top;
}
#prof #contents #starring table th {
	white-space:nowrap;
	width:15%;
	font-weight:normal;
}
#prof #contents #starring table td {
	width:85%;
}


/* imageviewer */

#viewer {
	width: 580px;
}
#viewer div {
	width: 430px;
	height: 645px;
	float:left;
	overflow: hidden;
	position: relative;
	background:#EEE;
}
#viewer div img {
	top: 0;
	left: 0;
	position: absolute;
}

#viewer ul {
	width:132px;
	float:right;
	margin:20px 0 0 0;
}

#viewer ul li {
	background:#FFF;
	padding:1px;
	margin-bottom:8px;
}
#viewer ul li img {
	width:130px;
	height:195px;
}

#viewer .active {
	background:#CEC2BB;
	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;
}


/* ----------------------------------------------------
	resist
---------------------------------------------------- */

#resist .ttl {
	margin:40px 0 26px 0;
	border-top:1px solid #CCC;
	padding-top:5px;
}

/* lang */
#resist .lang {
	text-align:center;
	margin-top:30px;
}
#resist .lang img {
	vertical-align:baseline;
	margin:0 5px;
}

/* bosyu */
#resist #bosyu {
}
#resist #bosyu th,
#resist #bosyu td {
	padding:1.0em 1.5em 1.0em 0;
	vertical-align:top;
	border-top:1px dotted #CCC;
}
#resist #bosyu th {
	font-weight:normal;
}

/* form */
#resist form table {
}
#resist form table th,
#resist form table td {
	padding:1.0em 1.5em 1.0em 0;
	vertical-align:top;
	border-top:1px dotted #CCC;
}
#resist form table th {
	line-height:2.0em;
	font-weight:normal;
}
#resist .red {
	color:#C00;
}
#resist input.bt1 {
	background:#8C7062;
	color:#FFF;
	border:none;
	padding:0.5em;
	border:1px solid #8C7062;
}
#resist input.bt1:hover {
	background:#4D3126;
}

/* faq */
#resist #faq {
}
#resist #faq dt {
	margin-bottom:0.1em;
	font-weight:bold;
}
#resist #faq dt span {
	font-size:large;
	font-weight:bold;
	padding-right:5px;
}
#resist #faq dd {
	margin-bottom:1.2em;
}
#resist #faq dd span {
	font-size:large;
	font-weight:bold;
	padding-right:5px;
	color:#999;
}

/* pnav */
#resist .pnav {
	text-align:right;
}

/* contact */
#resist .contacts {
	text-align:center;
	margin:30px 0;
	border:1px solid #CCC;
	padding:20px 0;
	font-size:larger;
	font-weight:bold;
}
#resist .contact strong {
	font-size:larger;
}

/* ----------------------------------------------------
	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;
}

#resist .error {
color:#FF0000;
font-weight:bold;
}
