@charset "utf-8";

/* 会場用CSS */

body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font: 12px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
table {
	font-size: 1em;
}
form {
	margin:0px;
	padding:0px;
}
h1, h2, h3, h4, h5, h6 {
	margin:0px;
	font-weight: normal;
}

.fixed:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
	
* html .fixed             { zoom: 1; } /* IE6 */
*:first-child+html .fixed { zoom: 1; } /* IE7 */

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

#hlContents:after,
.sideBanner1:after,
.hlNewsLine:after,
.sideHallLine:after,
.accessInfoBox:after,
.accessContLine:after,
.mediaLine:after,
.formLine:after,
.reportPhoto:after,
.reportTitle:after,
.ListLine:after,
.fairTitle:after,
.planListTitle:after,
.planTitle:after,
.sideCalLine:after,
.fairInfoBox:after,
.renBottom2Inner:after,
.fcMovieContainer:after
 { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0;}
#hlContents,
.sideBanner1,
.hlNewsLine,
.sideHallLine,
.accessInfoBox,
.accessContLine,
.mediaLine,
.formLine,
.reportPhoto,
.reportTitle,
.ListLine,
.fairTitle,
.planListTitle,
.planTitle,
.sideCalLine,
.fairInfoBox,
.renBottom2Inner,
.fcMovieContainer
 { display: block; *height:100% }
/* no ie mac \*/
* html #hlContents,
* html .sideBanner1,
* html .hlNewsLine,
* html .sideHallLine,
* html .accessInfoBox,
* html .accessContLine,
* html .mediaLine,
* html .formLine,
* html .reportPhoto,
* html .reportTitle,
* html .ListLine,
* html .fairTitle,
* html .planListTitle,
* html .planTitle,
* html .sideCalLine,
* html .fairInfoBox,
* html .renBottom2Inner,
* html .fcMovieContainer
 { height: 1%; }
#hlContents,
.sideBanner1,
.hlNewsLine,
.sideHallLine,
.accessInfoBox,
.accessContLine,
.mediaLine,
.formLine,
.reportPhoto,
.reportTitle,
.ListLine,
.fairTitle,
.planListTitle,
.planTitle,
.sideCalLine,
.fairInfoBox,
.renBottom2Inner,
.fcMovieContainer
 { display: block; }
/* */
/*----------------------------------------------------------------- */


#hlContents {
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
#hlContents .hlRight {
	width: 225px;
	float: right;
}
#hlContents .hlRight img {
	border-style: none;
}
#hlContents .hlLeft {
	width: 680px;
	float: left;
	padding-top: 28px;
}
#hlContents .hlLeft img {
	border-style: none;
}
/*ヘッダー -------------------------- */

.headerText {
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	position: relative;
}
.headerText h1 {
	font-size: 10px;
	margin: 0px;
	padding-top: 8px;
	position: absolute;
	left: 0px;
	top: 0px;
}
#hallHeader .hallHeaderInner {
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	height: 30px;
	text-align: left;
}
#hallHeader .headerBT1,
#hallHeader .headerBT2,
#hallHeader .headerBT22,
#hallHeader .headerBT3,
#hallHeader .headerBT4,
#hallHeader .headerTel {
	float: right;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 30px;
	text-indent:-9999px;
	outline-style:none;
}
#hallHeader .headerTel {
	text-indent: 0px;
}
#hallHeader .headerTel {
	width:180px;
	height:30px;
	position:relative;
	font-size:15px;
	font-weight:bold;
	background-repeat: no-repeat;
}

#hallHeader .headerTel div{
	position:absolute;
	top:7px;
	left:23px;
}


#hallHeader a.headerBT1:hover,
#hallHeader a.headerBT2:hover,
#hallHeader a.headerBT22:hover,
#hallHeader a.headerBT3:hover,
#hallHeader a.headerBT4:hover {
	background-position: 0px -30px;
}
#hallHeader .hallHeaderInner .headerBT1 {
	width: 90px;
}
#hallHeader .hallHeaderInner .headerBT2 {
	width: 205px;
}
#hallHeader .hallHeaderInner .headerBT22 {
	width: 205px;
}
#hallHeader .hallHeaderInner .headerBT3 {
	width: 89px;
}

#hallHeader .hallHeaderInner .headerBT4 {
	width: 89px;
}


/*ナビゲーション -------------------------- */

#hlNavi {
	height: 41px;
}

#hlNavi ul {
	list-style: none;
	margin: 0px auto;
	padding: 0px;
	width: 940px;
}
#hlNavi li {
	float: left;
}
#hlNavi a {
	display: block;
	height: 41px;
	text-align: left;
	text-indent: -9999px;
	outline-style:none;
}

