@charset "Shift-JIS";

@import url("/css/new/common.css");
@import url("/css/new/header.css?231115 ");
@import url("/css/side.css");
@import url("/css/new/footer.css");

/* =========================================

title : _Ή`l
		_ΉIθΠξ
scope : /player_introduce/index.shtml
		/player_introduce/ΘΊ
 
last modify : 2013/06/13 168_shimokawa

============================================ */

/* -------------------------------------------
	introduce CSS
------------------------------------------- */

#main h1 {
	clear:both;
	width:710px;
	height:80px;
}

#main .box div#past_week div.lst_page {
	padding-top:20px; 
}

.category_line {
	height:30px;
	margin: 25px auto 5px;
  padding: 0;
	border:0;
	border-bottom:2px solid #c58f15;
	width:94%;
}

.category_line p.ttl_style {
  text-align: left;
  font-size: 20px!important;
  font-weight: bold;
  line-height: 1em!important;
  padding: 0!important;
}

/* -------------------------------------------
	TOP@θ`
------------------------------------------- */

/*this_week*/

#main .box div#this_week h2 {
	clear:both;
	width:690px;
	height:30px;
}

#main .box div#this_week .section {
	overflow:hidden;
	clear:both;
	width:660px;
	margin:10px auto 30px auto;
	background:url(/image_cmn/tool/slash_pattern_pink.gif) repeat left top;
}



#main .box div#this_week .section h3 {
	width:612px;
	margin:15px auto 0 auto;
	padding:0 0 3px 18px;
	border-bottom:1px solid #fb0000;
	background:url(/image_cmn/tool/point_square.gif) no-repeat 5px 5px;
	color:#313131;
	font-size:105%;
	letter-spacing:1px;
}

#main .box div#this_week .section div {
	overflow:hidden;
	width:592px;
	margin:15px auto;
	padding:15px 0 15px 8px;
	border:1px solid #ffebeb;
	background:#fefdfd;
}

#main .box div#this_week .section div img {
	width:240px;
	margin:0 22px;
	border:3px solid #d89c9c;
}


#main .box div#this_week .section div img:hover {
	filter:Alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

/*past_week*/

#main .box div#past_week {
	width:690px;
	margin:0px auto;
}

#main .box div#past_week h2 {
    clear: both;
    width: 657px;
    height: 28px;
    padding: 0 15px 12px 18px;
    background: url(/image_cmn/tool/sub_label.gif) no-repeat left top;
    color: #313131;
    font-weight: bold;
    font-size: 110%;
    letter-spacing: 1px;
    line-height: 40px;
}

#main .box div#past_week p {
	padding:10px 10px 5px 10px; 
}

#main .box div#past_week .section {
	overflow:hidden;
	clear:both;
	width:626px;
	margin:20px auto;
}


#main .box div#past_week .section h3 {
	width:608px;
	padding:2px 0 3px 18px;
	border-bottom:1px solid #e39153;
	background:url(/image_cmn/tool/point_square.gif) no-repeat 5px center;
	color:#313131;
	font-size:105%;
	letter-spacing:1px;
}

#main .box div#past_week .section div {
	overflow:hidden;
	width:605px;
	margin:0 auto 20px auto;
	padding:10px 0 10px 21px;
	background:url(/image_cmn/tool/slash_pattern_gray.gif) repeat left top;
}

#main .box div#past_week .section div img {
	width:240px;
	margin:0 25px;
}

#main .box div#past_week .section div img:hover {
	filter:Alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

/* -------------------------------------------
	fΪNΨΦ
------------------------------------------- */

#main div.box .yearmenu {
	overflow:hidden;
	width: 642px;
	margin:20px auto 30px;
	padding:0;
}

#main div.box .yearmenu ul {
	overflow:hidden;
	width: 640px;
	margin:0;
	padding:0;
	border:1px solid #000;
	border-left:none;
}

/*₯₯₯@Nx{^@₯₯₯*/

#main div.box .yearmenu ul li {
	display:inline;
	float:left;
	width: 79px;
	margin:0;
	border-left:1px solid #000;
	background: #FFEBEB;
	text-align:center;
}
#main div.box .yearmenu ul li.last {
	/* width:85px; */
}

#main div.box .yearmenu ul li a {
	display:block;
	height:42px;
	margin:0;
	background:#ffffff;
	line-height:42px;
	font-size:17px;
}
#main div.box .yearmenu ul li span {
	display:block;
	height:42px;
	color:#FB0000;
	font-weight: bold;
	line-height:42px;
	font-size:17px;
}

#main div.box .yearmenu ul li a:hover {
	background:#FFFFFF;
	color:#ff0000;
}

/*₯₯₯@Nx{^(2019NΕ)@₯₯₯*/

#main div.box .newyearmenu {
	overflow:hidden;
	width: 650px;
	margin:20px auto 30px;
	padding:0;
	text-align:center;
}

#main div.newyearmenu ul {
	display:inline-block;
	/*width: 500px;*/
	line-height:2;
	background: #fff;
	padding: 0;
	/*display: flex;*/
	overflow: hidden;
	-js-display: flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content: space-around;
}

