@charset "euc-jp";
/* 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{
	position: absolute;
	left: -999px;
	width: 999px;
	}
.yj-skip{
	position: absolute;
	left: -999px;
	width: 999px;
	}

#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 ---------- */