#hlNavi .hlNavi1 a {
	width: 72px;
	background-position: 0px 0px;
}
#hlNavi .hlNavi2 a {
	width: 127px;
	background-position: -72px 0px;
}
#hlNavi .hlNavi3 a {
	width: 118px;
	background-position: -199px 0px;
}
#hlNavi .hlNavi4 a {
	width: 102px;
	background-position: -317px 0px;
}
#hlNavi .hlNavi5 a {
	width: 142px;
	background-position: -419px 0px;
}
#hlNavi .hlNavi6 a {
	width: 151px;
	/*background-position: -561px 0px;*/
	background-position: -568px 0px;
}
#hlNavi .hlNavi7 a {
	width: 102px;
	background-position: -712px 0px;
}
#hlNavi .hlNavi8 a {
	width: 126px;
	background-position: -814px 0px;
}
#hlNavi .hlNavi1 a:hover {
	background-position: 0px -41px;
}
#hlNavi .hlNavi2 a:hover {
	background-position: -72px -41px;
}
#hlNavi .hlNavi3 a:hover {
	background-position: -199px -41px;
}
#hlNavi .hlNavi4 a:hover {
	background-position: -317px -41px;
}
#hlNavi .hlNavi5 a:hover {
	background-position: -419px -41px;
}
#hlNavi .hlNavi6 a:hover {
	/*background-position: -561px -41px;*/
	background-position: -568px -41px;
}
#hlNavi .hlNavi7 a:hover {
	background-position: -712px -41px;
}
#hlNavi .hlNavi8 a:hover {
	background-position: -814px -41px;
}
/*トップページ用差分*/
#hlNaviTop {
	height: 42px;
}
#hlNaviTop #hlNavi {
	height: 42px;
}
#hlNaviTop #hlNavi a {
	height: 42px;
}
#hlNaviTop #hlNavi .hlNavi1 a:hover {
	background-position: 0px -42px;
}
#hlNaviTop #hlNavi .hlNavi2 a:hover {
	background-position: -72px -42px;
}
#hlNaviTop #hlNavi .hlNavi3 a:hover {
	background-position: -199px -42px;
}
#hlNaviTop #hlNavi .hlNavi4 a:hover {
	background-position: -317px -42px;
}
#hlNaviTop #hlNavi .hlNavi5 a:hover {
	background-position: -419px -42px;
}
#hlNaviTop #hlNavi .hlNavi6 a:hover {
	/*background-position: -561px -42px;*/
	background-position: -568px -42px;
}
#hlNaviTop #hlNavi .hlNavi7 a:hover {
	background-position: -712px -42px;
}
#hlNaviTop #hlNavi .hlNavi8 a:hover {
	background-position: -814px -42px;
}




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

#hlFooter {
	clear: both;
}
#hlFooter .hlFooterBT {
	height: 29px;
	width: 932px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding-right: 8px;
}
#hlFooter .hlFooterBT a {
	display: block;
	height: 29px;
	text-indent: -9999px;
	outline-style:none;
}
#hlFooter .hlFooterBT a:hover {
	background-position: 0px -29px;
}
#hlFooter .hlFooterBT a.hlFooterBT6 {
	width: 103px;
	float: left;
}
#hlFooter .hlFooterBT a.hlFooterBT7 {
	width: 198px;
	float: left;
}
#hlFooter .hlFooterBT a.hlFooterBT3 {
	width: 100px;
	float: left;
}
#hlFooter .hlFooterBT a.hlFooterBT4 {
	width: 72px;
	float: left;
}
#hlFooter .hlFooterBT a.hlFooterBT5 {
	width: 100px;
	float: left;
}
#hlFooter .hlFooterBT a.hlFooterBT2 {
	width: 115px;
	float: right;
}
#hlFooter .hlFooterBT a.hlFooterBT1 {
	width: 145px;
	float: right;
}
#hlFooter #TGFooterIn {
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#hlFooter #TGFooterIn .fLink {/*R*/
 height:50px;
	font-size: 10px;
	height: 33px;
	margin: 6px 0px 2px;
	line-height: 170%;
}
#hlFooter #TGFooterIn a {
	text-decoration: none;
}
#hlFooter #TGFooterIn a:hover {
	text-decoration: underline;
}
#hlFooter #TGFooterIn .fLink .fLinkL {/*R*/
	float: left;
	text-align: left;
}
#hlFooter #TGFooterIn .fLink .fLinkR {/*R*/
	float: right;
	text-align: right;
}
#hlFooter #TGFooterIn .fLink .copyRimg {/*R*/
	margin-right: 8px;
	margin-top: 3px;
	clear:left;
}
#hlFooter #TGFooterIn #bnrLink {
	clear: both;
	padding-top: 22px;
	padding-bottom: 22px;
}
#hlFooter #TGFooterIn #bnrLink img {
	margin-right: 12px;
	margin-left: 12px;
	text-align: center;
}
#hlFooter #mainNavi ul li ul li a {
	font-size: 11px;
	height: 20px;
}
/*  footer navi */
#hlFooter #TGFooterIn .footerArea {
	font-size: 10px;
	padding-top: 8px;
	padding-left: 5px;
	_padding-left: 6px;
	line-height: 100%;
	clear: both;
	position: relative;
}
#hlFooter #TGFooterIn .footerArea a {
	display: block;
	padding: 0px 6px;
}
#hlFooter #TGFooterIn .footerArea ul {
	text-align: left;
	margin: 0px;
	padding: 0px;
	list-style: none;
	overflow: hidden;
}
#hlFooter #TGFooterIn .footerArea li {
	float: left;
	padding: 0px;
	white-space: nowrap;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: -1px;
}
#hlFooter #TGFooterIn .footerArea div {
	height: 11px;
	width: 300px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	margin-right: 10px;
}
#hlContents .hlRight a {
	text-decoration: none;
}
#hlContents .hlRight a:hover {
	text-decoration: underline;
}
#hlContents .hlRight .sideFair {
	width: 198px;
	font-size: 10px;
	padding-top: 64px;
	clear: left;
	margin: 30px 0px 15px 25px;
}
#hlContents .hlRight .sideFair ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	overflow: hidden;
	width: 198px;
}
#hlContents .hlRight .sideFair li {
	padding: 7px 5px 5px;
	line-height: 130%;
	margin: -1px 5px 5px;
}
#hlContents .hlRight .sideFair .noBorder {
	border-style: none;
}
#hlContents .hlRight .sideBannerFlash {
	margin-left: 25px;
	margin-bottom: 10px;
	z-index: 1;
}
#hlContents .hlRight .sidehallList {
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 25px;
}
#hlContents .hlRight .sidehallList .sideHallLine {
	margin-bottom:4px;
	position: relative;
}
#hlContents .hlRight .sidehallList .sideHallLine .sideHallPhoto {
	float: left;
	width: 67px;
}
#hlContents .hlRight .sidehallList .sideHallLine .sideHallName {
	float: right;
	width: 128px;
	padding-top: 3px;
}
#hlContents .hlRight .sidehallList .sideHallLine .sideHallName span {
	font-size: 10px;
	display: block;
	padding-top: 4px;
}
#hlContents .hlRight .sideBanner1 {
	margin: 30px 0px 21px 25px;
}
#hlContents .hlRight .sideBanner2 {
	margin: 20px 0px 21px 25px;
}
#hlContents .hlRight .sideBanner2 img {
	margin-bottom: 8px;
}
#hlContents .hlRight .sideHallInfo {
	margin-left: 25px;
	margin-top: 20px;
}
#hlContents .hlRight .sideHallInfo p {
	margin: 0px 0px 2px;
	padding: 5px 5px 5px 12px;
	line-height: 120%;
}
#hlContents .hlRight .sideHallInfo {
	padding-bottom: 20px;
}
#hlContents .hlRight .sideHallInfo .sideHallName {
	font-weight: bold;
	text-align: center;
	margin: 0px 0px 3px;
	padding: 0px;
}
/*メインコンテンツ--------------------------------------*/
#hlContents .hlLeft .hlTitle {
	height: 32px;
	text-indent: -9999px;
	margin-bottom: 30px;
	background-repeat: no-repeat;
	background-position: right top;
}