#main div.newyearmenu ul li {
	display: inline-block;
	 margin: 0 3px; 
	/* padding: 2px 5px; */
	/* border-left: 1px solid #CCCCCC; */
	font-size: 110%;
	color: #FFF;
	font-weight: bold;
	width: 80px;
	height: 33px;
	text-align:center;
	border:1px solid #000;
	background: #FFEBEB;
}

#main div.newyearmenu ul:not(:first-of-type) {
	margin-top: 10px;
}

#main div.newyearmenu ul li a {
	font-weight:normal;
	display: block;
	width: 80px;
	height: 33px;
	background:#ffffff;
}

#main div.box .newyearmenu ul li span {
	display:block;
	height:33px;
	color:#FB0000;
	font-weight: bold;
	line-height:33px;
	font-size:17px;
}

#main div.newyearmenu ul li a:hover {
	background:#FFFFFF;
	color:#ff0000;
}



/* -------------------------------------------
	2ndRec@θ`
------------------------------------------- */

#main .box div#introduce h2 {
    clear: both;
    width: 658px;
    height: 24px;
    margin-top: 16px;
    padding: 0px 0 12px 32px;
    background: url(/image_cmn/tool/label04.gif) no-repeat left top;
    color: #313131;
    font-size: 120%;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 30px;
}

#main .box div#introduce h2 span {
	padding:0 15px;
	font-size:small;
	font-weight:bold;
}

/*comment*/

#main .box div#introduce div.comment {
	overflow:hidden;
	width:670px;
	margin:0 auto;
	padding:10px;
}

#main .box div#introduce div.comment img {
	float:right;
	width:200px;
	margin:5px 0 15px 10px;
	padding:5px;
	border:1px solid #b5b5b5;
	background:#ffffff;
}

#main .box div#introduce div.comment div p,
#main .box div#introduce div.comment p {
	padding:5px 0;
}

/*profile*/

#main .box div#introduce div.profile {
	overflow:hidden;
	width:666px;
	margin:5px auto 0 auto;
	padding-bottom:20px;
}

#main .box div#introduce h3 {
    clear: both;
    width: 633px;
    height: 28px;
    margin: 0 auto 15px auto;
    padding: 0px 15px 12px 18px;
    background: url(/image_cmn/tool/sub_label.gif) no-repeat left top;
    color: #313131;
    font-weight: bold;
    font-size: 110%;
    letter-spacing: 1px;
    line-height: 40px;
}

#main .box div#introduce div.profile div {
	overflow:hidden;
	width:646px;
	padding:0 10px;
}

#main .box div#introduce div.profile img {
	float:right;
	width:200px;
	margin-left:20px;
	padding:5px;
	background:#dadada;
}

#main .box div#introduce div.profile ul {
	float:left;
	width:411px;
	margin-left:5px;
}

#main .box div#introduce div.profile ul li {
	margin-bottom:5px;
	padding:0 12px 0 14px;
	background:url(/image_cmn/tool/list_mark_red.gif) no-repeat left center;
}

#main .box div#introduce div.profile ul.inline {
	margin-bottom:5px;
}

#main .box div#introduce div.profile ul.inline li {
	display:inline;
}

#main .box div#introduce div.profile dl {
	overflow:hidden;
	clear:both;
	width:646px;
	margin:0 auto;
}

#main .box div#introduce div.profile dt {
	width:622px;
	margin:10px auto 0 auto;
	padding:0 0 3px 18px;
	border-bottom:1px solid #c58f15;
	background:url(/image_cmn/tool/point_square.gif) no-repeat 5px 7px;
	color:#313131;
	font-weight:bold;
	letter-spacing:1px;
}

#main .box div#introduce div.profile dd {
	float:left;
	margin-top:5px;
	padding:5px 0;
	border-bottom:1px dotted #c58f15;
}

#main .box div#introduce div.profile dd.year {
	width:11%;
	margin-left:15px;
	background:url(../../image_cmn/tool/arrow_red.gif) no-repeat 3px center;
	text-align:right;
}

#main .box div#introduce div.profile dd.name {
	width:82%;
	margin-right:15px;
}
.holiday{
	font-color:#ff0099;
}
.sat{
	font-color:#0066ff;
}
.date{
	padding-top:20px;
    /*background: url("/image_cmn/mrk_ttl.gif") no-repeat scroll 2px 6px transparent;
	border-bottom: 3px double #FF8484;*/
	background: url("/image_cmn/tool/arrowbtn_red_bg.gif") repeat-x scroll 0 center transparent;
    color: #FFFFFF;
	font-size: 110%;
    font-weight: bold;
    margin: 20px 0 0px;
    padding: 3px 10px 2px 5px;
}
.kome{
	padding-top:20px;
	padding-right:20px;
	text-align: right;	
}

.kome_list{
	float:right;
	width:300px;
	margin-top:20px;
	}
	
.kome_list li{
	text-align:left;
}

#introduce .red_text{
	color:#F00;
	}


/* ---------------------------------
 clearfix
--------------------------------- */
.clearfix:after {
  content: ".";
  overflow:hidden;
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}




