@charset "utf-8";
/*********************************************
**    Copyright (c) 2009.
**                  All Rights Reserved.
**********************************************/
/*======================================
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	|
=======================================*/
/**************************************************************************************************
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 {
	font-size		: 101%;
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", sans-serif,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka;
	color:#333;
	margin			: 0;
	padding			: 0;
}
table {
	border-collapse	: collapse;
	border-spacing	: 0;
}
fieldset,img {
	border			: 0;
}
address,caption,cite,code,dfn,th,var {
	font-style		: normal;
	font-weight		: normal;
}
ol,ul { 
	list-style		: none;
}
caption,th {
	text-align		: left;
}
body {
	font-size		: 12px;
	*font-size		: small;
	*font			: x-small;
}


/**************************************************************************************************
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 */

.clear {
	margin			: 0;
	padding			: 0;
	display			: block;
	height			: 0;
	line-height		: 0;
	clear			: both;
	visibility		: hidden;
}
.ClearList {
	display			: block;
	margin			: 0 0 10px 0;
	padding			: 0;
	clear			: both;
	visibility		: hidden;
}
/* LINK
-------------------------------------------------------------------------------------------------*/
a:link,
a:active,
a:visited {
	color			: #666;
	text-decoration	: none;
}
a:hover {
	color			: #23a8d4;
	text-decoration	: underline;
}

/* OUTLINE
-------------------------------------------------------------------------------------------------*/
body {
	margin			: 0;
	padding			: 0;
	line-height		: 1.3;
	background:url(../images/bg.gif);
}
#Container {
	width			: 780px;
	margin			: 0 auto;
	padding			: 0 20px;
	background:url(../images/bg_content.gif) repeat-y top center;
}

/* HEADER MENU
-------------------------------------------------------------------------------------------------*/
#Header {
	width			: 780px;
	margin			: 0;
	padding			: 4px 0 0 0;
}
	#Header h1 {
		float		: left;
		margin		: 0;
		padding		: 0 0 4px 0;
	}
	#Header .Menu {
		float		: right;
		margin		: 0;
		padding		: 0;
	}
		#Header .Menu li {
			float	: left;
			margin	: 0 0 0 6px;
			padding	: 0;
		}
	#Header strong {
		font-weight:normal;
		font-size:92%;
	}
	#Header .SubMenu {
		clear:both;
		margin		: 0;
		padding		: 0;
	}
		#Header .SubMenu li {
			float	: left;
			height:43px;
			margin	: 0;
			padding	: 0;
		}


/* MAIN CONTENTS
-------------------------------------------------------------------------------------------------*/
#ContentsArea {
	width:780px;
	clear:both;
	margin:10px 0 0 0;
}


/* LEFT
-------------------------------------------------------------------------------------------------*/
#Left {
	float			: left;
	margin			: 0;
	padding			: 0;
	width			: 582px;
}

/* RIGHT
-------------------------------------------------------------------------------------------------*/
#Right {
	float			: right;
	margin			: 0;
	padding			: 0;
	width			: 192px;
}
#Right .Topics {
	border:1px solid #cccccc;
	background:#efeff2;
	padding:6px;
}
	#Right .Topics dd {
		font-size:85%;
		margin:6px 0 0 0;
	}
	#Right .Topics dd img{
		float:right;
	}
#Right .SideMenu {
	border:1px solid #cccccc;
	background:#f8f8f8;
	padding:5px;
	font-size:85%;
	color:#666666;
	margin:0 0 10px 0;
}
	#Right .SideMenu ul {
		background:#FFF;
		padding:0 12px;
	}
	#Right .SideMenu li {
		background:url(../images/arrow.gif) no-repeat 0 12px;
		padding:8px 0px 8px 14px;
	}
	#Right .SideMenu li.Line {
		border-bottom:1px solid #DDD;
	}

	#Right .SideMenu ol li {
		background:url(../images/arrow.gif) no-repeat 0 6px;
		padding:2px 0px 2px 10px;
	}