#hlContents .hlLeft .mainBanner {
	display: block;
	position: relative;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 20px 0 0 40px;
	width:600px;
	height:130px;
}
#hlContents .hlLeft .mainBanner img {
	margin: 4px;
}


#hlContents .hlLeft .mainBanner .bottom-contact{
	width:560px;
	height:130px;
	margin:0 auto;
   text-align: center;
}

#hlContents .hlLeft .mainBanner .bottom-contact a{
	display: block;
	position: absolute;
	width:231px;
	height:60px;
	text-indent:-10000px;
	top:65px;
	left:45px;
}

#hlContents .hlLeft .mainBanner .bottom-contact a:hover{
	background-position: 0 -60px;
}

#hlContents .hlLeft .mainBanner .bottom-contact div#mainBanner-contents{
   line-height:1em;
	position: absolute;
	top:72px;
	left:365px;
}

#hlContents .hlLeft .mainBanner .bottom-contact div#mainBanner-contents { line-height/*\**/: 1.1em\9; }

#hlContents .hlLeft .mainBanner .bottom-contact div#bottom-tel{
   text-align:left;
	font-size:1.5em;
	font-weight:bold;
	margin-bottom:10px;
}

#hlContents .hlLeft .mainBanner .bottom-contact div#bottom-tel{ font-size/*\**/: 1.8em\9; }

#hlContents .hlLeft .mainBanner .bottom-contact div#bottom-hour{
   text-align:left;
   margin-top:5px;
	font-size:8pt;
}



#hlContents .hlLeft .hlPageTop,
#renewalContents .hlPageTop {
	position: relative;
	height: 22px;
	margin-top: 24px;
	margin-bottom: 24px;
}
#hlContents .hlLeft .hlPageTop a,
#renewalContents .hlPageTop a {
	display: block;
	height: 22px;
	width: 115px;
	text-align: left;
	text-indent: -900px;
	position: absolute;
	top: 0px;
	right: 0px;
	overflow: hidden;
}

/*トップページ--------------------------------*/
.hall-top-banner{
   float:left;
}

#hlContentsTop {
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding-top: 18px;
}
#hlContentsTop a {
	text-decoration: none;
}
#hlContentsTop a:hover {
	text-decoration: underline;
}
#hlContentsTop img {
	border-style: none;
}
#hlContentsTop .hlTopNews {
	width: 320px;
	padding-left: 60px;
	font-size: 10px;
	line-height: 130%;
	float: left;
	margin-top: 3px;
}
#hlContentsTop .hlTopNews a {
	color: #666666;
}
#hlContentsTop .hlTopNews .hlNewsLine {
	padding: 3px 0px 8px 12px;
}
#hlContentsTop .hlTopNews .hlNewsLine .nData {
	float: left;
	width: 68px;
}
#hlContentsTop .hlTopNews .hlNewsLine .nSummary {
	float: left;
	width: 235px;
}
#hlContentsTop .hlTopNews2 {
	width: 355px;
	padding-left: 80px;
	font-size: 10px;
	line-height: 130%;
	float: left;
	margin-top: 3px;
}
#hlContentsTop .hlTopBlog {
	width: 355px;
	padding-left: 115px;
	font-size: 10px;
	line-height: 130%;
	float: left;
	margin-top: 3px;
}
#hlContentsTop .hlTopNews2 a {
	color: #666666;
}
#hlContentsTop .hlTopBlog2 a {
	color: #806B3E;
}
#hlContentsTop .hlTopNews2 .hlNewsLine,
#hlContentsTop .hlTopBlog .hlNewsLine {
	padding: 3px 0px 8px 12px;
}
#hlContentsTop .hlTopNews2 .hlNewsLine .nData,
#hlContentsTop .hlTopBlog .hlNewsLine .nData {
	float: left;
	width: 68px;
}
#hlContentsTop .hlTopNews2 .hlNewsLine .nSummary,
#hlContentsTop .hlTopBlog .hlNewsLine .nSummary {
	float: left;
	width: 270px;
}
#hlContentsTop .hlTopBannerR {
	float: right;
	width: 535px;
	font-size: 10px;
}
#hlContentsTop .hlTopBannerR img {
	margin-bottom: 6px;
	margin-left: 4px;
}
#hlContentsTop .hlTopBanner {
	text-align: center;
	padding-top: 25px;
	padding-bottom: 28px;
	position: relative;
	width: 940px;
	clear:both;
}
#hlContentsTop .hlTopBanner img {
	margin-right: 4px;
	margin-left: 5px;
}
#hlContentsTop .hlTopBanner2 {
	text-align: center;
	padding-top: 25px;
	padding-bottom: 28px;
	position: relative;
	width: 940px;
	clear:both;
}
#hlContentsTop .hlTopBanner2 img {
	margin-right: 0px;
	margin-left: 5px;
	vertical-align: top;
}

#hlContentsTop .hlTopBannerL {
	width: 400px;
	padding-top: 10px;
	float: left;
}

/* Add Mew Fair */

