@charset "utf-8";
/* =========================================================================
@ Tag Reset
============================================================================ */

h1, h2, h3, h4, h5, h6, p, ul, li, ol, dl, dd, pre, body, form, blockquote {
	margin:0;
	padding:0;
}
img {
	border:0;
}
li {
	list-style:none;
}
sup {
	font-size:80%;
	vertical-align:super;
}
.cb {
	clear:both;
	font-size:0;
	line-height:0;
}
.dn {
	display:none;
}
form input {
	vertical-align:middle;
}
/* =========================================================================
@ Site Regulation
============================================================================ */

body {
	color:#4c4c4c;
	font-size:12px;
	line-height:153%;
	/*
	line-height:150%;
	*/
	background:#ebebeb;
	font-family: "鐚㍼竺 鐚違�眼�激����";
	text-align:center;
}
a:link {
	/*
	color:#0018ff;
	*/
	color:#007CAA;
	text-decoration:underline;
}
a:visited {
	/*
	color:#0018ff;
	*/
	color:#007CAA;
	text-decoration:underline;
}
a:hover {
	/*
	color:#0018ff;
	*/
	color:#007CAA;
	text-decoration:underline;
}
a:active {
	/*
	color:#0018ff;
	*/
	color:#007CAA;
	text-decoration:underline;
}
a.bn:link {
	text-decoration:none;
}
a.bn:visited {
	text-decoration:none;
}
a.bn:hover {
	text-decoration:none;
}
a.bn:active {
	text-decoration:none;
}
table {
	color:#000;
	font-size:1em;
	line-height:183%;
}
/* @ font
----------------------------------------- */
.small {
	font-size:0.8em;
}
.large {
	font-size:1.16em;
}
.darkRed {
	color:#C70000;
}
.red {
	color:#FF0000;
}
.narrow {
	line-height:115%;
}
/* @ layout
----------------------------------------- */
.b {
	font-weight:bold !important;
}
.n {
	font-weight:normal !important;
}
.i {
	font-style:italic !important;
}
.c {
	text-align:center !important;
}
.l {
	text-align:left !important;
}
.r {
	text-align:right !important;
}
.m {
	vertical-align:middle !important;
}
.t {
	vertical-align:top !important;
}
.ma {
	margin:0 auto;
}
.nowrap {
	white-space:nowrap;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.figR {
	float:right;
	margin:0 0 20px 20px !important;
}
.figL {
	float:left;
	margin:0 20px 20px 0 !important;
}
.mB3 {
	margin-bottom:3px !important;
}
.mB5 {
	margin-bottom:5px !important;
}
.mB10 {
	margin-bottom:10px !important;
}
.mB15 {
	margin-bottom:15px !important;
}
.mB20 {
	margin-bottom:20px !important;
}
.mB25 {
	margin-bottom:25px !important;
}
.mB30 {
	margin-bottom:30px !important;
}
.mB35 {
	margin-bottom:35px !important;
}
.mB40 {
	margin-bottom:40px !important;
}
.mB45 {
	margin-bottom:45px !important;
}
.mB50 {
	margin-bottom:50px !important;
}
.mB60 {
	margin-bottom:60px !important;
}
.mB90 {
	margin-bottom:90px !important;
}
.mB120 {
	margin-bottom:120px !important;
}
.mB240 {
	margin-bottom:240px !important;
}
.mR50 {
	margin-right:50px !important;
}
.mL0 {
	margin-left:0px !important;
}
.mL5 {
	margin-left:5px !important;
}
.mL9 {
	margin-left:9px !important;
}
.mL10 {
	margin-left:10px !important;
}
.mL12 {
	margin-left:12px !important;
}
.mL15 {
	margin-left:15px !important;
}
.mL20 {
	margin-left:20px !important;
}
.mL25 {
	margin-left:25px !important;
}
.mL35 {
	margin-left:35px !important;
}
.mL70 {
	margin-left:70px !important;
}
.mL120 {
	margin-left:120px !important;
}

.mT10 {
	margin-top:10px !important;
}

.mT20 {
	margin-top:20px !important;
}
.mT35 {
	margin-top:35px !important;
}
.mT78 {
	margin-top:78px !important;
}
.pR12 {
	padding-right:12px !important;
}
.w60 {
	width:60px !important;
}
.w70 {
	width:70px !important;
}
.w100 {
	width:100px !important;
}
.w150 {
	width:150px !important;
}
.w190 {
	width:190px !important;
}
.w210 {
	width:210px !important;
}
.w275 {
	width:275px !important;
}
.w300 {
	width:300px !important;
}
.w305 {
	width:305px !important;
}
.w350 {
	width:350px !important;
}
.w380 {
	width:380px !important;
}
.w450 {
	width:450px !important;
}
.w600 {
	width:600px !important;
}
/* =========================================================================
@ Area
============================================================================ */

/* @ Header
----------------------------------------- */
#Header {
	width:100%;
	height:59px;
	background:url(/material/img/common/bg_header.gif) repeat-x;
}
#Header .headerBox {
	width:976px;
	height:59px;
	margin:0 auto;
	background:url(/material/img/common/bg_header02.gif) no-repeat;
}
#Header .headerBox .logo {
	float:left;
	width:337px;
	height:59px;
}
#Header .headerRight {
	width:489px;
	float:right;
}
#Header .headerRight .headerNavi {
	width: 440px;
    height: 20px;
    font-size: 10px;
    margin: 0 0 12px 0;
    padding: 0 5px 0 0px;
	background:url(/material/img/common/bg_headerNavi.gif) no-repeat;
}
#Header .headerRight .headerNavi li {
	padding:0 5px;
	display:inline;
	line-height:10px;
	border-right:solid 1px #FFFFFF;
}
#Header .headerRight .headerNavi li.none {
	border-right:none;
}
#Header .headerRight .headerNavi li a:link {
	color:#FFFFFF;
	text-decoration:none;
}
#Header .headerRight .headerNavi li a:visited {
	color:#FFFFFF;
	text-decoration:none;
}
#Header .headerRight .headerNavi li a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}
#Header .headerRight .headerNavi li a:active {
	color:#FFFFFF;
	text-decoration:underline;
}
#Header .headerRight .searchBox {
	clear:both;
}
#Header .headerRight .searchBox .title {
	float:left;
}
#Header .headerRight .searchBox .inputBox input {
	border:0;
	float:left;
	width:170px;
	height:21px;
	padding:0 5px;
	line-height:21px;
}
#Header .headerRight .searchBox .searchBtn {
	float:left;
	height:23px;
}
#Header .headerRight .fontSize {
	float:right;
	width:137px;
}
#Header .headerRight .fontSize .title {
	float:left;
}
#Header .headerRight .fontSize .medium {
	width:34px;
	height:19px;
	float:right;
	display:block;
}
#Header .headerRight .fontSize .large {
	width:33px;
	height:19px;
	float:right;
	display:block;
}
/* @ Global Navigation
----------------------------------------- */
#GlobalNavi {
	clear:both;
	width:100%;
	height:52px;
	background:url(/material/img/common/bg_globalNavi.gif) repeat-x;
	position:relative;
	z-index:100;
}
#GlobalNavi .GlobalNaviBox {
	width:978px;
	height:52px;
	margin:0 auto;
}
#GlobalNavi .GlobalNaviBox li {
	position:relative;
}
#GlobalNavi .GlobalNaviBox li a{
	position:relative;
}
#GlobalNavi .GlobalNaviBox li.navi01,
#GlobalNavi .GlobalNaviBox li.navi02,
#GlobalNavi .GlobalNaviBox li.navi03,
#GlobalNavi .GlobalNaviBox li.navi04,
#GlobalNavi .GlobalNaviBox li.navi05,
#GlobalNavi .GlobalNaviBox li.navi06,
#GlobalNavi .GlobalNaviBox li.navi07,
#GlobalNavi .GlobalNaviBox li.navi08 {
	float:left;
}
.navi01 a,
.navi02 a,
.navi03 a,
.navi04 a,
.navi05 a,
.navi06 a,
.navi07 a,
.navi08 a {
	width:122px;
	height:52px;
	display:block;
	position:relative;
}
.navi01 a,
.navi08 a {
	width:123px;
}
.navi01 a {
	background:url(/material/img/common/img_globalNavi.gif) 0 -52px;
}
.navi01 a:hover,
#cate01 .navi01 a {
	background:url(/material/img/common/img_globalNavi.gif) 0 0;
}
.navi02 a {
	background:url(/material/img/common/img_globalNavi.gif) -123px -52px;
}
.navi02 a:hover,
#cate02 .navi02 a {
	background:url(/material/img/common/img_globalNavi.gif) -123px 0;
}
.navi03 a {
	background:url(/material/img/common/img_globalNavi.gif) -245px -52px;
}
.navi03 a:hover,
#cate03 .navi03 a {
	background:url(/material/img/common/img_globalNavi.gif) -245px 0;
}
.navi04 a {
	background:url(/material/img/common/img_globalNavi.gif) -367px -52px;
}
.navi04 a:hover,
#cate04 .navi04 a {
	background:url(/material/img/common/img_globalNavi.gif) -367px 0;
}
.navi05 a {
	background:url(/material/img/common/img_globalNavi.gif) -489px -52px;
}
.navi05 a:hover,
#cate05 .navi05 a {
	background:url(/material/img/common/img_globalNavi.gif) -489px 0;
}
.navi06 a {
	background:url(/material/img/common/img_globalNavi.gif) -611px -52px;
}
.navi06 a:hover,
#cate06 .navi06 a {
	background:url(/material/img/common/img_globalNavi.gif) -611px 0;
}
.navi07 a {
	background:url(/material/img/common/img_globalNavi.gif) -733px -52px;
}
.navi07 a:hover,
#cate07 .navi07 a {
	background:url(/material/img/common/img_globalNavi.gif) -733px 0;
}
.navi08 a {
	background:url(/material/img/common/img_globalNavi.gif) -855px -52px;
}
.navi08 a:hover,
#cate08 .navi08 a {
	background:url(/material/img/common/img_globalNavi.gif) -855px 0;
}

