@charset "UTF-8";
/* =====================================================================
*
*    0. Reset
*
* =================================================================== */
body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
	margin:0px;
	padding:0px;
	text-align: center;
	font-size:80%;
	line-height:1.4;
	color:#333333;
}
html,a,form,area,div,table,ul,ol,li,dd,h1,h2,h3,h4,h5,h6,p{
	margin:0px;
	padding:0px;
	border:none;
}
img			{ border:none; }
table		{ font-size:inherit; font:100%; border-collapse:collapse; border-spacing:0; }
table th,
table td	{ text-align:left; font-weight:normal; }
ul,li		{ list-style: none; }

/* =====================================================================
*
*    1. Common
*
* =================================================================== */
/*------------------------------
class
------------------------------*/
div.box01{ border:1px solid #D0D2D3; padding:2px; }
div.box02{ border:1px solid #D0D2D3; background:url(/fc/images/common/bg02.gif) repeat left top; }
/*------------------------------
FootWrapper
------------------------------*/
div#FootCage				{ width:970px; margin:0 auto; text-align:left; margin-top:30px; }
	div#FootCage a.pageTop	{ float:right; width:92px; display: inline; margin-right:20px; }
div#FootWrapper{
	background:url(/fc/images/common/bg01.gif) repeat center top;
	padding-top:5px;
}
	div#Foot{
		background-color:#333333;
		color:#FFFFFF;
		min-height:100px;
		height: auto !important;  
		height: 100px;
	}
		div#Foot a{ color:#FFFFFF; text-decoration: none; }
		div#Foot a:hover,
		div#Foot a:focus{ color:#CCCCCC; }
		
		div#Foot ul{
			float:right;
			margin-top:20px;
			margin-bottom:10px;
			margin-right:20px;
			display: inline;
		}
			div#Foot ul li{ float:left; font-size:90%; }
				div#Foot ul li a{ margin-right:5px; margin-left:5px; }
		div#Foot p{ margin-left:20px; margin-top:20px; float:left; font-size:85%; }
		
/* =====================================================================
*
*    2. Top
*
* =================================================================== */
/*------------------------------
TopHeadWrapper
------------------------------*/
body.top{ background:url(/fc/images/top/bg-head.jpg) repeat-x center top; }
div#TopHeadWrapper{
	background:url(/fc/images/top/bg-keyvisual.jpg) no-repeat center top;
	height:290px;
}
	div#TopHead						{ width:970px; height:290px; margin:0 auto; }
		div#TopHead div.flL			{ width:208px; float:left; }
		div#TopHead div.flR			{ width:762px; float:right; }
			div#TopHead img			{ clear:both; }
			div#TopHead div.flL	img,
			div#TopHead div.flR	img	{ clear:none; }
/*------------------------------
TopMain
------------------------------*/
div#TopMain			{ background:url(/fc/images/top/bg-main.gif) repeat-x center -1px; }
ul#TopNavi			{ width:970px; margin:0 auto; }
	ul#TopNavi li	{ float:left; }
/*------------------------------
TopContent
------------------------------*/	
div#TopContent					{ width:930px; margin:0 auto 45px; text-align:left; }
	div#TopContent div#Merit	{ margin-bottom:40px; }
		div#TopContent div#Merit div.boxWrapper{
			width:178px;
			float:left;
			margin-right:10px;
			display: inline;
			background:url(/fc/images/common/bg01.gif) repeat center top;
		}
			div#TopContent div#Merit div.boxWrapper.last{ margin-right:0px; }
		
			div#TopContent div#Merit div.box{
				display:block;
				min-height:168px;
				height: auto !important;  
				height: 168px;
				width: 168px;
				margin-top:5px;
				margin-left:5px;
				margin-bottom:5px;
				background-color:#FFFFFF;
				text-align:center;
			}
				div#Merit div.box p{ width:125px; margin:8px auto 0; font-size:11px; height:50px; text-align:left; }
				div#Merit div.box a{ display: block; width:55px; margin:0 auto; }
	div#TopContent div#Description{
		width:466px;
		min-height:135px;
		height: auto !important;  
		height: 135px;
		float:left;
		background:url(/fc/images/top/bg-border.gif) repeat-y left top;
	}
		div#TopContent div#Description img	{ margin-left:20px; }
		div#TopContent div#Description p	{ margin-left:20px; margin-right:20px; font-size:90%; }
		
	div#TopContent div#Buttons	{ width:438px; float:right; }
		div#Buttons img.inquiry	{ margin-bottom:5px; }

