@charset "utf-8";


/* ---------------------------------------------------------------------------------------------------------- *

	 1. Image Area
 
 * ---------------------------------------------------------------------------------------------------------- */

#imageArea {
	height:205px;
	background:url(../img/bg_eachimage.jpg) repeat-x top center;
	}

#imageArea .titleArea {
	margin:0 auto;
	padding-top:17px;
	width:934px; height:188px;
	background:url(../img/bg_titlearea.png) no-repeat top center;
	}



/* ---------------------------------------------------------------------------------------------------------- *

	 2. Container
 
 * ---------------------------------------------------------------------------------------------------------- */

#container .doc {
	margin:0 auto;
	padding-top:10px;
	width:900px;
	}

#container .doc h3 {
	font-size:14px;
	font-weight:bold;
	line-height:50px;
	text-align:left;
	background:url(../img/bg_h3_660.gif) no-repeat;
}



/* ---------------------------------------------------------------------------------------------------------- *

	 3. System
 
 * ---------------------------------------------------------------------------------------------------------- */

#container .doc .sysArea {
	}

#container .doc .sysArea h3 {
	padding:0 0 0 15px;
	/*color:#f79921;*/
	}

#container .doc .sysArea .system {
	margin:10px auto 0;
	width:860px;
	}

#container .doc .sysArea .outer {
	border:2px solid #f2f2f2;
	}

#container .doc .sysArea .inner {
	border:1px solid #ccc;
	}

#container .doc .sysArea .menu {
	float:left;
	width:220px;
	text-align:left;
	border:2px solid #f2f2f2;
	}

#container .doc .sysArea .document {
	float:right;
	width:660px;
	text-align:left;
	}

#container .doc .sysArea .menu ul {
	border-top:2px solid #4d4d4d;
	}

#container .doc .sysArea .menu li {
	border-top:1px solid #fff;
	border-bottom:1px solid #ccc;
	line-height:32px;
	text-indent:22px;
	background:#f7f7f7 url(../img/icon_arrow_right_b.gif) no-repeat 5% 50%;
	}

#container .doc .sysArea .menu li.last {
	border-bottom:none;
	}

#container .doc .sysArea .menu li a {
	display:block;
	width:217px; height:30px;
	font-size:0.9em;
	text-decoration:none;
	}

#container .doc .sysArea .menu li a:link ,
#container .doc .sysArea .menu li a:visited {color:#444;}
#container .doc .sysArea .menu li a:hover {color:#e56b21; background:#fcfcfc url(../img/icon_arrow_right_o.gif) no-repeat 5% 50%;}

#container .doc .sysArea .document h2 {
	font-size:18px;
	font-weight:bold;
	text-indent:20px;
	line-height:56px;
	text-align:left;
	color:#fff;
	background:url(../img/bg_h2_660.gif) no-repeat;
	}

#container .doc .sysArea .document h4 {
	line-height:30px;
	font-weight:normal;
	text-indent:22px;
	border-top:2px solid #e56b21;
	border-bottom:1px dotted #ccc;
	background:#f7f7f7 url(../img/icon_arrow_right_b_two.gif) no-repeat 1% 50%;
	}

#container .doc .sysArea .document p.word {
	margin-top:8px;
	padding-left:7px;
	font-size:1.0em;
	color:#ff5b5c;
	}

#container .doc .sysArea .document #aboutTab .inner {
	background:url(../../system/img/bg_about.jpg) no-repeat 100% 100%;
	}

#container .doc .sysArea .document .about {
	padding:10px;
	height:330px;
	}

#container .doc .sysArea .document .about .img {float:left;}

#container .doc .sysArea .document .about ul {
	float:right;
	width:470px;
	}

#container .doc .sysArea .document .about ul li {
	font-size:1.1em;
	font-weight:bold;
	padding:9px 0;
	color:#ff5b5c;
	}

#container .doc .sysArea .document .concept {
	margin-top:8px;
	padding:0 8px 10px;
	}

#container .doc .sysArea .document .staff ,
#container .doc .sysArea .document .base ,
#container .doc .sysArea .document .option ,
#container .doc .sysArea .document .caution {
	margin-top:10px;
	padding:0 10px 10px;
	}

#container .doc .sysArea .document .schedule {
	padding:0 10px 10px;
	}