ul.sub{
	border-top: #0086d5 solid 1px;
	border-left: #0086d5 solid 1px;
	position:absolute;
}
ul.sub li{
	float:none;
}
ul.sub li ul.sub{
	position:absolute;
	left:122px;
	top:0;
}
ul.sub li a{
	width:122px;
	height:38px;
	display: block;
	border-right: #0086d5 solid 1px;
	border-bottom: #0086d5 solid 1px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
ul.sub li.sub01 a{
	background: #1997e2 url(/material/img/common/img_globalNavi_sub01_off.png) no-repeat center center;
}
ul.sub li.sub01 a:hover{
	background: #ffffff url(/material/img/common/img_globalNavi_sub01_on.png) no-repeat center center;
}
ul.sub li.sub02 a{
	background: #1997e2 url(/material/img/common/img_globalNavi_sub02_off.png) no-repeat center center;
}
ul.sub li.sub02 a:hover{
	background: #ffffff url(/material/img/common/img_globalNavi_sub02_on.png) no-repeat center center;
}
ul.sub li.sub03 a{
	background: #1997e2 url(/material/img/common/img_globalNavi_sub03_off.png) no-repeat center center;
}
ul.sub li.sub03 a:hover{
	background: #ffffff url(/material/img/common/img_globalNavi_sub03_on.png) no-repeat center center;
}
ul.sub li.sub04 a{
	background: #1997e2 url(/material/img/common/img_globalNavi_sub04_off.png) no-repeat center center;
}
ul.sub li.sub04 a:hover{
	background: #ffffff url(/material/img/common/img_globalNavi_sub04_on.png) no-repeat center center;
}
ul.sub li.sub05 a{
	background: #1997e2 url(/material/img/common/img_globalNavi_sub05_off.png) no-repeat center center;
}
ul.sub li.sub05 a:hover{
	background: #ffffff url(/material/img/common/img_globalNavi_sub05_on.png) no-repeat center center;
}
ul.sub li.sub06 a{
	background: #1997e2 url(/material/img/common/img_globalNavi_sub06_off.png) no-repeat center center;
}
ul.sub li.sub06 a:hover{
	background: #ffffff url(/material/img/common/img_globalNavi_sub06_on.png) no-repeat center center;
}
ul.sub li.sub07 a{
	background: #1997e2 url(/material/img/common/img_globalNavi_sub07_off.png) no-repeat center center;
}
ul.sub li.sub07 a:hover{
	background: #ffffff url(/material/img/common/img_globalNavi_sub07_on.png) no-repeat center center;
}
ul.sub li.sub08 a{
	background: #1997e2 url(/material/img/common/img_globalNavi_sub08_off.png) no-repeat center center;
}
ul.sub li.sub08 a:hover{
	background: #ffffff url(/material/img/common/img_globalNavi_sub08_on.png) no-repeat center center;
}
ul.sub li.sub09 a{
	background: #1997e2 url(/material/img/common/img_globalNavi_sub09_off.png) no-repeat center center;
}
ul.sub li.sub09 a:hover{
	background: #ffffff url(/material/img/common/img_globalNavi_sub09_on.png) no-repeat center center;
}
ul.sub li.sub10 a{
	background: #1997e2 url(/material/img/common/img_globalNavi_sub10_off.png) no-repeat center center;
}
ul.sub li.sub10 a:hover{
	background: #ffffff url(/material/img/common/img_globalNavi_sub10_on.png) no-repeat center center;
}
ul.sub li.sub11 a{
	background: #1997e2 url(/material/img/common/img_globalNavi_sub11_off.png) no-repeat center center;
}
ul.sub li.sub11 a:hover{
	background: #ffffff url(/material/img/common/img_globalNavi_sub11_on.png) no-repeat center center;
}

/*
ul.sub li ul.sub{
	background:#ffffff;
	border-left: none;
	border-top: #068cd9 solid 1px;
	border-right: #068cd9 solid 1px;
	border-bottom: #068cd9 solid 1px;
}
ul.sub li ul.sub a{
	color: #068cd9;
	background:#ffffff;
	padding: 10px 16px 10px 26px;
	border: none;
}
ul.sub li ul.sub a:hover{
	border: none;
	background:url(/material/img/common/img_globalNavi_sub_arrow.gif) no-repeat 15px 13px;
}
*/


/* @ Contents
----------------------------------------- */
#Contents {
	clear:both;
	width:979px;
	margin:0 auto;
	padding:14px 0 29px 0;
	text-align:left;
	color:#000;
}
/* @ SideNavi
----------------------------------------- */

