@charset "utf-8";

/* ===== import basic style ===== */
@import "base.css";
@import "common.css";
@import "navi.css";
@import "font.css";

/* local column */
@import "local.css";



/* ===== category style ===== */
/* column setting */


/* local parts */




/* ===== [page type] contents top ===== */
/* ----- title area ----- */
.category .title {
	height: 130px;
	background: url(../img/datestudy/title.jpg) left top no-repeat;
}
.category .title h1 {display: none;}

.category .title p {
	margin: 0px 200px 0px 10px;
	padding: 79px 0px 0px 5px;
	color: #533D2E;
	font-size: 13px;
	line-height: 1.1;
}


/* ----- back number list ----- */
.category .backnumber {margin-bottom: 30px;}
.category .backnumber li {margin-bottom: 20px;}

.category .backnumber li h2 {}
.category .backnumber li h2 a {
	display: table-cell;
	padding-left: 65px;
	height: 23px;
	line-height: 23px;
	background: left top no-repeat;
	zoom: 1;
}
.category .backnumber li h2 a:hover,
.category .backnumber li h2 a:active {background-position: left bottom;}
	.category .backnumber li.no01 h2 a {background-image: url(../img/datestudy/navi01.gif);}
	.category .backnumber li.no02 h2 a {background-image: url(../img/datestudy/navi02.gif);}
	.category .backnumber li.no03 h2 a {background-image: url(../img/datestudy/navi03.gif);}
	.category .backnumber li.no04 h2 a {background-image: url(../img/datestudy/navi04.gif);}
	.category .backnumber li.no05 h2 a {background-image: url(../img/datestudy/navi05.gif);}
	.category .backnumber li.no06 h2 a {background-image: url(../img/datestudy/navi06.gif);}
	.category .backnumber li.no07 h2 a {background-image: url(../img/datestudy/navi07.gif);}

.category .backnumber li p {margin: 0px 0px 8px 66px; font-size: 15px;}




/* ===== [page type] article pages ===== */
.article .entry h2 {
	margin: 25px 3px 10px;
	padding: 3px 0px 0px 38px;
	font-size: 25px;
	line-height: 40px;
	letter-spacing: -1px;
	background: url(../img/datestudy/theme_head.gif) left top no-repeat;
}

.article .entry h3 {
	margin: 20px 10px 10px;
	padding: 0px 0px 0px 52px;
	color: #333333;
	font-size: 17px;
	line-height: 20px;
	background: left center no-repeat;
}
.article .entry h3 span {font-size: 13px;}
.article .entry h3.attention {background-image: url(../img/datestudy/point_attention.gif);}
.article .entry h3.check {background-image: url(../img/datestudy/point_check.gif); padding-left: 29px;}
.article .entry h3.solution {background-image: url(../img/datestudy/point_solution.gif);}

.article .entry p {margin: 0px 5px 1.2em;}
.article .entry p.font_kana {margin-left: 12px; font-size: 13px;}

.article .entry p.point {
	margin: -5px 0px 1em 15px;
	padding-left: 11px;
	color: #540000;
	font-size: 15px;
	letter-spacing: -1px;
	background: url(../img/datestudy/triangle_side.gif) left center no-repeat;
}
.article .entry p.point strong {margin-left: 5px; font-size: 19px;}

.article .entry p.slogan {
	margin: 20px 0px 20px 10px;
	color: #454545;
	font-size: 25px;
	font-weight: bold;
	letter-spacing: -1px;
}

.article .entry ul {margin: 0px 30px 1.5em; line-height: 1.2; list-style-type: square;}
.article .entry ul li {margin: 0px 0px 3px;}

.article .entry ol {margin: 0px 35px 1.5em; line-height: 1.2;}
.article .entry ol li {margin: 0px 0px 3px;}

/* sign image */
.article .entry .img_right {border: 2px solid #111111;}


/* ----- course curriculum list ----- */
.article .entry ul#curriculum {
	margin: 0px 0px 20px 40px;
	padding: 10px 0px;
	width: 306px;
	border: 3px double #CCCCCC;
	list-style: none;
	zoom: 1;
}
.article .entry ul#curriculum:after {
	content: ".";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
}
.article .entry ul#curriculum li {
	width: 150px;
	height: 20px;
	color: #540000;
	font-size: 15px;
	line-height: 19px;
	text-indent: 20px;
	float: left;
}
.article .entry ul#curriculum li span,
.article .entry ul#curriculum li a {padding-left: 3px;}


/* ----- route pattern list ----- */
.article .entry ul.route {
	margin: -5px 0px 30px 18px;
	padding: 0;
	color: #540000;
	list-style: none;
}
.article .entry ul.route li {
	margin: 0px 0px 5px;
	padding-left: 14px;
	font-size: 13px;
	background: url(../img/datestudy/triangle_route.gif) 0px 5px no-repeat;
}


/* ----- pattern definition list ----- */
.article .entry dl.pattern {margin: 0px 0px 30px 20px; padding: 0;}
.article .entry dl.pattern dt {
	margin: 0;
	padding: 0px 0px 0px 10px;
	color: #540000;
	font-size: 15px;
	line-height: 1.2;
	text-indent: -10000px;
	overflow: hidden;
	background: url(../img/datestudy/triangle_side.gif) left center no-repeat;
}
.article .entry dl.pattern dt.blue {background: url(../img/datestudy/signal_blue.gif) left top no-repeat;}
.article .entry dl.pattern dt.yellow {background: url(../img/datestudy/signal_yellow.gif) left top no-repeat;}
.article .entry dl.pattern dt.red {background: url(../img/datestudy/signal_red.gif) left top no-repeat;}
.article .entry dl.pattern dd {margin: -18px 0px 30px 65px; padding: 0; color: #540000; font-size: 15px; line-height: 1.3;}
.article .entry dl.pattern dd p {margin: 5px 0px 0px 12px; padding: 0; color: #454545; font-size: 13px;}

/* inside list */
.article .entry dl.pattern dd ul {
	margin: 5px 0px 0px;
	padding: 0px 0px 0px 18px;
	color: #454545;
	font-size: 13px;
	line-height: 14px;
	background: url(../img/datestudy/head_example.gif) left center no-repeat;
}
.article .entry dl.pattern dd li {display: inline; margin: 0px 0px 0px 8px; padding: 0;}