@charset "UTF-8";
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆

homeIndex.css

Home Index 用スタイルシート

作成日 / 担当 ：2007年11月21日 / 伊藤(ito@sysmil.com)
修正日 / 担当 ：

◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* Flash Player配置場所 */
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
#loader {
position:relative;
z-index:0;
}

/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* Flash Player の下影 */
/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
#BASEBOX_BODY div.bottomShadow {
background:url(../imgs/homeIndex_flashBottomShadow.jpg) top left no-repeat;
}

#BASEBOX_BODY div.bottomShadow img {
width:1px;
height:10px;
}


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* サブメニュー配置スペース */
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
#BASEBOX_BODY div.sideMenu {
width:160px;
margin:0px 10px 0px 20px;
padding:0px;
float:right;
}


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* コンテンツ配置スペース */
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
#BASEBOX_BODY div.contents {
width:540px;
padding:0px 0px 0px 10px;
float:left;
}

/* コンテンツタイトル */
#BASEBOX_BODY div.contents div.contentsTitle h2 {
margin:0px 0px 40px 0px;
font-size:130%;
line-height:1.2em;
font-weight:bold;
}


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* コンテンツの終端 */
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
#BASEBOX_BODY div.endSpace {
height:30px;
clear:both;
letter-spacing:0px;
overflow:hidden;
}

#BASEBOX_BODY div.endSpace img{
width:1px;
height:30px;
}



/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

/* コンテンツブロック１ */
/* 主要コンテンツリンク表 */

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
#BASEBOX_BODY div.contents div.homeIndex_contentsBlock1 {
margin:0px;
padding:0px;
}

/* コンテンツリンク表の枠 */
#BASEBOX_BODY div.contents div.homeIndex_contentsBlock1 ul.homeIndex_contentsPickupListFrame {
margin:0px;
padding:0px;
list-style-type: none;
font-size:12px;
text-align: left;
}

/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* コンテンツリンク表の列 */
/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
#BASEBOX_BODY div.contents div.homeIndex_contentsBlock1 li.homeIndex_contentsPickupListColumn {
width:180px;
float:left;
}

/* コンテンツリンク表の列の高さ */
#BASEBOX_BODY div.contents div.homeIndex_contentsBlock1 div.homeIndex_contentsPickupCategory1,
#BASEBOX_BODY div.contents div.homeIndex_contentsBlock1 div.homeIndex_contentsPickupCategory2,
#BASEBOX_BODY div.contents div.homeIndex_contentsBlock1 div.homeIndex_contentsPickupCategory3 {
height:160px;
}

/* タイトルの高さ */
#BASEBOX_BODY div.contents div.homeIndex_contentsBlock1 div.homeIndex_contentsPickupCategory1 h3,
#BASEBOX_BODY div.contents div.homeIndex_contentsBlock1 div.homeIndex_contentsPickupCategory2 h3,
#BASEBOX_BODY div.contents div.homeIndex_contentsBlock1 div.homeIndex_contentsPickupCategory3 h3 {
height:80px;
}

/* リスト */
#BASEBOX_BODY div.contents div.homeIndex_contentsBlock1 li.homeIndex_contentsPickupListColumn ul {
margin:0px 10px 0px 20px;
padding:0px;
list-style:url(../imgs/pub_icon03.gif);
font-size:12px;
text-align: left;
line-height:1.5em;
}


/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* コンテンツリンク表：１列目 */
/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */

/* 背景画像 */
#BASEBOX_BODY div.contents div.homeIndex_contentsBlock1 div.homeIndex_contentsPickupCategory1 {
background:url(../imgs/homeIndex_contBlock2_01.gif) top left repeat-y;
}

/* タイトル画像 */
#BASEBOX_BODY div.contents div.homeIndex_contentsBlock1 div.homeIndex_contentsPickupCategory1 h3{
background:url(../imgs/homeIndex_contBlock1_01.jpg) top left no-repeat;
}


/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* コンテンツリンク表：２列目 */
/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */

/* 背景画像 */
#BASEBOX_BODY div.contents div.homeIndex_contentsBlock1 div.homeIndex_contentsPickupCategory2 {
background:url(../imgs/homeIndex_contBlock2_02.gif) top left repeat-y;
}

