@charset "UTF-8";
/* --------------------------------------------------
Custom Style Sheet
2014/10/01 - 
-------------------------------------------------- */

/* --------------------------------------------
Element Styles
----------------------------------------------- */
/* PARAGRAPH */
p {}

/* FORMS */
input,
select { vertical-align: middle; }
input[type="checkbox"],
input[type="radio"] {
	margin-bottom: 2px;
	margin-right: .25em;
	vertical-align: middle;
}
input[type="text"],
textarea { font-size: 100%; }
input[type="text"].defVal { color: #CCC; }
#mainBody select{ font-size:14px; padding:4px;}

/* Default Table */
table.defTbl{
	border-collapse:collapse;
	border:0px;
}

/* LISTS */
ul,ol {}
ul li ul, ol li ol {}
.simple {}
.typeInline,
.icoArrow {}
	.typeInline li {
		display: inline-block;
	}
	html*.typeInline li {
		display: inline;
		zoom: 1;
	}
	.typeInline img{ vertical-align:middle;}
/* HEADINGS */
/* ----------------------------------------
* Headings Clear
* ----------------------------------------*/
.heading { font-weight: bold; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; }
h1 { font-weight: normal; }
.lv1, .lv2, .lv3, .lv4 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
.lv1,
.lv2 {
	background: #CA0A37;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	color: #FFF;
	font-size: 1.917em;
	line-height: 1;
	padding: 13px 20px 11px;
	behavior: url( "/css/std/lib_css/PIE.htc" ); 
	border-radius: 5px 5px 0 0;
	position: relative;
	font-weight: 200;
}
.lv2 {
	font-size: 1.500em;
}
.lv3 {
	color: #CA0A37;
	font-size: 1.917em;
	padding: 12px 20px;
	font-weight: 200;
}
.lv4 {
	color: #CA0A37;
	font-size: 1.167em;
	padding: 10px 15px;
}

/* LINES */
hr {}

/* LINKS */
a:link { color: #0633AC; }
a:visited {}
a:active {}
a:hover { color:#069;}
a:hover img {
	opacity: .6;
	filter: alpha(opacity=60);
}
.icoArrow a, .icoArrow span{
	background: url(../../../images/std/common/ico_arrow_red.gif) no-repeat 2px 50%;
	padding-left: 15px;
}
a.arrow, span.arrow { background: url(../../../images/std/common/ico_arrow_red.gif) no-repeat 0 50%; padding-left: 10px; }
a.icon { display: inline-block; }
.ico.blank { background: url(/top/images/std/common/ico_blank.gif) no-repeat 100% 25%; padding-right: 13px; }

/* Image Replacement */
.imgReplace {
text-indent:100%;
text-indent: -999px\9;
white-space: nowrap;
overflow: hidden;
background-repeat:no-repeat;
width:100%;
position: relative;
text-align: left;
}
.imgReplace a{
height:100%;
width:100%;
position:absolute;
top:0;
left:0;
display: block;
}
.irBtn:hover{
background-color:#FFF;
filter:alpha(opacity=60);
-moz-opacity:0.6;
-khtml-opacity: 0.6;
opacity:0.6;
cursor:pointer;
}

/* for ie8png */
a:hover img.pngbg{
	background:url(/top/images/std/common/bg_png.gif);
    /*background: #fff;/*url(/top/images/std/common/bg_png.gif);*/
}

/* --------------------------------------------
Page Layout
----------------------------------------------- */
body {
	background: #F8F8F8;
	text-align: center;
}
#container {
	margin: 0 auto;
	padding: 15px 15px 30px;
	position: relative;
	text-align: left;
	width:1000px;
}
#container-inner {}

/* MAIN CONTENT STYLE
----------------------- */
#mainCol,#mainBody,#subCol,#exCol {}

/* MAIN COLUMN STYLE
----------------------- */
#mainCol {}
#mainBody {
	line-height: 1.5;
}

/* SUB COLUMN STYLE
----------------------- */
#subCol {}

/* EXTRA COLUMN STYLE
----------------------- */
#exCol {}

/* RETURN TO PAGE TOP STYLE
----------------------- */
/*
#toPageTop {
	bottom: -180px;
	position: absolute; 
	right: -60px;
	z-index: 100;
}
*/
#toPageTop {
	bottom: 45px;
	position: fixed; 
	right: 45px;
	z-index: 10;
	display:none;
}

