/*■*■*基本設定*■*■*/ /*ここでは、背景、フレームの影、文字サイズ、色、ヘッター、フッターの設定をします。*/ /*▼サイドメニューの設定*/ .hidden{display: none;} /*▼背景の設定*/ body { /*背景画像を選択します。*/ background-image: url(images/common/bg.gif); background-repeat: repeat;} /*▼影の設定と文字サイズ、文字の色の設定*/ #shadow { /*影の画像を選択して幅を入力します。*/ background-image: url(images/common/shadow.gif);width: 840px;background-repeat: repeat-y;margin: 0px;padding: 0px;background-position: center top; /*文字のサイズと色を設定します。*/ font-size: 12px;color: #505050;} /*▼リンク文字の設定*/ a:link {color: #FF6600;text-decoration: underline;} a:visited {text-decoration: underline;color: #DD8F00;} a:hover {text-decoration: none;color: #FF0000;} a:active {text-decoration: underline;color: #FF6600;} /*▼フレームの上部の設定*/ #frame_t {background-image: url(images/common/header_t.gif);height: 10px;width: 840px;background-repeat: no-repeat;display: block;background-position: center bottom;} /*▼フレームの下部の設定*/ #frame_b { /*フッター下部のの画像を設定します。幅と高さを入力します。*/ background-image: url(images/common/footer_b.gif);height: 10px;width: 840px; background-repeat: no-repeat;display: block;} /*▼ヘッターの設定*/ /*ヘッターの幅を設定します。ここでは、左右に1pxのボーダーを入れたので、幅を-2pxにしています。*/ #header {width: 828px;height: 50px;margin: 0px;padding: 0px;background-repeat: repeat-x;background-position: center bottom;display: block;border-right-width: 1px;border-left-width: 1px;border-right-style: solid;border-left-style: solid;border-right-color: #D9D9D9;border-left-color: #D9D9D9; /*ヘッター下部のの画像を設定します。*/ background-image: url(images/common/line01.gif);background-color: #FFFFFF;} /*▼ロゴ周りの設定*/ h1 { /*ロゴ周りの幅と高さを設定します。ここでは、右側にテキストがあるので、広く設定します。*/ height: 40px;width: 830px;font-weight: normal;font-size: 12px;margin: 0px;padding: 0px; /*ロゴマークの画像を設定します。*/ background-image: url(images/common/rogo.gif); background-repeat: no-repeat;text-indent: 280pt;text-align: right;background-position: 10px;} #header a:link {color: #505050;text-decoration: none;} #header a:visited {color: #505050;text-decoration: none;} #header a:hover {color: #505050;text-decoration: none;} #header a:active {color: #505050;text-decoration: none;} /*▼フッターの設定*/ #footer {width: 830px;height: 15px;border-right-width: 1px;border-left-width: 1px;border-right-style: solid;border-left-style: solid;border-right-color: #D9D9D9;border-left-color: #D9D9D9;display: block;text-align: center;vertical-align: middle;padding-top: 10px;font-size: 12px;background-image: url(images/common/line01.gif);background-repeat: repeat-x;background-position: center top;margin: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;background-color: #FFFFFF;} /*▼メインボックスの設定*/ #mainbox {width: 830px;margin: 0px;padding: 0px;text-align: left;vertical-align: top;display: block;background-image: url(images/common/menuline.gif);background-repeat: repeat-y;background-position: 650px top;} /*▼レイアウトの設定*/ #mainbox dl{padding: 0px;margin: 0px;} #mainbox dt{padding: 0px;margin: 0px;} #box01 {width: 650px;padding: 0px;margin: 0px;float: left;text-align: left;vertical-align: top;} #box02 {width: 175px;padding: 0px;margin: 0px;float: right;text-align: left;vertical-align: top;} #box03 {width: 400px;padding: 0px;margin: 0px 5px 0px 0px;float: right;text-align: left;vertical-align: top;} #box04 {width: 220px;padding: 0px 0px 0px 10px;margin: 0px;text-align: left;vertical-align: top;} /*▼コンテンツの設定*/ #contents {margin: 0px 3px 3px 0px;padding: 3px 10px 5px;width: 630px;display: block;height: 120%;} /*メインメニュー部分*/ #menu {} #menu ul{list-style-type: none;margin: 0px;padding: 0px;width: 175px;} .menu_line {width: 175px;background-image: url(images/common/line02.gif);background-repeat: no-repeat;padding-bottom: 10px;background-position: right top;margin: 0px;padding-top: 0px;padding-right: 0px;padding-left: 0px;} /*　◆◆◆メニューボタン◆◆◆　*/ /*　▽メニューボタンの外枠。幅を画像と同じにします。　*/ #sidemenu01 {margin: 0px;padding:0px;width: 175px;} #sidemenu01 ul{margin: 0px;padding: 0px;display: block;list-style-type: none;} #sidemenu01 li{margin: 0px;padding: 0px 0px 5px;display: block;} /*　▽サブメニューの
タグの設定。幅と高さは画像と同じにします。　*/ #menu01{width: 175px;height: 29px;text-align:left;margin:0px;padding:0px;display:block;} #menu01 a{width: 175px;height: 29px;background-image:url(images/common/menu01.gif);text-align:left;margin:0px;padding:0px;background-repeat: no-repeat;display:block;background-position: right;} #menu01 a:hover{width: 175px;height: 29px;background-image:url(images/common/menu01_on.gif);text-align:left;margin:0px;padding:0px;background-repeat: no-repeat;display:block; background-position: right;} #menu02{width: 175px;height: 29px;text-align:left;margin:0px;padding:0px;display:block;} #menu02 a{width:1 75px;height: 29px;background-image:url(images/common/menu02.gif);text-align:left;margin:0px;padding:0px;background-repeat: no-repeat;display:block; background-position: right;} #menu02 a:hover{width: 175px;height: 29px;background-image:url(images/common/menu02_on.gif);text-align:left;margin:0px;padding:0px;background-repeat: no-repeat;display:block; background-position: right;} #menu03{width: 175px;height: 29px;text-align:left;margin:0px;padding:0px;display:block;} #menu03 a{width: 175px;height: 29px;background-image:url(images/common/menu03.gif);text-align:left;margin:0px;padding:0px;background-repeat: no-repeat;display:block; background-position: right;} #menu03 a:hover{width: 175px;height: 29px;background-image:url(images/common/menu03_on.gif);text-align:left;margin:0px;padding:0px;background-repeat: no-repeat;display:block; background-position: right;} #menu04{width: 175px;height: 29px;text-align:left;margin:0px;padding:0px;display:block;} #menu04 a{width: 175px;height: 29px;background-image:url(images/common/menu04.gif);text-align:left;margin:0px;padding:0px;background-repeat: no-repeat;display:block; background-position: right;} #menu04 a:hover{width: 175px;height: 29px;background-image:url(images/common/menu04_on.gif);text-align:left;margin:0px;padding:0px;background-repeat: no-repeat;display:block; background-position: right;} #menu05{width: 175px;height: 29px;text-align:left;margin:0px;padding:0px;display:block;} #menu05 a{width: 175px;height: 29px;background-image:url(images/common/menu05.gif);text-align:left;margin:0px;padding:0px;background-repeat: no-repeat;display:block; background-position: right;} #menu05 a:hover{width: 175px;height: 29px;background-image:url(images/common/menu05_on.gif);text-align:left;margin:0px;padding:0px;background-repeat: no-repeat;display:block; background-position: right;} #menu06{width: 175px;height: 29px;text-align:left;margin:0px;padding:0px;display:block;} #menu06 a{width: 175px;height :29px;background-image:url(images/common/menu06.gif);text-align:left;margin:0px;padding:0px;background-repeat: no-repeat;display:block; background-position: right;} #menu06 a:hover{width:1 75px;height: 29px;background-image:url(images/common/menu06_on.gif);text-align:left;margin:0px;padding:0px;background-repeat: no-repeat;display:block; background-position: right;} #menu07{width: 175px;height: 29px;text-align:left;margin:0px;padding:0px;display:block;} #menu07 a{width: 175px;height: 29px;background-image:url(images/common/menu07.gif);text-align:left;margin:0px;padding:0px;background-repeat: no-repeat;display:block; background-position: right;} #menu07 a:hover{width: 175px;height:29px;background-image:url(images/common/menu07_on.gif);text-align:left;margin:0px;padding:0px;background-repeat: no-repeat;display:block; background-position: right;} /*バナー部分*/ #sidemenu02 {margin: 0px;padding: 0px;width: 175px;} #sidemenu02 ul{margin: 0px;padding: 0px;display: block;list-style-type: none;} #sidemenu02 li{margin: 0px;padding: 0px 0px 6px;display: block;} #menu11{width: 175px;height: 96px;background-image:url(images/common/mobile.gif);text-align:left;margin:0px 0px 0px 6px;padding:0px;background-repeat: no-repeat;display:block;background-position: 8px; background-position: right;} #menu12{width: 175px;height: 70px;background-image:url(images/common/mail.gif);text-align:left;margin:0px;padding:5px 0px 0px;background-repeat: no-repeat;display:block;background-position: 8px; background-position: right;} #menu12 a{width:175px;height: 70px;background-image:url(images/common/mail.gif);text-align:left;margin:0px;padding:5px 0px 0px;background-repeat: no-repeat;display:block;background-position: 8px; background-position: right;} #menu12 a:hover{width: 175px;height: 70px;background-image:url(images/common/mail_on.gif);text-align:left;margin:0px;padding:5px 0px 0px;background-repeat: no-repeat;display:block;background-position: 8px; background-position: right;} #menu13{width: 175px;height: 100px;background-image:url(images/common/card.gif);text-align:left;margin:0px;padding:5px 0px 0px;background-repeat: no-repeat;display:block;background-position: 8px; background-position: right;} #menu13 a{width: 175px;height: 100px;background-image:url(images/common/card.gif);text-align:left;margin:0px;padding:5px 0px 0px;background-repeat: no-repeat;display:block;background-position: 8px; background-position: right;} #menu13 a:hover{width: 175px;height: 100px;background-image:url(images/common/card_on.gif);text-align:left;margin:0px;padding:5px 0px 0px;background-repeat: no-repeat;display:block;background-position: 8px; background-position: right;} /*サブメニュー部分*/ #sidemenu03 {margin:0px;padding:0px;width: 163px;} #sidemenu03 ul{margin: 0px;padding: 0px;display: block;list-style-type: none;} #sidemenu03 li{margin: 0px;padding: 0px 0px 6px;display: block;} #menu21{width: 163px;height: 18px;background-image:url(images/common/icon01.gif);text-align:left;margin:0px;padding:0px 0px 0px 12px;background-repeat: no-repeat;display:block;font-weight: bold;background-position: 200px;} #menu21 a{width: 163px;height: 18px;background-image:url(images/common/icon01.gif);text-align:left;margin:0px;padding:0px 0px 0px 12px;background-repeat: no-repeat;display:block;color: #505050;text-decoration: none;} #menu21 a:hover{width: 163px;height: 18px;background-image:url(images/common/icon01.gif);text-align:left;margin:0px;padding:0px 0px 0px 12px;background-repeat: no-repeat;display:block;color: #FF8400;text-decoration: underline;} #menu22{width: 163px;height: 18px;background-image:url(images/common/icon01.gif);text-align:left;margin:0px;padding:0px 0px 0px 12px;background-repeat: no-repeat;display:block;font-weight: bold;} #menu22 a{width:163px;height: 18px;background-image:url(images/common/icon01.gif);text-align:left;margin:0px;padding:0px 0px 0px 12px;background-repeat: no-repeat;display:block;color: #505050;text-decoration: none;} #menu22 a:hover{width: 163px;height: 18px;background-image:url(images/common/icon01.gif);text-align:left;margin:0px;padding:0px 0px 0px 12px;background-repeat: no-repeat;display:block;color: #FF8400;text-decoration: underline;} #menu23{width: 163px;height: 18px;background-image:url(images/common/icon01.gif);text-align:left;margin:0px;padding:0px 0px 0px 12px;background-repeat: no-repeat;display:block;font-weight: bold;} #menu23 a{width: 163px;height: 18px;background-image:url(images/common/icon01.gif);text-align:left;margin:0px;padding:0px 0px 0px 12px;background-repeat: no-repeat;display:block;color: #505050;text-decoration: none;} #menu23 a:hover{width: 163px;height: 18px;background-image:url(images/common/icon01.gif);text-align:left;margin:0px;padding:0px 0px 0px 12px;background-repeat: no-repeat;display:block;color: #FF8400;text-decoration: underline;} #menu24{width: 163px;height: 18px;background-image:url(images/common/icon01.gif);text-align:left;margin:0px;padding:0px 0px 0px 12px;background-repeat: no-repeat;display:block;font-weight: bold;} #menu24 a{width: 163px;height: 18px;background-image:url(images/common/icon01.gif);text-align:left;margin:0px;padding:0px 0px 0px 12px;background-repeat: no-repeat;display:block;color: #505050;text-decoration: none;} #menu24 a:hover{width: 163px;height: 18px;background-image:url(images/common/icon01.gif);text-align:left;margin:0px;padding:0px 0px 0px 12px;background-repeat: no-repeat;display:block;color: #FF8400;text-decoration: underline;} /*予備部分部分*/ #sidemenu04 {margin:0px;padding:0px;width: 175px;} #sidemenu04 ul{margin: 0px;padding: 0px;display: block;list-style-type: none;} #sidemenu04 li{margin: 0px;padding: 0px 0px 6px;display: block;} #menu31{width: 175px;height: 20px;background-image:url(images/common/rss.gif);text-align:left;margin:0px;padding:0px;background-repeat: no-repeat;display:block;background-position: right;} #menu32{width: 175px;height: 330px;background-image:url(images/common/service.jpg);text-align:left;margin:0px;padding:0px;background-repeat: no-repeat;display:block;background-position: right;} /*▼topへ戻るの設定*/ #top {margin: 0px;padding: 0px 0px 0px 650px;height: 15px;width: 180px;clear: both;text-align: right;} #top a{width: 180px;height: 15px;background-image:url(images/common/top.gif);margin:0px;padding:0px;background-repeat: no-repeat;display:block;} #top a:hover{width: 180px;height: 15px;background-image:url(images/common/top_on.gif);margin:0px;padding:0px;background-repeat: no-repeat;display:block;} /*■*■*記事の設定*■*■*/ /*▼見出しの設定*/ h2{margin: 0px;padding: 0px;} h3{margin: 0px;padding: 0px;font-size: 12px;font-weight: normal;} /*▼タイトルの設定■各カテゴリーで表示するメイン画像が異なる■*/ #menulist{background-image: url(images/common/menulist.jpg);margin: 0px;padding: 0px;height: 80px;width: 650px;background-repeat: no-repeat;background-position: left top;} #menulist a:link {color: #FF6600;text-decoration: none;} #menulist a:visited {color: #FF6600;text-decoration: none;} #menulist a:hover {color: #FF6600;text-decoration: none;} #menulist a:active {color: #FF6600;text-decoration: none;} #eventlist{background-image: url(images/common/eventlist.jpg);margin: 0px;padding: 0px;height: 80px;width: 650px;background-repeat: no-repeat;background-position: left top;} #eventlist a:link {color: #FF6600;text-decoration: none;} #eventlist a:visited {color: #FF6600;text-decoration: none;} #eventlist a:hover {color: #FF6600;text-decoration: none;} #eventlist a:active {color: #FF6600;text-decoration: none;} #feast{background-image: url(images/common/feast.jpg);margin: 0px;padding: 0px;height: 80px;width: 650px;background-repeat: no-repeat;background-position: left top;} #feast a:link {color: #FF6600;text-decoration: none;} #feast a:visited {color:#FF6600;text-decoration: none;} #feast a:hover {color: #FF6600;text-decoration: none;} #feast a:active {color: #FF6600;text-decoration: none;} #takeout{background-image: url(images/common/takeout.jpg);margin: 0px;padding: 0px;height: 80px;width: 650px;background-repeat: no-repeat;background-position: left top;} #takeout a:link {color: #FF6600;text-decoration: none;} #takeout a:visited {color: #FF6600;text-decoration: none;} #takeout a:hover {color: #FF6600;text-decoration: none;} #takeout a:active {color: #FF6600;text-decoration: none;} #shop{background-image: url(images/common/shop.jpg);margin: 0px;padding: 0px;height: 80px;width: 650px;background-repeat: no-repeat;background-position: left top;} #shop a:link {color: #FF6600;text-decoration: none;} #shop a:visited {color: #FF6600;text-decoration: none;} #shop a:hover {color: #FF6600;text-decoration: none;} #shop a:active {color: #FF6600;text-decoration: none;} #travel{background-image: url(images/common/travel.jpg);margin: 0px;padding: 0px;height: 80px;width: 650px;background-repeat: no-repeat;background-position: left top;} #travel a:link {color: #FF6600;text-decoration: none;} #travel a:visited {color: #FF6600;text-decoration: none;} #travel a:hover {color: #FF6600;text-decoration: none;} #travel a:active {color: #FF6600;text-decoration: none;} #other{background-image: url(images/common/other.jpg);text-indent: 20pt;margin: 0px;padding: 0px;height: 80px;width: 650px;background-repeat: no-repeat;background-position: left top;} #other a:link {color: #FF6600;text-decoration: none;} #other a:visited {color: #FF6600;text-decoration: none;} #other a:hover {color: #FF6600;text-decoration: none;} #other a:active {color: #FF6600;text-decoration: none;} /*■*■*トップページのの設定*■*■*/ /*▼メイン画像部分の設定*/ #mainimg {margin: 0px;padding: 0px;width: 650px;background-image: url(images/common/meinimgline.gif);background-repeat: repeat-x;background-position: left bottom;height: 247px;} /*■■■各項目の設定■■■*/ /*▼今月のオススメの設定*/ #pickup {border-right: 1px solid #D70C0C;border-bottom: 1px solid #D70C0C;border-left: 1px solid #D70C0C;width: 398px;margin: 0px;padding: 0px 0px 15px;background-color: #FAF1E7;} #pickup img{margin: 0px 5px 5px 0px;padding: 0px 0px 10px;width: 202px;float: left;} #pickup embed{margin: 0px 5px 5px 0px;padding: 0px 0px 10px;width: 202px;float: left;} /*▼新着情報の設定*/ #news {border-right: 1px solid #DCDCDC;border-bottom: 1px solid #DCDCDC;border-left: 1px solid #DCDCDC;margin: 0px;padding: 0px;width:399px;height: 500px;overflow: auto;} #news ul{margin: 0px;padding: 0px;list-style-type: none;width: 350px;padding-left: 10px;} #news li{margin: 0px;padding-top: 3px;padding-right: 0px;padding-bottom: 3px;padding-left: 0px;} #news p{margin: 0px;padding: 0px;font-weight: bold;background-image: url(images/common/icon02.gif);background-repeat: no-repeat;background-position: left top;text-indent: 10pt;} /*▼イベントの設定*/ #event {width: 215px;border-right: 1px solid #D70C0C;border-bottom: 1px solid #D70C0C;border-left: 1px solid #D70C0C;margin: 0px 0px 0px 3px;padding: 0px;} #event p{font-weight: bold;color: #A50000;margin: 0px;padding: 3px 0px 8px;} /*▼コンテンツの設定*/ #cont {margin: 0px;padding: 0px;width: 218px;height: 100%;border-right: 1px solid #DCDCDC;border-left: 1px solid #DCDCDC;} #cont p{font-weight: bold;color: #A50000;margin: 0px;padding: 3px 0px 0px;} /*▼お知らせの設定*/ #info {margin: 0px;padding: 0px;width: 218px;height: 100%;border-right: 1px solid #DCDCDC;border-bottom: 1px solid #DCDCDC;border-left: 1px solid #DCDCDC;} #info p{font-weight: bold;color: #A50000;margin: 0px;padding: 3px 0px 0px;} /*▼調整用*/ .spacer01 {width: 398px;} .spacer02 {width: 218px;} .spacer03 {width: 215px;} .spacer04 {width: 388px;padding-right: 10px;padding-left: 10px;} .spacer05 {width: 198px;padding-right: 8px;padding-left: 10px;} .spacer06 {width: 195px;padding-right: 7px;padding-left: 8px;} #entry {padding-left: 10px;padding-top: 15px;} #titlespace {margin: 0px;padding: 20px 0px 0px 20px;height: 30px;width: 500px;} .line{border-bottom-width: 1px;border-left-width: 3px;border-bottom-style: dashed;border-left-style: solid;border-bottom-color: #FF6600;border-left-color: #FF6600;width: 630px;text-indent: 10pt;font-size: 16px;color: #CC0000;font-weight: bold;} .line02{color:#5a070a;font-weight:bold;margin:0px;padding:0px;border-style:none none solid none;border-width:0px 0px 1px 0px;border-color:#9b9b9b;} /*▼メニューページのロールオーバー*/ #menubt01 {width: 165px;height: 34px;text-align:left;margin:0px;padding:0px 5px 20px;display:block;} #menubt01 a{width: 165px;height: 34px;background-image:url(images/common/menubt01.gif);text-align:left;margin:0px;padding:0px 5px 20px;background-repeat: no-repeat;display:block;} #menubt01 a:hover{width: 165px;height: 34px;background-image:url(images/common/menubt01_on.gif);text-align:left;margin:0px;padding:0px 5px 20px;background-repeat: no-repeat;display:block;} #menubt02 {width: 165px;height: 34px;text-align:left;margin:0px;padding:0px 5px 20px;display:block;} #menubt02 a{width:165px;height: 34px;background-image:url(images/common/menubt02.gif);text-align:left;margin:0px;padding:0px 5px 20px;background-repeat: no-repeat;display:block;} #menubt02 a:hover{width: 165px;height: 34px;background-image:url(images/common/menubt02_on.gif);text-align:left;margin:0px;padding:0px 5px 20px;background-repeat: no-repeat;display:block;} #menubt03 {width: 165px;height: 34px;text-align:left;margin:0px;padding:0px 5px 20px;display:block;} #menubt03 a{width: 165px;height: 34px;background-image:url(images/common/menubt03.gif);text-align:left;margin:0px;padding:0px 5px 20px;background-repeat: no-repeat;display:block;} #menubt03 a:hover{width: 165px;height: 34px;background-image:url(images/common/menubt03_on.gif);text-align:left;margin:0px;padding:0px 5px 20px;background-repeat: no-repeat;display:block;} .hcvc {margin-top:-250px;margin-left:-350px;position:absolute;top:50%;left:50%;} #hyoushou {margin-left: 8px;margin-top: 15px;padding: 5px;background-color: #FFFFCC;margin-right: 5px;border: 1px solid #FF9900;} /*▼ISO表記*/ #iso {margin-left: 8px;margin-top: 5px; padding: 5px; margin-right: 5px; border: 1px solid #666666;} /*▼会社ページタイトル*/ h5 { font-size: 14px; border-color: black black #D21900; padding-bottom: 5px; color: #D21900; font-weight: bold ; margin-bottom: 15px; background-image: url(images/company/icon.gif); background-repeat: no-repeat; padding-left: 23px; margin-left: 0px; margin-top: 0px; margin-right: 0px; padding-right: 0px; padding-top: 0px; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 2px; border-left-width: 0px} /*イベントバナー*/ #date_fm{width:175px; height: 126px; text-align:left; margin:0px; padding:0px; display:block; margin-bottom:10px;}