/* タイトル画像 */
#BASEBOX_BODY div.contents div.homeIndex_contentsBlock1 div.homeIndex_contentsPickupCategory2 h3{
background:url(../imgs/homeIndex_contBlock1_02.jpg) top left no-repeat;
}


/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* コンテンツリンク表：３列目 */
/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */

/* 背景画像 */
#BASEBOX_BODY div.contents div.homeIndex_contentsBlock1 div.homeIndex_contentsPickupCategory3 {
background:url(../imgs/homeIndex_contBlock2_03.gif) top left repeat-y;
}

/* タイトル画像 */
#BASEBOX_BODY div.contents div.homeIndex_contentsBlock1 div.homeIndex_contentsPickupCategory3 h3{
background:url(../imgs/homeIndex_contBlock1_03.jpg) top left no-repeat;
}


/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* コンテンツリンク表の終端 */
/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
#BASEBOX_BODY div.contents div.homeIndex_contentsBlock1 div.contentsList_end {
height:10px;
clear:both;
background:url(../imgs/homeIndex_contBlock1_bg2.gif) top left no-repeat;
letter-spacing:0px;
overflow:hidden;
}

#BASEBOX_BODY div.contents div.homeIndex_contentsBlock1 div.contentsList_end img {
width:1px;
height:10px;
}



/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

/* コンテンツブロック２ */

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
#BASEBOX_BODY div.contents div.homeIndex_contentsBlock2 {
margin:10px 0px 0px 0px;
padding:0px;
}

/* ブロックタイトル */
#BASEBOX_BODY div.contents div.homeIndex_contentsBlock2 div.homeIndex_contentsBlock2TitleLabel {
height:45px;
position:relative;
background:url(../imgs/homeIndex_contBlockLabel01.jpg) top left no-repeat;
}

#BASEBOX_BODY div.contents div.homeIndex_contentsBlock2 ol {
margin:0px 10px 0px 10px;
padding:0px;
list-style:none;
}

#BASEBOX_BODY div.contents div.homeIndex_contentsBlock2 li {
margin:15px 0px 0px 0px;
padding:0px;
}

#BASEBOX_BODY div.contents div.homeIndex_contentsBlock2_NewsRsDate {
font-size:10px;
letter-spacing:0.1em;
}

#BASEBOX_BODY div.contents div.homeIndex_contentsBlock2_NewsRsDate img{
vertical-align:middle;
margin:0px 10px 0px 0px;
}


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

/* サイドメニューブロック */

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
#SIDEMENU_BODY div.sideMenu_block {
margin:0px 0px 10px 0px;
padding:0px;
}


/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* ヘッダー部分 */
/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */

#SIDEMENU_BODY div.sideMenu_block div.sideMenu_header {
height:43px;
margin:0px;
padding:0px;
text-align:center;
background:url(../imgs/homeIndex_sideBlock01a.jpg) bottom left no-repeat;
}

/* サイドメニューブロックタイトル */
#SIDEMENU_BODY div.sideMenu_block div.sideMenu_header h3{
margin:0px;
padding:10px;
font-size:12px;
font-weight:bold;
}

/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* ボディー部分 */
/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */

#SIDEMENU_BODY div.sideMenu_block div.sideMenu_body {
margin:0px;
padding:0px;
background:url(../imgs/homeIndex_sideBlock02a.jpg) top left repeat-y;
}

/* テキスト配置場所 */
#SIDEMENU_BODY div.sideMenu_block div.sidemenu_body_text {
margin:0px;
padding:5px 10px 5px 10px;
}

/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* フッター部分 */
/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */

#SIDEMENU_BODY div.sideMenu_block div.sideMenu_footer {
background:url(../imgs/homeIndex_sideBlock03a.jpg) top left no-repeat;
}

#SIDEMENU_BODY div.sideMenu_block div.sideMenu_footer img {
height:9px;
}


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

/* ボタン */

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* 入力をリセット */
/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */

/* ボタンのサイズ */
#BASEBOX_BODY div.contents div.homeIndex_contentsBlock2 div.homeIndex_contBlock2_button1,
#BASEBOX_BODY div.contents div.homeIndex_contentsBlock2 div.homeIndex_contBlock2_button1 img,
#BASEBOX_BODY div.contents div.homeIndex_contentsBlock2 div.homeIndex_contBlock2_button1 a {
width:60px;
height:16px;
}

