@charset "utf-8";

/* ===========================================================================

天童ホテル コンテンツスタイルシート

最終更新日 2008年3月27日
最終更新者 Shinya Chitose

■ 目次 ■

01.トップ
02.客室・館内のご案内
03.お料理のご案内
04.ご宿泊のご案内
05.交通アクセス
06.ご予約
07.挙式
08.宿泊約款
09.採用情報
10.プライバシーポリシー
11.多言語ページ
12.お問い合わせ

===========================================================================*/


/* 01.トップ */
/* ===========================================================================*/

#topLeft .TitleBanner {
	width: 555px;
	height: 200px;
}

#topLeft .HotNews {
	width: 390px;
	height: 200px;
	background-image: url(../img/top/hotNews.gif);
	background-repeat: no-repeat;
	float: left;
}
#topLeft .Asobi {
	width: 165px;
	height: 200px;
	float: right;
}
#topLeft .PlanL {
	float: left;
	height: 100px;
	width: 275px;
}
#topLeft .PlanR {
	float: right;
	height: 100px;
	width: 275px;
}
#hotnewsArea {
	width: 383px;
	width: 363px !important;
	height: 164px;
	height: 144px !important;
	margin: 22px 5px 14px 2px;
	overflow: auto;
	text-align: left;
	padding: 10px;
}
#hotnewsArea .Contents {
	display: block;
	margin: 0;
	padding: 0;
	height: auto;
	width: 340px;
}
#hotnewsArea span {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 120%;
}

#hotnewsArea .Day {
	color: #734F25;
	font-weight: bold;
	width: 85px;
	float: left;
	background-image: url(../img/mark.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
#hotnewsArea .Comment {
	color: #646464;
	width: 245px;
	float: right;
	line-height: 1.2em;
}


/* 02.客室・館内のご案内 /*
/* ===========================================================================*/

#left .TitleBanner {
	width: 540px;
	height: 60px;
}

#left .TitleImage {
	width: 540px;
}

#left .Title {
	width: 540px;
	margin-top: 20px;
	height: auto;
	margin-bottom: 10px;
}

#left .Detailed {
	width: 95%;
	height: 14px;
	margin-top: 6px;
}

#left .Detailed img {
	float: right;
}

#left .Room {
	width: 540px;
}

#left h2 {
	font-size: 85%;
	text-align: left;
	display: block;
	width: 98%;
	height: 15px;
	background-color: #725523;
	color: #FFFFFF;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 2%;
	padding-top: 4px;
	clear: both;
}

#left .Room h3 {
	color: #000000;
	font-size: 90%;
	text-align: left;
	display: block;
	width: 100%;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	height: auto;
}

#left .Room p {
	width: 100%;
	text-align: left;
	display: block;
	font-size: 70%;
	color: #646464;
	line-height: 1.2em;
	height: auto;
}

#left .RoomOverBoxL {
	width: 160px;
	height: auto;
	float: left;
	background-image: url(../img/lineDotH.gif);
	background-repeat: repeat-y;
	background-position: right;
	padding: 5px;
}

#left .RoomOverBoxR {
	width: 160px;
	height: auto;
	float: right;
	padding: 5px;
}

#left .RoomUnderBoxL {
	width: 245px;
	height: auto;
	float: left;
	background-image: url(../img/lineDotH.gif);
	background-position: right;
	background-repeat: repeat-y;
	padding: 5px;
}

#left .RoomUnderBoxR {
	width: 245px;
	height: auto;
	float: right;
	padding: 5px;
}

#room .RoomUnderBox h3 {
	width: 120px;
}

#room .RoomUnderBox p {
	width: 100%;
	height: 50px;
}

#left .RoomUnderBoxL .Detailed img {
	float: right;
}

#left .RoomUnderBoxR .Detailed img {
	float: right;
}

#left .RoomUnderBoxL img {
	float: left;
	margin-right: 5px;
}

#left .RoomUnderBoxR img {
	float: left;
	margin-right: 5px;
}

#left .Room .Comment {
	width: 100%;
	height: auto;
}