.twoColumn .right #categoryMenu {
	width:218px;
	padding:0 0 7px 0;
	margin:0 0 12px 0;
	background:url(/material/img/common/bg_CategoryMenu.gif) no-repeat left bottom;
	line-height:1.17em;
}
.twoColumn .right #categoryMenu ul {
	width:206px;
	background:url(/material/img/common/bg_CategoryMenu.gif) no-repeat left top;
	padding:11px 6px 0 6px;
}
.twoColumn .right #categoryMenu ul li.partition {
	width:206px;
	height:1px;
	font-size:0px;
	line-height:0px;
	background:url(/material/img/common/bg_CategoryMenu_off.gif) no-repeat left bottom;
	padding:0;
}
.twoColumn .right #categoryMenu ul li {
	width:181px;
	_width:206px;
	background:url(/material/img/common/bg_CategoryMenu_off.gif) no-repeat left top;
	padding:8px 0 8px 25px;
}
.twoColumn .right #categoryMenu a:link, .twoColumn .right #categoryMenu a:visited, .twoColumn .right #categoryMenu a:hover, .twoColumn .right #categoryMenu a:active {
	text-decoration:none;
}
body.sub01 .twoColumn .right #categoryMenu ul li#subNavi01, body.sub02 .twoColumn .right #categoryMenu ul li#subNavi02, body.sub03 .twoColumn .right #categoryMenu ul li#subNavi03, body.sub04 .twoColumn .right #categoryMenu ul li#subNavi04, body.sub05 .twoColumn .right #categoryMenu ul li#subNavi05, body.sub06 .twoColumn .right #categoryMenu ul li#subNavi06, body.sub07 .twoColumn .right #categoryMenu ul li#subNavi07, body.sub08 .twoColumn .right #categoryMenu ul li#subNavi08, body.sub09 .twoColumn .right #categoryMenu ul li#subNavi09, body.sub10 .twoColumn .right #categoryMenu ul li#subNavi10, body.sub11 .twoColumn .right #categoryMenu ul li#subNavi11, body.sub12 .twoColumn .right #categoryMenu ul li#subNavi12, body.sub13 .twoColumn .right #categoryMenu ul li#subNavi13, body.sub14 .twoColumn .right #categoryMenu ul li#subNavi14, body.sub15 .twoColumn .right #categoryMenu ul li#subNavi15 {
	background:url(/material/img/common/bg_CategoryMenu_on.gif) no-repeat left top;
}
.twoColumn .right .ContentsBtn {
	width:202px;
	padding:0 6px 5px 6px;
	margin:0 0 10px 0;
}
.twoColumn .right .ContentsBtn div {
	margin:0 0 7px 0;
}
/* @ Right Box 
----------------------------------------- */
.twoColumn .right .rightBox {
	width:218px;
	margin:0 0 7px 0;
}
/* @ Right Box BgBeige 
----------------------------------------- */
.twoColumn .right .rightBox .rightBox01 {
	width:218px;
	padding:0 0 7px 0;
	background:url(/material/img/common/bg_rightBox_01.gif) no-repeat left bottom;
}
.twoColumn .right .rightBox .rightBox01 div.stitle {
	width:192px;
	_width:218px;
	color:#404040;
	font-weight:bold;
	line-height:20px;
	background:url(/material/img/common/bg_rightBox_01.gif) no-repeat left top;
	padding:5px 13px 0 13px;
}
.twoColumn .right .rightBox .rightBox01 ul {
	width:192px;
	_width:218px;
	padding:10px 13px 0 13px;
}
.twoColumn .right .rightBox .rightBox01 ul li {
	width:184px;
	_width:192px;
	margin:0 0 10px 0;
	padding:0 0 0 8px;
	background:url(/material/img/common/arrow_02.gif) no-repeat 0 0.6em;
}
.twoColumn .right .rightBox .rightBox01 ul li div.rightBoxIndent {
	padding:0 0 0 7px;
	line-height:1.17em;
}
/* @ Right Box BgGreen 
----------------------------------------- */
.twoColumn .right .rightBox .rightBox02 {
	width:218px;
	padding:0 0 7px 0;
	background:url(/material/img/common/bg_rightBox_02.gif) no-repeat left bottom;
}
.twoColumn .right .rightBox .rightBox02 div.stitle {
	width:192px;
	_width:218px;
	color:#FFF;
	font-weight:bold;
	line-height:20px;
	background:url(/material/img/common/bg_rightBox_02.gif) no-repeat left top;
	padding:5px 13px 0 13px;
}
.twoColumn .right .rightBox .rightBox02 ul {
	width:192px;
	_width:218px;
	padding:10px 13px 0 13px;
}
.twoColumn .right .rightBox .rightBox02 ul li {
	width:184px;
	_width:192px;
	margin:0 0 10px 0;
	padding:0 0 0 8px;
	background:url(/material/img/common/arrow_02.gif) no-repeat 0 0.6em;
}
.twoColumn .right .rightBox .rightBox02 ul li div.rightBoxIndent {
	padding:0 0 0 7px;
	line-height:1.17em;
}
/* @ Right Box BgYellow 
----------------------------------------- */
.twoColumn .right .rightBox .rightBox03 {
	width:218px;
	padding:0 0 7px 0;
	background:url(/material/img/common/bg_rightBox_03.gif) no-repeat left bottom;
}
.twoColumn .right .rightBox .rightBox03 div.stitle {
	width:192px;
	_width:218px;
	color:#FFF;
	font-weight:bold;
	line-height:20px;
	background:url(/material/img/common/bg_rightBox_03.gif) no-repeat left top;
	padding:5px 13px 0 13px;
}
.twoColumn .right .rightBox .rightBox03 ul {
	width:192px;
	_width:218px;
	padding:10px 13px 0 13px;
}
.twoColumn .right .rightBox .rightBox03 ul li {
	width:192px;
	line-height:1.17em;
	margin:0 0 10px 0;
	overflow:hidden;
	height:100%;
}
.twoColumn .right .rightBox .rightBox03 ul li:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.twoColumn .right .rightBox .rightBox03 ul li img {
	float:left;
	margin:0 7px 0 0;
	border: 1px solid #CCC;
}
.twoColumn .right .rightBox .rightBox03 ul li div.imgTxt {
	overflow:hidden;
	height:100%;
}
/* @ Right Box BgBlue 
----------------------------------------- */
.twoColumn .right .rightBox .rightBox04 {
	width:218px;
	padding:0 0 15px 0;
	background:url(/material/img/common/bg_rightBox_04.gif) no-repeat left bottom;
}
.twoColumn .right .rightBox .rightBox04 div {
	width:192px;
	_width:218px;
	background:url(/material/img/common/bg_rightBox_04.gif) no-repeat left top;
	padding:15px 13px 0 13px;
}
.twoColumn .right .rightBox .rightBox04 p {
	width:192px;
	line-height:1.17em;
}
.twoColumn .right .rightBox .rightBox04 p.rightBoxIndent {
	width:185px;
	_width:192px;
	padding:12px 0 0 7px;
}
/* @ Right Box BgBlue2 
----------------------------------------- */
.twoColumn .right .rightBox .rightBox05 {
	width:218px;
	padding:0 0 15px 0;
	background:url(/material/img/common/bg_rightBox_05.gif) no-repeat left bottom;
}
.twoColumn .right .rightBox .rightBox05 div {
	width:192px;
	_width:218px;
	background:url(/material/img/common/bg_rightBox_05.gif) no-repeat left top;
	padding:5px 13px 0 13px;
}
.twoColumn .right .rightBox .rightBox05 p {
	width:192px;
	line-height:1.17em;
}
.twoColumn .right .rightBox .rightBox05 p.b {
	color:#FFF;
	line-height:20px;
	margin-bottom:5px;
}
.twoColumn .right .rightBox .rightBox05 p.b a:link, .twoColumn .right .rightBox .rightBox05 p.b a:visited, .twoColumn .right .rightBox .rightBox05 p.b a:hover, .twoColumn .right .rightBox .rightBox05 p.b a:active {
	color:#FFFFFF;
}
.twoColumn .right .rightBox .rightBox05 p.rightBoxIndent {
	width:185px;
	_width:192px;
	padding:12px 0 0 7px;
}
/* @ Footer
----------------------------------------- */
#Footer {
	clear:both;
	width:100%;
	height:73px;
	background:url(/material/img/common/bg_footer.gif) repeat-x;
}
#Footer .footerBox {
	width:944px;
	margin:0 auto;
	background:url(/material/img/common/bg_footer.gif) repeat-x;
}
#Footer .footerBox .copy {
	float:left;
	padding:26px 0 0 0;
}
#Footer .footerBox .footerNavi {
	float:right;
	text-align:right;
	padding:15px 0 0 0;
}
#Footer .footerBox .footerNavi ul {
	margin:0 0 5px 0;
}
#Footer .footerBox .footerNavi li {
	padding:0 5px;
	font-size:12px;
	display:inline;
	line-height:12px;
	border-right:solid 1px #000000;
}
#Footer .footerNavi li.none {
	border-right:none;
}
#Footer .footerNavi li a:link {
	color:#000000;
	text-decoration:none;
}
#Footer .footerNavi li a:visited {
	color:#000000;
	text-decoration:none;
}
#Footer .footerNavi li a:hover {
	color:#000000;
	text-decoration:underline;
}
#Footer .footerNavi li a:active {
	color:#000000;
	text-decoration:underline;
}
/* =========================================================================
@ Column
============================================================================ */

