@charset "utf-8";
@import "parts.css";
@import "tbvs.css";
@import "BreadCrumb.css";
body {
	text-align: center;
	background-color: #800605;
}
#container-outer {
	background-image: url(../img/m-back.gif);
	background-repeat: repeat-x;
	background-position: center top;
}
#container {
}
/* 共通エリア */
/* 横幅800px左寄 */
.area-width800 {
	height: auto;
	width: 800px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;
}
.area-width800 {
    overflow: hidden;
}
.area-width800:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .area-width800 {
    height: 1em;
    overflow: visible;
}
/* 横幅803px左寄 */
.area-width803 {
	height: auto;
	width: 803px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;
}
.area-width803 {
    overflow: hidden;
}
.area-width803:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .area-width803 {
    height: 1em;
    overflow: visible;
}
/* 横幅800px右寄 */
.area-width800r {
	height: auto;
	width: 800px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: right;
}
.area-width800r {
    overflow: hidden;
}
.area-width800r:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .area-width800r {
    height: 1em;
    overflow: visible;
}

/* 回り込みクリア */
.cbfn {
	clear: both;
	float: none;
	margin: 0px;
	padding: 0px;
	width: auto;
}
.cbfn {
    overflow: hidden;
}
.cbfn:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .cbfn {
    height: 1em;
    overflow: visible;
}
/* グレー囲み10px */
.enclosure10 {
	border: 10px solid #E0E0E0;
	margin-bottom: 20px;
	background-color: #F9F9F9;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
}
.enclosure10 {
    overflow: hidden;
}
.enclosure10:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .enclosure10 {
    height: 1em;
    overflow: visible;
}

/* 濃いグレー囲み5px */
.enclosure5 {
	border: 5px solid #4D4D4D;
	margin-bottom: 20px;
	background-color: #EFEFEF;
	padding-top: 13px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
}
.enclosure5 {
    overflow: hidden;
}
.enclosure5:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .enclosure5 {
    height: 1em;
    overflow: visible;
}

/* 薄いグレー囲み2px */
.enclosure2 {
	margin-bottom: 30px;
	background-color: #FAFAFA;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #999999;
}
.enclosure2 {
    overflow: hidden;
}
.enclosure2:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .enclosure2 {
    height: 1em;
    overflow: visible;
}

/* 薄いグレー囲み1px */
.enclosure1 {
	margin-bottom: 15px;
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #CCCCCC;
}
.enclosure1 {
    overflow: hidden;
}
.enclosure1:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .enclosure1 {
    height: 1em;
    overflow: visible;
}


/* 囲まない */
.enclosure0 {
	margin-bottom: 7px;
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
}
.enclosure0 {
    overflow: hidden;
}
.enclosure0:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .enclosure0 {
    height: 1em;
    overflow: visible;
}

