/* font color */
.blown {
	color			: #990000;
}
.red {
	color			: #CC0000;
}
.orange {
	color			: #FF9900;
}
.navy {
	color			: #336699;
}
.pink {
	color			: #FF9999;
}
.pink2 {
	color			: #FF3399;
}
.pink3 {
	color			: #CC0066;
}
.vioret {
	color			: #996699;
}
.blue {
	color			: #0033CC;
}
.cyan {
	color			: #3399FF;
}
.green {
	color			: #99CC00;
}
.bold {
	font-weight		: bold;
}

/* CSS Document */
/*　左ナビ下　*/
#licensenavi {
	width: 190px;
	margin-top: 5px;
	background-color: #f9f9f9;
}
#licensenavi li {
	text-align: left;
}
#licensenavi a {
	display: block;
	width: 190px;
	height: 25px;
	color:#336699;
	text-decoration:none;
	border-bottom-width: 1px dotted #CCCCCC;
	line-height: 200%;
	text-indent: 10px;
}
#licensenavi a:visited {
	color:#999999;
	text-decoration:none;
}
#licensenavi a:hover,#licensenavi a:active {
   text-decoration:underline;
	color:#336699;
}
#license_honbun1 {
	margin-top: 10px;
	text-align: left;
	margin-bottom: 10px;
}
#license_box1 {
	width: 480px;
	margin: 10px auto;
	text-align: left;
	border: 1px solid #CCCCCC;
}
#license_box1 ul{
	padding: 5px 0;
}
#license_box1 li{
	width: 230px;
	margin-left: 10px;
	text-align: left;
	float: left;
}
*html #license_box1 li{
	width: 230px;
	margin-left: 5px;
	text-align: left;
	float: left;
}
#license_honbun2 {
	text-align: left;
	margin-bottom: 15px;
}
#license_left {
	float: left;
	width: 250px;
}
#license_right {
	float: right;
	width: 240px;
	border: 1px dotted #CCCCCC;
	padding: 5px 3px;
	color: #999999;
}

/*　Spry　*/
.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {
	display: none;
}
.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg {
	color: #CC3333;
}
.textfieldValidState input, input.textfieldValidState {
	background-color: #FFFFFF;
}

input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	background-color: #FF9F9F;
}
.textfieldFocusState input, input.textfieldFocusState {
	background-color: #FFFFFF;
}
.textfieldFlashText input, input.textfieldFlashText{
	color: red !important;
}
.CollapsiblePanelTab a {
	border-top		: 1px solid #ffffff;
	border-bottom	: 1px solid #c1c1c1;
	background		: #ffffff url(../../common/images/menu_bg.jpg) no-repeat 0 center;
	display			: block;
	padding			: 3px 15px 3px 17px;
	color			: #333333 !important;
}
	.CollapsiblePanelTab a:hover,
	.CollapsiblePanelTab a.On {
		background		: #e60012 url(../../common/images/menu_bg_ov.jpg) no-repeat 0 center;
		font-weight		: bold;
		text-decoration	: none;
		color			: #ffffff !important;
	}
.CollapsiblePanelContent ul li a {
	background		: #FFFFFF url(../../common/images/icon01.gif) no-repeat 15px 0.6em !important;
	padding-left	: 25px !important;
	padding-right	: 3px !important;
}
.CollapsiblePanelContent ul li.On a,
.CollapsiblePanelContent ul li a:hover {
	background		: #ffffff url(../../common/images/icon01.gif) no-repeat 15px 0.6em !important;
	padding-left	: 25px !important;
	color			: #d24d5b !important;
	font-weight		: bold !important;
}
div > .CollapsiblePanelContent {
	overflow-x:hidden;
	overflow-y:auto;
}
/*
.CollapsiblePanelTab {
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	font-weight: bold;
	color: #000000;
	background: url(../images/m002.gif) no-repeat;
	text-align: left;
	padding: 3px 10px 3px 10px;
}
.CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
}
.CollapsiblePanelOpen .CollapsiblePanelTab {
	background: #EEE url(../images/m002.gif) no-repeat;
}
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background-image: #FFFFFF url(../images/m003.gif) no-repeat;
}
.CollapsiblePanelFocused .CollapsiblePanelTab {
	background-color: #FFFFFF;
}
.CollapsiblePanel1 .CollapsiblePanelTab {
	background-image: url(../images/m002.gif);
}
div > .CollapsiblePanelContent {
	overflow-x:hidden;
	overflow-y:auto;
}
*/
* html .DictionaryMenu ul {
	display:inline-block;
}
.ShikakuArea {
	margin			: 0 auto;
	width:704px;
}
.ShikakuArea div.TopBg, .ShikakuArea div.ContentsBg{
	background:url(../images/shikaku_bg.gif) repeat-y;
	padding:16px 8px;
}
.ShikakuArea h2.ContentsTtl {
	font-size		: 108%;
	background-color: #4cb97a;
	color			: #fff;
	padding			: 6px;
	margin			: 0 0 20px;
}
.ShikakuArea h2.TopTtl, .ContentsBg h3{
	font-size		: 108%;
	border-bottom	: 3px solid #a3e5c8;
	color			: #3da176;
	padding			: 0 0 3px;
	margin			: 0 0 10px;
}
.ShikakuArea p {
	padding			: 0 10px 20px 10px;
}
.ShikakuArea img {
	margin			: 0;
	display:block;
}
.ShikakuArea .ShikakuBox{
	width:670px;
	margin:16px auto 0 auto;
	border:1px solid #4cb97a;
}

.ShikakuArea .TopBg h3{
	color:#FFF;
	font-weight:bold;
	font-size:108%;
	background-color: #4cb97a;
	padding:4px 12px;
}
.ShikakuArea .ShikakuBox dl.TopMenu{
	margin:0;
	padding:0;
}
.ShikakuArea .ShikakuBox dd.TopMenuL{
	margin:4px 0;
	width:520px;
	float:left;
}
.ShikakuArea .ShikakuBox dt.TopMenuR{
	margin:4px;
	width:140px;
	float:right;
}
.ShikakuArea ul li{
	width:232px;
	float:left;
	background:url(../images/arrow.gif) no-repeat left center;
	padding-left: 16px;
	margin-left: 12px;
}
.ShikakuArea ul li.top{
	width:232px;
	float:left;
	background:url(../images/arrow.gif) no-repeat left top;
	padding-left: 16px;
	margin-left: 12px;
}
.ShikakuArea ul li.inq{
	width:500px;
	background:url(../images/arrow.gif) no-repeat left center;
	padding-left: 16px;
	margin-left: 12px;
}
.ShikakuArea .CourseLink  dl{
	width:500px;
	margin:0 0 0 16px;
	padding:0;
}
.ShikakuArea .CourseLink dd{
	width:200px;
	float:left;
}
.ShikakuArea .CourseLink dt{
	width:240px;
	float:left;
}