@charset "utf-8";

/************************************************************
 * 初期化
 ************************************************************/
body, form, img, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3 ,h4 ,th ,td ,select {
	margin: 0;
	padding: 0;
}
table { border-collapse: collapse; border-spacing: 0; font-size:12px;}
a,img { border: 0; }
ul, ol, dl, li, dt, dd	{ list-style: none; }
img		{ border: none; vertical-align: top; }
table	{ border-spacing: 0; }
th		{ text-align: left; }

/* clearfix */
.cFix:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.cFix	{ min-height: 1px; _height: 1px; }

/************************************************************
 * アンカー
 ************************************************************/
a:link			{ color: #0066CC; }
a:visited		{ color: #0066CC; }
a:hover			{ color: #0080FF; }
a:active		{ color: #0080FF; }

.linkWhite,
.linkGreen {
	text-decoration: none;
}
.linkWhite:link		{ color: #FFFFFF; }
.linkWhite:visited	{ color: #FFFFFF; }
.linkWhite:hover	{ color: #FFFFFF; }
.linkWhite:active	{ color: #FFFFFF; }

.linkLGray:link		{ color: #B4B4B4; }
.linkLGray:visited	{ color: #B4B4B4; }
.linkLGray:hover	{ color: #B4B4B4; }
.linkLGray:active	{ color: #B4B4B4; }

.linkLGreen:link	{ color: #3D9973; }
.linkLGreen:visited	{ color: #3D9973; }
.linkLGreen:hover	{ color: #3D9973; }
.linkLGreen:active	{ color: #3D9973; }

/************************************************************
 * タグ
 ************************************************************/
body, input, select, textarea, th, td, li ,a {
	font-family: 'メイリオ',meiryo,'ＭＳ Ｐゴシック','MS P Gothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Helvetica,sans-serif;
}
body, table, input, select, textarea {
	color: #333333;
	font-size: 12px;
	line-height: 1.41;
}
body { background: url(/./jj/jjcommon/img/bg.gif) repeat-y center top; background-color: #E3F1D2; }
h1, h2, h3, h4, h5, h6 { font-size: 12px; }

label { vertical-align: middle; }

/* 表 */
.bdCell {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
.thTopLGray,
.thSideLGray	{ background-color: #F0F0F0; text-align: center; }

.blankTd	{
	height: 10px;
	font-size:1px;
	padding: 0;
	margin: 0;
}

/* タグ（サブサイト対策） */
.searchWrapBd	{ border: 1px solid #3D9973; }
.searchWrapBdT	{ border-top: 1px solid #3D9973; }
.searchWrapBdR	{ border-right: 1px solid #3D9973; }
.searchWrapBdB	{ border-bottom: 1px solid #3D9973; }
.searchWrapBdL	{ border-left: 1px solid #3D9973; }
.photoList	{
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
	display: block;
	background-color: #63CF63;
	border-right: 1px solid #3D9973;
	border-bottom: 1px solid #3D9973;
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	font-size: 10px;
	text-align: center;
	font-weight :bold;
	color: #FFFFFF;
	width: 55px;
	height: 30px;
	line-height: 30px;
}
.photoListNL	{
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
	display: block;
	background-color: #63CF63;
	border-right: 1px solid #3D9973;
	border-bottom: 1px solid #3D9973;
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	font-size: 10px;
	text-align: center;
	font-weight :bold;
	color: #FFFFFF;
	width: 55px;
	height: 30px;
}
.photoListMini	{
	float: left;
	margin: 0 5px 0 0;
	border: 1px solid #CCCCCC;
	font-size: 10px;
	color: #3D9973;
	background-color: #FFFFFF;
	width: 40px;
	height: 25px;
	text-align: center;
	line-height: 25px;
}
.photoListMiniNL {
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	color:#3D9973;
	float:left;
	font-size:10px;
	height:21px;
	line-height:11px;
	margin:0 5px 0 0;
	padding:2px 0;
	text-align:center;
	width:40px;
}
.newIcon	{
	background-color:#C01718;
	border: 1px solid #C01718;
	color:#FFFFFF;
	float:left;
	font-size:10px;
	height:14px;
	text-align:center;
	width:34px;
	margin-top:2px;
}
.todayIcon	{
	float: left;
	color: #FFFFFF;
	border:1px solid #C01718;
	background-color: #C01718;
	height:14px;
	font-size: 10px;
	width: 55px;
	text-align: center;
	margin-top:2px;
}
.sinchikuIcon	{
	float: left;
	color: #C01718;
	background-color: #FFFFFF;
	border: #C01718 1px solid;
	font-size: 10px;
	height:14px;
	width: 34px;
	text-align: center;
	margin-top:2px;
}
.kengakuIcon	{
	float: left;
	color: #C01718;
	background-color: #FFFFFF;
	border: #C01718 1px solid;
	font-size: 10px;
	height:14px;
	width: 55px;
	text-align: center;
	margin-top:2px;
}
.teikiShakkaIcon	{
	float: left;
	color: #C01718;
	background-color: #FFFFFF;
	border: #C01718 1px solid;
	font-size: 10px;
	height:14px;
	width: 55px;
	text-align: center;
	margin-top:2px;
}
.recommendIcon	{
	float: left;
	margin: 0 1px 0 0;
	color: #3D9973;
	border: #3D9973 1px solid;
	background-color: #FFFFFF;
	font-size: 10px;
	width: 60px;
	text-align: center;
}
.recommendNewIcon	{
	color: #C01718;
	background-color: #FFFFFF;
	border: #C01718 1px solid;
	font-size: 10px;
	width: 30px;
	text-align: center;
}
.recommendTable	{
	border: #3D9973 2px solid;
	border-collapse: collapse;
	margin: 10px 0 0 0;
	width:100%;
}
.recommendTable th	{
	background-color: #F3FFE5;
}
.recommendT2	{ border-top: 2px solid #3D9973; }
.mainIndex	{
	font-size: 20px;
	padding: 0 0 0 5px;
	margin: 0 0 5px 0;
	line-height: 25px;
	border-left:solid 3px #3D9973;
}
.searchIndex {
	color: #3D9973;
	border-left: #3D9973 3px solid;
	font-size: 14px;
	padding: 0 0 0 5px;
	line-height: 20px;
	margin: 0;
	width: 170px;
}
.searchIndex {
	color: #3D9973;
	border-left: #3D9973 3px solid;
	font-size: 14px;
	padding: 0 0 0 5px;
	line-height: 20px;
	margin: 0;
	width: 170px;
}
.detailIndexC	{
	color:#1F4D39;
	border-left: 3px solid #3D9973;
	font-size: 14px;
	padding: 0 0 0 5px;
	line-height: 20px;
	font-weight: bold;
}
.roomIndexC	{
	color: #3D9973;
	border-left: 3px solid #3D9973;
	font-size: 14px;
	padding: 0 0 0 5px;
	line-height: 20px;
	font-weight: bold;
}
.shopCharaIcon	{
	float: left;
	margin:0 5px 0 0;
	color: #3D9973;
	border: 1px solid #3D9973;
	background-color: #FFFFFF;
	font-size: 10px;
	width: 80px;
	text-align: center;
}
.tabBorderT	{ border-top: 3px solid #3D9973; }
.tabBorderB	{ border-bottom: 3px solid #3D9973; }
.searchWrapBd	{ border: 1px solid #3D9973;}
/************************************************************
 * IDS
 ************************************************************/
#wrapper {
	width: 950px;
	margin: 0 auto;
	background: #FFFFFF;
	text-align: left;
}

#contents {
	position: relative;
}

#thumbView {
	position: absolute;
    border: 1px solid #333;
    padding: 10px;
    width: 300px;
    background: #fff;
    text-align: center;
}

/************************************************************
 * CLASSES(コンポーネント)
 ************************************************************/

  /* ページング */
 .sp {
	border-right: 1px solid #333333;
	margin-right: 3px;
	padding-right: 3px;
}
 .fotterSp {
	border-right: 1px solid #B4B4B4;
	margin-right: 2px;
	padding-right: 2px;
}
 .spWhite {
	border-right: 1px solid #FFFFFF;
	margin-right: 3px;
	padding-right: 3px;
}

/* FORM要素 */
.TF { vertical-align: middle; }

.TF,
.TA,
.PD {
	border-top: 1px solid #98857A;
	border-right: 1px solid #DCCFC8;
	border-bottom: 1px solid #DCCFC8;
	border-left: 1px solid #98857A;
}
.CB {
	vertical-align: middle;
	margin: 0 5px 0 0;
	height: 13px;
}

.ikkatsuCB {
	vertical-align: middle;
	margin: 0;
	height: 13px;
}

/* タブ */
.bdTabT	{ border-top: 3px solid #3D9973; }
.bdTabB	{ border-bottom: 3px solid #3D9973; }

/* マイリスト */
.detailPh	{ border: 1px solid #CCCCCC;}
.detailPh:hover	{ border: 1px solid #3D9973;}

/* マイリストアラート */
.alert_table {
	display: none;
	left:50%;
	margin-left:-108px;
	margin-top:-32px;
	position:fixed;
	top:50%;
	border-collapse:separate;
}
.box_alert	{
	padding:18px 24px;
	border:3px solid #FF6A00;
	color: #CC5500;
	font-weight: bold;
	font-size: 12px;
	margin:0;
}


/* スプライト画像 */
.ic	{ background-image: url(/./jj/jjcommon/img/icons.png); background-repeat: no-repeat; }
.bt	{ background-image: url(/./jj/jjcommon/img/buttons.png); background-repeat: no-repeat; }

/* レコメンド部分 */
span.guard{ position:absolute; display:block; background-image:url(/jj/jjcommon/img/spacer.gif); }
.sections {clear:left;
overflow:hidden;
}
#ch-recom {
	border: 1px #FE6D04 solid;
	margin: 10px 0 0 0;
	background: url(../img/bg-ch-recomcar-wide.gif) 0 0 repeat-y;

}

.ch-recom_b#ch-recom {
	border: 2px #3D9973 solid;
	margin: 10px 0 0 0;
	background: none;
	background-color: #DCDCDC;
}

#ch-recom .screen {
	width: auto;
	padding: 0;
	margin: 5px 5px 5px 23px;
	_margin: 5px 5px 5px 20px;
	overflow:  hidden !important;
	height: auto important;
/*background-color: yellow;
border-top: 1px solid yellow;
border-bottom: 1px solid yellow;*/
}

.ch-recom_b#ch-recom .screen {
	margin: 0;
	border: 5px #FFFFFF solid;
	background-color: #FFFFFF;
}

#ch-recom h2 {
	float: left;
	margin: 0 !important;
}

.ch-recom_b#ch-recom h2 {
	float: none;
	border-bottom: 2px #3D9973 solid;
	padding: 10px;
	font-size: 117%;
	font-weight:bold;
	background-image: none;
	background-color:#F3FFE5;
}

#ch-recom .other_estate_section {
	position: relative;
	margin: 0 !important;
	padding: 0;
/*	overflow: hidden;*/
	width: 890px;
	_height: 118px;
}

.ch-recom_b#ch-recom .other_estate_section {
	width: 686px;
}

#ch-recom .other_estate_section .left_section {
/*	overflow: hidden !important;*/
	width: 860px;
	_height: 118px;
}

.ch-recom_b#ch-recom .other_estate_section .left_section {
	width: 656px;
}

#ch-recom .other_estate_section .left_section .right_column {
/*	overflow: hidden !important;*/
	margin: 0 !important;
	width: 831px;
	*margin-left: -24px;
	_height: 118px;
}

.ch-recom_b#ch-recom .other_estate_section .left_section .right_column {
	width: 627px;
	margin-left: 0;
/**background-color: red;*/
}

#ch-recom .sections {
	margin:0;
	width: 831px;
}

.ch-recom_b#ch-recom .sections {
	width: 627px;
}

#ch-recom .sections ul li {
	padding-left: 1px;
}

#ch-recom .layout_table {
	margin: 0;
	_height: 118px;
}

#ch-recom .caro-item {
	position: relative !important;
	*position: static !important;
	border: 1px #CCCCCC solid;
	padding: 8px 0 22px 0;
	width: 201px !important;
	background-color: #FFFFFF;
	min-height: 92px;
}

/* Slider IE6,7 Hack */
#ch-recom .caro-item {
	*padding: 8px 0 5px 0;
	_height: 113px;
/**background-color: lime;*/
}

.ch-recom_b#ch-recom .caro-item {
	width: 200px !important;
}

#ch-recom .caro-item:hover {
	background-color: #FFFFCC;
	cursor: pointer;
}

#ch-recom td.blank_td {
	width: 6px !important;
	font-size: 1px;
	line-height: 1;
}

.ch-recom_b#ch-recom td.blank_td {
	width: 10px !important;
}


/* Slider IE6,7 Hack */
#ch-recom .caro-item .ch-car-thumb {
	*display: block !important;
	*margin: 0 !important;
	*width: 90px !important;
	*height: 90px !important;
	*padding: 0 0 0 8px !important;
	*text-align: center !important;
	*float: left !important;
/**border: 1px solid yellow;*/
}
/* Slider IE6,7 Hack */
#ch-recom .caro-item .ch-car-thumb img {
	*position: static !important;
}


#ch-recom .caro-item .ch-car-rgt {
	margin: 0;
	padding: 0 8px 0 0;
	width: 86px;
	float: right;
}

#ch-recom .caro-item .ico-news {
	margin: 0;
	width: auto;
}

#ch-recom .caro-item .ico-news dd {
	display: inline;
}
#ch-recom .caro-item .ico-news dd img {
	margin: 0 0 2px 0;
}

#ch-recom .caro-item p {
	margin: 2px 0 ;
}