/* ヘッダ */
#header {
	height: auto;
	width: 840px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;
}
/* ぱんくず */
#panz {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	margin-bottom: 10px;
}
#toppanz {
	background-image: url(../img/toppanz.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
/* フラッシュエリア */
#flashcontent {
	height: 360px;
	width: 100%;
	background-image: url(../img/m-back02.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
/* 中面メインビジュアルエリア */
#mainvisual {
	height: 120px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center top;
}
.mainvisualpt001 {
	background-image: url(../img/f-back01.jpg);
}
.mainvisualpt002 {
	background-image: url(../img/f-back02.jpg);
}
.mainvisualpt003 {
	background-image: url(../img/f-back03.jpg);
}
.mainvisualpt004 {
	background-image: url(../img/f-back04.jpg);
}
.mainvisualpt005 {
	background-image: url(../img/f-back05.jpg);
}
.mainvisualpt006 {
	background-image: url(../img/f-back06.jpg);
}
.mainvisualpt007 {
	background-image: url(../img/f-back07.jpg);
}
.mainvisualpt008 {
	background-image: url(../img/f-back08.jpg);
}
.mainvisualpt009 {
	background-image: url(../img/f-back09.jpg);
}
.mainvisualpt010 {
	background-image: url(../img/f-back10.jpg);
}
.mainvisualpt027 {
	background-image: url(../img/f-back27.jpg);
}
.mainvisualpt028 {
	background-image: url(../img/f-back28.jpg);
}
.mainvisualpt029 {
	background-image: url(../img/f-back29.jpg);
}
.mainvisualpt030 {
	background-image: url(../img/f-back30.jpg);
}
/* 本編 */
#content {
	background-color: #FFFFFF;
	background-image: url(../img/back01.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 40px;
}
/* トップページサービスメニュー */
#wssm {
	padding-bottom: 30px;
}
/* エリア */
#alpha {
	float: left;
	height: auto;
	width: 530px;
	padding-top: 20px;
	clear: both;
	padding-bottom: 20px;
}
#beta {
	float: right;
	height: auto;
	width: 240px;
	padding-bottom: 30px;
	padding-top: 10px;
}
#betamenu01,#betamenu02,#betamenu03 {
	height: auto;
	width: 240px;
	padding-bottom: 10px;
}
.gamma {
	background-color: #EFEFEF;
	height: auto;
	width: 260px;
	float: left;
}
.gamma-b {
	background-color: #EFEFEF;
	height: auto;
	width: 170px;
	float: left;
}
.margin-r10 {
	margin-right: 10px;
}
.margin-l10 {
	margin-left: 10px;
}
* html .margin-l10 {
	margin-right: -2px;
}
.margin-b180 {
	margin-bottom: 180px;
}
.delta {
	height: auto;
	width: 200px;
	float: left;
}
#solmenu {
	margin-top: 30px;
}
#archive {
	margin-bottom: 50px;
}

/* フッターボタン */
#footerbtn {
	background-image: url(../img/back02.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	padding-top: 20px;
}
/* フッターメニュー */
#footermenu {
	background-image: url(../img/back03.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #404040;
	padding: 20px;
}
/* フッター */
#footer {
	background-image: url(../img/back04.gif);
	background-repeat: repeat-x;
}
/* パッケージコーナー */
#content.packback {
	background-color: #FFFFFF;
	background-image: url(../img/back01b.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
	padding-bottom: 30px;
}
#package01 {
	float: left;
	height: auto;
	width: 380px;
}
#package02 {
	float: right;
	height: auto;
	width: 380px;
}
#package0101 {
	background-image: url(../../package/img/hp-img.jpg);
	background-repeat: no-repeat;
	background-position: 0px 15px;
	padding-bottom: 50px;
	padding-left: 422px;
}
#package0201 {
	background-image: url(../../package/img/sp-img.jpg);
	background-repeat: no-repeat;
	background-position: 0px 15px;
	padding-bottom: 30px;
	padding-left: 422px;
}
#package0103 {
	clear: both;
	float: none;
	width: auto;
}
.template01 {
	background-color: #F3F3F3;
	text-align: center;
	float: left;
	height: 155px;
	width: 155px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #EAEAEA;
	border-right-color: #C8C8C8;
	border-bottom-color: #C8C8C8;
	border-left-color: #EAEAEA;
	margin-right: 3px;
	margin-bottom: 3px;
	overflow: hidden;
}
* html .template01 {
	margin-bottom: 1px;
}

#template {
	clear: both;
	float: none;
	width: auto;
	padding-top: 20px;
}

/* 2010.3.26追加 */
.area-width800top{
	height: auto;
	width: 800px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom:40px;
	margin-left: auto;
	text-align: left;
	background-image: url(../img/title-back.gif);
	background-repeat: no-repeat;
	background-position: center top;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-bottom: 30px;
	overflow: hidden;
}
.area-width800top{

}
.area-width800top:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
.point{
	margin-top:10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-bottom: 10px;
	padding-top: 10px;
}
.area-width800top ul.img-1{
    width:800px;
	height:270px;
	background-image: url(../img/img-1.jpg);
	background-repeat: no-repeat;
	text-indent:-9999em
}
.area-width800top ul.img-2{
	width:740px;
	height:310px;
	display: block;
	margin-left: 25px;
	margin-bottom:30px;
}
#map {
	height: 450px;
	margin-top: 10px;
}