@charset "euc-jp";
/*
=== toc ===
1:yj2
2:lrc_pe
3:teplLocal-patch_pe
4:temlCommon_pe
*/

/*1:yj2*/

/* LineHeight Adjust */
.s115 {line-height:115%;}
.s130 {line-height:130%;}
.s150 {line-height:150%;}

/* Masthead 2006.09.14 */
<!--
.yjmth{
	*height:1%;}
.yjmth img{
	vertical-align:middle;
	border:0px;}
.yjmth a{
	border:0px;}
div.yjmthproplogoarea{
	float:left;}
div.yjmthloginarea{
	float:left;
	margin:0px 0px 0px 3px;
	font-size:smaller;
	text-align:left;
	line-height:110%}
div.yjmthcplogoarea{
	float:right;}
div.yjmthcmnlnkarea{
	/* Without MacIE \*/
	float:right;
	/* */
	margin:10px 3px 0px 0px;
	font-size:smaller;
	text-align:right;
	line-height:110%;}
br.yjmthclear{
	clear:both;}
div.yjgrplink{
	text-align:right;
	font-size:smaller;
	line-height:115%;}
div#music div.yjmthloginarea{
	margin-top:16px;
	margin-left:7px;}
div#music div.yjmthcmnlnkarea{
	margin-top:26px;}
div#music div.yjmthcplogoarea{
	margin-top:14px;}
-->

/* FontSize 2006.12.12 */
<!--
.yjXXL{
	font-size:x-large;       /* WinIE5.x */
	voice-family:"\"}\"";
	voice-family:inherit;
	font-size:xx-large;      /* WinIE6.x(Standard) */
	font-size /**/:x-large;} /* WinIE6.x(Quirks), WinIE7(Quirks) */
html>body .yjXXL{
	font-size:180%;          /* MacIE5.x */
	font-size/**/:xx-large;} /* WinFF, MacFF, Safari, WinIE7(Standard) */
.yjXL{
	font-size:large;
	voice-family:"\"}\"";
	voice-family:inherit;
	font-size:x-large;
	font-size /**/:large;}
html>body .yjXL{
	font-size:150%;
	font-size/**/:x-large;}
.yjL{
	font-size:medium;
	voice-family:"\"}\"";
	voice-family:inherit;
	font-size:large;
	font-size /**/:medium;}
html>body .yjL{
	font-size:120%;
	font-size/**/:large;}
.yjM{
	font-size:small;
	voice-family:"\"}\"";
	voice-family:inherit;
	font-size:medium;
	font-size /**/:small;}
html>body .yjM{
	font-size:100%;
	font-size/**/:medium;}
.yjMt{
	font-size:small;
	line-height:1.4em;
	voice-family:"\"}\"";
	voice-family:inherit;
	font-size:medium;
	font-size /**/:small;}
html>body .yjMt{
	font-size:100%;
	font-size/**/:medium;}
.yjS{
	font-size:x-small;
	voice-family:"\"}\"";
	voice-family:inherit;
	font-size:small;
	font-size /**/:x-small;}
html>body .yjS{
	font-size:84%;
	font-size/**/:small;}
.yjSt{
	font-size:x-small;
	line-height:1.3em;
	voice-family:"\"}\"";
	voice-family:inherit;
	font-size:small;
	font-size /**/:x-small;}
html>body .yjSt{
	font-size:84%;
	font-size/**/:small;}
.yjXS{
	font-size:xx-small;
	voice-family:"\"}\"";
	voice-family:inherit;
	font-size:x-small;
	font-size /**/:xx-small;}
html>body .yjXS{
	font-size:70%;
	font-size/**/:x-small;}
-->

/*2:lrc_pe*/

/* common.css */ 
/*
====================

      LREC

====================
*/

/* ---------- pos ---------- */

#pos-lrec{
	margin-bottom: 10px;
	text-align: center;
	}
#pos-lrec dl{
	 background-color:#ddd; color:#555;
	}
#pos-lrec dt{	
	display: inline-block;
	padding:4px 0 4px;
	font-size:12px;
	font-weight:normal;
	line-height:12px;
	vertical-align: middle;
	}
/* safari only \*/
html:\66irst-child #pos-lrec dt {
	padding:3px 0 2px;
}
/* /safari only */
#pos-lrec dd{	
	height:250px;
	}

/* ---------- pos ---------- */

/*3:teplLocal-patch_pe*/

/*
========== TABLE of CONTENTS ==========

1:uhd-patch
2:emg-patch
3:pos-patch
4:masthead-patch

clearfix rules

========== TABLE of CONTENTS ==========
*/


/* ---------- 1:uhd-patch ---------- */