#hlContents .hlLeft .hlfairTab {
	text-align: right;
}
#hlContents .hlLeft .hlfairTab img {
	margin-left: 5px;
}
#hlContents .hlLeft .hlfairTabTitle {
	height: 40px;
	padding-top: 34px;
	text-align: right;
	padding-right: 30px;
	background-repeat: no-repeat;
}
#hlContents .hlRight .sideCalendar {
	width: 200px;
	font-size: 12px;
	clear: left;
	margin: 14px 0px 3px 25px;
	padding-top: 16px;
	background-repeat: no-repeat;
	color: #666666;
	line-height: 115%;
}
#hlContents .hlRight .sideCalendar .sideCalBox {
	margin-bottom: 20px;
}
#hlContents .hlRight .sideCalendar .sideCalmonth {
	color: #FFFFFF;
	padding: 4px 4px 4px 6px;
}
#hlContents .hlRight .sideCalendar .sideCalSt {
	color: #336699;
}
#hlContents .hlRight .sideCalendar .sideCalSn {
	color: #CC0000;
}
#hlContents .hlRight .sideCalendar .sideCalLine {
	border-bottom: 1px solid #CCCCCC;
	padding: 6px 3px 0px;
	position: relative;
}
.sideCalendar .sideCalLine .sideCalday,
.sideCalendar .sideCalLine .sideCalSt,
.sideCalendar .sideCalLine .sideCalSn {
	float: left;
	width: 35px;
	padding-bottom: 6px;
}
#hlContents .hlRight .sideCalendar .sideCalLine .sideCalCont a {
	display: block;
	padding-bottom: 6px;
}
.sideCalendar .sideCalLine .sideCalCont {
	float: right;
	width: 155px;
}
.fairInfoBox {
	width: 620px;
	padding: 12px 9px;
	margin-bottom: 15px;
}
.fairInfoBox .fairInfoPhoto {
	float: left;
	width: 160px;
}
.fairInfoBox .fairInfoCont {
	float: right;
	width: 442px;
}
.fairInfoBox .fairInfoCont .fairInfoTitle {
	padding: 10px;
	font-weight: bold;
	line-height: 120%;
	margin-bottom: 10px;
}
.fairInfoBox .fairInfoCont .fairInfoTitle a {
	text-decoration: none;
}
.fairInfoBox .fairInfoCont .fairInfoTitle a:hover {
	text-decoration: underline;
}
.fairInfoBox .fairInfoCont .fairInfoTitle .fairInfoBT {
	float: right;
	margin-left: 10px;
}
.fairInfoBox .fairInfoCont .fairInfoSchedule {
	margin: 10px 1px;
	padding: 0px 10px 8px;
	line-height: 140%;
}
.fairInfoBox .fairInfoCont .fairInfoTxt {
	line-height: 140%;
	padding: 0px 10px 5px;
	margin-top: 10px;
}
#hlContents .hlLeft .fairInfo1 .fairInfo1Inner {
	padding: 0px 0px 17px 20px;
}
#hlContents .hlLeft .fairInfo1 .fairInfo1Inner .fairInfoBox {
	margin-bottom: 0px;
}
#hlContents .hlLeft .fairInfo2 {
	padding: 25px 0px 20px 20px;
	margin-top: 23px;
}
#hlContents .hlLeft .fairLead {
	line-height: 150%;
	margin: 0px 22px 25px;
}
#hlContents .hlLeft .fairRecOther {
	margin-top: 10px;
	margin-bottom: 30px;
}
.fairRecOther .fairRecOtherTitle {
	text-align: right;
	padding: 0px 5px 5px 0px;
}
.fairRecOther .fairRecOtherCont td {
	padding: 2px 5px;
	width: 122px;
	text-align: center;
	font-size:10px;
}
#hlContents .hlLeft .fairRecOther .fairRecOtherCont a {
	text-decoration: none;
}
#hlContents .hlLeft .fairRecOther .fairRecOtherCont a:hover {
	text-decoration: underline;
}
#hlContents .hlLeft .fairRecOther .fairRecOtherCont {
	padding: 13px 0px 10px 10px;
}
#hlContents .hlLeft .fairResLead {
	line-height: 150%;
	text-align: center;
	margin: 0px 0px 20px;
}

/* Renewal Contents */

#renewalContents {
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	font-size: 12px;
	line-height: 140%;
}
#renewalContents .renCatchImg {
	text-align: center;
}
#renewalContents .renPhoto .renPhotoInner .renPhoto1,
#renewalContents .renPhoto .renPhotoInner .renPhoto2,
#renewalContents .renPhoto .renPhotoInner .renPhoto3 {
	position: relative;
	width: 940px;
}
#renewalContents .renBottom {
	width: 560px;
	margin: 36px 0px 0px 207px;
}
#renewalContents .renBottom2 {
	width: 820px;
	margin: 36px 0px 0px 60px;
}
.renBottom2 .renBtL {
	display: block;
	float: left;
	width: 400px;
}
.renBottom2 .renBtR {
	display: block;
	float: right;
	width: 400px;
}

/* Facility Movie */

.facilityBox .facilityMborder {
	width:480px;border:solid 1px #CCCCCC;margin-left:auto;margin-right: auto;
}
.facilityMovie .fcMovieContainer {
	height: 370px;margin-top: 2px;margin-left: 6px;
}
.facilityMovie .fcMovieContainer .fcMovieFrame {
	height: 360px;width: 480px;border: 1px solid #CCCCCC;float: left;
}
.facilityMovie .fcMovieContainer .fcMovieButton {
	float: right;width: 177px;text-align: left;line-height: 140%;
}
.facilityMovie .fcMovieContainer .fcMovieButton p {
	margin: 3px 0px 0px;
}
.facilityMovie .fcMovieContainer .fcMovieButton .fcMovieButtonWH {
	margin-bottom: 30px;
}

/* top blog news list */