/* 取り扱いサービスピクト */
#ch-recom .caro-item .ch-srv {
	position: absolute;
	margin: 0 auto;
	left: 3px;
	bottom: 5px;
	width: 195px;
	height: 15px;
	overflow: hidden;
}

/* Slider IE6,7 Hack */
#ch-recom .caro-item .ch-srv {
	*clear: both !important;
	*position: static !important;
	*margin: 6px auto 0 auto;
	*left: 0 !important;
	*bottom: 0 !important;
/**background-color: blue;*/
}

.ch-recom_b#ch-recom .caro-item .ch-srv {
	left: 2px;
	padding:0 0 2px 0;
}

#ch-recom .caro-item .ch-srv dl {
	margin: 0 auto;
	text-align: left;
	width: auto;
}

#ch-recom .caro-item .ch-srv dd {
	display: inline;
	margin: 0 1px;
}

#ch-recom .caro-item .ch-srv dd img {
	vertical-align: bottom;
}

#ch-recom .caro-item em {
	font-weight: 700;
	color: #FF6A00;
}

#ch-recom #ch-car-prevbtn a ,
#ch-recom #ch-car-nextbtn a {
	margin: 0;
	padding: 0;
	width: 23px;
	display: block;
	padding: 0;
	text-indent: -9999%;
	background-position: 0 50%;
	background-repeat: no-repeat;
	overflow: hidden;
	float: left;
}

