@charset "utf-8";
/* local_common.css */

/* contentsNavigation */

#contentsNavigation {
	line-height: 1.5;
	font-size: 85.7%;
	width: 220px;
}

#contentsNavigation li {
	margin: 0;
	padding: 0 0 1px;
	background:  url(../images/common/item_dot01.gif) left bottom repeat-x; 
	
}

#contentsNavigation li.current p {
	color: #00bdf1;
	padding: 10px 1em 12px 0;
	background: #ffffff url(../images/common/item_arrow02.gif) right 45% no-repeat;
	font-size: 100%;
}

#contentsNavigation li.comingSoon p {
	color: #ccc;
	font-size: 100%;
	padding: 10px 1em 12px 0;
}

#contentsNavigation li a {
	display: block;
	padding: 10px 1em 12px 0;
	text-decoration: none;
	background: #fff url(../images/common/item_arrow01.gif) right 45% no-repeat;
	color: #555;
	_zoom: 1;
}

#contentsNavigation li a:hover {
	background: #f8f8f8 url(../images/common/item_arrow02.gif) right 45% no-repeat;
}




/* main contents common styles */

#contentContainer h1 {
	color: #00bdf1;
	margin: 0 0 25px;
	font-weight: normal;
	font-size: 180%;
}

#contentContainer h2 {
	color: #00bdf1;
	margin: 0 0 25px;
	font-weight: normal;
	font-size: 150%;
}

#contentContainer .phaseGap {
	margin-top: 35px;
}

#contentContainer .phaseGapBorder {
	background:  url(../images/common/item_dot02.gif) left top repeat-x; 
	padding-top: 35px;
	_zoom: 1;
}

@media print {
#contentContainer .phaseGapBorder {
	border-top: 1px solid #ddd;
	background: #fff;
}
}

/* wordExplain */

#contentContainer .wordExplanationContainer {
	margin: 0 0 30px;
	padding: 10px 20px;
	border: 5px solid #eaeaea;
	background: #faf0fa;
}

#contentContainer .wordExplanationContainer h4 {
	color: #933;
}

#contentContainer .wordExplanationContainer dt {
	float: left;
	font-weight: bold;
	color: #000;
}

#contentContainer .wordExplanationContainer dd {
	float: left;
}

/* checkIt */

#contentContainer .checkItContainer.columnContainer  h3{
	margin: 0 0 5px;
}

#contentContainer .checkItContainer.columnContainer {
	width: 600px;
	margin: 0 auto;
}

#contentContainer .checkItContainer .character {
	width: 80px;
}

#contentContainer .checkItContainer .sentenceBallon {
	width: 520px;
	padding: 10px 0 0;
	background: url(../images/common/item_ballon01_01.gif) left top no-repeat;
}


#contentContainer .checkItContainer .sentenceBallonInner {
	background: #deeffa url(../images/common/item_ballon01_03.gif) left bottom no-repeat;
	padding: 0 20px 10px;
}

#contentContainer .checkItContainer .fukidashiLeft {
	background: url(../images/common/item_ballon01_l.gif) right 50% no-repeat;
}

#contentContainer .checkItContainer .fukidashiLeft .illust {
	text-align: left;
}

#contentContainer .checkItContainer .fukidashiRight {
	background: url(../images/common/item_ballon01_r.gif) left 50% no-repeat;
}

#contentContainer .checkItContainer .fukidashiRight .illust {
	text-align: right;
}