﻿/*
備註：
	. = class 
	# = id
	字距: letter-spacing
	行距: line-height
*/
/*===========================================================================================================================*/

	@charset "UTF-8";

/*===========================================================================================================================*/

	body{
		margin: 0;
		padding: 0;
		border: 0;
		overflow-y: scroll;
		height: auto; 
		max-height: 100%;
		background: #FFFFFF;
		color: #000000;
		font-family: Arial,Sans-Serif;
		font-size: 13px/27px;
		text-decoration: none;
	}

/*===========================================================================================================================*/

	a{
		font:13px/27px Arial,sans-serif;
	}

	a:link,a:visited,a:active{
		color: #3366CC;
		text-decoration: none;
	}

	a:hover{
		color: #3366CC;
		text-decoration: underline;
	}

/*===========================================================================================================================*/

	LABEL{

		width:130px;
		
text-align:right;
		
display:block;
		
float:left;
		
clear:left;

	}

	div.form_msg{

		margin-left: 130px;
		
margin-bottom:6px;
		
color: red;
		
width: 500px;
		display: none;
	
}
	div.form_text{

		margin-left: 130px;
		
margin-bottom:6px;
		
color: #7777ff;
		
width: 500px;
	
}

/*===========================================================================================================================*/

	a.button, a.buttonDis {
		DISPLAY: BLOCK;
		BACKGROUND-COLOR: TRANSPARENT;
		BACKGROUND-IMAGE: URL(BUTTONBACKGROUND.GIF);
		BACKGROUND-REPEAT: NO-REPEAT;
		WIDTH: 132PX;
		HEIGHT: 28PX;
		MARGIN: 0px 0 0 0;
		PADDING: 0px 0 0 0;
		TEXT-ALIGN: CENTER;
		FONT-SIZE: 100%;
		FONT-WEIGHT: BOLD;
		TEXT-DECORATION: NONE;
	}

	a.button:link, a.button:visited {
		COLOR: #002577;
	}

	a.button:hover, a.button:active {
		BACKGROUND-POSITION: 0 -36PX;
		COLOR: #FF7200;
	}

	a.buttonDis:link, a.buttonDis:visited, a.buttonDis:hover, a.buttonDis:active {
		BACKGROUND-POSITION: 0 -72PX;
		COLOR: #5F5F5F !IMPORTANT;
		CURSOR: DEFAULT;
	}