#container .doc .sysArea .document .staff table ,
#container .doc .sysArea .document .schedule table ,
#container .doc .sysArea .document .option table {width:100%;}

#container .doc .sysArea .document .staff table th {
	width:20%;
	font-size:1.0em;
	text-align:center;
	line-height:30px;
	border:1px solid #fff;
	background-color:#ffeaff;
	}

#container .doc .sysArea .document .staff table td {
	font-size:1.0em;
	text-align:left;
	line-height:30px;
	text-indent:10px;
	border:1px solid #fff;
	background-color:#ffeaff;
	}

#container .doc .sysArea .document .staff ,
#container .doc .sysArea .document .staff2 ,
#container .doc .sysArea .document .base ,
#container .doc .sysArea .document .option ,
#container .doc .sysArea .document .caution {
	margin-top:10px;
	padding:0 10px 10px;
	}

#container .doc .sysArea .document .schedule {
	padding:0 10px 10px;
	}

#container .doc .sysArea .document .staff2 table {width:100%;}

#container .doc .sysArea .document .staff2 table th {
	width:30%;
	font-size:1.0em;
	text-align:center;
	line-height:30px;
	border:1px solid #fff;
	background-color:#ffeaff;
	}

#container .doc .sysArea .document .staff2 table td {
	font-size:1.0em;
	text-align:left;
	line-height:30px;
	text-indent:10px;
	border:1px solid #fff;
	background-color:#ffeaff;
	}

#container .doc .sysArea .document .schedule table th {
	width:20%;
	font-size:1.0em;
	text-align:center;
	line-height:30px;
	border:1px solid #fff;
	background-color:#ffeaff;
	}

#container .doc .sysArea .document .schedule table td {
	text-align:left;
	font-size:1.0em;
	line-height:30px;
	text-indent:10px;
	border:1px solid #fff;
	background-color:#ffeaff;
	}

#container .doc .sysArea .document .staff span ,
#container .doc .sysArea .document .schedule span ,
#container .doc .sysArea .document .option span {
	font-size:1.2em;
	font-weight:bold;
	}

#container .doc .sysArea .document .base .play {
	padding-left:5px;
	height:30px;
	}

#container .doc .sysArea .document .base .play li {
	float:left;
	padding-right:40px;
	line-height:30px;
	background:url(../../system/img/bg_play.gif) no-repeat right center;
	}

#container .doc .sysArea .document .base .play li.last {background:none;}

#container .doc .sysArea .document .option table th {
	width:20%;
	font-size:0.9em;
	text-align:center;
	line-height:30px;
	border:1px solid #fff;
	background-color:#F7C8CF;
	}

#container .doc .sysArea .document .option table td {
	text-align:left;
	font-size:0.9em;
	line-height:30px;
	text-indent:10px;
	border:1px solid #fff;
	background:url(../img/bg_slantedline.gif);
	/*background-color:#fff7b8;*/
	}

#container .doc .sysArea .document .option table td.bgcfff {
	background:none;
	}

#container .doc .sysArea .document .caution p {
	color:#e50615;
	line-height:40px;
	font-size:1.2em;
	font-weight:bold;
	text-indent:35px;
	background:#febbbc url(../../system/img/icon_error.gif) no-repeat 2% 50%;
	}

#container .doc .sysArea .document .caution ul {
	margin-top:10px;
	}

#container .doc .sysArea .document .caution ul li {
	line-height:24px;
	text-indent:18px;
	background:url(../../system/img/icon_bullet_red.gif) no-repeat left center;
	}

#container .doc .sysArea .document .mokuteki {
	padding:10px;
	}

#container .doc .sysArea .document .mokuteki p {
	font-size:1.1em;
	line-height:1.6em;
	}

#container .doc .sysArea .document .service {
	padding:10px;
	}

#container .doc .sysArea .document .service dt {
	color:#e56b21;
	font-weight:bold;
	text-indent:18px;
	background:url(../img/icon_oval.gif) no-repeat left center;
	}

#container .doc .sysArea .document .service dd {
	font-size:1.0em;
	padding:3px 0px 0px 10px;
	}

#container .doc .sysArea .document .service dd span.indent {
    display:block;
    text-indent:-1em;
    margin-left:1em;
}