#left .RoomUnderBoxL .Comment {
	width: 105px;
	height: 80px;
	float: right;
}

#left .RoomUnderBoxR .Comment {
	width: 105px;
	height: 80px;
	float: right;
}

#left .FloorMap {
	width: 540px;
	height: 60px;
	margin-top: 20px;
	clear: both;
}

/*========== エグゼクティブフロア ==========*/

#left .Executive h3 {
	width: 45px;
	height: 23px;
	background-image: url(../room/img/markSilver.gif);
	background-repeat: no-repeat;
	float: left;
	background-position: center center;
	font-size: 70%;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	padding-top: 12px;
}

#left .Suite h3 {
	width: 45px;
	height: 23px;
	background-image: url(../room/img/markGold.gif);
	background-repeat: no-repeat;
	float: left;
	background-position: center center;
	font-size: 70%;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	padding-top: 12px;
}

#left .Executive h4 {
	font-size: 75%;
	color: #646464;
	text-align: left;
	width: 100%;
	line-height: 1.3em;
}

#left .Executive {
	width: 540px;
	height: auto;
}

#left .Suite {
	width: 540px;
	height: auto;
}

#left .EquipmentBox {
	width: 100%;
	height: auto;
	text-align: left;
	color: #646464;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 70%;
	line-height: 1.3em;
}

#left .EquipmentBox img {
	float: left;
	margin-right: 10px;
}

#left .ExecutiveBoxL {
	width: 245px;
	height: auto;
	float: left;
	background-image: url(../img/lineDotH.gif);
	background-repeat: repeat-y;
	background-position: right;
	padding: 5px;
}

#left .ExecutiveBoxR {
	width: 245px;
	height: auto;
	float: right;
	padding: 5px;
}

#left  .ExecutiveBoxL p {
	width: 170px;
	height: auto;
	float: right;
	text-align: left;
	display: block;
	font-size: 70%;
	color: #646464;
	line-height: 1.3em;
	margin-bottom: 5px;
}

#left .ExecutiveBoxR p {
	width: 170px;
	height: auto;
	float: right;
	text-align: left;
	display: block;
	font-size: 70%;
	color: #646464;
	line-height: 1.3em;
	margin-bottom: 5px;
}

#left .ExecutiveBoxL .Comment {
	width: 100%;
	height: auto;
}

#left .ExecutiveBoxR .Comment {
	width: 100%;
	height: auto;
}

#left .MarkSilver {
	width: 45px;
	height: 35px;
	float: left;
	background-image: url(../room/img/markSilver.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

#left .MarkGold {
	width: 240px;
	height: auto;
}

#left .SuiteBox {
	width: 240px;
	height: 265px;
	float: left;
	padding-top: 20px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 20px;
}

#left .SuiteBox .Comment {
	width: 100%;
	height: 50px;
}

/*========== 一般客室 ==========*/

#left .Economy {
	width: 540px;
	height: auto;
}

#left .Economy .Equipment {
	width: 100%;
	height: 50px;
	text-align: left;
	color: #646464;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 70%;
	line-height: 1.3em;
}

#left .Economy h3 {
	width: 45px;
	height: 23px;
	background-image: url(../room/img/markSilver.gif);
	background-repeat: no-repeat;
	float: left;
	background-position: center center;
	font-size: 70%;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	padding-top: 12px;
}

#left .Economy .Equipment img {
	float: left;
	margin-right: 10px;
}

/*========== 多目的ホール ==========*/

#left .Purpose h3 {
	width: 45px;
	height: 23px;
	background-image: url(../room/img/markSilver.gif);
	background-repeat: no-repeat;
	float: left;
	background-position: center center;
	font-size: 70%;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	padding-top: 12px;
}

#left .Purpose {
	width: 540px;
	height: auto;
}

#left .Purpose h2 {
	background-color: #969696;
}

/*========== 四季の宴「彩花亭」 ==========*/

#left .Restaurant {
	width: 540px;
	height: auto;
}

#left .RestaurantPicL {
	width: 110px;
	height: auto;
	float: left;
	margin-right: 3px;
	margin-bottom: 3px;
}