#BASEBOX_BODY div.contents div.homeIndex_contentsBlock2 div.homeIndex_contBlock2_button1 {
position:absolute;
left: 470px;
top: 21px;
}

/* メニューの画像 */
#BASEBOX_BODY div.contents div.homeIndex_contentsBlock2 div.homeIndex_contBlock2_button1 a {
background:url(../imgs/homeIndex_button01.gif) top left no-repeat;
display: block;
}

/* 未選択 */
#BASEBOX_BODY div.contents div.homeIndex_contentsBlock2 div.homeIndex_contBlock2_button1 a {
background-position:0px 0px;
}

/* マウスオーバー */
#BASEBOX_BODY div.contents div.homeIndex_contentsBlock2 div.homeIndex_contBlock2_button1 a:hover {
background-position:0px -16px;
}


/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* メールでの問い合わせ：ホテル事業部 */
/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */

/* ボタンのサイズ */
#SIDEMENU_BODY div.sideMenu_block div.sideMenu_body div.homeIndex_sideMenu_button1,
#SIDEMENU_BODY div.sideMenu_block div.sideMenu_body div.homeIndex_sideMenu_button1 img,
#SIDEMENU_BODY div.sideMenu_block div.sideMenu_body div.homeIndex_sideMenu_button1 a {
width:150px;
height:30px;
}

#SIDEMENU_BODY div.sideMenu_block div.sideMenu_body div.homeIndex_sideMenu_button1 {
margin:10px auto 0px auto;
padding:0px;
}

/* メニューの画像 */
#SIDEMENU_BODY div.sideMenu_block div.sideMenu_body div.homeIndex_sideMenu_button1 a {
background:url(../imgs/homeIndex_button02.jpg) top left no-repeat;
display: block;
}

/* 未選択 */
#SIDEMENU_BODY div.sideMenu_block div.sideMenu_body div.homeIndex_sideMenu_button1 a {
background-position:0px 0px;
}

/* マウスオーバー */
#SIDEMENU_BODY div.sideMenu_block div.sideMenu_body div.homeIndex_sideMenu_button1 a:hover {
background-position:0px -30px;
}


/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* メールでの問い合わせ：海外事業部 */
/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */

/* ボタンのサイズ */
#SIDEMENU_BODY div.sideMenu_block div.sideMenu_body div.homeIndex_sideMenu_button2,
#SIDEMENU_BODY div.sideMenu_block div.sideMenu_body div.homeIndex_sideMenu_button2 img,
#SIDEMENU_BODY div.sideMenu_block div.sideMenu_body div.homeIndex_sideMenu_button2 a {
width:150px;
height:30px;
}

#SIDEMENU_BODY div.sideMenu_block div.sideMenu_body div.homeIndex_sideMenu_button2 {
margin:10px auto 0px auto;
padding:0px;
}

/* メニューの画像 */
#SIDEMENU_BODY div.sideMenu_block div.sideMenu_body div.homeIndex_sideMenu_button2 a {
background:url(../imgs/homeIndex_button03.jpg) top left no-repeat;
display: block;
}

/* 未選択 */
#SIDEMENU_BODY div.sideMenu_block div.sideMenu_body div.homeIndex_sideMenu_button2 a {
background-position:0px 0px;
}

/* マウスオーバー */
#SIDEMENU_BODY div.sideMenu_block div.sideMenu_body div.homeIndex_sideMenu_button2 a:hover {
background-position:0px -30px;
}


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* ニュースリリース */
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
.newsRelease_listStyle {
list-style:none;
line-height:1em;
}

.newsRelease_listStyle li{
border-bottom:#CCCCCC 1px solid;
}

/* カテゴリアイコン */
.newsRelease_listStyle li img {
margin:0px;
padding:0px 5px 0px 0px;
}

/* 日付とカテゴリアイコン部分 */
.newsRelease_date{
margin:0px;
padding:0px 0px 5px 0px;
}

/* タイトル部分 */
.newsRelease_title{
margin:0px;
padding:0px 0px 5px 10px;
}