/* ------------------------------------------------------------
ヘッダー部分の構造
------------------------------------------------------------ */
#header
   {
   background-image: url(images/top/header.jpg) ;
   background-repeat: no-repeat ;
   height: 205px ;
   width: 800px ;
   }

#header h1
   {
   margin: 0 ;
   padding: 8px 0 0 0 ;
   font-size: 10px ;
   font-weight: bold ;
   text-align: right ;
   width: 796px ;
   line-height: 18px ;
   }

/* ------------------------------
ヘッダー内部にある資料請求ボタンの位置設定
------------------------------ */
#header .header-pamphletc-closeb
   {
   text-align: right ;
   margin: 3px 0 0 0 ;
   }



/*CSSハックについて
「*html　win対応」
「*:first-child+html　winIE7対応」
*/

/*全体の構成
------------------------------------------------------------ */

@charset "UTF-8";
body  {
	font: 100% MS Pゴシック;
	margin: 0;
	padding: 0;
	text-align: center;
   background-image: url(images/totalbk01.png);
	background-repeat: repeat-x;	
}



*:first-child+html *html body  {
	font: 100% MS Pゴシック;
	margin: 0;
	padding: 0;
	text-align: center;
	 background-image: url(images/totalbk01.png);
	background-repeat: repeat-x;
}
/*---------------------------*/


/*中央タイトル文字設定（保管）
------------------------------------------------------------ */
.style1 {
	color: #003C78;
	padding: 0px 0px 5px 0px;
	height: 30px;
}


.style1-2 {
	color: #003C78;
	padding: 0px 0px 0px 0px;
	height: 30px;
}



.style2 {
	color: #003C78;
	padding: 10px 0 0 0;
}

*html .style2 {
	color: #003C78;
	padding: 7px 0 0 0;
}

*:first-child+html .style2 {
	color: #003C78;
	padding: 6px 0 0 0;
}
/*---------------------------*/


.style3 {
	color: #000000;
	font-size: 14px;
	line-height:1;
}

.style4 {
font-size:14px;
}


table
{
	font: 100% MS Pゴシック;
	background: #ffffff;
}


/*ヘッダー
------------------------------------------------------------ */
.thrColFixHdr #container {
	width: 800px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	background: #FFFFFF;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	border: 1px solid #999999;
	text-align: left;
	background-image: url(images/topleft2.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	top: 0%;
	padding: 0　0　0　0;
	}
	
*:first-cild+html .thrColFixHdr #container {
	width: 800px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	background: #FFFFFF;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	border: 1px solid #999999;
	float:left;
	text-align: left;
	background-image: url(images/topleft2.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	top: 0%;
	}
	
IMG{
	border:none;
	border-color: #FFFFFF;
}
/*---------------------------*/


/*リンク設定
------------------------------------------------------------ */
	
a:link{color:#000000;
       text-decoration:none}
a.photo:link{ text-decoration:none;
float:left}
a:visited{color:#990066; text-decoration:none}
a:hover{
	text-decoration:underline;
	color: #336699;
}
a.shiro:link{color:#FFFFFF; text-decoration:underline}
a.shiro:visited{color:#FFFFFF; text-decoration:underline}
a.img:link{
	color:#003C79;
	text-decoration:none
}
a.img:hover{
color:#003C79;
text-decoration:underline
}


/*---------------------------*/



/* Flash・メイン画像
------------------------------------------------------------ */

#flash	{
	margin:0;
	padding:0 0 0 0;
	width:800px
}

/*-------------*/


/* 左メニューバー
------------------------------------------------------------ */
.thrColFixHdr #sidesidebar1 {
	float: left; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	width: 226px; /* 背景色は、列内のコンテンツの長さにわたって表示されます */
	padding: 0px 0px 0px 0px; /* 余白は、div のコンテンツを div の端に接触しない位置に維持します */
	text-align:left;
	text-align:left;
	border-collapse:collapse;
	font-family: "MS Pゴシック";
	font-size: 14px;
	color: #000000;
	background-color:;
	background-position: left top;
	border: none;
	background-image: url(images/topleft2.jpg);
	background-repeat: repeat-y;
	}
	
*html .thrColFixHdr #sidesidebar1 {
	float: left; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	width: 226px; /* 背景色は、列内のコンテンツの長さにわたって表示されます */
	padding: 0px 0px 0px 0px; /* 余白は、div のコンテンツを div の端に接触しない位置に維持します */
	text-align:left;
	text-align:left;
	border-collapse:collapse;
	font-family: "MS Pゴシック";
	font-size: 14px;
	color: #000000;
	background-position: left top;
	border: none;
	background-image: url(images/topleft2.jpg);
	background-repeat: repeat-y;
	}
	