/*===========================================================================================================================*/

	#MoBar{
		background-color:#2D2D2D;
		background-image:none;
		_background-image:none;

		height: 30px;

		color: #FFFFFF;
		font:13px/27px Arial,sans-serif;
	}

	.BarInnertube{
		margin: 0;
		padding: 5px;
		text-align: center;
	}

	.MoBarLeft,.MoBarRight{
		position:absolute;
		white-space:nowrap;
		top:0;
		height:30px;
		z-index:1000;
	}

	.MoBarLeft{
		margin: 0;
		left: 0;
		float: left;
		text-align: left;
		padding-left: 4px;
	}

	.MoBarRight{
		margin: 0;
		right: 0;
		float: right;
		text-align: right;
		padding-right: 5px;
	}

	.item_Li,.item_Liover{
		position: relative;
		display: -moz-inline-box;
		display: inline-block;
		line-height: 27px;
		padding: 0;
		vertical-align: top;
		background-color:;
	}
	.item_Li,.item_Liover{*display:inline}

	.item_Liover{background-color:#4C4C4C;}

	.item_Link{
		cursor:pointer;
		display:block;
		text-decoration:none !important;
		color:#CCCCCC!important;
	}

	.item_Line{
		display:block;
		border-top:2px solid transparent;
	}

	.item_LinkWord{
		border-left:0px solid transparent;
		border-right:0px solid transparent;
		display:block;
		*display:inline-block;
		padding:0 6 0 6px;
		position:relative;
		z-index:1000;
	}

	.item_LinkWord{*display:inline}

	.item_Highlight .item_Line{
		border-top-color:#FF00FF!important;
	}

	.item_Highlight .item_LinkWord{
		color:#FFFFFF;
		font-weight:bold;
	}

/*===========================================================================================================================*/

	.LogobarArea{
		background-image:URL(/iStyle_Data/Logobar.jpg);
		text-align: center;
		height: 67px;
	}

	.Logobar{
		margin: 0px auto;
		width: 980px;
		text-align: left;
	}

	.Logobar_Logo{
		position:relative;
		top: 8px;
		left: 10px;
	}

/*===========================================================================================================================*/

	.MainContentArea{
		text-align: center;
		font:13px/27px Arial,sans-serif;
		letter-spacing: 1px;
		line-height: 190%;
		height: 100%;
	}

	.MainContent{
		background-color:#FFFFFF;
		width: 980px;
		PADDING-TOP: 0px;
		PADDING-RIGHT: 0px;
		PADDING-BOTTOM: 0px;
		PADDING-LEFT: 0px;
		margin: 0px auto;
		text-align: left;
		height: 100%;
	}

	.MainContentLeft,.MainContentRight{
		position:relative;
		top: 0;
		z-index:0;
		margin: 0;
	}

	.MainContentLeft{
		background-image:URL(/iStyle_Data/MainContentLeft.jpg);
		left: 0;
		float: left;
		text-align: left;
		padding-left: 0px;
		width: 200px;
		height: 100%;
	}

	.MainContentRight{
		background-color:;
		right: 0;
		float: right;
		text-align: left;
		padding-right: 0px;
		width: 780px;
		height: auto;
	}

	.MCL_ContentArea{
		margin: 25 0 25 10;
	}

	.MCR_ContentArea{
		margin: 30 0 30 30;
	}

/*===========================================================================================================================*/

	.MCL_Menu_Li,.MCL_Menu_Liover,.MCL_Menu_SubLi,.MCL_Menu_SubLiover,.MCL_Menu_On{
		position: relative;
		display: -moz-inline-box;
		display: inline-block;
		padding-left: 0px;
		width: 190px;
		height: 27px;
	}
	.MCL_Menu_Li,.MCL_Menu_Liover,.MCL_Menu_SubLi,.MCL_Menu_SubLiover,.MCL_Menu_On{*display:inline}

	.MCL_Menu_Li{
		background-image:URL(/iStyle_Data/MCL_Menu_0.png);
	}

	.MCL_Menu_Liover{
		background-image:URL(/iStyle_Data/MCL_Menu_1.png);
	}

	.MCL_Menu_SubLi{
		background-image:URL(/iStyle_Data/MCL_Menu_Sub0.png);
	}

	.MCL_Menu_SubLiover{
		background-image:URL(/iStyle_Data/MCL_Menu_Sub1.png);
	}

	.MCL_Menu_On{
		color: #FFFFFF;
		background-image:URL(/iStyle_Data/MCL_Menu_2.png);
	}

	.MCL_Menu_On a,.MCL_Menu_On a:link,.MCL_Menu_On a:visited,.MCL_Menu_On a:active,.MCL_Menu_On a:hover{
		color: #FFFFFF;
	}

/*===========================================================================================================================*/

	.MCR_DivFrameArea{
		width: 700px;
		height: 315px;
		border:1px solid #DEDEDE;
		background-color: #FEFCF4;

		overflow:auto;
	}

	.MCR_DivFrame{
		width: 640px;
		margin: 20;
	}

	.MCR_ExplanationArea{
		width: 700px;
		height:;
		border:1px solid #FFE79F;
		padding: 0px;
		background-color: #FEFCF4;
	}

	.MCR_Explanation{
		width: 660px;
		margin: 20;
	}

	.MCR_Content{
		width: 700px;
	}

/*===========================================================================================================================*/

	.Space_10{
		height: 10px;
	}

	Hr{
		width: 700px;
		height: 1px;
		border: 0px;
		padding: 0px;
		background-color: #D2D2D2;
	}

/*===========================================================================================================================*/

	.FootbarArea{
		clear:both;
		text-align: center;
	}

	.Footbar{
		background-image:URL(/iStyle_Data/Footbar.jpg);
		margin: 0px auto;
		width: 980px;
		height: 50px;
		font:13px/27px Arial,sans-serif;
		letter-spacing: 1px;
		line-height: 50px;
	}

	.FootbarLeft,.FootbarRight{
		position:relative;
		top: 0;
		z-index:0;
		margin: 0;
	}

	.FootbarLeft{
		left: 0;
		float: left;
		text-align: left;
		padding-left: 0px;
		width: 50%;
	}

	.FootbarRight{
		right: 0;
		float: right;
		text-align: right;
		padding-right: 0px;
		width: 50%;
	}

/*===========================================================================================================================*/