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


/* guide profile */
.contents .area_main .guideprofile dt {}
	.active .contents .area_main .guideprofile dt {color: #5B6E97;}
	.passive .contents .area_main .guideprofile dt {color: #975E5B;}
	.study .contents .area_main .guideprofile dt {color: #B5973D;}
.contents .area_main .guideprofile dd img {}
	.active .contents .area_main .guideprofile dd img {border-color: #5B6E97;}
	.passive .contents .area_main .guideprofile dd img {border-color: #975E5B;}
	.study .contents .area_main .guideprofile dd img {border-color: #B5973D;}
.contents .area_main .guideprofile dd dl dt {}
	.active .contents .area_main .guideprofile dd dl dt {background-image: url(../img/common/triangle_blue.gif);}
	.passive .contents .area_main .guideprofile dd dl dt {background-image: url(../img/common/triangle_red.gif);}
	.study .contents .area_main .guideprofile dd dl dt {background-image: url(../img/common/triangle_yellow.gif);}




/* ========== [page type] contents top ========== */
/* ----- title area ----- */
.category .title {}
.category .title h1 {
	margin: 0px 0px 10px;
	height: 113px;
	text-indent: -10000px;
	overflow: hidden;
	background: url(../img/chance/title.gif) left top no-repeat;
}
	.active .title h1 {margin-left: -5px; height: 80px; background: url(../img/chance/title01.gif) -5px 0px no-repeat;}
	.passive .title h1 {margin-left: -5px; height: 80px; background: url(../img/chance/title02.gif) -5px 0px no-repeat;}
	.study .title h1 {margin-left: -5px; height: 80px; background: url(../img/chance/title03.gif) -5px 0px no-repeat;}

.category .title p {
	margin: 0px 60px 0px 0px;
	padding: 3px 10px;
	border-left: 9px solid #B76800;
	font-size: 13px;
	line-height: 1.3;
}
	.chance .title p {display: none;}
	.active .title p {border-color: #5B6E97;}
	.passive .title p {border-color: #975E5B;}
	.study .title p {border-color: #B5973D;}


/* ----- back number list ----- */
.category .backnumber {}
.category .backnumber li {}

.category .backnumber li h2 {}
.category .backnumber li h2 a {
	padding-left: 18px;
	background: url(../img/common/arrow_yellow.gif) left center no-repeat;
}
	.active .backnumber li h2 a {background-image: url(../img/common/arrow_blue.gif);}
	.passive .backnumber li h2 a {background-image: url(../img/common/arrow_purple.gif);}
	.study .backnumber li h2 a {background-image: url(../img/common/arrow_yellow.gif);}

.category .backnumber li p {margin: 0px 8px 0px 18px;}


/* ----- chance top ----- */
.category .section {margin: 0px 0px 30px;}

.category .section h2 {margin: 0px 5px 15px;}
	.category .fate h2 {width: 325px; background: url(../img/chance/spring/title_spring_bg.gif) left top repeat;}
.category .section h2 a {
	display: block;
	margin: 0px 0px 0px;
	border-bottom: 2px solid #CCCCCC;
	height: 80px;
	text-indent: -10000px;
	overflow: hidden;
	background: #FFFFFF -5px 0px no-repeat;
}
.category .section h2 a:hover {border-color: #80976B;}
	.category .active h2 a {background-image: url(../img/chance/title01.gif); width: 535px;}
	.category .passive h2 a {background-image: url(../img/chance/title02.gif); width: 355px;}
	.category .study h2 a {background-image: url(../img/chance/title03.gif); width: 490px;}
	.category .fate h2 a {
		height: 60px;
		background: #FFFFFF url(../img/chance/spring/title_spring.gif) 0px 0px no-repeat;
		filter: alpha(opacity=70);
		-moz-opacity: 0.7;
		opacity: 0.7;
	}
		.category .active h2 a:hover {border-color: #5B6E97;}
		.category .passive h2 a:hover {border-color: #975E5B;}
		.category .study h2 a:hover {border-color: #B5973D;}
		.category .fate h2 a:hover {
			border-color: #FFAAAA;
			background: url(../img/chance/spring/title_spring.gif) 0px 0px no-repeat;
			filter: alpha(opacity=100);
			-moz-opacity: 1.0;
			opacity: 1.0;
		}

.category .section .backnumber {margin: 0px 5px;}
.category .section .backnumber li {margin: 0px 0px 15px;}

.category .section .backnumber li h3 {margin: 0px 0px 4px; font-size: 15px; line-height: 1.2;}
.category .section .backnumber li h3 a {
	padding-left: 18px;
	background: url(../img/common/arrow_yellow.gif) left center no-repeat;
}
	.category .active .backnumber li h3 a {background-image: url(../img/common/arrow_blue.gif);}
	.category .passive .backnumber li h3 a {background-image: url(../img/common/arrow_purple.gif);}
	.category .study .backnumber li h3 a {background-image: url(../img/common/arrow_yellow.gif);}
	.category .fate .backnumber li h3 a {background-image: url(../img/common/arrow_pink.gif);}

.category .section p.more {font-size: 13px; text-align: right;}




/* ========== [page type] article pages ========== */
.article .entry h2 {
	margin: 2.4em 0px 12px;
	padding: 2px 20px;
	border: 1px solid #5B9760;
	font-size: 17px;
	color: #346E37;
	background: #C6DCC8 url(../img/chance/dot_green.gif) left top no-repeat;
}

.article .entry h2 span {margin-left: 5px; font-size: 13px;}
	/* each type color */
	.active .entry h2 {
		border-color: #5B6E97;
		color: #000066;
		background: #C6CDDC url(../img/chance/dot_blue.gif) left top no-repeat;
	}
	.passive .entry h2 {
		border-color: #975E5B;
		color: #770000;
		background: #DCC7C6 url(../img/chance/dot_red.gif) left top no-repeat;
	}
	.study .entry h2 {
		border-color: #B5973D;
		color: #996600;
		background: #E7DDBB url(../img/chance/dot_yellow.gif) left top no-repeat;
	}

.article .entry h3 {margin: 2em 3px 7px; color: #5B9760;}
.article .entry h3.first {margin-top: 0px;}
.article .entry h3.point {color: #DE0000;}
	/* each type color */
	.active .entry h3 {color: #5B6E97;}
	.passive .entry h3 {color: #975E5B;}
	.study .entry h3 {color: #B5973D;}


.article .entry p {margin: 0px 5px 1.2em;}

.article .entry p.phrase {margin: 2em 25px; font-size: 13px;}
.article .entry p.phrase img {margin-bottom: 2px; border: 3px double #CCCCCC;}

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

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

.article .entry dl {margin: 0px 5px 1.2em 30px;}
.article .entry dl dt {display: list-item; margin-bottom: 3px; font-weight: bold; list-style-type: square;}
.article .entry dl dd {margin: 0px 0px 1.2em;}
.article .entry dl dd p {margin: 1.2em 0px; font-size: 13px;}


/* [parts] putting image */
.article .entry .pic {
	float: right;
	margin: 0px 0px 10px 10px;
	padding: 5px 0px 2px;
	border: 1px solid #CCCCCC;
	width: 192px;
	color: #666666;
	font-size: 11px;
	/font-size: 10px;
	line-height: 1.2;
	/letter-spacing: 1px;
	text-align: center;
}
.article .entry .pic img {margin: 0px 0px 2px; vertical-align: middle;}



/* ----- [section] lead area ----- */
.article .entry .lead {margin: 0px 0px 1.2em 5px; font-size: 13px; zoom: 1;}
.article .entry .lead:after {
	content: ".";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
}/* for modern browser */

.article .entry .lead p {margin: 0px 0px 1.2em; font-size: 13px;}


/* [parts] level table */
.article .entry .lead .level {
	float: left;
	margin: 0px 10px 5px 0px;
	padding: 0px 0px 0px;
	border-left: 1px solid #DEDEDE;
	background: url(../img/common/border_x.gif) left top repeat-x;
}
.article .entry .lead .level caption {margin: 0px 10px 0px 0px; padding: 2px 5px; text-align: left; background-color: #111111;}

.article .entry .lead .level tbody {}
.article .entry .lead .level th {
	padding: 4px 2px 4px;
	background: url(../img/common/border_corner.gif) right bottom no-repeat;
}
.article .entry .lead .level td {
	padding: 3px 2px 4px;
	text-align: center;
	background: url(../img/common/border_corner.gif) right bottom no-repeat;
}


/* ----- [section] talk set ----- */
.article .entry dl.talk {margin: 0px 10px 1.6em;}
.article .entry dl.talk dt {
	display: block;
	margin: 0;
	height: 16px;
	list-style-type: none;
}
	.article .entry dl.talk dt img {vertical-align: middle;}
.article .entry dl.talk dd {margin: -16px 0px 1.2em 72px;}
.article .entry dl.talk dd p {margin: 0px 0px 1em; font-size: 13px;}



/* ----- [section] point box ----- */
.article .entry div.point_box {
	margin: 0px 10px 2em;
	padding: 12px 2px 2px;
	border: 1px dotted #999999;
	font-size: 13px;
}

/*
.article .entry div.point_box dl.number dt {list-style-type: decimal;}
.article .entry div.point_box dl.alpha dt {list-style-type: upper-alpha;}
*/

.article .entry div.point_box ul {margin: 1.2em 20px;}
.article .entry div.point_box ul.number {list-style-type: decimal;}
.article .entry div.point_box ul.alpha {list-style-type: lower-alpha;}