@charset "utf-8";
/* CSS Document */

/**************************************************************************************************
Initialization
**************************************************************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,table,td,th,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
	margin			: 0;
	padding			: 0;
	font-family:Tahoma,"メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS PGothic", Osaka,  sans-serif;
	line-height:1.4;
}
table{
	border-collapse	: collapse;
	border-spacing	: 0;
}
fieldset,img{
	border			: 0;
}
strong {
	font-weight:bold;
}
li {
	list-style		: none;
}
caption,th {
	text-align		: left;
}
h1,h2,h3,h4,h5,h6{
	font-weight		: normal;
}
input, textarea, select{
	font-family		: inherit;
	font-size			: inherit;
	font-weight		: inherit;
}
img.ImgRight {
	float:right;
	margin:0 8px;
}
/*======================================
	Font-size Adjustment

	77% = 10px	|	122% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px
	92% = 12px	|	136% = 18px	|	182% = 24px
	100% = 13px	|	144% = 19px	|	189% = 25px
	107% = 14px	|	152% = 20px	|	197% = 26px
	114% = 15px	|	159% = 21px	|

=======================================*/

body {
	font-size			: x-small;
}

* {
	font-size		: 100%;
	font-weight		: normal;
	font-style		: normal;
}

.FontSize1 {
	font-size		: 85%;
	line-height:140%;
}
.FontSize10 {
	font-size:77%;
}
.FontSize12 {
	font-size		: 92%;
}
.FontSize14 {
	font-size		: 107%;
}
.FontSize15 {
	font-size		: 114%;
}


/**************************************************************************************************
CLEARFIX CLASS
**************************************************************************************************/
.clearfix:after{
	display			: block;
	clear			: both;
	height			: 0;
	visibility		: hidden;
	content			: ".";
	line-height		: 0;
}
.clearfix{
	display			: inline-table;
	min-height		: 1%;
}
/* FOR MAC IE \*/
* html .clearfix{
	height			: 1%;
}
.clearfix{
	display			: block;
}
/* END OF FOR MAC IE */


/* LINK
-------------------------------------------------------------------------------------------------*/
a:link,
a:active,
a:visited {
	color			: #004ED4;
	text-decoration	:underline;
}
a:hover {
	color			: #004ED4;
	text-decoration	:none;
}
a.Link {
	background:url(../images/arrow.gif) no-repeat left center;
	font-weight:bold;
	padding-left:1.4em;
}
li.Link {
	background:url(../images/arrow.gif) no-repeat left center;
	padding-left:1.4em;
	margin:10px 0;
}
a.LinkPdf {
	background:url(../images/icon_pdf.gif) no-repeat right center;
	padding-right:1.6em;
	padding-bottom:4px;
}

/* OUTLINE
-------------------------------------------------------------------------------------------------*/
body {
	margin			: 0 0 30px 0;
	color			: #333333;
	background		: url(../images/bg_main.gif) repeat-x;
}
body#Index {
	margin			: 0 0 30px 0;
	color			: #333333;
	background		: url(../images/idx_bg_main.gif) repeat-x;
}

#Container {
	width			: 800px;
	margin			: 0 auto;
	font-size		: 120%;
	line-height		: 140%;
}

/* HEADER
-------------------------------------------------------------------------------------------------*/
#Header {
	margin			: 10px 0 6px 0;
}
	#Header div.Left {
		float			: left;
		width: 337px;
	}
		#Header div.Left p {
			float			: left;
			width			: 162px;
		}
		#Header div.Left span {
			display			: block;
			margin			: 8px 0 0 0;
			width			: 175px;
			float			: left;
		}
	#Header div.Right {
		float			: right;
		margin			: 0;
		width			: 287px;
	}

/* CONTENTS
-------------------------------------------------------------------------------------------------*/
#Contents {
	clear:both;
}

#Contents .Btn {
	clear:both;
	margin:30px 0;

}
	#Contents .Btn li {
		float:left;
		margin:0 14px 0 0;
	}
	#Contents .Btn li.End {
		float:right;
		margin:0;
	}