.styleb {
	font-size: 14px;
	letter-spacing:-0.3mm;
}

:root.styleb {
	font-size: 14px;
	letter-spacing:-0.2;
}

*html .styleb {
	font-size: 14px;
	letter-spacing:-0.2;
}

*:first-child+html .styleb {
	font-size: 14px;
	letter-spacing:0;
}

.stylec {
	font-size: 12px;
	letter-spacing:-0.35mm;
}

:root.stylec {
	font-size: 12px;
	letter-spacing:0;
}

*html .stylec {
	font-size: 12px;
	letter-spacing:0;
}

*:first-child+html .stylec {
	font-size: 12px;
	letter-spacing:0;
}

root.imgbrank{
	padding:4px 0 4px 0;
}

 h2{font-size : 14px ;
margin-top : 0;
margin-bottom : 0 ;
}
	
	
/* ナビゲーション内枠部分 */


/* ナビゲーション部分の大見出し部分
------------------------------------------------------------ */     
table.navigation td.a
   {
   display:block;
	height: 35px;
	font-family: MS P ゴシック;
	font-size: 12px;
	padding: 0 0 0 10px;
	line-height: 35px;
	text-decoration: none;
	background-color: #EEEEEE;
	color: #000000;
   }
table.navigation td.a:visited{
background-color:#eeeeee;
color:#000000;
}
table.navigation td.a:hover{
background-color:#0099CC;
color:#000000
}
table.navigation td.a:active{
background-color:#0099CC;
color:#000000
}
/*---------------------------*/
      
/* ナビゲーション部分の小見出し部分
------------------------------------------------------------ */ 
table.navigation td.b
   {
   background-color:#FFFFFF;
   height: 25px ;
   font-family: MS P ゴシック ;
   font-size: 10px ;
   padding: 0 0 0 10px ;
   line-height: 28px ;
   }

#sample li {
	list-style:none;
	margin-bottom:1px;
	font-size: 10px;
}

#sample li a {
	display:block;
	margin:0 0 0 0;
	width:223px;
	padding:5px 0 5px 3px;
	text-decoration:none;
	background-color:#eeeeee;
	color:#000000;
}

#listile{
display:block;
margin:0 0 0 0;
width:205px;
padding:5px 0 5px 10px;
text-decoration:none;
background-color:#eeeeee;
color:#000000;}
/*---------------------------*/

/* ナビゲーション部分のリンク指定
------------------------------------------------------------ */    
table.navigation td a
   {
   color: #000000 ;
   text-decoration: none ;
   }
   
table.navigation td a:visited
   {
   color: #000000 ;
   }
   
table.navigation td a:hover
   {
	text-decoration: none;
   }
   
   


#sample li a:visited{
	background-color:ebebeb;
	color:#000000;
}
#sample li a:hover{
background-color:#BFE1F3;
color:#FFFFFF;}

#sample li a:active{
background-color:#BFE1F3;
color:#FFFFFF;}




#sample2 li a {
	display:block;
	margin:0 0 0 0;
	width:201px;
	padding:5px 0px 5px 10px;
	text-decoration:none;
	background-color:#ffffff;
	color:#000000;
	font-size:10px
}

#sample2 li a:visited{
background-color:#ffffff;
color:#000000;}
#sample2 li a:hover{
background-color:#BFE1F3;
color:#FFFFFF;}
#sample2 li a:active{
	background-color:#BFE1F3;
	color:#FFFFFF;
}