#hlContentsTop .hlTopBlogNews {
	font-size: 10px;
	width: 379px;
	clear: left;
	float: left;
	margin-top: 17px;
	padding-top: 33px;
	padding-left: 14px;
}
#hlContentsTop .hlTopBlogNews .hlNewsLine {
	padding: 3px 0px 8px 2px;
}
#hlContentsTop .hlTopBlogNews .hlNewsLine .nData {
	float: left;
	width: 68px;
}
#hlContentsTop .hlTopBlogNews .hlNewsLine .nSummary {
	float: left;
	width: 292px;
}

/* staff */

/*----------------------------------------------------------------- */
.hlStaffIntroduction:after
 { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0;}
.hlStaffIntroduction
 { display: block; *height:100% }
/* no ie mac \*/
* html .hlStaffIntroduction
 { height: 1%; }
.hlStaffIntroduction
 { display: block; }
/* */
/*----------------------------------------------------------------- */



/*キャッチコピー部分*/

.hlStaffCatch {
	text-align: center;
	line-height: 140%;
	margin: 10px 0px 35px;
}
.hlStaffCatch img {
	margin-bottom: 6px;
}
.hlStaffCatch p {
	margin: 6px 0px;
}

/*スタッフ紹介*/

.hlStaffIntroduction {
	margin: 25px 0px 35px;
	position: relative;
}
.hlStaffIntroduction .hlStaffPhoto {
	float: left;
}
.hlStaffIntroduction .hlStaffRight {
	float: right;
	width: 370px;
	border-left: 5px solid #CCCCCC;
	line-height: 140%;
}
.hlStaffIntroduction .hlStaffRight .hlStaffRightTitle {
	font-size: 14px;
	font-weight: bold;
	padding: 2px 5px 5px 10px;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 6px;
}
/*シェフの文字色*/
.hlStaffIntroduction .hlStaffRight .staffChef {
	color: #6D5B23;
}
/*フラワーコーディネーターの文字色*/
.hlStaffIntroduction .hlStaffRight .staffFc {
	color: #802B55;
}

.hlStaffIntroduction .hlStaffRight .hlStaffRightTitle .hlStaffNameE {
	font-size: 12px;
	font-weight: normal;
}
.hlStaffIntroduction .hlStaffRight .hlStaffRightTXT {
	padding-left: 10px;
	margin: 6px 0px 20px;
}
.hlStaffIntroduction .hlStaffRight .txtBottom {
	margin-bottom: 3px!important;
}

.hlStaffBtRight {
	text-align: right;
	margin-bottom: 20px;
}


/*スタッフページのナビ*/

.hlStaffNavi ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.hlStaffNavi li {
	float: left;
	margin-right: 9px;
}
.hlStaffNavi .hlStaffNavi02,
.hlStaffNavi .hlStaffNavi04 {
	margin-right: 16px;
}
.hlStaffNavi .hlStaffNavi05 {
	margin-right: 0px;
}

/*スタッフ一覧*/

.hlStaffList {
	line-height: 130%;
	width: 680px;
}
.hlStaffList p {
	margin: 2px 6px 4px;
}
.hlStaffList .hlStaffPhoto {
	width: 170px;
	height: 175px;
	text-align: center;
	background-image: url(/common/img/hall2/staff/staff_list_photo_bg.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.hlStaffList .hlStaffInfo {
	width: 170px;
	padding-bottom: 30px;
}

.hlStaffList .hlStaffListName {
	text-align: center;
	font-weight: bold;
}
.hlStaffList .hlStaffListName a {
	text-decoration:none;
}
.hlStaffFC .hlStaffListName a {
	color: #802B55;
}
.hlStaffList .hlStaffListName a:hover {
	text-decoration:underline;
}

/*FC事例*/

#hlContents .hlLeft .hlStaffFcReport .hlStaffPreport {
	color: #FFFFFF;
	background-image: url(/common/img/hall2/staff/staff_fcreport_title.jpg);
	background-repeat: repeat-x;
	height: 25px;
	width: 350px;
	padding-top: 12px;
	padding-left: 280px;
	margin-bottom: 20px;
	font-weight: normal;
	font-size: 14px;
}
#hlContents .hlLeft .hlStaffFcReport {
	background-color: #F2F2F2;
	padding-top: 14px;
	padding-bottom: 14px;
	padding-left: 25px;
	width: 655px;
	margin-bottom: 15px;
}
#hlContents .hlLeft .hlStaffFcReport .reportPhoto {
	background-image: url(/common/img/hall2/staff/report_photo_line.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom: 17px;
	position: relative;
	width: 655px;
	overflow: hidden;
}
#hlContents .hlLeft .hlStaffFcReport .reportPhoto .reportPhotoList {
	width: 120px;
	text-align: center;
	float: left;
	margin-right: 23px;
	margin-bottom: 10px;
	border-top: 1px solid #CCCCCC;
	padding: 9px 10px;
	font-size: 10px;
}
#hlContents .hlLeft .hlStaffFcReport .reportPhoto .reportPhotoList span {
	display: block;
	padding-top: 2px;
	text-align: left;
}
#hlContents .hlLeft .hlStaffFcReport .reportPhoto .reportPhotoList a {
	color: #666666;
	text-decoration: none;
}
#hlContents .hlLeft .hlStaffFcReport .rPhoto3 {
	background-position: -163px bottom;
}
#hlContents .hlLeft .hlStaffFcReport .rPhoto2 {
	background-position: -326px bottom;;
}
#hlContents .hlLeft .hlStaffFcReport .rPhoto1 {
	background-position: -489px bottom;
}


/*********************************
店舗トップCM
*********************************/
#hlContentsTop .hlTopCM {
   text-align:center;
	width: 363px;
	font-size: 10px;
	line-height: 130%;
	float: left;
	margin-top: 3px;
	background-image: url(/common/img/hall2/halltop_title_cm.jpg);
	background-repeat: no-repeat;
	background-position: 15px top;
	padding: 43px 0px 0px 17px;
	/*height:265px;
	_height:285px;IE*/
	color: #666666;
}