#Contents .Caution {
	clear:both;
	background:url(../images/footer_line.gif) repeat-x top;
	padding:10px 0 0 0;
	margin:20px 0 0 0;
}
	#Contents .Caution .Left {
		float:left;
	}
	#Contents .Caution .Right {
		float:right;
		background:#FFFFEC;
		border:1px solid #DDD;
		padding:0 20px;
	}

.Clear {
	clear:both;
}
.MT5 {
	margin:5px 0 0 0;
}
.MT10 {
	margin:10px 0 0 0;
}
.MT20 {
	margin:20px 0 0 0;
	clear:both;
}
.MT25 {
	margin:25px 0 0 0;
	clear:both;
}
.MT30 {
	margin:30px 0 0 0;
	clear:both;
}
.MB10 {
	margin:0 0 10px 0;
	clear:both;
}
.MB20 {
	margin:0 0 20px 0;
	clear:both;
}

.Blue {
	color:#00a0e9;
}
.Blown {
	color:#c26c31;
}
.Red {
	color:#e60012;
}
.TextCenter {
	text-align:center;
}

/* FOOTER
-------------------------------------------------------------------------------------------------*/
#Footer {
	clear	: both;
	width	: auto;
	height	: 25px;
	margin	: 30px 0 0 0;
	border-top: 5px solid #cccccc;
}
	#Footer .Footer {
		width	: 800px;
		margin	: 0 auto;
		padding	: 10px 0;
	}
	#Footer p.Left {
		float	: left;
		font-size: 120%;
	}
	#Footer p.Right {
		float	: right;
		width	: 113px;
	}

/* NAVIGATION
-------------------------------------------------------------------------------------------------*/

ul#Navi {
	width:800px;
	text-align	: right;
	font-size	: 114%;
	margin		: 4px 0 9px 0;
}
	ul#Navi li {
		float		: right;
		text-align	: right;
		margin-right: -1px;
	}
	ul#Navi li a {
		background	: url(../images/arrow.gif) no-repeat 6px 12px;
		padding		: 8px 12px 4px 22px;
		display		: block;
		border		: 1px solid #ed925f;
	}
	ul#Navi li.ov {
		background	: url(../images/arrow_ov.gif) no-repeat 6px 12px;
		padding		: 8px 12px 4px 22px;
		display		: block;
		border		: 1px solid #ed925f;
	}
	ul#Navi li.End {
		float		: right;
		_border-right:1px solid #ed925f;
	}
	ul#Navi li.ovEnd {
		background	: url(../images/arrow_ov.gif) no-repeat 6px 12px;
		padding		: 8px 12px 4px 22px;
		display		: block;
		border		: 1px solid #ed925f;
		margin-right: 1px;
	}

/* INDEX CONTENTS
-------------------------------------------------------------------------------------------------*/
#Index #flashcontent {
	width	: 800px;
	height	: 363px;
}

.Feature {
	margin	: 0 0 10px 0;
	background: #ffe5cd;
	clear	: both;
	background:url(../images/idx_benri_bg.gif) repeat-y;
}
	.Feature .Sokujitsu {
		background	: #FFF;
		width		: 764px;
		margin		: 0 16px;
	}
	.Feature .Sokujitsu .Left {
		float		: left;
		width		: 370px;
	}
	.Feature .Sokujitsu .Right {
		float		: right;
		width		: 389px;
	}
	.Feature .Sokujitsu .Keiyaku {
		width		: 767px;
		margin		: 10px auto 0 auto;
	}	
	.Feature .BoxLeft{
		width		: 388px;
		float		: left;
		margin		: 0 0 0 10px;
		_margin		: 0 0 0 5px;
	}
	.Feature .BoxRight{
		width		: 388px;
		float		: right;
		margin		: 0 8px 0 0;
		_margin		: 0 3px 0 0;
	}
		.Feature h3{
			text-align: center;
		}
		.Feature ul {
			margin	: 6px 0 0 6px;
		}
		.Feature li {
			float	: left;
			width	: 120px;
			margin	: 0 6px 0 0;
			font-size: 84%;
		}