/* PAGE BOTTOM AREA STYLE
----------------------- */
#prefLinks {
	background: #EDEDE2 url(../../../images/std/common/bg_pref_links.png) no-repeat 95% 15px;
	border-top: 1px dotted #CDCDB1;
	position: relative;
}
#prefLinks-inner {
	margin: 0 auto;
	padding: 20px 0 15px;
	position: relative;
	text-align: left;
	width: 1000px;
	z-index: 2;
}
	#prefLinks-title {
		border-left: 4px solid #4B4738;
		font-size: 1.333em;
		color: #4B4738;
		margin-bottom: 20px;
		padding-left: 11px;
	}
	#prefLinks a {
		color: #4B4638;
	}
	#prefLinks dl {
		float: left;
		margin-left: 15px;
	}
	#prefLinks dl+dl {
		margin-left: 50px;
	}
	#prefLinks dt,
	#prefLinks dd {
		color: #4B4638;
		float: left;
		line-height: 1.25;
		margin-bottom: 8px;
	}
	#prefLinks dt {
		border-right: 1px dotted #4B4738;
		clear: left;
		font-weight: bold;
		margin-right: 1.25em;
		padding: 0 .75em 0 0;
		width: 7em;
	}
	#prefLinks dd {
		padding: 0 .75em 0 0;
	}
	#prefLinks dd+dd {
		border-left: 2px solid #CCC;
		padding-left: 1em;
	}

#site-notice {
	background: #FFF;
	border: 1px solid #CCC;
	border-radius: 3px;
	margin-bottom: 15px;
	padding: 5px 10px;
}
	#site-notice li {
		position: relative;
	}
	#site-notice li:before {
		content: "・";
		font-weight: bold;
		position: static;
	}
	#site-notice li.important:before {
		color: #F00;
	}

