@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;

}

#contentContainer li {
	list-style: none;
}