#Index h3 {
	clear	: both;
}

#Index table.TableKinri {
	margin	: 10px 0 0 0;
	width	: 100%;
	font-size: 114%;
}
	#Index table.TableKinri th {
		background			: #fbebcd;
		font-weight			: bold;
		vertical-align		: middle;
		border				: 1px solid #feb223;
		color				: #f24e00;
		padding				: 6px;
		text-align			: center;
		font-size			: 114%;
	}
	#Index table.TableKinri td {
		border				: 1px solid #feb223;
		padding				: 6px;
		text-align			: center;
	}
	#Index table.TableKinri td.Midashi {
		background			: #fff9d1;
		border				: 1px solid #feb223;
		padding				: 6px;
		color				: #f24e00;
		text-align			: center;
		font-size			: 114%;
		font-weight			: bold;
	}
	#Index table.TableKinri td strong {
		color				: #e60012;
		font-size			: 200%;
	}

/* Flow */
ul.FlowList {
	margin		: 10px 0;
}
	ul.FlowList li {
		float	: left;
	}

#Index .Contents{
	clear:both;
	background:#feeae4;
	padding:10px;
	font-size:100%;
}
	#Index .Contents dl,
	.Flow dl {
		border:1px solid #cccccc;
		width:373px;
		background:url(../images/idx_bg.gif) no-repeat center top #FFF;
		padding:10px 0 10px 10px;
		margin:0 0 10px 0;
	}
		#Index .Contents dl.H120,
		.Flow dl.H120 {
			height:106px;
		}
		#Index .Contents dl.H114 {
			height:110px;
		}
		#Index .Contents dl.Left,
		.Flow dl.Left{
			float:left;
		}
		#Index .Contents dl.Right,
		.Flow dl.Right {
			float:right;
		}
			#Index .Contents dt,
			.Flow dt{
				float:left;
			}
			#Index .Contents dl.H120 dd {
				padding-left:85px;
			}
			#Index .Contents dd,
			.Flow dd{
				padding-left:75px;
			}

/* SECOND CONTENTS
-------------------------------------------------------------------------------------------------*/
.SubCopy {
	height:74px;
}
	.SubCopy .BoxLeft{
		width:400px;
		height:74px;
		float:left;
	}
	.SubCopy .BoxRight{
		width:400px;
		height:74px;
		float:right;
	}

.FeatureList {
	width:800px;
	margin:10px 0;
}
.FeatureList .Sokujitsu .Left {
	float:left;
	width:390px;
}
.FeatureList .Sokujitsu .Right {
	float:right;
	width:407px;
}
	.FeatureList h3 {
		float:left;
		width:200px;
		margin:0;
		padding:100px 0 0 0;
	}
	.FeatureList dl {
		float:right;
		width:600px;
		margin:4px 0;
	}
		.FeatureList dt {
			float:left;
			width:130px;
		}
		.FeatureList dd {
			padding-left:130px;
			margin:14px 0 0 0;
		}
			.FeatureList dd.Row3 {
				padding-left:130px;
				margin:10px 0 0 0;
			}
			.FeatureList dd.Row4 {
				padding-left:130px;
				margin:0;
			}
			.FeatureList dd strong {
				color:#9361af;
			}

table.TableGaiyou {
	width	: 100%;
	margin	: 0 0 10px 0;
}
	table.TableGaiyou th {
		background			: #feebe4;
		font-weight			: bold;
		vertical-align		: middle;
		border				: 1px solid #e60113;
		color				: #e60113;
		padding				: 10px;
		width:18%;
	}
	table.TableGaiyou td {
		border				: 1px solid #e60113;
		padding				: 10px;
	}