/* =====================================================================
*
*    3. About
*
* =================================================================== */
/*------------------------------
PagesHeadWrapper
------------------------------*/
div#PagesHeadWrapper			{ background:url(/fc/images/common/bg-head.jpg) repeat-x center top; }
	div#PagesHead				{ width:970px; height:163px; margin:0 auto; }
		div#PagesHead img.flL	{ float:left; }
		div#PagesHead img.flR	{ float:right; }
		
		ul#PagesNavi			{ clear:both; }
		ul#PagesNavi li			{ float:left; }
		ul#PagesNavi li a		{ display: block; }

/*------------------------------
PagesContent
------------------------------*/
div#PagesContent				{ width:930px; margin:0 auto; text-align:left; padding-top:15px; }
	div#PagesContent div.pan	{ float:right; margin-bottom:45px; }
		div#PagesContent div.pan a.top,
		div#PagesContent div.pan span.pages{
			float:left;
			height:25px;
			line-height:25px;
			display:inline;
			font-size:11px;
		}
		div#PagesContent div.pan span.pages span{ height:25px; float:left; color:#FFFFFF; }
		
		div#PagesContent div.pan a.top{
			padding-left:15px;
			padding-right:20px;
			background:#E6E7E7 url(/fc/images/common/bg-pan-top.gif) no-repeat right top;
			text-decoration: none;
			color:#333333;
		}
			div#PagesContent div.pan a.top:hover,
			div#PagesContent div.pan a.top:focus{ background:#C6C6C6 url(/fc/images/common/bg-pan-top-over.gif) no-repeat right top; }
			
		div#PagesContent div.pan span.pages span{ padding-left:20px; padding-right:15px; }
		
			div#PagesContent div.pan span.pages	{ background:#38A4C5 url(/fc/images/common/bg-pan-pages01.gif) no-repeat left top; }
				div#PagesContent div.pan span.pages span{ background:url(/fc/images/common/bg-pan-pages02.gif) no-repeat right top; }
			
	h1										{ clear:both; }
	body.about h1							{ clear:both; margin-bottom:18px; }
	body.about div#Description 				{ width:850px; margin-left:80px; margin-bottom:40px; }
		body.about div#Description p		{ font-weight:bold; line-height:25px; width:770px; margin-top:20px; margin-bottom:20px; }
		body.about div#Description p span	{ color:#EC1B23; }
	
/* =====================================================================
*
*    4. Charm
*
* =================================================================== */
body.charm h1						{ margin-bottom:50px; }
body.charm #MainImage				{ margin-bottom:45px; }
		body.charm #MainImage ul	{
			clear:both;
			background:url(/fc/images/common/bg01.gif) repeat left top;
			padding:4px 0px 4px 4px;
		}
			body.charm #MainImage ul li		{ width:182px; float:left; display: inline; margin-right:3px; }
			body.charm #MainImage ul li a	{ display: block; }

body.charm ul#Merit li				{ margin-bottom:8px;  }
	body.charm ul#Merit li#Merit01	{ width:450px; float:left; }
	body.charm ul#Merit li#Merit02	{ width:470px; float:right; }
	body.charm ul#Merit li#Merit03	{ clear:right; }
	body.charm ul#Merit li#Merit04	{ width:540px; float:left; }
	body.charm ul#Merit li#Merit05	{ width:380px; float:right; }
	
	body.charm ul#Merit li h2		{ margin-top:8px; }
	
	
	body.charm ul#Merit li#Merit01 div.box02,
	body.charm ul#Merit li#Merit02 div.box02{ height:360px; }
	body.charm ul#Merit li#Merit03 div.box02{ height:250px; }
	body.charm ul#Merit li#Merit04 div.box02,
	body.charm ul#Merit li#Merit05 div.box02{ height:295px; }
	

	body.charm ul#Merit li p		{ line-height:24px; margin-left:16px; margin-right:25px;  margin-bottom:20px; }
	