/*********************************
acmトップバナー
*********************************/
#hlContentsTop .acmTopbnr {
	width: 363px;
	line-height: 130%;
	float: left;
	margin-top: 3px;
	padding: 0 0px 0px 17px;
	color: #666666;
}

/*********************************
フェア/プラン
**********************************/
.fair-block,
.planblock{
   margin:10px;
}

.title-fairblock{
   font-weight:bold;
   color:#FF00FF;
}

.list-event-contents{
   list-style-type: none;
   margin:0;
   padding:0;
}

/*******************************
pager
********************************/
.pager{
   width:680px;
   zoom: 1;
   margin-top: 10px;
   margin-bottom: 10px;
   text-align:center;
}
.pager:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.pager div{
   text-align: center;
}
.pager ul{
   margin:0;
   padding:0;
}
.pager ul,
.pager ul li{
   display: block;
   list-style: none;
}
.pager ul{
   overflow: hidden;
}
.pager ul li{
   float: left;
   background: #efefef;
   margin-right: 2px;
}
.pager ul li a,
.pager ul li strong,
.pager ul li span{
   display: block;
   padding: 4px 7px;
}
.pager ul li a{
   text-decoration: none;
   color: #000000;
}
.pager ul li a:hover{
   background: #cccccc;
   color:#101010;
}
.pager ul li strong{
   background: #cccccc;
   color:#101010;
   font-weight:bold;
}


div.lo{
   width:680px;
   height:34px;
}

.lo-list-navi{
   width:74px;
   height:34px;
   float:left;
}
.lo-list-navi a{
   display: block;
   width:74px;
   height:34px;
   float:left;
}
.lo-list{
   float:left;
   width:520px;
   line-height:34px;
   text-align: center;
}

.pager div{
   color:#000000;
}

.error{
   font-weight:bold;
   color:#ff0000;
   text-align: center;
   padding:10px;
}

.formBT-img{
   width:184px;
   height:34px;
}

button{	border:none; background: no-repeat;cursor: pointer;}


.reportFlash .main-img{
   width:530px;
   margin:0 0 0 10px;
   text-align: center;   
}

ul.gallery,
ul.gallery li.thumblist-item{
   margin:0;
   padding:0;
   list-style: none;
   list-style-type: none;
}

ul.gallery{
   width:600px;
   margin:0 0 0 20px;
   overflow: hidden;
}

ul.gallery li,
ul.gallery li a{
   display: block;
   float:left;
   text-align: center;
}

ul.gallery li.thumblist-item img{
   width:auto;
   cursor: pointer;
}

ul.gallery li.thumblist-item{
   margin:5px 5px 0 0;
   padding:5px 5px;
}

ul.gallery li.thumblist-item.type_p{
   border:1px solid #E0B1B5;
}

ul.gallery li.thumblist-item.type_bl{
   border:1px solid #AECDE3;
}

ul.gallery li.thumblist-item.type_br{
   border:1px solid #6D5B23;
}

ul.gallery li.thumblist-item.type_bz{
   border:1px solid #C9C2AD;
}

ul.gallery li.thumblist-item.type_sl{
   border:1px solid #C9C2AD;
}

ul.gallery li.thumblist-item.type1{
   width:90px;
   height:100px;
}

ul.gallery li.thumblist-item.type2{
   height:80px;
   padding-top: 25px;
}


ul.gallery li.thumblist-item.type1 img{
   height:90px;
}
ul.gallery li.thumblist-item.type2 img{
   width:90px;
}
.break{
   clear:left;
}

 .comment-area{display: none;}
 #picture-comment{font-size:1.2em;padding:10px;}
 
 
#hlContents .hlLeft .reportFlash {
	background-repeat: repeat-y;
	width: 624px;
	padding-left: 56px;
}

#hlContents .hlLeft .reportFlash-bottom{
	background-repeat: no-repeat;
	width: 684px;
	margin-bottom: 36px;
	height:76px;  
}

#hlContents .hlLeft .reportFlash-head{
	background-repeat: no-repeat;
	width: 684px;
	height:74px;
}

#hlContents .hlLeft.type_p .reportFlash {background-image: url(/common/img/hall2/type_p/report_flash_middle.jpg);}
#hlContents .hlLeft.type_p .reportFlash-bottom{background-image: url(/common/img/hall2/type_p/report_flash_bottom.jpg);}
#hlContents .hlLeft.type_p .reportFlash-head{background-image: url(/common/img/hall2/type_p/report_flash_head.jpg);}

#hlContents .hlLeft.type_bl .reportFlash {background-image: url(/common/img/hall2/type_bl/report_flash_middle.jpg);}
#hlContents .hlLeft.type_bl .reportFlash-bottom{background-image: url(/common/img/hall2/type_bl/report_flash_bottom.jpg);}
#hlContents .hlLeft.type_bl .reportFlash-head{background-image: url(/common/img/hall2/type_bl/report_flash_head.jpg);}

#hlContents .hlLeft.type_br .reportFlash {background-image: url(/common/img/hall2/type_br/report_flash_middle.jpg);}
#hlContents .hlLeft.type_br .reportFlash-bottom{background-image: url(/common/img/hall2/type_br/report_flash_bottom.jpg);}
#hlContents .hlLeft.type_br .reportFlash-head{background-image: url(/common/img/hall2/type_br/report_flash_head.jpg);}

#hlContents .hlLeft.type_bz .reportFlash {background-image: url(/common/img/hall2/type_bz/report_flash_middle.jpg);}
#hlContents .hlLeft.type_bz .reportFlash-bottom{background-image: url(/common/img/hall2/type_bz/report_flash_bottom.jpg);}
#hlContents .hlLeft.type_bz .reportFlash-head{background-image: url(/common/img/hall2/type_bz/report_flash_head.jpg);}

#hlContents .hlLeft.type_sl .reportFlash {background-image: url(/common/img/hall2/type_sl/report_flash_middle.jpg);}
#hlContents .hlLeft.type_sl .reportFlash-bottom{background-image: url(/common/img/hall2/type_sl/report_flash_bottom.jpg);}
#hlContents .hlLeft.type_sl .reportFlash-head{background-image: url(/common/img/hall2/type_sl/report_flash_head.jpg);}