#Index table.TableKinri {
	margin		: 10px 0 0 0;
	font-size	: 114%;
	width		: 100%;
}
	#Index table.TableKinri th {
		background			: #fbebcd;
		font-weight			: bold;
		vertical-align		: middle;
		border				: 1px solid #feb223;
		color				: #f24e00;
		padding				: 6px;
		text-align			: center;
		font-size			: 114%;
	}
	#Index table.TableKinri td {
		border				: 1px solid #feb223;
		padding				: 6px;
		text-align			: center;
	}
	#Index table.TableKinri td.Midashi {
		background			: #fff9d1;
		border				: 1px solid #feb223;
		padding				: 6px;
		color				: #f24e00;
		text-align			: center;
		font-size			: 114%;
		font-weight			: bold;
	}
	#Index table.TableKinri td strong {
		color				: #fff600;
		font-size			: 240%;
	}
	#Index table.TableKinri td div {
		background			: #e60012;
		color				: #FFF;
		padding				: 2px 8px 4px 8px;
	}

ul.ListIndent {
	margin			: 0 0 0 0;
	padding			: 0;
}
	ul.ListIndent li {
		margin		: 8px 0 0 0;
		padding		: 0 0 0 1.5em;
		text-indent	: -1.3em;
		line-height	: 1.2;
	}
	ul.ListIndent li.No {
		margin:0;
	}

.Contents {
	font-size:114%;
	clear:both;
}
.Contents h4 {
	color:#ff9900;
	font-weight:bold;
	font-size:120%;
	margin:20px 0 10px 0;
}
.Contents h3 {
	margin:20px 0 20px 0;
}

/* Entry Button */
.EntryBtn {
	width:780px;
	background:#fff7cc;
	margin:0 0 30px 0;
	padding:10px;
}
	.EntryBtn h3 {
		text-align:center;
		margin:0 0 10px 0;
		padding:0;
	}
	.EntryBtn li {
		float:left;
		margin:0 14px 0 0;
		text-align:center;
	}
	.EntryBtn li.End {
		float:right;
		margin:0;
	}

/* Entry Button(Entry Page) */
.EntryBtnEntry {
	width:800px;
	margin:0 0 40px 0;
	padding:0;
	background:#fff7cc;
}
	.EntryBtnEntry h3 {
		margin:0 0 0 0;
		padding:0;
	}
	.EntryBtnEntry .Contents {
		background:#fff7cc url(../images/entry_bg.gif) repeat-y;
		margin:10px 0;
		padding:0 8px;
	}
	.EntryBtnEntry li {
		float:left;
		margin:0 4px 0 0;
		text-align:center;
	}
	.EntryBtnEntry li.End {
		float:right;
		margin:0;
	}
	.EntryBtnEntry p {
		padding:10px;
	}

.Flow {
	margin:0 15px;
}
	.Flow ul.List li {
		float:left;
		margin:0 11px 0 0;
	}
		.Flow ul.List li.End {
			float:right;
			margin:0;
		}
	.Flow .Caution {
		border			: 2px solid #fdd000;
		background	: none !important;
		padding			: 10px !important;
		margin			: 0;
		text-align	: center;
		font-size		: 107%;
		font-weight : bold;
	}

	.Flow dl {
		border:1px solid #cccccc;
		width:360px;
		background:url(../images/idx_bg.gif) no-repeat center top #FFF;
		padding:10px;
		font-size:92%;
	}
		.Flow dl.Left{
			float:left;
			height:116px;
		}
		.Flow dl.Right {
			float:right;
			height:116px;
		}
			.Flow dt{
				float:left;
			}
			.Flow dd {
				padding-left:85px;
			}
			.Flow dd.No{
				padding-left:75px;
			}

table.Flow {
	margin:0 !important;
	padding:0;
}

table.Flow th {
	width:321px;
	padding:0 0 14px 0;
}
table.Flow ul.FlowList {
	margin:0;
}
table.Flow td.Sokuzitsu {
	width:479px;
	text-align:right;
	vertical-align:bottom;
}
