@charset "euc-jp";

/*  ---- Reset ----  */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote{ 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}


/*  ---- Fontsize Base ----  */

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {font:13px/1.22;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:99%;}

/*  ---- Fontsize Pattern ----  */
/*
10px 	77%
11px 	85%
12px 	93% (was 93)
13px 	100%
14px 	108% (was 107)
15px 	116% (was 114)
16px 	123.1% (was 122)
*/
/*  ----------  */


a:link{
	font-size:100%;
	color:#004cca;
	text-decoration:underline;
}
a:visited{
	font-size:100%;
	color:#663399;
	text-decoration:underline;
}

/* === yj950 wrapperの定義を上書き（左右padding15px→10px） === */

.yj950-1 #wrapper,.yj950-1-3 #wrapper,.yj950-2 #wrapper,.yj950-3 #wrapper { 
	width: 950px;
	margin:0 auto;
	padding:0 10px;
}
.yj950-1 #contents,.yj950-1-3 #contents,.yj950-2 #contents,.yj950-3 #contents {
	text-align: left;
}
/* === /yj950 wrapperの定義を上書き（左右padding15px→10px） === */

/* 大枠の幅 */

#wrapper{
	text-align:left;
	line-height:1.4em;
}

/* === yj750-1 イレギュラー === */

.yj750-1 #wrapper{
	width: 750px;
	margin:0 auto;
	padding:0 10px;
 }
.yj750-1 #contents{
	text-align: left;
	}
.yj750-1 div#main-area{
	width:750px;
	margin:0 auto 10px auto;
}
/* === yj950-1 common === */

.yj950-1 div#main-area{
	width:950px;
	margin:0 auto 10px auto;
}

/* === yj950-2 common  === */

.yj950-2 div#main-area{
	width:642px;
	float:left;

}
.yj950-2 div#sub-area{
	width:300px;
	float:right;
}

/* === yj950-3 common === */
.yj950-3 #contents-body #main-area{/* use clearfix hack */
	float: left;
	width: 634px;
}
.yj950-3 #contents-body #main-main-area{
	float: right;
	width: 432px;
}
.yj950-3 #contents-body #main-sub-area{
	float: left;
	width: 192px;
}
.yj950-3 #contents-body #sub-area{
	float: right;
	width: 300px;
}
/* clearfix */
/* for FF,Safari,Opera */
#contents-body:after,
.yj950-3 #contents-body #main-area:after{
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
}
/* for Win IE5.5-7 */
#contents-body,
.yj950-3 #contents-body #main-area{
	zoom:1;
}
/* clearfix */

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




/* clearfix */

.clearfix{
    zoom:1;
}
.clearfix:after{
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

/* IE対策 画像下の隙間埋 */
#main-area img{
	vertical-align:text-bottom;
}

/*=================================
 既存設定の上書き
=================================*/
#masthead{
	margin-top:0px;
}

#masthead_s{
	width:100%;
	height:41px;
	margin:10px auto 10px auto;
	text-align:left;
}
/* ---------- emg-patch ---------- */
div.emg3{
	margin: 0 0 20px 0;
	text-align: center;
	clear:both;
	}
div.emg2{
	margin: 0 0 0 0;
	text-align: center;
	clear:both;
	}
div.emg{
	margin: 0 0 20px 0;
	text-align: center;
	clear:both;
	}

div.emg table,div.emg2 table,div.emg3 table{
	margin: 0 auto;
	text-align: left;
	}

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

/* ---------- emg-patch ---------- */


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

#pos-lrec{
	margin-bottom: 10px;
	text-align: center;
	}
#pos-lrec dl{
	background-color:#fff;
	color:#555;
	}
#pos-lrec dt{
	width:300px;
	background-color:#ddd;
	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{

	}
#pos-lrec dd img {
	vertical-align: bottom;
}

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

/*=================================
 パンくずリスト
=================================*/
#sample-breadcrumbs{
	margin-bottom:10px;
	padding:0 0 0 10px;
}
/*=================================
 footer
=================================*/
#contents-footer {
  margin:15px 0px 15px 0px;
  text-align:center;
}

/*=================================
 共通class
=================================*/
.a_left{
	float:left;
}
.a_right{
	float:right;
}
.img-left{
	margin:0px 8px 0px 0px;
	float:left;
}
.img-right{
	margin:0px 0px 0px 8px;
	float:right;
}
.a-center{
	width:100%;
	margin:0 auto;
	text-align:center;
	padding:0 0 0 0
}
.a_center{
	width:100%;
	margin:0 auto;
	text-align:center;
	padding:0 0 0 0
}

/*=================================
 margin/padding
=================================*/
.mrg_b1{margin-bottom:1px;}
.mrg_b5{margin-bottom:5px;}
.mrg_b10{margin-bottom:10px;}
.mrg_b15{margin-bottom:15px;}
.mrg_b20{margin-bottom:20px;}
.mrg_b25{margin-bottom:25px;}
.mrg_b30{margin-bottom:30px;}
.mrg_b35{margin-bottom:35px;}
.mrg_b40{margin-bottom:40px;}
.mrg_b45{margin-bottom:45px;}
.mrg_b50{margin-bottom:50px;}
.mrg_b55{margin-bottom:55px;}
.mrg_b60{margin-bottom:60px;}
.mrg_b80{margin-bottom:80px;}
.mrg_b100{margin-bottom:100px;}