/* @ oneColumn
----------------------------------------- */
.oneColumn {
	width:978px;
	background:url(/material/img/common/bg_onecolumn.gif) repeat-y;
	position:relative;
}
.twoColumn .bottom {
	clear:both;
	height:8px;
	width:978px;
}
/* @ twoColumn
----------------------------------------- */
.twoColumn {
	width:979px;
}
.twoColumn .left {
	float:left;
	width:738px;
	background:url(/material/img/common/bg_2columnLeft.gif) repeat-y;
	position:relative;
}
.twoColumn .bottom {
	clear:both;
	height:8px;
	width:738px;
	position:absolute;
	bottom:0;
}
.twoColumn .right {
	float:right;
	width:218px;
}
/* =========================================================================
@ Indent Box
============================================================================ */

/* @ normalIndent
----------------------------------------- */
.normalIndent {
	padding:10px 20px 30px 20px;
	margin:0 0 20px 0;
}
.normalIndent pre {
	width: 938px;
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
}
/* =========================================================================
@ Module
============================================================================ */

/* @ breadCrumb
----------------------------------------- */
.oneColumn .breadCrumb {
	width:922px;
	_width:978px;
	min-height:15px;
	padding:7px 20px 5px 36px;
	background:url(/material/img/common/bg_breadCrumbWide.gif) top no-repeat;
}
.oneColumn .breadCrumbLine {
	width:978px;
	height:2px;
}
.twoColumn .breadCrumb {
	width:682px;
	_width:738px;
	min-height:15px;
	padding:7px 20px 5px 36px;
	background:url(/material/img/common/bg_breadCrumb.gif) top no-repeat;
}
.twoColumn .breadCrumbLine {
	width:738px;
	height:2px;
}
.breadCrumb a:link, .breadCrumb a:visited, .breadCrumb a:hover, .breadCrumb a:active {
	text-decoration:none;
	color:#000;
}
/* @ txtIndent
----------------------------------------- */
.txtIndent {
	padding:0 6px 5px 6px;
}
.twoColumn .txtIndent {
	width:686px;
}
.oneColumn .txtIndent {
	width:926px;
}
.txtIndent02 {
	padding:0 10px;
}
.txtIndent03 {
	padding:0 18px;
}
.txtIndent04 {
	padding:15px 24px 0 14px;
}
.txtIndent05 {
	padding:0 8px 0 8px;
}
.txtIndent06 {
	padding:10px 10px 0 15px;
}
.txtIndent07 {
	padding:0 12px 0 9px;
}
.txtIndent08 {
	width:856px;
	padding:0 44px 20px 38px;
}
.txtIndent09 {
	width:906px;
	_width:938px;
	padding:0 17px 20px 15px;
}
.parentheses {
	text-indent:-1em;
	margin-left:1em;
}
/* @ tableIndent
----------------------------------------- */
.tableIndent {
	padding:13px 42px 10px 39px;
	width:857px;
	_width:938px;
}
/* @ boxIndent
----------------------------------------- */
.boxIndent01 {
	padding:10px 12px;
}
.boxIndent02 {
	padding:15px 20px;
}
.boxIndent03 {
	padding:15px 17px;
}
.boxIndent04 {
	padding:0px 16px;
}
.boxIndent05 {
	padding:10px 0px;
}
/* @ Button Module
----------------------------------------- */

/* @ Pagetop Module
----------------------------------------- */
.twoColumn .pageTopBox {
	width:698px;
	margin:0 20px 17px 20px;
	padding:16px 0 0 0;
	background:url(/material/img/common/img_line_01.gif) repeat-x left top;
	position:absolute;
	bottom:0;
}
.oneColumn .pageTopBox {
	width:938px;
	margin:0 20px 17px 20px;
	padding:16px 0 0 0;
	/*background:url(../../material/img/common/img_line_01.gif) repeat-x left top;*/
	position:absolute;
	bottom:0;
}
.twoColumn .pageTopBox2 {
	width:680px;
	margin:0 20px 17px 20px;
	padding:0 0 0 0;
	height:10px;
}
.pageTop {
	float:right;
	padding:0 0 0 17px;
	background:url(/material/img/common/ico_pageTop.gif) no-repeat;
}
.pageTop:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.pageTop a:link, .pageTop a:visited {
	color:#3E3E3E;
	text-decoration:none;
}
/* @ h1 Module
----------------------------------------- */
h1.title01 {
	font-size:1.2em;
	min-height:16px;
	margin:0 0 5px 0;
	padding:5px 5px 6px 5px;
	background:url(/material/img/common/bg_h1.gif) repeat-x bottom;
}

h1.title01_sugaku {
	font-size:1.1em;
	min-height:16px;
	margin:0 0 5px 0;
	padding:5px 5px 6px 5px;
	background:url(/material/img/common/bg_h1.gif) repeat-x bottom;
}