#sample2w li {
	display:block;
	margin:0 0 0 0;
	width:201px;
	padding:4px 10px 4px 10px;
	text-decoration:none;
	background-color:#ffffff;
	color:#000000;
	font-size:10px
}

#samplew li {
	display:block;
	margin:0 0 0 0;
	width:216px;
	padding:5px 0 5px 5px;
	text-decoration:none;
	background-color:#98DEFF;
	color:#003366;
}

#samplewblue li  {
	display:block;
	margin:0 0 0 0;
	width:216px;
	padding:5px 0 5px 10px;
	text-decoration:none;
	background-color:#98DEFF;
	color:#003366;
	font-size:10px
}

#samplewblueoo li  {
	display:block;
	margin:0 0 0 0;
	width:216px;
	padding:5px 0 5px 5px;
	text-decoration:none;
	background-color:#eeeeee;
	color:#000000;
	font-size:10px
}

ul {
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
} 
/*---------------------------*/




/*右バー
------------------------------------------------------------ */

.thrColFixHdr #sidesidebar2 {
	float: right; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	width: 150px; /* 余白は、div のコンテンツを div の端に接触しない位置に維持します */
	text-align:center;
	border-collapse:collapse;
	border:#cccccc solid 1px;
	font-family: "MS Pゴシック";
	font-size: 14px;
	margin: 0 1px 0 3px;
	padding: 0 0 23px 0px;
}

*:first-child+html .thrColFixHdr #sidesidebar2 {
	float: right; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	width: 150px; /* 余白は、div のコンテンツを div の端に接触しない位置に維持します */
	text-align:center;
	border-collapse:collapse;
	border:#cccccc solid 1px;
	font-family: "MS Pゴシック";
	font-size: 14px;
	margin: 0 1px 0 3px;
	padding: 0px 0 23px 1px;
}

*html .thrColFixHdr #sidesidebar2 {
	float: right; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	width: 150px; /* 余白は、div のコンテンツを div の端に接触しない位置に維持します */
	text-align:center;
	border-collapse:collapse;
	border:#cccccc solid 1px;
	font-family: "MS Pゴシック";
	font-size: 14px;
	margin: 0 1px 0 3px;
	padding: 0px 0 23px 1px;
}

.spase{
	padding: 20px 0 0 0;
}

*:first-child+html .spase{
padding: 25px 0 0 0;
	}
	
*html .spase{
padding: 25px 0 0 0;
	}
/*---------------------------*/


/*中央コンテンツ
------------------------------------------------------------ */
.thrColFixHdr #mainmainContent {
	margin:  0 0 0px 243px; /* この div エレメントの右マージンと左マージンにより、ページの両側に 2 つのサイドバーが設定されます。#sidebar1 div と #sidebar2 div に含まれるコンテンツの量に関係なく、列のスペースは維持されます。サイドバーのコンテンツが終了した後のスペースに #mainContent div のテキストを挿入するには、このマージンを削除します。 */
	padding: 0 ;
	font-family: "MS Pゴシック";
	font-size: 14px;
} 

*:first-child+html .thrColFixHdr #mainmainContent {
	margin:  0 0 0 0;
	padding: 0 0 0 243px;
	font-family: "MS Pゴシック";
	font-size: 14px;
}

*html .thrColFixHdr #mainmainContent {
	margin:  0 0 0 0;
	padding: 0 0 0 241px;
	font-family: "MS Pゴシック";
	font-size: 14px;
}

.topics
   {
	width:386px;
	border:#cccccc solid 1px;
	margin: 0px 0 4px 0px;
	padding: 0 0 0 0;
   }
*html .topics
   {
	width:386px;
	border:#cccccc solid 1px;
	margin: 0px 0 10px 0px;
	padding: 0 0 7px 0;
   }

*:first-child+html .topics
   {
	width:386px;
	border:#cccccc solid 1px;
	margin: 0px 0 10px 0px;
	padding: 0 0 7px 0;
   } 
   
/* 中央部分画像
------------------------------------------------------------ */	
.img02{
	margin:2px 0 0 0;
	padding: 0px 0 5px 2px;
	font: MS Pゴシック;
	font-size: 16px;
	height: 82px;
	width: 380px;
	color: #003C79;
	background-image: url(images/top/pikup_bk2.png);
	background-repeat: no-repeat;
}