/* CONTENTS
-------------------------------------------------------------------------------------------------*/
#Left dl.new {
	width:540px;
	padding:6px 10px 30px 10px;
}
	#Left dl.new dt {
		float:left;
		width:80px;
		clear:both;
		background:url(../images/arrow.gif) no-repeat 10px 13px;
		padding:8px 0 8px 24px;
		color:#00a062;
		border-bottom:1px solid #DDD;
	}
	#Left dl.new dd {
		width:550px;
		padding:8px 0;
		border-bottom:1px solid #DDD;
	}
#Left ul.Index_Product {
		padding:6px 0 6px 8px;
}
	#Left ul.Index_Product li {
		float:left;
		padding:4px 16px 0 0;
	}
.Corporate h3 {
	margin:0 0 10px 0;
}
.Corporate table {
	width:560px;
	margin:10px;
}
	.Corporate th {
		font-weight:normal;
		border-bottom:1px solid #DDD;
		padding:6px;
	}
	.Corporate td {
		border-bottom:1px solid #DDD;
		padding:6px;
	}
	.Corporate ul {
		list-style-type:disc;
	}

/* Office Layout
-------------------------------------------------------*/
.Layout h3 {
	margin:0 0 10px 0;
}
.Layout table {
	width:552px;
	margin:20px 15px 0 15px;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
}
.Layout th {
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	background:#e6e6e6;
	padding:6px;
	font-weight:normal;
	text-align:right;
}
.Layout td {
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	padding:6px;
}

.Layout .case dl{
	margin:10px 20px;
	width:250px;
	float:left;
}
.Layout .case dl.Left{
	float:left;
}
.Layout .case dt {
	font-weight:bold;
}
.Layout .case dd img {
	margin:4px 0;
}
.Inquiry {
	margin:30px 0 0 0;
	padding:20px 0;
	border-top:1px dashed #DDD;
	color:#ff6600;
	clear:both;
	text-align:center;
}
.Get_flash {
	border:1px dashed #DDD;
	font-size:85%;
	width:526px;
	margin:20px 14px 0 14px;
	color:#666;
	padding:12px;
}
.Get_flash img {
	float:left;
	margin:0 14px 20px 0;
}

/* Inquiry
-------------------------------------------------------*/
.Otoiawase h3 {
	margin:0 0 10px 0;
}
.Otoiawase .cont {
	width:552px;
	margin:20px 15px 0 15px;
}
.Otoiawase table {
	width:552px;
	margin:10px 0;
	border:1px solid #cccccc;
}
.Otoiawase th {
	border:1px solid #CCC;
	background:#e6e6e6;
	padding:6px;
	font-weight:normal;
	text-align:left;
	width:30%;
}
.Otoiawase th span {
	color:#FF6600;
	font-weight:bold;
	padding-left:6px;
}
.Otoiawase td {
	border:1px solid #CCC;
	padding:6px;
}
.Otoiawase input.btn {
	padding:4px 6px;
}
.Otoiawase .error {
	border:2px dotted #F30;
	background:#FFF4F4;
	padding:10px;
	margin-bottom:20px;
}
.Otoiawase .error ul {
	list-style-type:disc;
	padding-left:20px;
}
.Otoiawase .error li{
	color:#F30;
	margin:4px 0;
}

/* Care
-------------------------------------------------------*/
.Care h3 {
	margin:0 0 10px 0;
}
.Care h4 {
	margin:20px 0 10px 0;
}
.Care .cont {
	width:552px;
	margin:20px 15px 0 15px;
}
.Care table {
	width:552px;
	border:1px solid #cccccc;
}
.Care th {
	border:1px solid #CCC;
	background:#e6e6e6;
	padding:6px;
	text-align:left;
	font-weight:bold;
}
.Care td {
	border:1px solid #CCC;
	padding:6px;
}
.Care h5 {
	font-size:112%;
}