/*seminar-sub-title*/
#seminar-sub-title{
   width: 100%;
   background: url(/common/img/hall2/seminar-sub-title.gif) no-repeat left center;
   margin-bottom: 15px;
}
#seminar-sub-title:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
#seminar-sub-title h3{display: none;}
#seminar-sub-title p{
   float: right;
   width: 340px;
   color: #74746b;
   line-height: 20px;
}

.ttl-wpark{
   width:198px;
   height:20px;
   text-indent: -10000px;
	margin: 10px 0px 0 25px;
}

#hlContents .hlRight .side-wpark {
	width: 198px;
	font-size: 10px;
	clear: left;
	margin: 0 0px 2px 25px;
}

#hlContents .hlRight .side-wpark ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	overflow: hidden;
	width: 198px;
}

#hlContents .hlRight .side-wpark li {
	padding: 7px 5px 5px;
	line-height: 130%;
	margin: -1px 5px 5px;
}
#hlContents .hlRight .side-wpark .noBorder {
	border-style: none;
}

/*SNS Buttons*/
#sns-btns{
   padding: 0;
   text-align:right;
   margin:-10px 0 10px 340px;
}
#sns-btns ul{
   zoom: 1;
   margin: 0;
   padding: 0;
   overflow: hidden;
}
#sns-btns ul:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
#sns-btns ul li{
   display: block;
   float:left;
   padding: 0;
}
#sns-btns ul li#sns-twitter-btn *{
   cursor: pointer;
}

#sns-btns ul li#sns-facebook-btn{margin-right:10px;}
/*estimate*/
.estimate{
   padding-bottom:10px;
   width:680px;
   background: #ffffff;
   color:#333333;
   margin-top:-15px;
}
.estimate h2{
   width:680px;
   height:46px;
}

.estimate h3{
   width:680px;
   height:32px;
   text-indent:-10000px;   
}

.estimate h2#ttl-example{
   background: url(/common/img/hall2/estimate/ttl-example.png);
   text-indent:-10000px;
   clear:left;
}

.estimate h2#ttl-advice{
   background: url(/common/img/hall2/estimate/ttl-advice.png);
   text-indent:-10000px;   
}

.estimate h2#ttl-miryoku{
   background: url(/common/img/hall2/estimate/ttl-miryoku.png) no-repeat;
   height:84px;
   text-align: center;
   line-height:100px;
   color:#333333;
   margin-bottom:10px;
   font-size:1.3em;
   font-weight:bold;
}

.estimate hr{display:none;margin:0;padding:0;}

.estimate .estimate-sp{
   width:680px;
   height:2px;
   background: url(/common/img/hall2/estimate/sp.png);
}

.estimate p.advice-lead{
   margin:0;
   padding:0;
   text-indent: -10000px;
   width:680px;
   height:106px;
   background: url(/common/img/hall2/estimate/lead-advice.png);
}

#estimate-example{margin-left:15px;	width:650px;}

.estimate h3#subttl-advice1{background: url(/common/img/hall2/estimate/subttl-advice1.png);}
.estimate h3#subttl-advice2{background: url(/common/img/hall2/estimate/subttl-advice2.png);}
.estimate h3#subttl-advice3{background: url(/common/img/hall2/estimate/subttl-advice3.png);}
.estimate h3#subttl-advice4{background: url(/common/img/hall2/estimate/subttl-advice4.png);}

.estimate div.txt-advice{margin-bottom:40px;padding:7px 10px 0;line-height: 1.5em;}

.estimate .miryoku-block dl,
.estimate .miryoku-block dt,
.estimate .miryoku-block dd{margin:0;}

.estimate .miryoku-block{overflow: hidden;padding:0 20px;margin-bottom:15px;}
.estimate .img-miryoku{width:159px;height:101px;float:left;}
.estimate .miryoku-block dl{float:left;width:480px;}
.estimate .miryoku-block dt{font-weight:bold;padding:10px 0;}
.estimate .miryoku-block dd{line-height:1.5em;}
.estimate .tbl-estmate{
   border:1px solid #DEDEDA;
   background: #ffffff;
   clear:both;
   width:650px;
   margin:0  0 15px 0;
}

#wrap-miryoku{padding-bottom:10px;}
.estimate .tbl-estmate td,
.estimate .tbl-estmate th{padding:10px;}