.oneColumn h1.title01 {
	width:922px;
	_width:938px;
}
.twoColumn h1.title01 {
	width:682px;
	_width:698px;
}
.twoColumn .txtIndent h1.title01 {
	width:670px;
	_width:686px;
}
h1.title02 {
	width:664px;
	font-size:1em;
	line-height:2.25em;
	color:#000;
	margin:0 0 10px 0;
	padding:0 10px;
	background-color:#FFFAC6;
	border:1px solid #999;
}
h1.title03 {
	font-size:1.15em;
	line-height:18px;
	margin:0 0 10px 0;
	padding:7px 10px;
	background:url(/material/img/common/bg_title_07.gif) repeat-x left top #e8e9d9;
}
h1.title04 {
	width:652px;
	_width:678px;
	height:26px;
	font-size:1.17em;
	font-weight:bold;
	line-height:26px;
	margin:0 0 15px 0;
	padding:0 13px;
	background:url(/material/img/common/bg_title_09.gif) no-repeat 0 0;
}
h1.title05 {
	width:836px;
	_width:856px;
	height:30px;
	font-size:1em;
	font-weight:normal;
	line-height:30px;
	margin:0 0 14px 0;
	padding:0 10px;
	background:url(/material/img/common/bg_title_10.gif) no-repeat 0 0;
}
.titleBox {
	width:938px;
	background:url(/material/img/common/bg_h1_01.gif) no-repeat left bottom;
	min-height:16px;
	margin:0 0 10px 0;
}
.titleBox:after {
	clear:both;
	display:block;
	content:"";
	height:1px;
	overflow:hidden;
}
.titleBox h1.title01 {
	float:left;
	width:820px;
	font-size:1.2em;
	margin:0;
	padding:5px 0 5px 8px;
	background:url(none);
}
.titleBox .txtMore {
	float:right;
	width:98px;
	font-size:1em;
	font-weight:bold;
	color:#FFF;
	margin:0;
	padding:5px 8px 5px 0;
	background:url(none);
	text-align:right;
}
.titleBox .txtMore a:link, .titleBox .txtMore a:visited, .titleBox .txtMore a:hover, .titleBox .txtMore a:active {
	text-decoration:none;
	color:#FFF;
}
.titleBox2 {
	width:938px;
	background:url(/material/img/common/bg_h1_02.gif) no-repeat left bottom;
	min-height:16px;
	margin:0 0 10px 0;
}
.titleBox2:after {
	clear:both;
	display:block;
	content:"";
	height:1px;
	overflow:hidden;
}
.titleBox2 h1.title01 {
	float:left;
	width:930px;
	font-size:1.2em;
	margin:0;
	padding:5px 0 5px 8px;
	background:url(none);
}
/* @ h2 Module
----------------------------------------- */

h2.title01 {
	font-size:1em;
	font-weight:normal;
	margin:0 0 10px 0;
	padding:0 9px;
	background:url(/material/img/common/bg_title_01.gif) no-repeat 2px 0.3em;
}
h2.title02 {
	width:683px;
	height:26px;
	font-size:1em;
	line-height:26px;
	font-weight:normal;
	color:#007CAA;
	margin:0 0 10px 0;
	padding:0 7px;
	background:url(/material/img/common/bg_title_02.gif) no-repeat 0 0;
}
h2.title03 {
	width:302px;
	_width:332px;
	height:26px;
	font-size:1em;
	font-weight:normal;
	line-height:26px;
	margin:0 0 5px 0;
	padding:0 15px;
	background:url(/material/img/common/bg_title_03.gif) no-repeat 0 0;
}
h2.title04 {
	width:872px;
	_width:902px;
	height:26px;
	font-size:1.17em;
	font-weight:normal;
	line-height:26px;
	margin:0 0 0 0;
	padding:0 15px;
	background:url(/material/img/common/bg_title_04.gif) no-repeat 0 0;
}
h2.title05 {
	width:922px;
	_width:936px;
	height:29px;
	font-size:1.17em;
	font-weight:bold;
	line-height:29px;
	margin:0 0 10px 0;
	padding:0 7px;
	background:url(/material/img/common/bg_title_05.gif) no-repeat 0 0;
}
h2.title06 {
	width:918px;
	_width:932px;
	height:26px;
	font-size:1em;
	font-weight:normal;
	line-height:26px;
	margin:0 0 25px 0;
	padding:0 7px;
	background:url(/material/img/common/bg_title_06.gif) no-repeat 0 0;
}
h2.title07 {
	width:836px;
	_width:856px;
	height:30px;
	font-size:1.1em;
	font-weight:bold;
	line-height:30px;
	color:#006595;
	margin:0 0 10px 0;
	padding:0 10px;
	background:url(/material/img/common/bg_title_10.gif) no-repeat 0 0;
}
h2.title08 {
	width:886px;
	_width:906px;
	font-size:1em;
	line-height:27px;
	color:#000;
	margin:0 0 15px 0;
	padding:0 10px;
	background-color:#FFFAC6;
	border:1px solid #999;
}
h2.title09 {
	width:643px;
	_width:902px;
	height:26px;
	font-size:1.17em;
	font-weight:normal;
	line-height:26px;
	margin:0 0 0 0;
	padding:0 15px;
	background:url(/material/img/common/bg_title_04.gif) no-repeat 0 0;
}
/* @ h3 Module
----------------------------------------- */

h3.title01 {
	font-size:1em;
	font-weight:bold;
	color:#007CAA;
}
h3.title02 {
	font-size:1em;
	font-weight:bold;
	color:#007CAA;
	margin:0 0 15px 0;
	padding:7px 8px 8px 8px;
	background:url(/material/img/common/bg_h1.gif) repeat-x bottom;
}
/* @ h4 Module
----------------------------------------- */

h4.title01 {
	width:392px;
	_width:422px;
	height:26px;
	font-size:1.17em;
	font-weight:bold;
	line-height:26px;
	margin:0 0 10px 0;
	padding:0 15px;
	background:url(/material/img/common/bg_title_11.gif) no-repeat;
}
/* @ Title Module
----------------------------------------- */

/* @ Text+Image Module
----------------------------------------- */