#left .RestaurantPicR {
	width: 110px;
	height: auto;
	float: right;
	margin-bottom: 5px;
}

#left  .Restaurant p {
	width: 108px;
}

#left .Restaurant h2 {
	background-color: #969696;
}

#left  .Restaurant .L {
	width: 250px;
	float: left;
}

#left  .Restaurant .L p {
	width: 250px;
	height: auto;
}

#left  .Restaurant .R {
	width: 250px;
	float: right;
}

/*========== その他の施設 ==========*/

#left .Other {
	width: 540px;
	height: auto;
}

#left .OtherBox {
	width: 500px;
	height: auto;
	padding: 5px;
}


#left .OtherBoxL {
	width: 245px;
	height: auto;
	float: left;
	padding: 5px;
	background-image: url(../img/lineDotW1H3.gif);
	background-position: right;
	background-repeat: repeat-y;
}

#left .OtherBoxR {
	width: 245px;
	height: auto;
	float: right;
	padding: 5px;
}

#left .Other p {
	width: 100%;
	text-align: left;
	display: block;
	font-size: 70%;
	color: #646464;
	line-height: 1.3em;
	height: auto;
}

#left .Other h3 {
	color: #000000;
	font-size: 90%;
	text-align: left;
	display: block;
	width: 100%;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	height: auto;
}

#left .OtherBoxAreaL {
	width: 225px;
	height: auto;
	float: left;
	margin-right: 15px;
}

#left .OtherBoxAreaR {
	width: 110px;
	height: auto;
	float: left;
	margin-right: 5px;
}

/*========== 宴会場収容人数・面積 ==========*/

tr {
	text-align: center;
}

#left .FloorSpace {
	width: 540px;
	height: auto;
	text-align: left;
	font-size: 80%;
	color: #646464;
}

.SpaceTitle {
	background-color:#969696;
	color: #FFFFFF;
}

.Gray {
	background:#C8C8C8;
	color: #646464;
}

.LightGray {
	background:#E1E1E1;
	color: #646464;
}

/* 03.お料理のご案内 */
/* ===========================================================================*/

#left .Food {
	width: 540px;
	height: auto;
}

#left .FoodL {
	width: 110px;
	height: auto;
	float: left;
}

#left .FoodR {
	width: 110px;
	height: auto;
	float: right;
}

#left .Food p {
	width: 110px;
	height: auto;
	margin: 0px;
}

#left .Food h2 {
	background-color: #969696;
}

#left .Food h3 {
	font-size: 200%;
	color: #646464;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}

#left .UnderBanner {
	width: 540px;
	height: auto;
	margin-top: 20px;
}

.UnderBanner img {
	margin-right: 5px;
	margin-left: 5px;
}

/*========== ご会食のご案内 ==========*/

#left .banquet {
	width: 540px;
	height: auto;
}

#left .banquet h3 {
	font-size: 90%;
	color: #000000;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: left;
}

#left .banquet h4 {
	font-size: 80%;
	color: #000000;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: left;
}


#left .banquet p {
	width: auto;
	height: auto;
	margin: 0px;
	color: #646464;
	font-size: 70%;
}

#left .banquetWL {
	width: 117px;
	height: auto;
	float: left;
	background-image: url(../img/lineDotW1H3.gif);
	background-position: right;
	background-repeat: repeat-y;
	padding: 5px;
}

#left .banquetGL {
	width: 117px;
	height: auto;
	float: left;
	background-image: url(../img/lineDotW1H3.gif);
	background-position: right;
	background-repeat: repeat-y;
	background-color: #EBEBEB;
	padding: 5px;
}

#left .banquetWR {
	width: 117px;
	height: auto;
	float: right;
	padding: 5px;
}

#left .banquetGR {
	width: 117px;
	height: auto;
	float: right;
	background-color: #EBEBEB;
	padding: 5px;
}

#left .banquetText {
	width: auto;
	height: auto;
	float: left;
	background-image: url(../img/lineDotW1H3.gif);
	background-position: right;
	background-repeat: repeat-y;
}

/*========== 一品のよろこび ==========*/