.estimate .tbl-estmate tr.odd td{background: #EFEFEF;}

th.th-item{width:200px;}
th.th-price{width:131px;}
th.th-sum{width:38px;}
th.th-total{width:131px;}
th.th-note{width:150px;}

.estimate  .tbl-estmate .ttl-table th{
   text-align: center;
   background: #CCCCCC;
   font-weight:normal;   
}

.tr-plan .td-item,
.tr-plan .td-total{font-weight:bold;color:#cc0000;}

/* .inplan td{font-weight:bold;} */

.inplan td.td-note{color:#cc0000;}

.td-price,
.td-sum,
.td-total{text-align:right;}

.estimate .tbl-estmate tr.tr-sum td{
   background: #ffffff;
   color:#cc0000;
   border-top:1px solid #cc0000;
   border-left:1px solid #cc0000;
   border-bottom:1px solid #cc0000;
}

.estimate .tbl-estmate tr.tr-sum td.sumend{
   border-right:1px solid #cc0000;
}

.estimate .tbl-estmate tr.tr-noshi td{
   background: #2C2C2C;
   color:#ffffff;
}

tr.tr-sum .td-item,
tr.tr-noshi .td-item{
   text-align: right;
}

.tr-sum .td-total,
.tr-noshi .td-total{font-weight:bold;font-size:1.2em;}

/*
 * jQuery UI Tabs 1.8.14
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs { position: relative; padding: 0; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: 0 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 0 0 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: 0 0; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 0 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }


#btn-estimate-example a,
#btn-estimate-advice a,
#btn-estimate-miryoku a,
#btn-tab1 a,
#btn-tab2 a{
   display: block;
   text-indent: -10000px;
}

ul.estimate-navi{
   overflow: hidden;
   background: #ffffff;
   height:67px;
   width:680px;
}


.btn-estimate-navi{float:left;}
.btn-estimate-navi a{display: block}

#btn-estimate-example a{width:227px;height:56px;background:url(/common/img/hall2/estimate/btn-estimate-1.jpg) no-repeat; }
#btn-estimate-advice a{width:228px;height:56px;background:url(/common/img/hall2/estimate/btn-estimate-2.jpg) no-repeat; }
#btn-estimate-miryoku a{width:225px;height:56px;background:url(/common/img/hall2/estimate/btn-estimate-3.jpg) no-repeat; }

#btn-estimate-example.ui-state-active a{background:url(/common/img/hall2/estimate/btn-estimate-1-active.jpg) no-repeat; }
#btn-estimate-example.ui-state-hover a{background:url(/common/img/hall2/estimate/btn-estimate-1-on.jpg) no-repeat; }

#btn-estimate-advice.ui-state-active a{background:url(/common/img/hall2/estimate/btn-estimate-2-active.jpg) no-repeat; }
#btn-estimate-advice.ui-state-hover a{background:url(/common/img/hall2/estimate/btn-estimate-2-on.jpg) no-repeat; }

#btn-estimate-miryoku.ui-state-active a{background:url(/common/img/hall2/estimate/btn-estimate-3-active.jpg) no-repeat; }
#btn-estimate-miryoku.ui-state-hover a{background:url(/common/img/hall2/estimate/btn-estimate-3-on.jpg) no-repeat; }



#btn-tab1 a{width:325px;height:31px;background:url(/common/img/hall2/estimate/btn-60.png) no-repeat; }
#btn-tab2 a{width:325px;height:31px;background:url(/common/img/hall2/estimate/btn-80.png) no-repeat; }

#btn-tab1.ui-state-active a{background:url(/common/img/hall2/estimate/btn-60_active.png) no-repeat;}
#btn-tab1.ui-state-hover a{background:url(/common/img/hall2/estimate/btn-60_on.png) no-repeat;}

#btn-tab2.ui-state-active a{background:url(/common/img/hall2/estimate/btn-80_active.png) no-repeat;}
#btn-tab2.ui-state-hover a{background:url(/common/img/hall2/estimate/btn-80_on.png) no-repeat;}

#btn-tab3.ui-state-hover a{background:url(/common/img/hall2/estimate/btn-100_on.png) no-repeat;}

.estimatetbl-navi.ui-tabs-nav{
   overflow: hidden;
   width:654px;
   overflow: hidden;
}

#estimate-advice,
#estimate-miryoku{padding-bottom:10px;}



/*********************************
 FAQ
*********************************/
div.hlTfaq{
	background:url(/common/img/hall2/title_faq.gif) right bottom no-repeat;
	}
	
ul#faq-navi{
	margin:0;
	padding:0;
	overflow:hidden;
	}

ul#faq-navi li{
	float:left;
	padding:0;
	margin:0;
	list-style:none;
	}

/* div#accordion {
	font-family:"メイリオ",Meiryo,Verdana,Arial,"メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	} */


div#accordion h2{
	margin-bottom:10px;
	margin-top:30px;
	height:20px;
	text-indent:-9999px;
	}
	
div#accordion h2#title-faq01{
	background:url(/common/img/hall2/title_faq01.png) left bottom no-repeat;
	}

div#accordion h2#title-faq02{
	background:url(/common/img/hall2/title_faq02.png) left bottom no-repeat;
	}

div#accordion h2#title-faq03{
	background:url(/common/img/hall2/title_faq03.png) left bottom no-repeat;
	}

dl.accordion {
	border-bottom:#d0d0d0 1px solid;
	background:url(/common/img/hall2/bg_a01.png) repeat-y;
	}
	
dl.accordion dt {	color:#49381d;
	font-weight:bold;
	font-size:1.1em;
	padding:5px 5px 5px 8px;
	background:url(/common/img/hall2/bg_q01.png) bottom repeat-x;
	border-top:#d0d0d0 1px solid;
	border-left:#d0d0d0 1px solid;
	border-right:#d0d0d0 1px solid;
	cursor:pointer;
	}

dl.accordion dd {
	overflow:hidden;
	background:url(/common/img/hall2/bg_a02.png) 10px 18px no-repeat;	
	line-height:1.5;
	margin:0;
	}

dl.accordion dd p{
	margin:15px 15px 15px 40px;

	}

dl.accordion span {
	background:url(/common/img/hall2/bg_q02.png) left no-repeat;
	padding:5px 0 5px 30px;
	display:block;
	}




/*     __margins
----------------------------------------------------------- */

/* ********************************
margin-bottom
******************************** */

.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb50 {margin-bottom:50px;}

/* ********************************
margin-left
******************************** */
.ml1 {margin-left:1px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}

/* ********************************
margin-right
******************************** */
.mr1 {margin-right:1px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}

/* ********************************
margin-top
******************************** */
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt50 {margin-top:50px;}

.mtm20 {margin-top:-20px;}
/*-----------------------------------------------------
padding
-------------------------------------------------------*/

/* ********************************
padding-all
******************************** */
.pAll3 {padding:3px;}
.pAll5 {padding:5px;}
.pAll10 {padding:10px;}
.pAll15 {padding:15px;}

/* ********************************
padding-top
******************************** */
.pt3 {padding-top:3px;}
.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}

/* ********************************
padding-left
******************************** */
.pl3 {padding-left:3px;}
.pl5 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}
.pl30 {padding-left:30px;}

/* ********************************
padding-right
******************************** */
.pr3 {padding-right:3px;}
.pr5 {padding-right:5px;}
.pr10 {padding-right:10px;}
.pr15 {padding-right:15px;}

/* ********************************
padding-bottom
******************************** */
.pb3 {padding-bottom:3px;}
.pb5 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}