/* =====================================================================
*
*    5. Comparison
*
* =================================================================== */
body.comparison h1{ margin-bottom:50px; }
	body.comparison #MainImage{ background-color:#38A4C5; padding-top:20px; }
		body.comparison #MainImage div.left		{ width:465px; float:left; }
			body.comparison #MainImage div.left h2{ margin-left:65px; margin-bottom:5px; }
			body.comparison #MainImage div.left p	{ color:#FFFFFF; font-size:12px; text-align:right; line-height:21px; margin-right:10px; }
		body.comparison #MainImage div.right		{ width:400px; float:right; }
	
	body.comparison #Model				{ margin-bottom:30px; }
		body.comparison #Model h2		{ padding-left:65px; background-color:#38A4C5; }
	
	body.comparison #ModelHead		{
		text-align:center;
		background:url(/fc/images/comparison/bghead-model.gif) no-repeat center top;
		padding-top:20px;
	}
	body.comparison #ModelBottom	{
		background:url(/fc/images/comparison/bgbottom-model.gif) no-repeat center bottom;
		padding-bottom:20px;
	}
	body.comparison #ModelMiddle	{
		background:url(/fc/images/comparison/bgmiddle-model.gif) repeat-y center top;
		border-bottom:1px solid #FFFFFF;
	}
	
	body.comparison #Model table						{ width:774px; margin:0 auto; text-align:left; }
		body.comparison #Model table thead th,
		body.comparison #Model table thead td,
		body.comparison #Model table tbody th,
		body.comparison #Model table tbody td			{ padding-top:15px; padding-bottom:15px; text-indent:20px; text-align:left; font-size:15px; }
		body.comparison #Model table td.middle			{ text-align:center; }
		/*
		body.comparison #Model table tbody tr			{ background:url(/fc/images/comparison/border-yoko.gif) repeat-x left top; }
		body.comparison #Model table th,
		body.comparison #Model table td.middle			{ background:url(/fc/images/comparison/border-tate.gif) repeat-y right top; }
		*/
		body.comparison #Model table thead th,
		body.comparison #Model table thead td.middle	{ border-right:1px dotted #38A4C5; }
		body.comparison #Model table tbody td			{ border-top:1px dotted #38A4C5; }
		body.comparison #Model table tbody th,
		body.comparison #Model table tbody td.middle	{ border-right:1px dotted #38A4C5; border-top:1px dotted #38A4C5; }
		body.comparison #Model table tfoot th,
		body.comparison #Model table tfoot td.middle	{ border-right:1px dotted #38A4C5; }
			body.comparison #Model table th img,
			body.comparison #Model table td.middle img	{ margin-right:1px; }
			
body.comparison p.notes	{ margin-bottom:30px; }
body.comparison p.flow		{ margin-top:10px; margin-bottom:45px; }
	
/* =====================================================================
*
*    6. Schedule
*
* =================================================================== */
body.schedule #PagesContent{ width:950px; }
body.schedule div.pan{ margin-right:10px; float:right; display: inline; }
	body.schedule h1			{ margin-bottom:18px; }
	body.schedule h1,
	body.schedule h2			{ margin-left:10px; }
	body.schedule #Process p	{ clear:both; float:right; margin-right:10px; display: inline; line-height:20px; }
	
	body.schedule ul#Support					{ width:930px; margin:15px 0px 10px 10px; }
		body.schedule ul#Support div.box02 div	{ float:left; width:120px; }
		body.schedule ul#Support li			{ margin-bottom:20px; }
		body.schedule ul#Support li#support01	{ width:455px; float:left; }
		body.schedule ul#Support li#support02	{ width:455px; float:right; }
		body.schedule ul#Support li#support03	{ width:455px; float:left; }
		body.schedule ul#Support li#support04	{ width:455px; float:right; }
		body.schedule ul#Support h3			{ width:290px; float:left; }
		body.schedule ul#Support p				{ width:278px; float:right; font-size:12px; line-height:25px; }
		
#Support div.box02				{ padding:15px; }

/* =====================================================================
*
*    7. Management
*
* =================================================================== */
body.management h1			{ margin-bottom:18px; }
body.management #Outline	{
	background:url(/fc/images/common/bg01.gif) repeat left top;
	padding:5px;
	margin-top:10px;
	margin-bottom:60px;
}
	body.management h2				{ margin-top:65px; }
	
	body.management #Outline table	{ border:8px #FFFFFF solid; background-color:#FFFFFF; }
		/*
		body.management #Outline table thead tr,
		body.management #Outline table tbody tr{ background:url(/fc/images/management/border.gif) repeat-x left bottom; }
		*/
			body.management #Outline table th,
			body.management #Outline table td{
				padding-top:15px;
				padding-bottom:15px;
				font-size:110%;
				border-bottom:1px dotted #B3B3B3;
				vertical-align: top;
			}
			body.management #Outline table th{ text-indent:80px; border-right:1px solid #CCCCCC; width:280px; }
			body.management #Outline table td{ padding-left:80px; width:624px; }
			
		body.management #Outline table tr.even th,
		body.management #Outline table tr.even td{ background:url(/fc/images/common/bg03.gif) repeat left top; }
		
/* =====================================================================
*
*    9999. clearfix
*
* =================================================================== */
/* clearfix */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:inline-block;
}
/* Hides from IE-mac \*/
*html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}
/* End hide from IE-mac */