#ch-recom #ch-car-prevbtn a:hover ,
#ch-recom #ch-car-nextbtn a:hover {
	background-position: 100% 50%;
}

#btn-prev-box {
*position:absolute;
*top: 0;
*left: 0;
*z-index: 5000;
	margin: 0 5px 0 0;
	width: 25px !important;
	padding: 0;
	overflow: hidden;
	min-height: 118px;
	_height: 118px;
}
.screen .left_section span.prev {
	margin: 0;
	border: 1px #CCCCCC solid;
	width: 23px !important;
	background: url(../img/btn-car-prevbtn.gif) 0 50% no-repeat;
}

.screen .left_section span.prev:hover {
	background-position: right 50%;
}

#btn-next-box {
	margin: 0;
	width: 25px !important;
	padding: 0;
	overflow: hidden;
	background-color: #FFFFFF;
	min-height: 118px;
	_height: 118px;
	/* 「検索中に"くるくる"が押下出来てしまう」の対応 */
	/*z-index: 2000;*/
}

.screen .right_section span.next {
*position:absolute;
*top: 0;
*right: 0;
*z-index: 50000;
	margin: 0;
	border: 1px #CCCCCC solid;
	width: 23px !important;
	background: url(../img/btn-car-nextbtn.gif) 0 50% no-repeat;
}

.screen .right_section span.next:hover {
	background-position: right 50%;
}

.search_title {
background-image:none;
margin-top:10px;
padding-bottom:0;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../img/bg_search_title.gif) no-repeat scroll left bottom;
}
.search_title table {
border:2px solid #3D9973;
border-collapse:separate;
width:100%;
}
.search_title table th {
font-size:117%;
font-weight:bold;
}
.search_title table th, .search_title table td {
background-color:#F3FFE5;
padding:10px;
vertical-align:middle;
}
#search_recom_block {
background-color:#DCDCDC;
border-color:#3D9973;
border-style:solid;
border-width:0 2px 2px;
padding:3px;
}
#search_recom_block #body_r {
background-color:#FFFFFF;
padding:8px 9px;
}
#search_recom_block #body_r #char_search_recom {
float:left;
width:142px;
}
#search_recom_block #body_r ul#list_search_recom {
border-top:medium none !important;
float:right;
padding:0 !important;
width:522px;
}
#search_recom_block #body_r #list_search_recom li {
text-align:left !important;
display:block;
padding:2px 6px 6px !important;
white-space:nowrap;
}
#search_recom_block #body_r #list_search_recom li em {
display:block;
float:left;
padding:0 6px 0 0;
width:0.3em;
}
#search_recom_block #body_r #list_search_recom .inline_list {
display:block;
float:none;
margin:0 0 0 0.3em !important;
padding:3px 0 0 6px !important;
text-align:left !important;
text-indent:0 !important;
width:auto;
}
#search_recom_block #body_r #list_search_recom li ul.inline_list li {
float:left;
margin:0 10px 0 0 !important;
text-indent:0 !important;
}
.search_history_block #body_r ul li {
line-height:1.9;
}
.clr {
display:block;
}
.screen .right_section span.next {
background-image:url(../img/btn_ms_g0101_002.gif);
cursor:pointer;
}
.screen span.prev, .screen span.next {
background-position:0 0;
background-repeat:no-repeat;
display:block;
height:100px;
width:25px;
}

 /* タブ */
.tab li			{ float: left; margin: 0; padding: 0;}

.tabList		{ background-position: 0 0; height: 29px; width: 150px; }
.tabList:hover,
.tabList:active,
.tabListCurrent	{ background-position: 0 -29px; height: 29px; width: 150px; }

.tabLayout		{ background-position: -150px 0; height: 29px; width: 150px; }
.tabLayout:hover,
.tabLayout:active,
.tabLayoutCurrent	{ background-position: -150px -29px; height: 29px; width: 150px; }

.tabCompany		{ background-position: -300px 0; height: 29px; width: 150px; }
.tabCompany:hover,
.tabCompany:active,
.tabCompanyCurrent	{ background-position: -300px -29px; height: 29px; width: 150px; }

.tabRoom		{ background-position: -450px 0; height: 29px; width: 150px; }
.tabRoom:hover,
.tabRoom:active,
.tabRoomCurrent	{ background-position: -450px -29px; height: 29px; width: 150px; }

.tabEnvi		{ background-position: -600px 0; height: 29px; width: 150px; }
.tabEnvi:hover,
.tabEnvi:active,
.tabEnviCurrent	{ background-position: -600px -29px; height: 29px; width: 150px; }

.tabShop		{ background-position: -750px 0; height: 29px; width: 150px; }
.tabShop:hover,
.tabShop:active,
.tabShopCurrent	{ background-position: -750px -29px; height: 29px; width: 150px; }

.tabRoomB		{ background-position: -450px -58px; height: 29px; width: 150px; }
.tabRoomB:hover,
.tabRoomB:active,
.tabRoomBCurrent	{ background-position: -450px -87px; height: 29px; width: 150px; }

.tabEnviB		{ background-position: -600px -58px; height: 29px; width: 150px; }
.tabEnviB:hover,
.tabEnviB:active,
.tabEnviBCurrent	{ background-position: -600px -87px; height: 29px; width: 150px; }

.tabShopB		{ background-position: -750px -58px; height: 29px; width: 150px; }
.tabShopB:hover,
.tabShopB:active,
.tabShopBCurrent	{ background-position: -750px -87px; height: 29px; width: 150px; }

.tabDetails		{ background-position: -900px -58px; height: 29px; width: 150px; }
.tabDetails:hover,
.tabDetails:active,
.tabDetailsCurrent	{ background-position: -900px -87px; height: 29px; width: 150px; }

.tabMap		{ background-position: -1050px 0; height: 29px; width: 150px; }
.tabMap:hover,
.tabMap:active,
.tabMapCurrent	{ background-position: -1050px -29px; height: 29px; width: 150px; }

.tabStaff		{ background-position: -1200px 0; height: 29px; width: 150px; }
.tabStaff:hover,
.tabStaff:active,
.tabStaffCurrent	{ background-position: -1200px -29px; height: 29px; width: 150px; }

.tabDetailsB		{ background-position: -900px 0; height: 29px; width: 150px; }
.tabDetailsB:hover,
.tabDetailsB:active,
.tabDetailsBCurrent	{ background-position: -900px -29px; height: 29px; width: 150px; }

.tabMapB		{ background-position: -1050px 0; height: 29px; width: 150px; }
.tabMapB:hover,
.tabMapB:active,
.tabMapBCurrent	{ background-position: -1050px -29px; height: 29px; width: 150px; }