/* LIB
----------------------- */
/* single */
.fsLL { font-size: 1.333em; } /* 16|12 */
.fsL { font-size: 1.167em; } /* 14|12 */
.fsMS { font-size: .917em; } /* 11|12 */
.fsS { font-size: .833em; } /* 10|12 */
.fwB { font-weight: bold; }
.fcRed { color: #F00; }
.taC { text-align: center; }
.taR { text-align: right; }
.taL { text-align: left; }
.left { float: left; }
.right { float: right;}
.hide { display: none; }
.vaM { vertical-align: middle; }
.w100 { width: 100%; }
.w95 { width: 95%; }
.w90 { width: 90%; }
.w85 { width: 85%; }
.w80 { width: 80%; }
.w75 { width: 75%; }
.w70 { width: 70%; }
.w65 { width: 65%; }
.w60 { width: 60%; }
.w55 { width: 55%; }
.w50 { width: 50%; }
.w45 { width: 45%; }
.w40 { width: 40%; }
.w35 { width: 35%; }
.w30 { width: 30%; }
.w25 { width: 25%; }
.w20 { width: 20%; }
.w15 { width: 15%; }
.w10 { width: 10%; }
.w05 { width: 5%; }
.mT05{margin-top:5px;}
.mT10{margin-top:10px;}
.mT15{margin-top:15px;}
.mT20{margin-top:20px;}
.mR05{margin-right:5px;}
.mR10{margin-right:10px;}
.mR15{margin-right:15px;}
.mR20{margin-right:20px;}
.mB05{margin-bottom:5px;}
.mB10{ margin-bottom:10px;}
.mB15{ margin-bottom:15px;}
.mB20{ margin-bottom:20px;}
.mL05{margin-left:5px;}
.mL10{margin-left:10px;}
.mL15{margin-left:15px;}
.mL20{margin-left:20px;}

.clrL{clear:left;}
.clrR{clear:right;}
.clrB{clear:both;}

.nowrap{white-space:nowrap;}

.dotline {
	border: none;
	border-top: 1px dotted #CCC;
	height: 0;
	margin: 20px 0;
	padding: 0;
}
.doubleLine {
	background: url(/top/images/std/common/bg_bar_doubledot.gif) repeat-x 0 0;
}
p.more,
p.morePlain {
	font-size: 12px;
	font-weight: normal;
	margin-bottom: .5em;
	text-align: right;
}
	p.more.catch {
		border: 1px solid #FFF;
		padding: 0 1em;
	}
	.heading+p.morePlain,
	.heading+p.more {
		position: absolute;
		right: 23px;
		top: 10px;
		z-index: 10;
	}
	.heading.lv2+p.more,
	.heading.lv2+p.more a {
		color: #FFF;
	}
	.heading.lv2+p.more a {
		text-decoration: none;
	}
.box,
.linerBox {
	background: #FFF;
	margin-bottom: 20px;
	position: relative;
}
	.box .inner {
		border: 1px solid #CCC;
		border-top: none;
		padding: 15px 19px 10px;
	}
		.inner .overwrap {
			border-bottom: 1px dotted #CCC;
			margin-left: -19px;
			margin-right: -19px;
			margin-bottom: 15px;
			padding-bottom: 10px;
			padding-left: 19px;
			padding-right: 19px;
		}
.linerBox {
	border: 1px solid #CCC;
	border-top: 4px solid #CA0A37;
}
	.linerBox .inner {
		padding: 0 17px 10px;
	}
.padWrap {
	padding: 0 19px 10px;
}

/*  all common */
.typeInline.col-3,
.typeInline.col-5,
.typeInline.col-7 {
}
.typeInline.auto li,
.typeInline.col-1 li,
.typeInline.col-2 li,
.typeInline.col-3 li,
.typeInline.col-4 li,
.typeInline.col-5 li,
.typeInline.col-6 li,
.typeInline.col-7 li {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: .5em 2em .5em 0;
	vertical-align: top;
}
.typeInline.col-1 li {
		margin-right: 1%;
		width: 98%;
}
.typeInline.col-2 li {
		margin-right: 1%;
		width: 48%;
}
.typeInline.col-3 li {
		margin-right: 1%;
		width: 30%;
}
.typeInline.col-4 li {
		margin-right: 1%;
		width: 23%;
}
.typeInline.col-5 li {
		margin-right: 1%;
		width: 18%;
}
.typeInline.col-6 li {
		margin-right: 1%;
		width: 15%;
}
.typeInline.col-7 li {
		margin-right: .5%;
		width: 13%;
}
.relation-search .typeInline.col-4 li { color: #666; text-decoration: none;}

/* small lists */
.holdList {
}
	.holdList .lv4 {
		color: #CA0A37;
		font-size: 1.167em;
		font-weight: bold;
		padding: 10px 15px;
	}
	.holdList ul {
		/*font-size: .917em;*/
		list-style: none;
		margin: 0;
		padding: 0 10px 10px 12px;
		overflow: hidden;
	}
	.holdList li {
		display: block;
		float: left;
		margin: 0 1% .5em 0;
		position: relative;
		word-break: keep-all;
		white-space:nowrap;
		text-overflow:ellipsis;
		overflow:hidden;
	}
	.holdList .col-1 li {
		width: 98%;
	}
	.holdList .col-2 li {
		width: 49%;
	}
	.holdList .col-3 li {
		width: 32%;
	}
	.holdList li:before {
		content: "・";
		position: static;
	}

/*  */
.typeTable { display: table; }
.cell,
.typeTable > dt,
.typeTable > dd,
.typeTable > li { display: table-cell; }

/**/
.ico.rank img { margin-right: 3px; vertical-align: text-bottom; }