/* @ Box Module
----------------------------------------- */
.flamelineBox01 { /* �違���惹�� */
	border:2px solid #D7E0E5;
}
.flamelineBox02 { /* �����違���惹���� */
	border:2px solid #EAEAEA;
}
.flamelineBox03 { /* 莎ゆ�� */
	border:1px solid #C80000;
}
.flamelineBox04 { /* ���肢����梓�� */
	border:1px solid #81B5CA;
	background-color:#EFF7F9;
}
.newInfoBox { /* What's new */
	width:692px;
	border:2px solid #71B7DB;
	margin:0 0 15px 0;
	line-height:1.17em;
}
.newInfoBox ul {
	width:692px;
	margin:0 0 -1px 0;
	_margin:0 0 -2px 0;
}
.newInfoBox ul:after {
	clear:both;
	display:block;
	content:"";
	height:1px;
	overflow:hidden;
}
.newInfoBox ul li {
	width:678px;
	_width:692px;
	padding:7px;
}
.newInfoBox ul li.stitle {
	width:692px;
	font-size:0;
	line-height:0;
	padding:0;
}
.newInfoBox ul li dl.definitionList dt {
	float:left;
	margin:0 0 0 0;
	width:80px;
}
.newInfoBox ul li dl.definitionList dd {
	float:left;
	width:595px;
}
.textInfoBox { /* ���㏍�鴻��荀����羆� */
	width:696px;
	background:url(/material/img/common/bg_textInfoBox.gif) no-repeat left bottom;
	margin:0 0 15px 0;
	padding:0 0 15px 0;
	line-height:1.17em;
}
.textInfoBox ul {
	width:672px;
	_width:696px;
	padding:15px 12px 0 12px;
	margin:0;
	background:url(/material/img/common/bg_textInfoBox.gif) no-repeat left top;
}
.textInfoBox ul:after {
	clear:both;
	display:block;
	content:"";
	height:1px;
	overflow:hidden;
}
.textInfoBox ul li.Box01 {
	float:left;
	width:115px;
}
.textInfoBox ul li.Box02 {
	float:left;
	width:425px;
}
.textInfoBox ul li.Box03 {
	float:right;
	width:130px;
	text-align:right;
	margin:1.8em 0 0 0;
}
.textInfoBox ul li.Box03 a {
	padding:0 0 0 8px;
	background:url(/material/img/common/arrow_02.gif) no-repeat 0 0.3em;
}
/* @ List Module
----------------------------------------- */
dl.definitionList {
	width:100%;
	display:block;
}
dl.definitionList:after {
	clear:both;
	display:block;
	content:"";
	height:1px;
	overflow:hidden;
}
dl.definitionList dt {
	float:left;
	margin:0 10px 0 0;
	width:5em;
}
dl.definitionList dd {
	float:left;
}
ul.arrow01 {
}
ul.arrow01 li {
	padding:0 0 0 14px;
	background:url(/material/img/common/arrow_01.gif) no-repeat 0 0.5em;
}
ul.arrow02 {
	width:100%;
}
ul.arrow02 li {
	padding:0 0 0 8px;
	background:url(/material/img/common/arrow_02.gif) no-repeat 0 0.6em;
}
ul.arrow03 {
}
ul.arrow03 li {
	float:left;
	padding:0 0 0 8px;
	background:url(/material/img/common/arrow_02.gif) no-repeat 0 0.6em;
}
ul.arrow03 li.clear {
	clear:left;
}
ul.arrow03 li.wFull {
	width:100% !important;
	padding:0 0 0 8px;
}
ul.q {
}
ul.q li {
	padding:0 0 0 23px;
	margin:0 0 10px 0;
	background:url(/material/img/common/ico_q.gif) no-repeat 0 0;
}
ul.a {
	margin:0 0 10px 0;
}
ul.a li {
	padding:0 0 0 23px;
	background:url(/material/img/common/ico_a.gif) no-repeat 0 0;
}
ul.list01 {
}
ul.list01 li {
	padding:0 0 0 18px;
	background:url(/material/img/common/list_01.gif) no-repeat 9px 0.7em;
}
ul.list02 {
}
ul.list02 li {
	padding:0 0 0 14px;
	background:url(/material/img/common/list_02.gif) no-repeat 0 0.5em;
}
ul.list03 {
}
ul.list03 li {
	padding:0 0 0 15px;
	background:url(/material/img/common/list_03.gif) no-repeat 0 0.5em;
}
/* @ Link Arrow Module
----------------------------------------- */
a.arrow {
	padding:0 0 0 8px;
	background:url(/material/img/common/arrow_02.gif) no-repeat 0 0.3em;
}
/* @ Table Module
----------------------------------------- */
table.frameline {
	border-collapse:collapse;
	border:1px solid #DBDBDB;
}
table.frameline thead th {
	padding:5px 10px;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	color:#000;
	white-space:nowrap;
	background-color:#FFFAC6;
	border:1px solid #DBDBDB;
}
table.frameline tbody th {
	padding:15px 10px;
	vertical-align:middle;
	font-weight:bold;
	white-space:nowrap;
	border:1px solid #DBDBDB;
}
table.tbStyle2 tbody th {
	text-align:left;
}
table.tbStyle2 tbody td.inputStyle1 input {
	width:335px;
}
table.tbStyle2 tbody td.inputStyle2 .cnt {
	height:23px
}
table.tbStyle2 tbody td.inputStyle2 label, table.tbStyle2 tbody td .sbCheckBox label {
	float:left;
	display:inline-block;
	margin-right:10px;
}
table.tbStyle2 tbody td.inputStyle3 input {
	width:105px;
}
table.tbStyle2 tbody td.selectStyle1 select {
	width:95px;
}
table.tbStyle2 tbody td.textareaStyle1 textarea {
	width:335px;
}
table.tbStyle2 tbody td.mLR5 input, table.tbStyle2 tbody td.mLR5 select {
	margin:0 5px
}
table.tbStyle2 tbody td.mLR5 input.first, table.tbStyle2 tbody td.mLR5 select.first {
	margin-left:0
}
table.tbStyle2 tbody td .sbCheckBox {
	margin-top:10px
}
table.frameline tbody th.req {
	background:url(../img/common/ico_essential.gif) no-repeat 90% 50% #FCFAE0;
}
table.frameline tbody td {
	padding:15px 10px;
	text-align:left;
	border:1px solid #DBDBDB;
}
table.frameline tbody pre {
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
}
table.frameline tbody td h2.title01 {
	margin:5px 0;
}
table.frameline01 {
	border-collapse:collapse;
	border:1px solid #DADCDE;
}
table.frameline01 thead th {
	padding:5px 10px;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	color:#000;
	white-space:nowrap;
	border:1px solid #DADCDE;
}
table.frameline01 thead th.blank01 {
	width:2px !important;
	border-bottom:none;
	border-right:none;
	padding:0 0 0 0 !important;
}
table.frameline01 thead th.blank02 {
	border-left:none;
	border-right:none;
}
table.frameline01 thead th.blank03 {
	width:2px !important;
	border-left:none;
	border-bottom:none;
	padding:0 0 0 0 !important;
}
table.frameline01 thead th.blank04 {
	width:2px !important;
	border-top:none;
	padding:0 0 0 0 !important;
}
table.frameline01 tbody th {
	padding:15px 10px;
	text-align:left;
	vertical-align:middle;
	font-weight:bold;
	font-size:1.16em;
	white-space:nowrap;
	border-left:1px solid #DADCDE;
	border-right:1px solid #DADCDE;
	border-top:1px solid #DADCDE;	
}
table.frameline01 tbody td {
	padding:15px 8px;
	text-align:left;
	border-left:1px solid #DADCDE;
	border-right:1px solid #DADCDE;
	border-top:1px solid #DADCDE;
}
table.frameline01 tbody td.blank {
	width:2px !important;
	padding:0 0 0 0 !important;
}
/* @ Thumbnail Module
----------------------------------------- */
.thumbStyle01 {
	margin:0 10px 10px 0;
	vertical-align:middle;
	padding: 1px;
	border: 1px solid #CCC;
}
.thumbStyle02 {
	float:left;
	margin:0 20px 20px 40px;
	padding: 1px;
	border: 1px solid #CCC;
}
.thumbStyle03 {
	float:left;
	margin:0 8px 5px 8px;
	padding: 1px;
	border: 1px solid #CCC;
}
.thumbStyle04 {
	margin:0 10px 10px 0;
	vertical-align:middle;
	float: left;
	padding: 1px;
	border: 1px solid #CCC;
}
.textStyle04 {
	width:850px;
	float:left;
	clear:both;
	border-bottom:1px solid #ddd;
	margin-bottom:15px;
}
.textStyle04 a {
	font-weight:bold;
	font-size:14px;
}
img.cover {
	padding: 1px;
	border: 1px solid #CCC;
}
/* @ Background Module
----------------------------------------- */
.bgWhite {
	background-color:#FFF;
}
.bgGray {
	background-color:#EAEEF0;
}
.bgLightGray {
	background-color:#F3F3F3;
}
.bgYellow {
	background-color:#FFFAC6;
}
.bgOrange {
	background-color:#FFEFCF;
}
.bgCream {
	background-color:#FCFAE0;
}
.bgGrayBox {
	width:100%;
	background:url(/material/img/common/bgGrayBox.gif) repeat-y left top;
}
.bgBlue {
	background-color:#DCF2FF;
}
/* @ Layout Box Module
----------------------------------------- */
.boxStyle01 {
	width:100%;
}
.boxStyle02 {
	width:698px;
}
.boxStyle02:after {
	clear:both;
	display:block;
	content:"";
	height:1px;
	overflow:hidden;
}
.boxStyle02 .Box01 {
	float:left;
	width:340px;
}
.boxStyle02 .Box02 {
	float:right;
	width:340px;
}
.boxStyle04 {
	width:680px;
	margin:0 0 10px 18px;
}
.boxStyle04:after {
	clear:both;
	display:block;
	content:"";
	height:1px;
	overflow:hidden;
}
.boxStyle04 .Box01, .boxStyle04 .Box02, .boxStyle04 .Box03 {
	float:left;
	width:92px;
	margin:0 90px 0 0;
}
.boxStyle04 .Box04 {
	float:left;
	width:92px;
	margin:0;
}
.boxStyle04 .Box01 img, .boxStyle04 .Box02 img, .boxStyle04 .Box03 img, .boxStyle04 .Box04 img {
	padding: 1px;
	border: 1px solid #CCC;
}
.boxStyle05 {
	width:850px;
	margin:0 0 15px 44px;
	padding:10px 0 0 0;
}
.boxStyle05:after {
	clear:both;
	display:block;
	content:"";
	height:1px;
	overflow:hidden;
}
.boxStyle05 .Box01, .boxStyle05 .Box02, .boxStyle05 .Box03, .boxStyle05 .Box04 {
	float:left;
	width:122px;
	height:180px;
	margin:0 60px 0 0;
}
.boxStyle05 .Box05 {
	float:left;
	width:122px;
	margin:0;
}
.boxStyle05 .Box01 img, .boxStyle05 .Box02 img, .boxStyle05 .Box03 img, .boxStyle05 .Box04 img, .boxStyle05 .Box05 img {
	padding: 1px;
	border: 1px solid #CCC;
}
.boxStyle06 {
	width:632px;
	margin:0 46px 0 20px;
}
.boxStyle06:after {
	clear:both;
	display:block;
	content:"";
	height:1px;
	overflow:hidden;
}
.boxStyle06 .Box01, .boxStyle06 .Box02, .boxStyle06 .Box03, .boxStyle06 .Box04, .boxStyle06 .Box05 {
	float:left;
	width:82px;
	margin:0 28px 0 0;
}
.boxStyle06 .Box06 {
	float:left;
	width:82px;
	margin:0;
}
.boxStyle02colmn { /* Highschool FAQ */
	padding:0 16px;
}
.boxStyle02colmn:after {
	clear:both;
	display:block;
	content:"";
	height:1px;
	overflow:hidden;
}
.boxStyle02colmn .box01 {
	float:left;
	width:315px;
}
.boxStyle02colmn .box02 {
	float:right;
	width:315px;
}
.boxStyle02colmn ul.q, .boxStyle02colmn ul.a {
	width:666px;
	line-height:125%;
}
.boxStyle02colmn div ul.q {
	width:315px;
	line-height:150%;
}
.boxStyle02colmn ul li ul.list01 {
	width:643px;
}
.boxStyle02colmn ul li ul.list01 li {
	margin:0;
}
.boxStyle03colmn { /* FAQ */
	width:876px;
	padding:0 0 30px 19px;
}
.boxStyle03colmn:after {
	clear:both;
	display:block;
	content:"";
	height:1px;
	overflow:hidden;
}
.boxStyle03colmn ul.q, .boxStyle03colmn ul.a {
	line-height:150%;
	margin:0 0 15px 0;
}
.boxIndexStyle {
	width:678px;
	margin:0 10px 20px 10px;
}
.boxIndexStyle:after {
	clear:both;
	display:block;
	content:"";
	height:1px;
	overflow:hidden;
}
.boxIndexStyle .Box01 {
	float:left;
	width:332px;
}
.boxIndexStyle .Box02 {
	float:right;
	width:332px;
}
.boxIndexStyle .Box01 .txtIndent, .boxIndexStyle .Box02 .txtIndent {
	width:320px;
}
.boxIndexStyle ul {
	width:320px;
}
.boxIndexStyle ul:after {
	clear:both;
	display:block;
	content:"";
	height:1px;
	overflow:hidden;
}
.boxIndexStyle ul li {
	float:left;
	width:145px;
	_width:160px;
	padding:0 0 0 15px;
	background:url(/material/img/common/arrow_02.gif) no-repeat 6px 0.6em;
}
.boxIndexStyle ul li.long {
	float:left;
	width:320px;
	_width:160px;
	padding:0 0 0 15px;
	background:url(/material/img/common/arrow_02.gif) no-repeat 6px 0.6em;
}
.bookDetailBox {
	width:936px;
	margin:0 0 30px 0;
}
.bookDetailBox .imgBookDetail {
	width:208px;
	padding:20px 0;
	margin:0 0 7px 0;
	background-color:#EFEFEF;
	border:1px solid #BDCCD3;
	text-align:center;
}
.bookDetailBox .imgBookDetail img {
	border:1px solid #CCC;
}
.bookDetailBox .txtBookDetail {
	width:194px;
	_width:210px;
	background-color:#EFEFEF;
	padding:10px 8px;
}
.bookDetailBox .linkBookDetail {
	float:right;
	width:166px;
	_width:182px;
	padding:10px 8px 20px 8px;
	margin:0 0 25px 25px;
	border:2px solid #D7E0E5;
	font-weight:bold;
}
.bookDetailBox .linkBookDetail ul.arrow02 li {
	color:#999;
}
.bookDetailBox ul.btnBookDetail { /* Img_ok Buy_ok */
	width:100%;
	margin:0 0 20px 0;
   display: flex;
   align-items: center;
}
.bookDetailBox ul.btnBookDetail:after {
	clear:both;
	display:block;
	content:"";
	height:1px;
	overflow:hidden;
}
.bookDetailBox ul.btnBookDetail li {
	float:left;
	/*width:110px;*/
	margin: 0 5px;
	display: block;
}
.button_file,.list_btn {
    background: #fffebd;
    border: 1px solid #8eb2d2;
    border-radius: 3px;
    padding: 5px 12px;
}
.bookDetailBoxStyle01 { /* Img_ok Buy_none */
	width:936px;
}
.bookDetailBoxStyle01 .box01 {
	float:left;
	width:210px;
	margin:0 20px 0 0;
}
.bookDetailBoxStyle01 .box02 {
	float:left;
	width:706px;
}
.bookDetailBoxStyle01 .box02 h1.title03 {
	width:472px;
	_width:492px;
}
.bookDetailBoxStyle01 .box02 .spaceTop1 {
	padding-top:10px;
}
.bookDetailBoxStyle01 .box02 .title13 {
	background:url(../img/common/bg_title_line1.gif) no-repeat left bottom;
	width:449px;
	margin-top:15px;
	margin-bottom:5px;
	color:#ef6000;
	padding-bottom:4px;
}
.bookDetailBoxStyle01 .box02 .title13 span {
	border-left:3px solid #4f7ca5;
	padding-left:7px;
	display:block;
	line-height:15px;
}
.bookDetailBoxStyle01 .box02 .titleArrow1 {
	background:url(../img/common/arrow_03.gif) no-repeat left center;
	color:#397ee7;
	line-height:15px;
	font-weight:bold;
	margin-top:15px;
	margin-bottom:5px;
	padding-left:10px;
}
.bookDetailBoxStyle01 .box02 .box7 {
	background-color:#eaf8ff;
	padding:0 10px 10px 10px;
	width:490px;
	margin-top:10px
}
.bookDetailBoxStyle01 .box02 .box7 span.bTitle {
	background:url(../img/common/bg_flag_corner.gif) no-repeat top right #67b4da;
	height:22px;
	line-height:22px;
	padding:0 20px 0 5px;
	display:inline-block;
	_display:inline;
	color:#fff;
}
.bookDetailBoxStyle02 { /* Img_none Buy_ok */
	width:936px;
}
.bookDetailBoxStyle02 .box01 {
	float:left;
	width:210px;
	margin:0 20px 0 0;
}
.bookDetailBoxStyle02 .box02 {
	float:left;
	width:706px;
}
.bookDetailBoxStyle02 h1.title03 {
	width:703px;
	_width:723px;
}
.bookDetailBoxStyle03 { /* Img_none Buy_none */
	width:936px;
}
.bookDetailBoxStyle03 h1.title03 {
	width:916px;
	_width:936px;
}
/* Img_ok Buy_none */
.bookDetailBoxStyle04 {
	width:936px;
}
.bookDetailBoxStyle04 .box01 {
	float:left;
	width:210px;
	margin:0 20px 0 0;
}
.bookDetailBoxStyle04 .box02 {
	float:left;
	width:706px;
}
.bookDetailBoxStyle04 .box02 h1.title03 {
	width:686px;
	_width:706px;
}
/* sangyou_kyouiku */
.bookDetailBoxStyle05 {
	width:915px;
}
.bookDetailBoxStyle05 .box01 {
	float:left;
	width:640px;
	margin:0 40px 0 0;
}
.bookDetailBoxStyle05 .box02 {
	float:left;
	width:230px;
	font-size:0px;
	line-height:0px;
}
.bookDetailBoxStyle05 .box01 h1.title03 {
	width:620px;
	_width:640px;
}
/* download */
.downloadBoxStyle {
	width:850px;
}
.downloadBoxStyle .box01 {
	float:left;
	width:682px;
	margin:0;
}
.downloadBoxStyle .box02 {
	float:left;
	width:162px;
	text-align:center;
}
/* @ Partition Module
----------------------------------------- */
.PartitionStyle01 {
	clear:both;
	width:100%;
	height:1px;
	font-size:0;
	line-height:0;
	background:url(/material/img/common/img_line_01.gif) repeat-x 0 0;
}
.PartitionStyle02 {
	clear:both;
	width:100%;
	height:1px;
	font-size:0;
	line-height:0;
	background:url(/material/img/common/img_line_02.gif) repeat-x 0 0;
}
/* @ Mokuji Module
----------------------------------------- */