/* Rental Panel
-------------------------------------------------------*/
.Panel h3 {
	margin:0 0 10px 0;
}
.Panel h4 {
	margin:20px 0 10px 0;
}
.Panel .cont {
	width:552px;
	margin:20px 15px 0 15px;
}
.Panel .cont a.Link {
	background:url(../images/arrow.gif) no-repeat 0 2px;
	color:#00a062;
	padding-left:10px;
}
.Panel .cont dl {
	width:552px;
}
.Panel .cont dt {
	float:left;
	width:170px;
	height:40px;
	clear:both;
}
.Panel .cont dd {
	padding-left:170px;
	height:40px;
	font-size:85%;
}
.Panel .cont dl.case {
	width:552px;
}
.Panel .cont dl.case dt {
	float:left;
	width:170px;
	height:32px;
	clear:both;
}
.Panel .cont dl.case dd {
	padding-left:170px;
	height:32px;
	font-size:85%;
	padding-top:8px;
}
.Panel .cont .howto {
	background:#ffffb7;
	padding:10px;
}
.Panel .cont a.Link02 {
	background:url(../images/arrow.gif) no-repeat 0 4px;
	color:#00a062;
	padding-left:10px;
}
.Panel .cont ul.index {
	list-style-type:disc;
	margin-top:6px;
}
.Panel .cont ul.index li {
	margin-left:20px;
}
.Panel table {
	width:552px;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
}
.Panel th {
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	background:#e6e6e6;
	padding:6px;
	font-weight:normal;
	text-align:right;
}
.Panel td {
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	padding:6px;
}
.Panel table.Price th {
	text-align:center;
	font-weight:bold;
}
.Panel table.Price td {
	text-align:center;
}
.Panel div.Price {
	margin:20px 0 40px 0;
	border:1px dashed #DDD;
	padding:10px;
}
.Panel div.Price img {
	float:left;
	margin-right:20px;
	padding-right:20px;
}
.Panel div.Price ul {
	list-style-type:disc;
	margin-bottom:8px;
}
.Panel div.Price li {
	padding:4px 0;
}

/* PrivacyPolicy
-------------------------------------------------------*/
.Privacy .Cont {
	width:552px;
	padding:0 15px;
}
.Privacy h4 {
	margin:10px 0 0 0;
}
.Privacy p {
	margin:6px 0 0 0;
}

/* Sitemap
-------------------------------------------------------*/
.Sitemap dl {
	width:540px;
	padding:6px 10px 30px 10px;
}
	.Sitemap dt {
		float:left;
		width:220px;
		clear:both;
		padding:8px 0 8px 8px;
		border-top:1px solid #DDD;
	}
	.Sitemap dd {
		margin-left:228px;
		padding:8px 0;
		border-top:1px solid #DDD;
	}
	.Sitemap .Line {
		border-bottom:1px solid #DDD;
	}
	.Sitemap .Line_No {
		border-top:1px solid #FFF;
	}
	.Sitemap dl a {
			background:url(../images/arrow.gif) no-repeat 0 4px;
			padding-left:12px;
			color:#00a062;
	}


/* FOOTER
-------------------------------------------------------------------------------------------------*/
.Pagetop {
	text-align:right;
	margin:30px 0 0 0;
	padding:0;
}

#Footer {
	width:780px;
	clear:both !important;
	font-size:85%;
	padding:30px 0 0 0;
}
#Footer a {
	color:#FFF;
}
#Footer div.Link {
	background: #a7a7a7;
	color:#FFFFFF;
	padding:10px;
	text-align:center;
	clear:both;
}
#Footer div.Link p{
	color:#FFF;
	text-align:center;
}

#Footer .Navi {
	border-top:3px solid #d2d2d2;
	margin:6px 0 0 0;
	padding:16px 0;
}
	#Footer .Navi dt {
		float:left;
		margin:0 16px 0 0;
	}
	#Footer .Navi dd {
		float:left;
		color:#666666;
	}
	#Footer .Navi span {
		color:#999999;
	}


/**************************************************************************************************
COMMON CLASS
**************************************************************************************************/
.Center {
	text-align		: center;
}
.TextTop {
	vertical-align:top;
}
.TextRight {
	text-align		: right;
}

.Bold {
	font-weight		: bold;
}
.Green {
	color:#00a062;
}
.MT10 {
	margin:10px 0 0 0;
}
.MB10 {
	margin:0 0 10px 0;
}
.MT20 {
	margin:20px 0 0 0;
}
.MLR24 {
	margin:0 24px;
}
.Cor_orange {
	color:#ff6600;
}
/* OTHER
-------------------------------------------------------------------------------------------------*/
.Small {
	font-size		: 92%;
}
.Big {
	font-size:122%;
}
p.Price {
	font-size:110%;
}
p.Price span {
	color:#F30;
	font-weight:bold;
}