@charset "Shift_JIS";

/* ====================================================== */
/* [汎用スタイル]                                         */
/* ====================================================== */
body {
	background: url("../images/bg.png");
}

#wrap-outer {
	background: none;
}

#wrap-inner {
	background: #fff;
}

.emphasis {
	background: -moz-linear-gradient(top, rgba(255,255,102, 0) 60%, #ffff66  60%);
	background: -webkit-gradient(linear, left center, left bottom, from(#fff), to(#ffff66));
	background: -o-gradient(top, rgba(255,255,102, 0) 60%, #ffff66  60%);
	background: linear-gradient(top, rgba(255,255,102, 0) 60%, #ffff66  60%);
	background: -ms-linear-gradient(top, rgba(255,255,102, 0) 60%, #ffff66  60%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccccff', endColorstr='#000066', GradientType=0)";
/* IE5.5-7 */
/*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#ffff66');*/;
}
/* ====================================================== */
/* [pankuzu定義]                                          */
/* ====================================================== */
#pankuzu-item {
	margin: 0;
	padding: 15px 10px 0 15px;
}

#pankuzu-item ul.pankuzu-item {
	font-size: 100% !important;
}

#pankuzu-item ul.pankuzu-item li {
	font-size: 80%;
	float: left;
}

#pankuzu-item ul.pankuzu-item li.arrow {
	margin: 0 7px 0 5px;
}


/* ====================================================== */
/* [main]                                                 */
/* ====================================================== */
#main {
	border-top: 1px solid #bebebe;
	padding-bottom: 40px;
}

#main * {
	max-height: 100%;
}

#spFirst {
	color: #333;
	line-height: 1.6;
}

/* タイトル */
#ttl {
	position: relative;
}

#ttl h1 {
	color: #fff;
	background: #4169E1;
	padding: 18px 10px 15px 133px;
	font-size: 34px;
	line-height: 42px;
	font-weight: bold;
}

#ttl h1 span {
	font-size: 44px;
}

#ttl .label {
	display: table;
	position: absolute;
	left: 23px;
	top: 0;
	width: 74px;
	height: 74px;
	text-align: center;
	background: url("../images/bg_label.png") no-repeat;
	max-height: none;
}

#ttl .label .labeltxt {
	display: table-cell;
	vertical-align: middle;
	color: #999;
	font-size: 15px;
	line-height: 22px;
	font-weight: bold;
	padding-bottom: 5px;
}

#spFirst .lead {
	padding: 20px 35px;
}

#spFirst .lead .leadinner {
	display: inline;
	color: #333;
	font-size: 16px;
	line-height: 26px;
	border-bottom: 2px solid #6495ED;
}

/* コンテンツ */
#spFirst .contents + .contents {
	margin-top: 80px;
}

#spFirst .contents h2 {
	display: inline-block;
	font-size: 26px;
	line-height: 32px;
	font-weight: bold;
	border-bottom: 5px solid #6495ED;
	margin: 0 0 40px;
}

#spFirst .contents h2.postop {
	margin-left: 35px;
	margin-right: 35px;
}

#spFirst .contents .contentlead {
	font-size: 16px;
	line-height: 32px;
}

#spFirst .contents h3 {
	color: #444;
	font-size: 22px;
	line-height: 30px;
	font-weight: bold;
	margin: 40px 0 20px;
	padding-left: 30px;
	background: url("../images/icon_disc.png") no-repeat 0 50%;
}

#spFirst .contents#contents-mat h3 {
	margin-top: 40px;
}

#spFirst .innerarea {
	padding: 25px 35px 0;
	width: auto;
}

#spFirst .middletext {
	color: #333;
	font-size: 26px;
	font-weight: bold;
	line-height: 38px;
	margin: 55px 0;
}

.mtnone {
	margin-top: 0 !important;
}

/* 記事 */
#spFirst .setbox {
	display: table;
	width: 100%;
}

#spFirst .setbox .intxt,
#spFirst .setbox .inimg {
	display: table-cell;
	vertical-align: top;
	font-size: 16px;
	line-height: 32px;
}

#spFirst .setbox .intxt {
	width: auto;
	padding: 0 1em;
}

#spFirst .setbox .inimg {
	width: 280px;
}

#spFirst .setbox .inimg a.linkpage {
	display: block;
	width: 200px;
	color: #555;
	text-align: center;
	text-decoration: none;
	font-size: 15px;
	line-height: 26px;
}

#spFirst .setbox.textleft .inimg a.linkpage,
#spFirst .setbox.textleft .inimg a.linkmat {
	float: right;
}

#spFirst .setbox .inimg a.linkpage:hover {
	text-decoration: underline;
}

#spFirst .setbox .inimg a.linkpage:hover img,
#spFirst .setbox .inimg a.linkmat:hover img {
	opacity: 0.65;
	filter: alpha(opacity=65);
}

/* page top */
.pagetop {
	border-bottom: dotted 1px #968a84;
	text-align: right;
	padding: 0 35px;
	margin: 35px 0 0;
}

/* text_only */
#spFirst .setbox.text_only,
#spFirst .setbox.text_only .intxt,
#spFirst .setbox.text_only .inimg {
	display: block;
}

#spFirst .setbox.text_only p {
	margin-bottom: 1em;
}

#spFirst .setbox.text_only + h2 {
	margin-top: 1em;
}

/* 講座複数用 */
#spFirst .setbox .inimg.w350 {
	width: 350px;
	text-align: center;
}

#spFirst .setbox .inimg.w350 div {
	display: inline-block;
	width: 160px;
	margin: 4px;
}

#spFirst .setbox .inimg.w350 div a.linkpage {
	width: 160px;
}

/* テーマ */
#spFirst.pink #ttl h1 { background: #F3849A; }
#spFirst.pink .lead .leadinner, #spFirst.pink .contents h2 {  border-color: #FFCCCC; }
#spFirst.orange #ttl h1 { background: #FBBA65; }
#spFirst.orange .lead .leadinner, #spFirst.orange .contents h2 {  border-color: #FEC67D; }
#spFirst.dark_orange #ttl h1 { background: #E9A057; }
#spFirst.dark_orange .lead .leadinner, #spFirst.dark_orange .contents h2 {  border-color: #E09678; }
#spFirst.yellow #ttl h1 { background: #E8D749; }
#spFirst.yellow .lead .leadinner, #spFirst.yellow .contents h2 {  border-color: #F6E18E; }
#spFirst.green #ttl h1 { background: #79CC3B; }
#spFirst.green .lead .leadinner, #spFirst.green .contents h2 {  border-color: #9BDD6B; }
#spFirst.blue #ttl h1 { background: #76AFFC; }
#spFirst.blue .lead .leadinner, #spFirst.blue .contents h2 {  border-color: #8FBDFB; }