#left .menu {
	width: 540px;
}

#left .menu .Wa {
	width: 80%;
	height: auto;
	text-align: left;
	background-image: url(../banquet/img/wa.gif);
	background-position: right top;
	background-repeat: no-repeat;
	padding-right: 20%;
}

#left .menu .You {
	width: 80%;
	height: auto;
	text-align: left;
	background-image: url(../banquet/img/you.gif);
	background-position: right top;
	background-repeat: no-repeat;
	padding-right: 20%;
}

#left .menu .Cyu {
	width: 80%;
	height: auto;
	text-align: left;
	background-image: url(../banquet/img/cyu.gif);
	background-position: right top;
	background-repeat: no-repeat;
	padding-right: 20%;
}

#left .menu .TitleBanner {
	width: 540px;
	height: auto;
	margin-top: 10px;
	margin-bottom: 5px;
}

#left .menu .OverBoxL {
	width: 160px;
	height: auto;
	float: left;
	background-image: url(../img/lineDotH.gif);
	background-repeat: repeat-y;
	background-position: right;
	padding: 5px;
}

#left .menu .OverBoxR {
	width: 160px;
	height: auto;
	float: right;
	padding: 5px;
}

#left .menu h3 {
	color: #725522;
	font-size: 75%;
	text-align: left;
	display: block;
	width: 100%;
	height: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}



/* 04.ご宿泊のご案内 /*
/* ===========================================================================*/

#left .Spa {
	width: 540px;
	height: auto;
}

#left .Spa h3 {
	color: #000000;
	font-size: 90%;
	text-align: left;
	display: block;
	width: 100%;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	height: auto;
}

#left .Spa p {
	width: 100%;
	text-align: left;
	display: block;
	font-size: 70%;
	color: #646464;
	line-height: 1.2em;
	height: auto;
}

#left .SpaUnderBox {
	width: 500px;
	height: auto;
	float: left;
	padding: 5px;
}

#left .SpaUnderBox img {
	float: left;
	margin-right: 5px;
}

#left .SpaUnderBox .Comment {
	width: 120px;
	height: 80px;
	float: right;
}

#left .SpaUnderBox .Detailed img {
	float: right;
}

/*========== 温泉施設のご案内 ==========*/

#left .Details {
	width: 540px;
	height: auto;
}

#left .Details p {
	color: #969696;
	width: 100%;
	font-size: 70%;
	height: auto;
}

#left .Details h4 {
	font-size: 70%;
	color: #969696;
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 100%;
}

/* 05.交通アクセス /*
/* ===========================================================================*/

#left .Access {
	width: 540px;
	height: auto;
}

#left p {
	color: #969696;
	width: 100%;
	font-size: 70%;
	line-height: normal;
	height: auto;
}

#left .AccessL {
	width: 240px;
	height: auto;
	float: left;
}

#left .AccessR {
	width: 260px;
	height: auto;
	float: right;
}

#left .Access h2 {
	background-color: #969696;
}

#left .Access p {
	color: #969696;
	width: 100%;
	font-size: 70%;
}

/* 07.挙式 /*
/* ===========================================================================*/

#left .HotNews {
	width: 360px;
	height: 200px;
	background-image: url(../wedding/img/hotNews.gif);
	background-repeat: no-repeat;
	float: right;
}

#left #hotnewsArea {
	width: 351px;
	width: 331px !important;
	height: 164px;
	height: 144px !important;
	margin-top: 22px;
	margin-right: 7px;
	margin-bottom: 14px;
	margin-left: 2px;
}

#left #hotnewsArea .Contents {
	width: 300px;
}

#left #hotnewsArea .Comment {
	width: 200px;
}

#left .SubBanner {
	width: 160px;
	height: auto;
	float: left;
}

/*========== チャペル・神前式場 ==========*/

#left .Chapel {
	width: 540px;
	height: auto;
}

#left .ChapeltitleImg {
margin:0 0 10px 0;
}

#left .ChapelL {
	width: 245px;
	float: left;
}

#left .ChapelR {
	width: 245px;
	float: right;
}