*:first-child+html .img02{
	margin:0;
	padding: 0px 0 5px 2px;
	font: MS Pゴシック;
	font-size: 16px;
	height: 82px;
	width: 382px;
	color: #003C79;
	background-image: url(images/top/pikup_bk2.png);
	background-repeat: no-repeat;
}

*html .img02{
	margin:0;
	padding: 0px 0 5px 2px;
	font: MS Pゴシック;
	font-size: 16px;
	height: 82px;
	width: 382px;
	color: #003C79;
	background-image: url(images/top/pikup_bk2.png);
	background-repeat: no-repeat;
}


.img03{
	padding:4px 0 4px 0;
}

*:first-child+html.img03{
	padding:10px 0 14px 0;
}

*html.img03{
	padding:10px 0 14px 0;
}

.img04{
	padding:15px 0 23px 0;
}

.img05{
	padding:27px 0 25px 0;
	text-align: center;
}

*:first-child+html .img05{
	padding:23px 0 25px 0;
	text-align: center;
}

.img6{
	padding:3px 0 5px 0;
}

*:first-child+html.img6{
	padding:15px 0 6px 0;
}

*html.img6{
	padding:15px 0 6px 0;
}

html*.img6{
	padding:3px 0 5px 0;
}

.shiftimg{
	width:5px;
	height:5px;
}

*:first-child+html.shiftimg{
width:10px;
height:10px;
}

*html.shiftimg{
width:10px;
height:10px;
}
	
#layout-side UL.sidenavi	{ margin:0 0 15px 0 ; padding:0 ; list-style-type:none }
*html #layout-side UL.sidenavi	{ margin:0 0 7px 0 ; padding:0 ; list-style-type:none }
#layout-side UL.sidenavi li.a	{ margin:0 ; padding:0 0 1px 0 ; ine-height:35px }
#layout-side UL.sidenavi li.b	{}
#layout-side UL.sidenavi img	{ vertical-align:bottom }
#layout-side IMG.sidebanner	{ margin:0 0 12px 0 }
/*----*/
/*---------------------------*/  
   

/*フッター
------------------------------------------------------------ */

#footer
	{
	font-family: "MS P ゴシック";
	font-size: 14px;
	font:#ffffff;
	line-height: 18px ;
	background-color:#003C78;
	height: 100px;
	width: 800px;
	float: none;
	}
/*---------------------------*/

/* フッター予約リンク
------------------------------------------------------------ */
#footer .reservation
	{
	font-size: 16px;
	text-align: left;
	height: 18px;
	width: 780px;
	padding-top: 15px;
	padding-left: 13px
	}
/*---------------------------*/

/* フッターテキストリンク
------------------------------------------------------------ */
#footer .footnavi	{
	margin:6px 0 0 0;
	padding:0;
	list-style-type:none;
	text-align:center;
	color:#FFFFFF;
	text-decoration:none;
	letter-spacing: 0px;
}
*html #footer .footnavi	{ margin:3px 0 0 0 ; padding:0 ; list-style-type:none ; text-align:center; color:#FFFFFF; text-decoration:none }
#footer .footnavi li	{
	display:inline;
	margin:0;
	padding:0;
	color:#FFFFFF;
}
#footer .footnavi li a hover	{text-decoration:underline }
.fltrt { 
	float: right;
	margin-left: 8px;
}

*html .fltrt { 
	float: right;
	margin-left: 4px;
}


.fltlft {
	float: left;
	margin-right: 8px;
}

*html .fltlft {
	float: left;
	margin-right: 4px;
}

.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.thrColFixHdr #sidebar1
   {
   width: 180px ;
   }
   
.thrColFixHdr #sidebar2
   {
   width: 190px ;
   }

.thrColFixHdr #sidebar2, .thrColFixHdr #sidebar1
   {
   padding-top: 10px ;
   }
   
.3
   {
	color:#FFFFFF;
	font-size: 14px;
	font-family: MS Pゴシック;
	height: 30px;
   }
/*---------------------------*/