#uhd div table{
	text-align: left;
	}
#uhd img{
	display: block;
	}
#uhd br{
	display: none;
	}
/* ---------- /1:uhd-patch ---------- */

/* ---------- 2:emg-patch ---------- */

#emg,#emg2,#emg3{
	margin-bottom: 10px;
	text-align: center;
	}
#emg table,#emg2 table,#emg3 table{
	margin: 0 auto;
	text-align: left;
	}

/* ie/mac \*//*/
#emg, #emg2, #emg3{
	margin-left: 235px;
	}
/**/

/* ---------- /2:emg-patch ---------- */

/* ---------- 3:pos-patch ---------- */

#pos-n{
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	}
#pos-n table{
	margin: 0 auto;
	text-align: left;
	}
#pos-n br{
	display: none;
	}

#pos-s{
	padding: 10px 0;
	border-top: 1px solid #ccc;
	text-align: center;
	}
#pos-s table{
	width: 500px;
	margin: 0 auto;
	text-align: left;
	line-height:1em;
	}	
/* for ie5/mac \*//*/
#pos-s table {
	margin-left: 235px;
	}
/**/

/* ---------- /3:pos-patch ---------- */

/* ---------- 4:masthead-patch ---------- */
#masthead{
	width:100%;
	height: 41px; /* needed when using the safari hack */
	margin: 4px auto 10px auto;
	text-align: left;
	}
#masthead strong{
	font-weight:bold;
	}
/* === standard clear-after rules === */
#masthead:after{
	content: "."; 
	display: block; 
	position:relative; /*works better in IE5.5 or float in float situations */
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
	
/* hide from ie/mac  needed for IE \*/
* html #masthead{
	height: 1%;
	}
* html #masthead .yjmth{
	margin: 0;
	padding: 0;
}
/**/
/* ie/mac \*//*/
#masthead{
	display: inline-table;
	}

/**/
/* === /standard clear-after rules === */

/* ---------- /4:masthead-patch ---------- */

/*4:temlCommon_pe*/

/* common.css */ 
/*
========== TABLE of CONTENTS ==========

1:reset
2:layout
 2-1:layout common
 2-2.layout column
 2-3.clearfix

========== TABLE of CONTENTS ==========
*/

/* ---------- 1:reset  ---------- */

body{
	margin: 0;
	padding: 0;
	text-align: center;
	}
	
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,p,blockquote,fieldset,div{
	margin: 0;
 	padding: 0;
	}
h1,h2,h3,h4,h5,h6{
	font-size: 100%;
	font-weight: normal;
	}	
ul li, ol li{
	list-style: none;
	}

table{
	margin:0;
	padding:0;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
	}
caption{
	text-align: left;
	}
	
table,pre,code,select,input,textarea,kbd,var,ins,del,samp{
	font-size: 100%;
	}
	
address,cite,dfn,em,strong,var,th,ins,del,samp{
	font-weight: normal;
	font-style: normal;
	}

a img{
	border: 0;
	}
		
hr.separation{
	display: none;
	}

fieldset{
	border: none;
	}

/* ---------- /1:reset  ---------- */

/* ---------- 2:layout ---------- */

/* 3-1:layout common */
#wrapper{
	text-align:left;
	font-size:medium;
	line-height:1.56em;
	}

#cat-pass{
	margin-bottom: 10px;
	padding-left: 7px;
	}
#contents-body{
/* use clearfix hack */
	position: relative;
	}
.yj-guid{
	display:block;
	height:0;
	overflow:hidden;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
	}
.yj-skip{
	display:block;
	height:0;
	overflow:hidden;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
	}

#footer{
	text-align: center;
	}
#footer address{
	padding: 10px 0 20px;
	border-top: 1px solid #ccc;
	font-size:small;
	line-height:1.4em;
	}

/* /3-1:layout common */

/* /3-2.layout column */

/* === yj950 common  === */

.yj950-1 #wrapper,.yj950-1-3 #wrapper,.yj950-2 #wrapper,.yj950-3 #wrapper { 
	width: 950px;
	margin:0 auto;
	padding:0 15px;
 }
.yj950-1 #contents,.yj950-1-3 #contents,.yj950-2 #contents,.yj950-3 #contents {
	text-align: left;
	}
/* === /yj950 common  === */

/* === yj950-1 === */
.yj950-1 #contents{
	position: relative;
	}
.yj950-1 #contents-body span.yj-guid{
	position: relative;
	left: auto;
	float: right;
	width: 310px; 
	height: 280px;
	margin: 0;
	}
.yj950-1 #contents-body #sub #pos-lrec{
	position: absolute;
	top: 0;
	right:0;
	width: 300px;
	}