.tabStaffB		{ background-position: -1200px -0; height: 29px; width: 150px; }
.tabStaffB:hover,
.tabStaffB:active,
.tabStaffBCurrent	{ background-position: -1200px -29px; height: 29px; width: 150px; }

/* アイコン */
.icArrow		{ background-position: 0 -22px; padding-left: 10px; height: 5px; }

.icCondOpen		{ background-position: 0 -40px; padding-left: 20px;height: 15px; padding-bottom: 4px; }
.icCondClose	{ background-position: 0 -56px; padding-left: 20px;height: 15px; padding-bottom: 4px; }

.icNewRss		{ background-position: 0 0; padding-left: 20px; height: 15px; display:block; }

.icIkkatsuT		{ background-position: 0 -87px; padding-left: 30px; height: 10px; }
.icIkkatsu		{ background-position: 0 -74px; padding-left: 30px; height: 10px; }

.icHelp			{ background-position: 0 -145px; padding-left: 15px; height: 12px; }

.icShop			{ background-position: 0 -167px; padding-left: 20px; height: 11px; }

.icMagnify		{ background-position: 0 -257px; padding-left: 15px; height: 11px; }

.icMemo			{ background-position: 0 -317px; padding-left: 20px; height: 13px; display:block; }

.icPR			{ background-position: 0 -278px; padding-left: 20px; height: 11px; }

.bgSuumoCrs		{ background-position: 0 -378px; height: 102px; }

.detailArrow	{ background-position: -492px -344px; width: 267px; height: 60px; }

.manyPic		{ background-position: -133px -468px; width: 46px; height: 76px; }

.pic			{ background-position: -189px -468px; width: 26px; height: 37px; }

.movie			{ background-position: -66px -487px; width: 55px; height: 42px; }
.slideshow		{ background-position: -66px -444px; width: 55px; height: 42px; }

.bracketsT		{ background-position: 0 -490px; width: 435px; height: 13px; }
.bracketsB		{ background-position: 0 -505px; width: 435px; height: 4px; }

.icZoom		{
	background-position: 0 -100px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	position: absolute;
	right: 1px;
	bottom: 1px;
	width: 15px;
	height: 15px;
}

/* ボタン */
.btOl {
	border: 0 none;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	vertical-align: middle;
}

/* ボタン青（大） */
.btCondSearch{ background-position: 0 -144px; width: 144px; height: 28px; }
.btCondSearch:hover,
.btCondSearch:active { background-position: 0 -172px; }

/* ボタン青（小） */
.btFocus	{ background-position: -755px -156px; width: 72px; height: 22px; }
.btFocus:hover,
.btFocus:active	{ background-position: -755px -178px; }

.btReplace { background-position: -978px -156px; width: 72px; height: 22px; }
.btReplace:hover,
.btReplace:active	{ background-position: -978px -178px; }

/* ボタンオレンジ（大） */
.btInquiry	{ background-position: -123px -244px; width: 123px; height: 28px; }
.btInquiry:hover,
.btInquiry:active	{ background-position: -123px -272px; }

.btInquiryI	{ background-position: -246px -244px; width: 102px; height: 28px; }
.btInquiryI:hover,
.btInquiryI:active	{ background-position: -246px -272px; }

.btDetailsI	{ background-position: 0 -244px; width: 123px; height: 28px; }
.btDetailsI:hover,
.btDetailsI:active	{ background-position: 0 -272px; }

.btMM	{ background-position: -348px -244px; width: 243px; height: 28px; }
.btMM:hover,
.btMM:active	{ background-position: -348px -272px; }

.btReqMat	{ background-position: -1175px -244px; width: 123px; height: 28px; }
.btReqMat:hover,
.btReqMat:active	{ background-position: -1175px -272px; }

.btReqMatI	{ background-position: -1298px -244px; width: 102px; height: 28px; }
.btReqMatI:hover,
.btReqMatI:active	{ background-position: -1298px -272px; }

.btReqMatFree	{ background-position: -591px -244px; width: 206px; height: 28px; }
.btReqMatFree:hover,
.btReqMatFree:active	{ background-position: -591px -272px; }

/* ボタンオレンジ（小） */
.btAddJoukenMylist	{ background-position: -220px -300px; width: 200px; height: 22px; }
.btAddJoukenMylist:hover,
.btAddJoukenMylist:active	{ background-position: -220px -322px; }

.btNewmail { background-position: 0 -300px; width: 220px; height: 22px; }
.btNewmail:hover,
.btNewmail:active	{ background-position: 0 -322px; }

.btAddMyList	{ background-position: -420px -300px; width: 120px; height: 22px; }
.btAddMyList:hover,
.btAddMyList:active	{ background-position: -420px -322px; }

.btAddMyListI	{ background-position: -540px -300px; width: 157px; height: 22px; }
.btAddMyListI:hover,
.btAddMyListI:active	{ background-position: -540px -322px; }

.btRoomMail	{ background-position: -842px -300px; width: 155px; height: 22px; }
.btRoomMail:hover,
.btRoomMail:active	{ background-position: -842px -322px; }

.btPrint	{ background-position: -697px -300px; width: 145px; height: 22px; }
.btPrint:hover,
.btPrint:active	{ background-position: -697px -322px; }

.btBukkenMail	{ background-position: -1152px -300px; width: 146px; height: 22px; }
.btBukkenMail:hover,
.btBukkenMaili:active	{ background-position: -1152px -322px; }

.btShopMail	{ background-position: -997px -300px; width: 155px; height: 22px; }
.btShopMail:hover,
.btShopMaili:active	{ background-position: -997px -322px; }

.btStreetView	{ background-position: -1298px -300px; width: 147px; height: 22px; }
.btStreetView:hover,
.btStreetView:active	{ background-position: -1298px -322px; }

/* ボタンホワイト（小） */
.btReset { background-position: 0 -200px; width: 52px; height: 22px; }
.btReset:hover,
.btReset:active	{ background-position: 0 -222px; }

.btSeeEnvi	{ background-position: -844px -200px; width: 103px; height: 22px; }
.btSeeEnvi:hover,
.btSeeEnvi:active	{ background-position: -844px -222px; }

.btMap	{ background-position: -123px -200px; width: 104px; height: 22px; }
.btMap:hover,
.btMap:active	{ background-position: -123px -222px; }

.btBukkenAll	{ background-position: -693px -200px; width: 151px; height: 22px; }
.btBukkenAll:hover,
.btBukkenAll:active	{ background-position: -693px -222px; }

.btStaffComment	{ background-position: -384px -200px; width: 194px; height: 22px; }
.btStaffComment:hover,
.btStaffComment:active	{ background-position: -384px -222px; }

/* その他ボタン */
.btPrevS	{ background-position: 0 -381px; width: 23px; height: 23px; }
.btPrevS:hover,
.btPrevS:active	{ background-position: -23px -381px; }
.btNextS	{ background-position: 0 -481px; width: 23px; height: 23px; }
.btNextS:hover,
.btNextS:active	{ background-position: -23px -481px; }
.btPrevL	{ background-position: 0 -344px; width: 23px; height: 100px; }
.btPrevL:hover,
.btPrevL:active	{ background-position: -23px -344px; }
.btNextL	{ background-position: 0 -444px; width: 23px; height: 100px; }
.btNextL:hover,
.btNextL:active	{ background-position: -23px -444px; }