.mrg_l5{margin-left:5px;}
.mrg_l10{margin-left:10px;}
.mrg_l15{margin-left:15px;}
.mrg_l20{margin-left:20px;}
.mrg_l25{margin-left:25px;}
.mrg_l30{margin-left:30px;}
.mrg_l35{margin-left:35px;}
.mrg_l40{margin-left:40px;}
.mrg_l45{margin-left:45px;}
.mrg_l50{margin-left:50px;}
.mrg_l55{margin-left:55px;}
.mrg_l60{margin-left:60px;}

.mrg_r5{margin-right:5px;}
.mrg_r10{margin-right:10px;}
.mrg_r15{margin-right:15px;}
.mrg_r20{margin-right:20px;}
.mrg_r25{margin-right:25px;}
.mrg_r30{margin-right:30px;}
.mrg_r35{margin-right:35px;}
.mrg_r40{margin-right:40px;}
.mrg_r45{margin-right:45px;}
.mrg_r50{margin-right:50px;}
.mrg_r55{margin-right:55px;}
.mrg_r60{margin-right:60px;}

.mrg_t5{margin-top:5px;}
.mrg_t10{margin-top:10px;}
.mrg_t15{margin-top:15px;}
.mrg_t20{margin-top:20px;}
.mrg_t25{margin-top:25px;}
.mrg_t30{margin-top:30px;}
.mrg_t35{margin-top:35px;}
.mrg_t40{margin-top:40px;}
.mrg_t45{margin-top:45px;}
.mrg_t50{margin-top:50px;}
.mrg_t55{margin-top:55px;}
.mrg_t60{margin-top:60px;}




.mrg_t-20{margin-top:-20px;}

.mrg_tb20c{margin:20px auto;}

.pdg_tb3{padding-top:3px;padding-bottom:3px;}
.pdg_rl5{padding-left:5px;padding-right:5px;}

.pdg_t5{padding-top:5px}
.pdg_t10{padding-top:10px}

.pdg_b5{padding-bottom:5px}
.pdg_b10{padding-bottom:10px}
.pdg_b30{padding-bottom:30px}

.pdg_r10{padding-right:10px;}
.pdg_r15{padding-right:15px;}
.pdg_r20{padding-right:20px;}

.pdg_l5{padding-left:5px}
.pdg_l10{padding-left:10px}
.pdg_l15{padding-left:15px}

.icon_sp{margin-right:5px;}

div.center,p.center{
	text-align:center;
}

div.inputbt-sp{
	width:100%;
	text-align:center;
	margin:0 auto 10px auto;
}

/*=================================
 テキスト
=================================*/
.common-text{
	font-size:83%;
	font-weight:bold;
}
.message{
	font-size:83%;
	text-align:center;
	background-color: #ddffdd;
	border:1px solid #ccc;
	padding:2px 5px;
	margin:0 10px 20px 10px;
}
.errormessage{
	font-size:83%;
	color:#ff0000;
	font-weight:bold;
	text-align:center;
	background-color: #fee9e9;
	border:1px solid #e60505;
	padding:3px 5px;
	margin:0 10px 20px 10px;
}
.errormessage li{
	line-height:1.3em;
}

.hidden-text{
	text-indent:-9999px;
	overflow:hidden;
	display:none;
}
.grayoff-text{
	color:#666;
}
.grayoff-text2{
	color:#ccc;
}
.err-text{
	color:#ff0000;
}
.right-text{
	text-align:right;
}
.left-text{
	text-align:left;
}
.center-text{
	text-align:center;
}
.text_mid{
	vertical-align:middle;
}
strong{
	font-weight:bold;
	line-height: 130%;
}
.font_normal{font-weight:normal;}
.font_bold{font-weight:bold;}

.font_gray{color:#999;}
.font_white{color:#fff;}
.font_black{color:#000;}


/*=================================
 カーソルのclass
=================================*/
.linkcursor-off{
	cursor:default;
}

.linkcursor-on{
	cursor:pointer;
}

/* ---------- masthead2 ---------- */
#masthead2{width:100%;height: 41px; /* needed when using the safari hack */margin: 10px auto 10px auto;text-align: left;}
#masthead2 strong{font-weight:bold;}
#masthead2 div.yjmthloginarea{margin:2px 0 0 15px;}
/* === standard clear-after rules === */
#masthead2: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 #masthead2{height: 1%;}
* html #masthead2 .yjmth{margin: 0;padding: 0;}
/**/
/* ie/mac \*//*/
#masthead2{display: inline-table;}
/**/
/* === /standard clear-after rules === */
/* ---------- /masthead2 ---------- */

/* ---------- masthead3 ---------- */
#masthead3{width:100%;margin: 0 auto 10px auto;text-align: left;border-top:5px solid #a6ba1d;padding-top:8px;}
#masthead3 div {margin-bottom:5px;}
#masthead3 div p{float:left;}
#masthead3 div dl{float:right;text-align:right;}
#masthead3 div dt{color:#a6ba1d;font-weight:bold;}
#masthead3 div dd{color:#999999;margin-bottom:0;}
#masthead3 p#logIn{background-color:#f8f8f8;border-bottom:#e4e4e4 1px solid;line-height:22px;padding-left:10px;}
#masthead3 p#logIn em{font-weight:bold;color:#696969;font-style:normal;}
/* ---------- /masthead3 ---------- */