@charset "UTF-8";

@import "reset.css";
@import "fonts.css";

/**************************************************************************
Copyright(c) heart&k. All right reserved
**************************************************************************/

body { font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}

/*-------------------------------------------------------------------------
body
-------------------------------------------------------------------------*/
html	{ overflow-y:scroll;}  
body	{ background:#fff; text-align:center; color:#333;}
a			{ color:#316AC5; text-decoration:underline;}
a:link		{ color:#316AC5; text-decoration:underline;}
a:hover		{ color:#f60; text-decoration:none;}
a:active	{ color:#f60; text-decoration:none;}
a:visited	{ color:#639; text-decoration:underline;}

/*-------------------------------------------------------------------------
container
-------------------------------------------------------------------------*/
/*Background Repeat*/
#bgImgH{ overflow:visible; min-height:500px; background:url(../img/bgH.jpg) top repeat-x;}
#container{ overflow:visible; width:900px; height:auto; margin:0 auto; padding:0; text-align:center;}
#bgImgF{ clear:both; height:auto; background:#FF8EC0 url(../img/bgF.jpg) repeat-x;}
#bgImgH_G{ overflow:visible; min-height:500px; background:url(../img/bgH_G.jpg) top repeat-x;}
#bgImgF_G{ clear:both; height:auto; background:#FF8EC0 url(../img/bgF_G.jpg) repeat-x;}

/*-------------------------------------------------------------------------
header
-------------------------------------------------------------------------*/
#header{ position:relative; width:900px; height:103px; background:url(../img/header.jpg) no-repeat bottom;}
#header_G{ position:relative; width:900px; height:103px; background:url(../img/header_G.jpg) no-repeat bottom;}
h1{
	z-index:100;
	display:block;
	position:absolute;
	top:8px;
	left:122px;
	color:#333;
	font-size:12px;
	text-align:left;
	width: 456px;
}
#logo{ z-index:1; position:absolute; top:7px; left:15px;}
#headTel{ position:absolute; bottom:29px; right:29px; width:338px; height:28px;}
#Snavi{ position:absolute; top:10px; right:16px; height:14px; margin:0; padding:0; display:block; list-style:none;}
#Snavi li{ float:left; padding:0 13px 0 0;}

/*-------------------------------------------------------------------------
main
-------------------------------------------------------------------------*/
/*TOP PAGE's MainImage swf(Flash)*/
#mainImgArea {
	width:860px;
	padding:0;
	text-align:center;
	height: 310px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

/*contents*/
#contentsOuter	{ z-index:2; width:880px; min-height:605px; margin:0 auto; padding:25px 0 0 0; background:url(../img/bgC.jpg) no-repeat top; text-align:center;}
#contents		{ z-index:10; width:854px; height:auto; margin:0 auto; padding:0 0  10px 8px; background:url(../img/bg.jpg) repeat-y;}
#contents_G		{ z-index:10; width:854px; height:auto; margin:0 auto; padding:0 8px 10px 0; background:url(../img/bg_G.jpg) repeat-y;}

/*rightSideArea*/
#rightContent		{ float:right; width:248px; margin:0 0 0 0; padding:0;}
#rightContent_G		{ float:left; width:248px; margin:0 0 0 0; padding:0;}
.TOPtopics			{
	width:223px;
	text-align:left;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 14px;
	line-height: 20px;
	margin-top: 0;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 10;
	margin-left: 10px;
}
.TOPtopics ul				{ margin:0 0 10px 0; padding:8px 15px 0 15px; text-align:left; font-size:0.8em;}
.TOPtopics ul li			{ margin:0 0 7px 0; padding:0 0 7px 10px; background:url(../img/arrow01.jpg) no-repeat 0% 16%; border-bottom:1px dotted #ccc;}
.TOPtopics ul li:last-child	{ margin:0; padding:0 0 4px 10px; border-bottom:none;}
.TOPtopics ul li span		{ font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.TOPtopics p {
	font-size:14px;
	line-height: 20px;
	padding-top: 0;
	padding-right: 12px;
	padding-bottom: 0;
	padding-left: 0;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin-top: 5px;
}
.SideAddTel		{ margin:0 0 15px 0; border-left: 1px dotted #ccc;}
.SideAddTel	h3	{ margin:0 0 8px 0;}
.SideAddTel	p	{ margin:0 0 0.8em 2em; font-size:14px; text-align:left;}
.SideAddTel_G		{ margin:0 0 15px 0; border-right: 1px dotted #ccc;}
.SideAddTel_G	h3	{ margin:0 0 8px 0;}
.SideAddTel_G	p	{ margin:0 0 0.8em 2em; font-size:14px; text-align:left;}
.SideBnr	{ margin:0 auto 15px 0;}
.SideBnr p	{ text-align:left;}
.SideBnr2	{ margin:0 auto 8px 0;}

/*Navi*/
#Gnavi{ list-style-type:none; width:238px; height:218px; margin:0 auto 15px; padding:0; line-height:0; text-align:center;}
#Gnavi dd a{ text-decoration:none; overflow:hidden;}



/*leftSideArea*/
#leftContent	{ float:left; width:602px; margin:0; padding:0; text-align:left;}
#leftContent h2	{ clear:both; margin:0 0 15px 0;}
#leftContent h3	{
	clear:both;
	background-repeat: no-repeat;
	margin-top: 10;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
}
#leftContent_G		{ float:right; width:602px; margin:0; padding:0; text-align:left;}
#leftContent_G h2	{ clear:both; margin:0 0 15px 0;
	width:550px;}
#leftContent_G h3	{ clear:both; margin:0 0 15px 0;}
.articleTOP	{ margin:0 auto 8px; padding:0 12px 0 20px; text-align:left;}
.article	{ margin:0 auto 8px; padding:0 12px 0 12px; text-align:left;}
.unit		{}

h3#emBoxHead	{ margin:0 0 0 0 !important;}
.emBox			{ width:602px; margin:0 0 20px 0; background:url(../img/bgEmBox.jpg) repeat-y;}
.emBoxInner		{
	float:left;
	width:271px;
	font-size:14px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 19px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
.emBoxDBdr		{ border-bottom:1px dotted #ccc;}
.emBoxInner img { float:right;}
.emBoxInner p	{ display:block; width:140px; padding:0 5px 0 2em;}

.btnBox		{
	width:533px;
	text-align:center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
}
.btnBox div	{ margin-bottom:18px}

.tableA		{
	width:98%;
	text-align:left;
}
.tableA tr	{ vertical-align:top;}
.tableA th	{ width:160px; padding:10px 10px 8px 0; border-bottom:1px dotted #999;}
.tableA th strong{ border-left:4px solid #FFA0CB; padding:0 0 0 6px; font-weight:normal;}
.tableA td	{ padding:10px 10px 8px 10px; border-bottom:1px dotted #999; line-height:1.4;}

.tableB		{ width:98%; text-align:left;}
.tableB tr	{ vertical-align:top;}
.tableB th	{ width:160px; padding:10px 10px 8px 0; border-bottom:1px dotted #999;}
.tableB th strong{ border-left:4px solid #f90; padding:0 0 0 6px; font-weight:normal;}
.tableB td	{ padding:10px 10px 8px 10px; border-bottom:1px dotted #999; line-height:1.4;}



/*-------------------------------------------------------------------------
Under Directory General
-------------------------------------------------------------------------*/
h4			{ margin:0 0 1em 0; color:#333; font-size:1.4em; font-weight:bold;}
.article p	{ padding:0 0 1em 0; line-height:1.4;}


.totop		{ margin:0 auto; text-align:center;}
.totop_G	{ margin:0 auto; text-align:right;}



/*-------------------------------------------------------------------------
footer
-------------------------------------------------------------------------*/
#footer		 { clear:both; position:relative; width:900px; height:60px; margin:0 auto; background:url(../img/footer.jpg) no-repeat top left; font-size:0.7em;}
#footer p	 { font-size:1.1em; font-size:10px;}
#footer_G 	 { clear:both; position:relative; width:900px; height:60px; margin:0 auto; background:url(../img/footer_G.jpg) no-repeat top left; font-size:0.7em;}
#footer_G p	 { font-size:12px; font-size:10px;}
#copyright	 { position:absolute; right:35px; bottom:8px; color:#fff; font-size:1.5em; font-family:Arial, Helvetica, sans-serif; font-size:12px; letter-spacing:1pt; text-align:right;}
#footTextArea{ position:absolute; top:8px; left:35px; color:#fff; text-align:left; font-size:12px; line-height:18px;}
.footLink 			{}
.footLink a			{ color:#fff; text-decoration:none;}
.footLink a:visited	{ color:#fff; text-decoration:none;}
.footLink a:hover	{ color:#fff; background:#F60; text-decoration:underline;}
.footLink a:active	{ color:#fff; background:#F60; text-decoration:underline;}



/*-------------------------------------------------------------------------
General Style and Decoration
-------------------------------------------------------------------------*/
.bn{ border:none;}
.fl{ float:left;}
.fr{ float:right;}
.cl{ clear:left;}
.cr{ clear:right;}
.cb{ clear:both; line-height:0;}
.center{ margin:0 auto; text-align:center;}
.mgn{ margin:0 0 20px 0;}
.flimg{ float:left; padding:0 10px 10px 0;}
.frimg{ float:right; padding:0 0 10px 10px;}
.flimg2{ float:left; padding:0 10px 5px 10px;}
.frimg2{ float:right; padding:0 15px 10px 10px;}
.red{ color:#f00;}
.orange{ color:#f60;}
.f80{ font-size:0.8em;}
.f90{ font-size:0.9em;}
.f100{ font-size:1em;}
.f120{ font-size:1.2em;}
.normal{ font-weight:normal !important;}
.right{ text-align:right;}
.left{ text-align:left;}
.strong{ font-weight:bold;}
strong{ font-weight:bold;}
.indent{text-indent:1em;}
.italic{ font-style:italic;}
.undrLine{ text-decoration:underline;}
.ttl_h3 {
	height: 28px;
	width: 558px;
	padding-left: 20px;
	font-family: "メイリオ";
	font-size: 20px;
	line-height: 24px;
	background-image: url(../img/h3.jpg);
	margin-top: 20px;
}
.ttl_h3_g{
	height: 28px;
	width: 558px;
	padding-left: 20px;
	font-family: "メイリオ";
	font-size: 20px;
	line-height: 24px;
	background-image: url(../img/h3_G.jpg);
}
#contact_table td{
	padding-top: 5px;
	padding-bottom: 5px;
}
#contact_table {
	margin-top: 20px;
	margin-bottom: 30px;
}
.sub_ttl {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #009900;
	padding-left: 5px;
	color: #009900;
	margin-bottom: 10px;
}#main_img {
	float: left;
	height: 310px;
	width: 562px;
}
#menu_box {
	height: 310px;
	width: 298px;
	float: right;
}
.price {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 18px;
	line-height: 30px;
	font-weight: bold;
	color: #FF6600;
}
#info_table td{
	padding: 5px;
}