.level1 {
	width:918px;
	_width:932px;
	height:26px;
	font-size:1em;
	font-weight:normal;
	line-height:26px;
	margin:0;
	padding:0 7px;
	background:url(/material/img/common/bg_title_06.gif) no-repeat 0 0;
}
.level2 {
	font-size:1em;
	font-weight:normal;
	margin:0;
	padding:0 9px;
	background:url(/material/img/common/bg_title_01.gif) no-repeat 2px 0.3em;
}
.dotline {
	clear:both;
	width:100%;
	height:1px;
	font-size:0;
	line-height:0;
	margin:9px 0;
	background:url(/material/img/common/img_line_01.gif) repeat-x 0 0;
}
/* 110609 add
----------------------------------------- */
.ulList {
	float:left;
}
.ulList li {
	display:inline;
}
.tableboder {
	border-bottom: 1px #C0C0C0 solid;
}
.tableboder td {
	border-top: 1px #C0C0C0 solid;
}
.tableboder tr.bgg td {
	background-color: #F5F5F5;
}
.tableboder h2 {
	float:left;
	width:41px;
}
.tableboder p {
	float:left;
	width:218px;
}
.tableboder p img {
	margin:37px 0 0 40px;
}
.tableboder p.tbline1 {
	width:220px;
	background-image:url(/material/img/highschool/rika/textbook/h24/line01.gif);
	background-repeat:no-repeat;
	background-position:left top;
}
.tableboder p.tbline1 img {
	margin:37px 0 0 45px;
}
.tableboder p.tb2 {
	width:328px;
}
.tableboder p.tb2 img {
	margin:37px 0 0 75px;
}
.tableboder p.tbline2 {
	width:279px;
	background-image:url(/material/img/highschool/rika/textbook/h24/line02.gif);
	background-repeat:no-repeat;
	background-position:left top;
}
.tableboder p.tbline2 img {
	margin:37px 0 0 104px;
}
/*----------------------------------------------------h25-----*/