#left .ChapelR .PartyPhoto {
	color: #969696;
	width: 120px;
	float: left;
	margin:0 0 5px 0;
}

#left .ChapelC {
background:url(../img/lineDot.gif) repeat-x top;
margin:10px 0 0 0;
padding:10px 0 0 0;
}

#left .UnderBanner {
	width: 540px;
	height: auto;
	margin-top: 20px;
}

.UnderBanner img {
	margin-right: 5px;
	margin-left: 5px;
}

#left .OverBanner {
	width: 540px;
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

.OverBanner img {
	margin-right: 2px;
	margin-left: 2px;
}

#left .Chapel h2 {
	background-color: #969696;
}

#left .Chapel p {
	color: #969696;
	width: 100%;
	height: auto;
	font-size: 70%;
}

/*========== ご披露宴会場 ==========*/

#left .Party {
	width: 540px;
	height: auto;
}

#left .Party h2 {
	background-color: #969696;
}

#left .Party h3 {
	font-size: 0.8em;
	color: #969696;
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 100%;
}

#left .Party h4 {
	font-size: 0.65em;
	color: #969696;
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 100%;
}

#left .Party p {
	color: #969696;
	width: 100%;
	height: auto;
	font-size: 70%;
}

#left .PartyPhoto {
	color: #969696;
	width: 120px;
	float: left;
}

/*========== 結納 ==========*/

#left .Promise {
	width: 540px;
	height: auto;
	margin:10px 0 0 0;
}

#left .PromiseL {
float:left;
width:265px;
padding:0 0 10px 0;
}

#left .PromiseR {
float:right;
width:265px;
padding:0 0 10px 0;
}


/*========== ご婚礼相談 ==========*/

#left .Soudan {
	width: 540px;
	height: auto;
	margin:10px 0 0 0;
}

#left .Soudan p.SoudanC {
text-align:center;
margin:10px 0;
}

#left .Soudan p.SoudanL {
text-align:left;
margin:10px 0;
}

#left .Soudan p.SoudanL2 {
text-align:left;
margin:10px 0;
font-size:1.2em;
color:#FF6600;
}

#left .Soudan p.SoudanL span {
color:#CC0000
}

#left .Soudan h3 {
color:#ffffff;
background: #969696;
text-align:center;
padding:5px 0;
}

#left .Soudan h4 {
color:#ffffff;
background:#CC6666;
text-align:center;
padding:5px 0;
}

#left .Soudan table {
background:#969696;
}

#left .Soudan th,
#left .Soudan td {
text-align:left;
font-weight:normal;
padding:5px;
background:#ffffff;
color:#969696;
font-size:10px;
}

#left .Soudan th {
width:100px;
}

#left .Soudan table.hearing {
background:#CC6666;
}

#left .Soudan table.hearing td.Center {
text-align:center;
}

#left .Soudan table.hearing th {
background:#FFCCCC;
color:#666666;
width:100%;
}

#left .Soudan table.hearing table {
background:#ffffff;
}


/* 08.宿泊約款 /*
/* ===========================================================================*/

#left .Rule {
	width: 250px;
	height: auto;
	float: left;
	text-align: left;
	padding: 10px;
}

#left .Rule li {
	color: #969696;
	font-size: 0.7em;
	letter-spacing: 0.1em;
	text-align: left;
	line-height: 1.4em;
}

#left .Rule h2 {
	background-color: #969696;
}

/* 09.採用情報 /*
/* ===========================================================================*/

#left .Recruit {
	width: 540px;
	height: auto;
	color: #646464;
	font-size: 0.8em;
	text-align: left;
	margin-top: 20px;
}

.RecruitTitle {
	background-color:#969696;
	color: #FFFFFF;
	padding: 5px;
}

.RecruitGray {
	background:#C8C8C8;
	color: #646464;
	text-align: left;
	padding: 5px;
}

/* 10.プライバシーポリシー /*
/* ===========================================================================*/

#left .Privacy {
	width: 250px;
	height: auto;
	float: left;
	text-align: left;
	padding: 10px;
}