/*-- yj950-1-3 = --*/
.yj950-1-3 #contents-body #sub #pos-lrec{
	position: absolute;
	top: 0;
	right:0;
	width: 300px;
	}
.yj950-1-3 #main .wrapper {
	float:left;
	width:634px;
	}
.yj950-1-3 #main #main-block {
	float:right;
	width:432px;
	}
.yj950-1-3 #main #sub-block1 {
	float: left;
	width: 192px;
	}
.yj950-1-3 #main #sub-block2 {
	float: right;
	width: 300px;
	margin-top:280px;
	}

/*-- /yj950-1-3 = --*/
/* === /yj950-1 === */

/* === yj950-2 === */
.yj950-2 #contents-body #main{
	float: left;
	width: 634px;
	}
.yj950-2 #contents-body #sub{
	float: right;
	width: 300px;
	}
/* === /yj950-2 === */

/* === yj950-3 === */
.yj950-3 #contents-body #main{/* use clearfix hack */
	float: left;
	width: 634px;
	}
.yj950-3 #contents-body #main-main{
	float: right;
	width: 432px;
	}
.yj950-3 #contents-body #main-sub{
	float: left;
	width: 192px;
	}
.yj950-3 #contents-body #sub{
	float: right;
	width: 300px;
	}
/* === /yj950-3 === */


/* === yj100per common  === */
.yj100per-1,.yj100per-1-3,.yj100per-2,.yj100per-3 {
width:100%;
}
.yj100per-1 #wrapper,.yj100per-1-3 #wrapper,.yj100per-2 #wrapper,.yj100per-3 #wrapper {
min-width:950px;
padding:0 15px;
}
* html .yj100per-1 #wrapper,* html .yj100per-1-3 #wrapper,* html .yj100per-2 #wrapper,* html .yj100per-3 #wrapper {
/* Win IE6 min-width */
width:expression(document.body.clientWidth < 1001 ? "950px" : "auto");
}
/* === /yj100per common  === */

/* === yj100per-1 === */
.yj100per-1 #contents {
position:relative;
}
.yj100per-1 #contents-body span.yj-guid {
	position: relative;
	left: auto;
	float: right;	
	width: 310px; 
	height: 280px;
	margin: 0;
}
.yj100per-1 #contents-body #sub #pos-lrec {
	position: absolute;
	top: 0;
	right:0;
	width: 300px;
}

/*-- yj100per-1-3 = --*/
.yj100per-1-3 #contents-body #sub #pos-lrec{
	position: absolute;
	top: 0;
	right:0;
	width: 300px;
	}
.yj100per-1-3 #main #main-main-wrapper {
	float: left;
	width:100%;
	margin-left:-316px;
	}
.yj100per-1-3 #main #main-main {
	margin-left:316px;
	}
.yj100per-1-3 #main #main-block-wrapper {
	float: right; 
	width:100%;
	margin-right:-202px;
	}
.yj100per-1-3 #main #main-block {
	margin-right:202px;
	}
.yj100per-1-3 #main #sub-block1 {
	float:left;
	width: 192px;
	}
.yj100per-1-3 #main #sub-block2 {
	float: right;
	width: 300px;
	margin-top:280px;
	}

/*-- /yj100per-1-3 = --*/
/* === /yj100per-1 === */

/* === yj100per-2 === */
.yj100per-2 #contents-body #main-wrapper {
	float: left;
	width:100%;
	margin-left:-316px;
	}
.yj100per-2 #contents-body #main {
	margin-left:316px;
	}
.yj100per-2 #contents-body #sub {
	float: right;
	width: 300px;
	}
/* === /yj100pre-2 === */

/* === yj100per-3 === */
.yj100per-3 #contents-body #main-wrapper {
	float: left;
	width:100%;
	margin-left:-316px;
	}
.yj100per-3 #contents-body #main {
margin-left:316px;
}
.yj100per-3 #contents-body #main-main-wrapper {
	float: right;
	width:100%;
	margin-right:-202px;
	}
.yj100per-3 #contents-body #main-main {
	margin-right:202px;
	}
.yj100per-3 #contents-body #main-sub {
	float:left;
	width: 192px;
	}
.yj100per-3 #contents-body #sub {
	float: right;
	width: 300px;
	}
/* === /yj100per-3 === */
/* /2-2.layout column */

/* 2-3.clearfix */
/* for FF,Safari,Opera */
#contents-body:after,
.yj950-3 #contents-body #main:after{
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	}
/* for Win IE5.5-7 */
#contents-body,
.yj950-3 #contents-body #main{
	zoom:1;
	}
/* /2-3.clearfix */
/* ---------- /2:layout ---------- */