.h25 img{
	display:block;
}
.h25 .sample{
	display:block;
	margin-bottom:10px;
	background:url(../img/common/sample.png) no-repeat;
	padding-left: 20px;
	margin-left: 10px;
}
.h25 .Box01{
	margin: 0 25px 0 0;
	width: 130px;
}
.h25 .Box01 img, .h25 .Box04 img{
	margin:auto;
}
.h25 .Box04{
	width:130px;
}
.h25 .btnBlock{
	background:url(../img/common/bg_h25_cont.png) repeat-x;
	border:1px solid #cacaca;
	border-bottom:none;
	padding:5px;
	overflow:hidden;
	zoom:1;
}
.h25 .btnBlock a{
	display: block;
	border:2px groove #fff;
	width:147px;
	_width:169px;
	padding:10px;
	_padding-right:0;
	background: url(../img/common/btn_btnblock.png) repeat-x bottom #fefefe;
	float:left;
	margin:5px;
	font-size:13px;
	color:#1a1a1a;
	text-decoration: none;
}
.h25 .btnBlock a.w33{
	width:208px;
	_width:228px;
}
	
.h25 .btnBlock a span{
	color:#18456e;
	margin-top:5px;
	text-decoration: underline;
	font-size:15px;
}
.h25 .btnBlock img{
	display:inline;
	vertical-align:  text-bottom;
	width:15px;
	height:15px;
	margin-left:5px;
}

.douga{
	margin-top:120px;
	}
/*----------------------------------------------------r04-----*/
.twoColumn .right .ContentsBtn {
	width:100%;
	padding:0;
}
.twoColumn .right .ContentsBtn img {
	width:100%;
  height: auto;
}
.digital_pamphlet {
  position: relative;
}
.digital_pamphlet span {
  position: absolute;
  top:0;
  left:0;
  font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"!important;
  font-size: 16px;
  font-weight: bold;
  color: #000;
  text-decoration: none;
  padding: 0.8em 0 0 5.5em;
}
.digital_pamphlet span small {
    font-size: 77%;
    white-space: nowrap
}