#left .Privacy p {
	color: #969696;
	font-size: 0.7em;
	letter-spacing: 0.1em;
	text-align: left;
	line-height: 1.4em;
	width: 250px;
	height: auto;
}

#left .Privacy h2 {
	background-color: #969696;
}

/* 11.多言語ページ /*
/* ===========================================================================*/

#left .Language {
	width: 520px;
	height: auto;
	text-align: left;
	padding: 10px;
}

#left .LanguageL {
	width: 215px;
	height: auto;
	text-align: left;
	padding: 10px;
	float: left;
}

#left .LanguageR {
	width: 265px;
	height: auto;
	text-align: left;
	padding: 10px;
	float: right;
}

#left .Language h3 {
	text-align: left;
	color: #725523;
	font-size: 0.8em;
	font-weight: bold;
	display: block;
	clear: both;
}

#left .Language h4 {
	text-align: left;
	color: #969696;
	font-size: 0.8em;
	margin-top: 0px;
	margin-bottom: 3px;
}

#left .Language h5 {
	text-align: left;
	color: #969696;
	font-size: 0.7em;
	margin-top: 0px;
	margin-bottom: 3px;
}

#left .Language p {
	color: #969696;
	font-size: 0.7em;
	text-align: left;
	line-height: 1.4em;
	width: 265px;
	margin-top: 5px;
	margin-bottom: 5px;
	height: auto;
}

#left .LanguageL p {
	color: #969696;
	font-size: 0.7em;
	text-align: left;
	line-height: 1.4em;
	width: 215px;
	margin-top: 5px;
	margin-bottom: 5px;
	clear: both;
}

#left .LanguageImageLL p {
	color: #969696;
	font-size: 0.7em;
	text-align: left;
	line-height: 1.4em;
	width: 130px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#left .LanguageImageRL {
	width: 105px;
	height: auto;
	text-align: left;
	float: left;
	margin-right: 5px;
}

#left .LanguageImageRR {
	width: 105px;
	height: auto;
	text-align: left;
	float: right;
}

#left .LanguageImageLL {
	width: 130px;
	height: auto;
	text-align: left;
	float: left;
	margin-right: 5px;
}

#left .LanguageImageLR {
	width: 130px;
	height: auto;
	text-align: left;
	float: right;
}

#left .LanguageAddress {
	width: 500px;
	height: auto;
	text-align: left;
	padding: 10px;
}

#left .AddressImg {
	float: right;
	background-image: url(../img/google.gif);
	background-repeat: no-repeat;
	height: 80px;
	width: 140px;
	display: block;
	padding-top: 60px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-size: 0.75em;
	color: #969696;
	line-height: 1.2em;
	font-weight: bold;
	border: 1px dotted #999999;
	text-align: center;
}

#left .LanguageAddress p {
	color: #969696;
	font-size: 0.7em;
	text-align: left;
	line-height: 1.4em;
	width: 300px;
	margin-top: 5px;
	margin-bottom: 5px;
	height: auto;
	float: left;
}

/*========== English ==========*/

#left .Language {
	width: 520px;
	height: auto;
	text-align: left;
	padding: 10px;
}

/* 12.お問い合わせ /*
/* ===========================================================================*/

#left .Mailform {
	width: 520px;
	height: auto;
	text-align: left;
	padding: 10px;
	font-size: 80%;
	color: #969696;
}

#left .SiteMap {

	width: 250px;
	height: auto;
	float: left;
	text-align: left;
	padding: 10px;
}

#left .SiteMap li {
	color: #969696;
	font-size: 0.7em;
	letter-spacing: 0.1em;
	text-align: left;
	line-height: 1.4em;
	display: block;
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-left: 20px;
}

#left .SiteMap h2 {
	background-color: #969696;
}

#left .SiteMap h2 a:link { color: #FFFFFF; text-decoration: underline }
#left .SiteMap h2 a:visited  { color: #FFFFFF; text-decoration: underline }
#left .SiteMap h2 a:hover  { color: #FFFFFF; text-decoration: none }
#left .SiteMap h2 a:active  { color: #FFFFFF; text-decoration: underline }