.btFreeInquiry	{ background-position: -235px -344px; width: 247px; height: 68px; }
.btFreeInquiry:hover,
.btFreeInquiry:active	{ background-position: -235px -412px; }

/************************************************************
 * CLASSES(プロパティ)
 ************************************************************/
/* WIDTH */
.wFull	{ width: 100%; }
.w15	{ width: 15px; }
.w20	{ width: 20px; }
.w25	{ width: 25px; }
.w30	{ width: 30px; }
.w35	{ width: 35px; }
.w40	{ width: 40px; }
.w46	{ width: 46px; }
.w55	{ width: 55px; }
.w60	{ width: 60px; }
.w70	{ width: 70px; }
.w75	{ width: 75px; }
.w80	{ width: 80px; }
.w85	{ width: 85px; }
.w88	{ width: 88px; }
.w90	{ width: 90px; }
.w95	{ width: 95px; }
.w100	{ width: 100px; }
.w105	{ width: 105px; }
.w110	{ width: 110px; }
.w120	{ width: 120px; }
.w131	{ width: 131px; }
.w140	{ width: 140px; }
.w150	{ width: 150px; }
.w170	{ width: 170px; }
.w190	{ width: 190px; }
.w193	{ width: 193px; }
.w194	{ width: 194px; }
.w195	{ width: 195px; }
.w200	{ width: 200px; }
.w203	{ width: 203px; }
.w205	{ width: 205px; }
.w217	{ width: 217px; }
.w220	{ width: 220px; }
.w225	{ width: 225px; }
.w230	{ width: 230px; }
.w250	{ width: 250px; }
.w260	{ width: 260px; }
.w290	{ width: 290px; }
.w300	{ width: 300px; }
.w305	{ width: 305px; }
.w310	{ width: 310px; }
.w320	{ width: 320px; }
.w330	{ width: 330px; }
.w380	{ width: 380px; }
.w390	{ width: 390px; }
.w400	{ width: 400px; }
.w435	{ width: 435px; }
.w445	{ width: 445px; }
.w460	{ width: 460px; }
.w478	{ width: 478px; }
.w530	{ width: 530px; }
.w590	{ width: 590px; }
.w600	{ width: 600px; }
.w627	{ width: 627px; }
.w680	{ width: 680px; }
.w700	{ width: 700px; }
.w710	{ width: 710px; }
.w716	{ width: 716px; }
.w800	{ width: 800px; }
.w815	{ width: 815px; }
.w830	{ width: 830px; }
.w840	{ width: 840px; }
.w870	{ width: 870px; }
.w890	{ width: 890px; }
.w920	{ width: 920px; }
.w9999	{ width: 9999px; }

.w20e	{ width: 20em; }
/* HEIGHT */
.h14	{ height: 14px; }
.h20	{ height: 20px; }
.h24	{ height: 24px; }
.h25	{ height: 25px; }
.h30	{ height: 30px; }
.h90	{ height: 90px; }
.h100	{ height: 100px; }
.h160	{ height: 160px; }
.h225	{ height: 225px; }

/* LINE-HEIGHT */
.lhn	{ line-height: normal; }
.lh14	{ line-height: 14px; }
.lh20	{ line-height: 20px; }
.lh22	{ line-height: 22px; }
.lh25	{ line-height: 25px; }
.lh28	{ line-height: 28px; }
.lh30	{ line-height: 30px; }

/* MARGIN */
.mT2	{ margin-top: 2px; }
.mT3	{ margin-top: 3px; }
.mT5	{ margin-top: 5px; }
.mT7	{ margin-top: 7px; }
.mT8	{ margin-top: 8px; }
.mT10	{ margin-top: 10px; }
.mT15	{ margin-top: 15px; }
.mT20	{ margin-top: 20px; }
.mT25	{ margin-top: 25px; }
.mT30	{ margin-top: 30px; }

.mTN15	{ margin-top: -15px; }

.mR2	{ margin-right: 2px; }
.mR5	{ margin-right: 5px; }
.mR8	{ margin-right: 8px; }
.mR10	{ margin-right: 10px; }
.mR20	{ margin-right: 20px; }
.mR25	{ margin-right: 25px; }

.mB5	{ margin-bottom: 5px; }
.mB10	{ margin-bottom: 10px; }
.mB20	{ margin-bottom: 20px; }

.mL5	{ margin-left: 5px; }
.mL10	{ margin-left: 10px; }

.m5		{ margin: 5px; }

.mTB30	{ margin-top: 30px; margin-bottom: 30px; }

.mHA	{ margin-right: auto; margin-left: auto; }

/* PADDING */
.p3		{ padding: 3px; }
.p5		{ padding: 5px; }
.p10	{ padding: 10px; }
.p15	{ padding: 15px; }

.pT2	{ padding-top: 2px; }
.pT7	{ padding-top: 7px; }
.pT10	{ padding-top: 10px; }
.pT14	{ padding-top: 14px; }
.pT16	{ padding-top: 16px; }
.pT20	{ padding-top: 20px; }

.pR10	{ padding-right: 10px; }
.pR15	{ padding-right: 15px; }

.pB10	{ padding-bottom: 10px; }

.pL5	{ padding-left: 5px; }
.pL10	{ padding-left: 10px; }
.pL15	{ padding-left: 15px; }
.pL20	{ padding-left: 20px; }
.pL100	{ padding-left: 100px; }
.pL160	{ padding-left: 160px; }

.pLdd10 dd	{ padding-left: 10px; }

.pH5	{ padding-right: 5px; padding-left: 5px; }
.pH10	{ padding-right: 10px; padding-left: 10px; }
.pH15	{ padding-right: 15px; padding-left: 15px; }

.pV5	{ padding-top: 5px; padding-bottom: 5px; }
.pV10	{ padding-top: 10px; padding-bottom: 10px; }
.pV20	{ padding-top: 20px; padding-bottom: 20px; }

.pH5V10 {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom:10px;
}
.pH10V5 {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.pCell3 th,
.pCell3 td {
	padding: 3px;
}
.pCell5 th,
.pCell5 td {
	padding: 5px;
}
.pCell7 th,
.pCell7 td {
	padding: 7px;
}
.pCell10 th,
.pCell10 td {
	padding: 10px;
}

.pClear {
	padding: 0 !important;
}

/* DISPLAY */
.di		{ display: inline; }
.dn		{ display: none; }
.db		{ display: block; }
.dib	{ display: inline-block; }

.oh		{ overflow: hidden; }

.zi0	{ z-index: 0; }
.zi1	{ z-index: 1; }
.zi2	{ z-index: 2; }
.zi3	{ z-index: 3; }

.nowrap	{ white-space: nowrap; }

.opa0_8:hover	{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter:"alpha(opacity=80)";
}
/* POSITION */
.fl		{ float: left; }
.fr		{ float: right; }
.cb		{ clear: both; }

.taC	{ text-align: center; }
.taR	{ text-align: right; }
.taL	{ text-align: left; }

.vaT	{ vertical-align: top; }
.vaM	{ vertical-align: middle; }
.vaB	{ vertical-align: bottom; }

.pr		{ position: relative; }
.pa		{ position: absolute; }

.top0		{ top: 0; }
.right0		{ right: 0; }
.left0		{ left: 0; }
.leftQ	{ left: 25%; }
.bottom0	{ bottom: 0; }

/* FOREGROUNG */
.bld	{ font-weight: bold; }
.nml	{ font-weight: normal; }

.fgWhite	{ color: #FFFFFF; }
.fgGreen	{ color: #3D9973; }
.fgDGreen	{ color: #1F4D39; }
.fgGray		{ color: #959595; }
.fgLGray	{ color: #B4B4B4; }
.fgLRed		{ color: #FF0000; }
.fgRed		{ color: #C01718; }
.fgOrange	{ color: #FF6A00; }

.fs10		{ font-size: 10px; }
.fs12		{ font-size: 12px; }
.fs14		{ font-size: 14px; }
.fs16		{ font-size: 16px; }
.fs17		{ font-size: 17px; }
.fs20		{ font-size: 20px; }
.fs24		{ font-size: 24px; }

.offLeft	{ text-indent: -9999px; overflow: hidden; }
.decoNone	{ text-decoration: none !important; }

.fontClear {
	line-height: 0;
	height: 0;
}

.textNote {
	margin-left: 65px;
	text-indent: -65px;
}

/* BACKGROUNG */
.bgGreen		{ background-color: #3D9973; }
.bgLGreen		{ background-color: #63CF63; }
.bgLLGreen		{ background-color: #F3FFE5; }
.bgLLLGreen		{ background-color: #FDFFF6; }
.bgLLLLGreen	{ background-color: #F5FAED; }
.bgWhite		{ background-color: #FFFFFF; }
.bgLPink		{ background-color: #FFF6E5; }
.bgRed			{ background-color: #C01718; }
.bgOrange		{ background-color: #FE6D04; }
.bgLYellow		{ background-color: #FFFF99; }
.bgLLYellow		{ background-color: #FFFFCC; }
.bgGray			{ background-color: #DCDCDC; }
.bgLGray		{ background-color: #E3E3E3; }
.bgLLGray		{ background-color: #F0F0F0; }

/* hover orange */
.hoverOrange:hover	{
	background-color: #FFFFCE;
	cursor: pointer;
}
.hoverOrange2:hover	{
	background-color: #FFFFCE;
	cursor: pointer;
}

/* BORDER */
.bdclps			{ border-collapse: collapse; }

.bdN			{ border:none; }

.bdGray			{ border: 1px solid #CCCCCC; }
.bdGrayT		{ border-top: 1px solid #CCCCCC; }
.bdGrayR		{ border-right: 1px solid #CCCCCC; }
.bdGrayB		{ border-bottom: 1px solid #CCCCCC; }
.bdGrayL		{ border-left: 1px solid #CCCCCC; }

.bdGrayTD		{ border-top: 1px dotted #CCCCCC; }
.bdGrayRD		{ border-right: 1px dotted #CCCCCC; }
.bdGrayBD		{ border-bottom: 1px dotted #CCCCCC; }

.bdGrayB5 		{ border-bottom: 5px solid #DCDCDC; }

.bdWhite		{ border: 1px solid #FFFFFF; }
.bdWhiteT		{ border-top: 1px solid #FFFFFF; }
.bdWhiteR		{ border-right: 1px solid #FFFFFF; }
.bdWhiteB		{ border-bottom: 1px solid #FFFFFF; }
.bdWhiteL		{ border-left: 1px solid #FFFFFF; }

.bdOrange		{ border: 1px solid #FE6D04; }

.bdRed			{ border: 1px solid #C01718; }

.bdGreen		{ border: 1px solid #3D9973; }
.bdGreenT		{ border-top: 1px solid #3D9973; }
.bdGreenR		{ border-right: 1px solid #3D9973; }
.bdGreenB		{ border-bottom: 1px solid #3D9973; }
.bdGreenL		{ border-left: 1px solid #3D9973; }

.bdGreen2		{ border: 2px solid #3D9973; }
.bdGreenT2		{ border-top: 2px solid #3D9973; }
.bdGreenL2		{ border-left: 2px solid #3D9973; }
.bdGreenR2		{ border-right: 2px solid #3D9973; }
.bdGreenB2		{ border-bottom: 2px solid #3D9973; }

.bdGreenL3		{ border-left: 3px solid #3D9973; }

.bdGreenTabT	{ border-top: 3px solid #3D9973; }
.bdGreenTabB	{ border-bottom: 3px solid #3D9973; }

.bdWhite2		{ border:2px solid #FFFFFF; }
.bdWhiteR15		{ border-right: 15px solid #FFFFFF; }

.sections li { float:left; }

/******* 20120905おすぴく対応追加 ********/
/************************************************************
 * reset
 ************************************************************/
body, form, img, div, p, ul, ol, li, dl, dt, dd, th ,td ,select {
	margin: 0;
	padding: 0;
}
table	{
	word-wrap: break-word;
	word-break: break-all;
}

li	{
	list-style-position: outside;
	vertical-align: bottom;
}

table { border-spacing: 0; font-size:12px;}
a,img { border: 0; }
ul, ol, dl, li, dt, dd	{ list-style: none; }
img		{ border: none; vertical-align: top; }
table	{ border-spacing: 0; }
th		{ text-align: left; font-weight: normal; }

/* clearfix */
.cFix:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.cFix	{ min-height: 1px; _height: 1px; }

/************************************************************
 * anchor-link
 ************************************************************/
a:link			{ color: #0066CC; }
a:visited		{ color: #0066CC; }
a:hover			{ color: #0080FF; }
a:active		{ color: #0080FF; }

/* percolation */
.activeAlpha	{
	opacity:1;
	filter:alpha(opacity=100);
}
.activeAlpha:hover{
	opacity:.75;
	filter:alpha(opacity=75);
}

.tlf			{ table-layout: fixed; }

.colorYApp:hover	{ background-color: #ffffcc;  }

/************************************************************
 * tag
 ************************************************************/
body, select, textarea, th, td, li, a {
	font-family: 'メイリオ',meiryo,'ＭＳ Ｐゴシック','MS P Gothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Helvetica,sans-serif;
}
body, select, textarea {
	color: #333333;
	font-size: 12px;
	line-height: 1.41;
}

label			{ vertical-align: middle; }

/************************************************************
 * id-style
 ************************************************************/
.pictArea	{ bottom: 0; }

.pictArea li	{
	color: #3D9973;
	font-size: 10px;
	width: 67px;
	border: 1px solid #3D9973;
	text-align: center;
	border-radius: 2px;
	background-color: #ffffff;
	padding: 1px 0;
}

.pictNewR,
.pictTNewR	{
	background-color: #C01718;
	color: #ffffff;
	text-align: center;
	font-size: 10px;
	border-radius: 2px;
	margin-bottom: 5px;
	vertical-align: top;
	height: 14px;
	line-height: 14px;
	padding-bottom: 1px;
}
.pictCNewR	{
	background-color: #ffffff;
	color: #c82100;
	border: 1px solid #c82100;
	text-align: center;
	font-size: 10px;
	border-radius: 2px;
	margin-bottom: 5px;
	vertical-align: top;
	height: 14px;
	line-height: 14px;
}

.pictNewR	{ width: 36px; }
.pictTNewR	{ width: 70px ; }
.pictCNewR	{ width: 36px; }

.osupicNewR,
.osupicTodayNewR	{
	background-color: #C01718;
	color: #ffffff;
	text-align: center;
	font-size: 10px;
	border-radius: 2px;
	margin-bottom: 5px;
	vertical-align: top;
	height: 14px;
	line-height: 14px;
	padding-bottom: 1px;
	display: inline-block;
	/* IE6,7用 */
	*display: inline;
	*zoom: 1;
	*margin-right: 3px;
}
.osupicMovieR,
.osupicSlideR,
.osupicCNewR	{
	background-color: #ffffff;
	color: #c82100;
	border: 1px solid #c82100;
	text-align: center;
	font-size: 10px;
	border-radius: 2px;
	margin-bottom: 5px;
	vertical-align: top;
	height: 14px;
	line-height: 14px;
	display: inline-block;
	/* IE6,7用 */
	*display: inline;
	*zoom: 1;
	*margin-right: 3px;;
}

.osupicNewR	{ width: 23px; }
.osupicTodayNewR	{ width: 60px ; }
.osupicMovieR	{ width: 23px; }
.osupicSlideR	{ width: 60px ; }
.osupicCNewR	{ width: 23px; }

.caro-item:hover {
	background-color: #FFFFCC;
	cursor: pointer;
}

.carrPrevP	{
	left: 1px;
	top: 50%;
	margin-top: -50px;
	left: 0;
}

.carrNextP	{
	right: 1px;
	top: 50%;
	margin-top: -50px;
	right: 0;
}

#contents .searchTitle	{
	background-color: #F3FFE5;
	border: 2px solid #3D9973;
	margin-top: 30px;
	padding: 10px;
	font-size: 14px;
}
#contents .searchBox	{
	border-left: 2px solid #3D9973;
	border-right: 2px solid #3D9973;
	border-bottom: 2px solid #3D9973;
	background-color: #DCDCDC;
	padding: 3px;
}
/************************************************************
 * classes
 ************************************************************/
#contents h2	{ background: none;  margin-top: 0; font-weight: bold; }

/* form-style */
.TF { vertical-align: middle; }

.TF,
.TA,
.PD {
	border-top: 1px solid #98857A;
	border-right: 1px solid #DCCFC8;
	border-bottom: 1px solid #DCCFC8;
	border-left: 1px solid #98857A;
}
.CB {
	vertical-align: middle;
	height: 13px;
	margin-right: 1px;
}

/* sprite-style */
.sdb {
	border: 0 none;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	vertical-align: middle;
}

.sdb	{ background-image: url(/jj/jjcommon/img/sprites/sd.png); background-repeat: no-repeat; }
.sd		{ background: url(/jj/jjcommon/img/sprites/sd.png) no-repeat; }
.cpic	{ background: url(/jj/jjcommon/img/sprites/theme_picture.jpg) no-repeat; display: block; overflow: hidden; text-indent: -9999px; vertical-align: middle; border: 0 none; }

/* button-style */
#contents .btCarrPrev			{ background-position: -36px -235px; width: 23px; height: 100px; display: block; background-color: #E7E7E7; }
#contents .btCarrPrev:hover,
#contents .btCarrPrev:active	{ background-position: -36px -235px; background-color: #dbdbdb; }

#contents .btCarrNext			{ background-position: 6px -235px; width: 23px; height: 100px; display: block; background-color: #E7E7E7; }
#contents .btCarrNext:hover,
#contents .btCarrNext:active	{ background-position: 6px -235px; background-color: #dbdbdb; }

#contents .btLeftMailEntry		{ background-position: 0 -115px; width: 100px; height: 49px; }

/* icon-style */
#contents .icLinkOrange			{ background-position: -196px 5px; }

/* text-bg-style */
#contents .bgCarselRepeat		{ background: url(/jj/jjcommon/img/bg_carrousel_line.png) repeat-y; }

#contents .bgLeftSubTitle01		{ background: url(/jj/jjcommon/img/sprites/sd.png) 0 0; background-repeat: no-repeat; width: 203px; height: 36px; }
#contents .bgLeftSubTitle02		{ background: url(/jj/jjcommon/img/sprites/sd.png)  0 -36px; background-repeat: no-repeat; width: 203px; height: 36px; }
#contents .bgLeftSubTitle03		{ background: url(/jj/jjcommon/img/sprites/sd.png)  0 -72px; background-repeat: no-repeat; width: 203px; height: 43px; }

#contents .bgThemeSearchTitle	{ background-position: 0 -164px; width: 700px; height: 35px; padding-left: 64px; line-height: 35px; }
#contents .bgSearchIllust		{ background-position: -558px 0; width: 142px; height: 102px; }

/* bg_img-style */
#contents .picture1				{ background-position: 0 -120px; width: 149px; height: 100px; }
#contents .picture2				{ background-position: -149px -120px; width: 149px; height: 100px; }
#contents .picture3				{ background-position: -298px -120px; width: 149px; height: 100px; }
#contents .picture4				{ background-position: -447px -120px; width: 149px; height: 100px; }
#contents .picture6				{ background-position: 0 -220px; width: 149px; height: 100px; }
#contents .picture7				{ background-position: -149px -220px; width: 149px; height: 100px; }
#contents .picture8				{ background-position: -298px -220px; width: 149px; height: 100px; }
#contents .picture9				{ background-position: -298px -220px; width: 149px; height: 100px; }
#contents .picture10			{ background-position: -447px -220px; width: 149px; height: 100px; }
#contents .picture12			{ background-position: 0 -320px; width: 149px; height: 100px; }
#contents .picture13			{ background-position: 0 -320px; width: 149px; height: 100px; }
#contents .picture23			{ background-position: -149px -320px; width: 149px; height: 100px; }
#contents .picture28			{ background-position: -298px -320px; width: 149px; height: 100px; }
#contents .picture31			{ background-position: -447px -320px; width: 149px; height: 100px; }
#contents .picture35			{ background-position: 0 -420px; width: 149px; height: 100px; }
#contents .picture39			{ background-position: -149px -420px; width: 149px; height: 100px; }

#contents .lColPictBr			{ background-position: 0 0; width: 100px; height: 60px; }
#contents .lColPictCm			{ background-position: -100px 0; width: 100px; height: 60px; }
#contents .lColPictGa			{ background-position: -200px 0; width: 100px; height: 60px; }
#contents .lColPictTen			{ background-position: -300px 0; width: 100px; height: 60px; }
#contents .lColPict01			{ background-position: 0 -60px; width: 100px; height: 60px; }
#contents .lColPict02			{ background-position: -100px -60px; width: 100px; height: 60px; }
#contents .lColPict03			{ background-position: -200px -60px; width: 100px; height: 60px; }
#contents .lColPict06			{ background-position: -300px -60px; width: 100px; height: 60px; }
#contents .lColPict28			{ background-position: -400px -60px; width: 100px; height: 60px; }
#contents .lColPict35			{ background-position: -500px -60px; width: 100px; height: 60px; }

/************************************************************
 * classes(property)
 ************************************************************/
/* width */
.wFull	{ width: 100%; }
.w4		{ width: 4px; }
.w86	{ width: 86px; }
.w88	{ width: 88px; }
.w99	{ width: 99px; }
.w100	{ width: 100px; }
.w149	{ width: 149px; }
.w203	{ width: 203px; }
.w206	{ width: 206px; }
.w214	{ width: 214px; }
.w215	{ width: 215px; }
.w522	{ width: 522px; }
.w523	{ width: 523px; }
.w627	{ width: 627px; }
.w636	{ width: 636px; }
.w650	{ width: 650px; }
.w651	{ width: 651px; }
.w656	{ width: 656px; }
.w659	{ width: 659px; }
.w676	{ width: 676px; }
.w698	{ width: 698px; }

/* height */
.h43	{ height: 43px; }
.h100	{ height: 100px; }

/* margin */
.mT1	{ margin-top: 1px; }
.mT2	{ margin-top: 2px; }
.mT3	{ margin-top: 3px; }
.mT4	{ margin-top: 4px; }
.mT5	{ margin-top: 5px; }
.mT6	{ margin-top: 6px; }
.mT7	{ margin-top: 7px; }
.mT8	{ margin-top: 8px; }
.mT9	{ margin-top: 9px; }
.mT10	{ margin-top: 10px; }
.mT20	{ margin-top: 20px; }
.mT30	{ margin-top: 30px; }

.nmT10	{ margin-top: -10px; }

.mR2	{ margin-right: 2px; }
.mR4	{ margin-right: 4px; }
.mR10	{ margin-right: 10px; }
.mR16	{ margin-right: 16px; }

.nmR10	{ margin-right: -10px; }

.mL10	{ margin-left: 10px; }

.mHA	{ margin-right: auto; margin-left: auto; }

/* padding */
.p5		{ padding: 5px; }
.p6		{ padding: 6px; }
.p7		{ padding: 7px; }
.p8		{ padding: 8px; }
.p10	{ padding: 10px; }
.p15	{ padding: 15px; }
.p20	{ padding: 20px; }

.pT8	{ padding-top: 8px; }
.pT10	{ padding-top: 10px; }

.pR10	{ padding-right: 10px; }
.pR20	{ padding-right: 20px; }
.pR34	{ padding-right: 34px; }

.pB5	{ padding-bottom: 5px; }
.pB10	{ padding-bottom: 10px; }
.pB25	{ padding-bottom: 25px; }

.pL1	{ padding-left: 1px; }
.pL2	{ padding-left: 2px; }
.pL3	{ padding-left: 3px; }
.pL5	{ padding-left: 5px; }
.pL6	{ padding-left: 6px; }
.pL8	{ padding-left: 8px; }
.pL10	{ padding-left: 10px; }
.pL15	{ padding-left: 15px; }
.pL20	{ padding-left: 20px; }
.pL35	{ padding-left: 35px; }

.pV5	{ padding-top: 5px; padding-bottom: 5px; }
.pV10	{ padding-top: 10px; padding-bottom: 10px; }

.pH5	{ padding-left: 5px; padding-right: 5px; }
.pH8	{ padding-left: 8px; padding-right: 8px; }
.pH10	{ padding-left: 10px; padding-right: 10px; }
.pH18	{ padding-left: 18px; padding-right: 18px; }
.pH20	{ padding-left: 20px; padding-right: 20px; }
.pH23	{ padding-left: 23px; padding-right: 23px; }

.pV5H35		{ padding: 5px 35px; }
.pV10H5		{ padding: 10px 5px; }
.pV10H12	{ padding: 10px 12px; }
.pV10H15	{ padding: 10px 15px;}

/* line-height */
.lh12	{ line-height: 12px; }
.lh16	{ line-height: 16px; }
.lh43	{ line-height: 43px; }

/* display */
.di		{ display: inline; }
.dn		{ display: none; }
.db		{ display: block; }
.dib	{ display: inline-block; }

.oa		{ overflow: auto; }
.oh		{ overflow: hidden; }

.zi0	{ z-index: 0; }
.zi1	{ z-index: 1; }
.zi2	{ z-index: 2; }
.zi3	{ z-index: 3; }

.nowrap	{ white-space: nowrap; }

.breakW		{ word-wrap: break-word; }
.breakA		{ word-break: break-all; }
.lBNormal	{ line-break: normal; }

.textNote{
	text-indent: -1em;
	margin-left: 1em;
}

.zm	{ zoom: 1; }

/* table */
.bdColl		{ border-collapse: collapse; }
.bdSepa		{ border-collapse: separate; }

/* position */
.fl		{ float: left; }
.fr		{ float: right; }
.cb		{ clear: both; }

.taC	{ text-align: center; }
.taR	{ text-align: right; }
.taL	{ text-align: left; }

.vaT	{ vertical-align: top; }
.vaM	{ vertical-align: middle; }
.vaB	{ vertical-align: bottom; }

.pr		{ position: relative; }
.pa		{ position: absolute; }

.offLeft	{ text-indent: -9999px; overflow: hidden; }

/* font-property */
.bld		{ font-weight: bold; }
.nml		{ font-weight: normal; }

.fs10		{ font-size: 10px; }
.fs12		{ font-size: 12px; }
.fs14		{ font-size: 14px; }
.fs16		{ font-size: 16px; }

.fgWhite		{ color: #ffffff; }
.fgCrOrange		{ color: #FF6A00; }

/* background-color */
.bgWhite				{ background-color: #FFFFFF; }
#contents .bgCrLtGreen	{ background-color: #f3ffe5; }
.bgLTMGreen				{ background-color: #F5FAED; }
.bgLTLOrange			{ background-color: #FFF8CD; }
.bgGray					{ background-color: #DCDCDC; }

/* border */
.bdGray			{ border: 1px solid #CCCCCC; }
.bdGrayT		{ border-top: 1px solid #CCCCCC; }
.bdGrayR		{ border-right: 1px solid #CCCCCC; }
.bdGrayB		{ border-bottom: 1px solid #CCCCCC; }
.bdGrayL		{ border-left: 1px solid #CCCCCC; }

.bdGray2		{ border: 2px solid #cccccc; }

.bdCrGreen2		{ border: 2px solid #3D9973; }
.bdCrGreenT2	{ border-top: 2px solid #3D9973; }
.bdCrGreenR2	{ border-right: 2px solid #3D9973; }
.bdCrGreenB2	{ border-bottom: 2px solid #3D9973; }
.bdCrGreenL2	{ border-left: 2px solid #3D9973; }

.bdDLOrange		{ border: 1px solid #F4B010; }

#innerCarrousel {
position: relative;
}

/* table-cross */
.table-cross {
  border-left: 1px solid #E1E1E1;
  border-top: 1px solid #E1E1E1;
}
.table-cross th, .table-cross td {
  padding: 10px;
  border-right: 1px solid #E1E1E1;
  border-bottom: 1px solid #E1E1E1;
}
.table-cross th {
  text-align: center;
  background: #EEEEEE;
  vertical-align: middle;
  font-size: 14px;
  font-weight: bold;
}
/* tabledouble */
.tabledouble:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.tabledouble {
  min-height: 1px;
  _height: 1px;
  width: 100%;
  table-layout: fixed;
}
.tabledouble .tabledouble-inner {
  float: left;
  margin-left: 20px;
  width: 440px;
}
.tabledouble .tabledouble-inner:first-child {
  margin-left: 0;
}
.tabledouble th {
  font-size: 12px;
  font-weight: normal;
  text-align: left;
}
.tabledouble td {
  width: 224px;
}