@charset "utf-8"; /****************************************************************************** [全体の設定] ******************************************************************************/ * { margin: 0; padding: 0; text-align: center;/*ie6 centering*/ font-family: 'メイリオ',Meiryo,'ＭＳＰゴシック',"MS P Gothic",'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Arial,sans-serif; } /****************************************************************************** [タグの設定] ******************************************************************************/ body{ font-size: 14px; color: #666666; /* フォントの色にカラーコード：#666666を指定します */ line-height: 1.5; /* 行間を1.5に指定します */ /* background: url(../images/b4-44.gif) #f4f2eb center top repeat; */ } img { border:none; } /****************************************************************************** [clearfixの設定] ******************************************************************************/ .clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } .clearfix { display: inline-block; } /* exlude MacIE5 \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* end MacIE5 */ /****************************************************************************** [全体枠の設定] ******************************************************************************/ #outline1 { margin: 0 auto; /* ブロックを中央寄せにします */ /* padding-bottom: 15px; */ } #outline { width: 950px; /* ブロックの横幅を950pxに固定します */ margin: 0 auto; /* ブロックを中央寄せにします */ /* padding-bottom: 15px;*/ } #outline3 { margin: 0 auto; /* ブロックを中央寄せにします */ background: url(../images/hawai/hawai_foot.jpg) bottom no-repeat; /* padding-bottom: 15px; */ } p { text-align: left;/*ie6 centering*/ } .container { width: 950px; /* ブロックの横幅を950pxに固定します */ margin: 0 auto; /* ブロックを中央寄せにします */ } /****************************************************************************** [ヘッダーの設定] ヘッダー部ブロックに対してスタイルを指定します。 ******************************************************************************/ #header { color: #000; /* ブロックのフォント色にカラーコード：#fff（白）を指定します */ margin: 0 auto 0 auto; /* ブロックを中央寄せにし、ブロック外の上に15pxの余白を入れます */ /* background: url(../images/hawai/hawai_head.jpg) top no-repeat;*/ } #head1 { width: 950px; /* ブロックの横幅を950pxに固定します */ margin: 0 auto 0 auto; /* ブロックを中央寄せにし、ブロック外の上に15pxの余白を入れます */ } h1 { padding-top: 4px; font-size: 14px; font-weight : normal; display: inline; float: left; } h1 a { color: #333; } #head1 p a{ color: #000; padding-top: 4px; float: right; } #home { clear: both; margin: 3px auto 0 auto; padding: 0; text-align: center; height: 150px; background: url(../images/hawai/sauna_header.jpg) top no-repeat; } /****************************************************************************** [コンテンツの設定] コンテンツ部ブロックに対してスタイルを指定します。 ******************************************************************************/ #content { width: 950px; /* ブロックの横幅を950pxに固定します */ clear: both; /* floatによる回り込みを解除します（clearfixで解除しているが、DW上の表示のために指定） */ margin: 10px auto 15px auto; /* ブロックを中央寄せにし、ブロック外の上下に20pxの余白を入れます */ } #main { width: 950px; /* ブロックの横幅を950pxに固定します */ float: right; /* ブロックを右端側に回り込ませます */ margin: 0 auto 0 auto; /* ブロックを中央寄せにし、ブロック外の上下に0pxの余白を入れます */ } #center { color: #666; /* ブロックのフォント色にカラーコード：#fff（白）を指定します */ width: 700px; /* ブロックの横幅を700pxに固定します */ float: left; /* ブロックを左端側に回り込ませます */ } #right { color: #666; /* ブロックのフォント色にカラーコード：#fff（白）を指定します */ width: 235px; /* ブロックの横幅を290pxに固定します */ float: right; /* ブロックを右端側に回り込ませます */ } #navi { clear: both; margin: 0 auto 0 auto; padding: 0; height: 40px; text-align: center; } #navi div { display: inline; float: left; } #navi div.navi_1 { /* margin-left: 25px;*/ } #navi div.navi_1, #navi div.navi_2, #navi div.navi_3, #navi div.navi_4, #navi div.navi_5 { margin-right: 4px; } #flash { margin-top: 15px; } .point_title { margin-top: 25px; } .point_title2 { margin-top: 10px; } #menu { margin: 15px auto 0 auto; padding: 0; height: 120px; text-align: center; } #menu div { width: 223px; display: inline; float: left; } #menu div.cate_1, #menu div.cate_2 { margin-right: 15px; } #link { clear: both; } #link p { color: #999; /* ブロックのフォント色にカラーコード：#fff（白）を指定します */ } #link div.bar_1 img { margin: 0 auto 8px auto; } #link div.bar_2 img { margin: 8px auto; } .none { display: none; } #topics { width: 235px; } #topics_title { height: 30px; background: url(../images/hawai/hawai_blog_title.gif) top no-repeat; } #top_info_title { height: 30px; background: url(../images/hawai/hawai_top_info_title.gif) top no-repeat; } #info_title { height: 30px; background: url(../images/hawai/hawai_info_title.gif) top no-repeat; } #info_title2 { height: 30px; background: url(../images/hawai/hawai_info_title2.gif) top no-repeat; } #topics_box { margin-top: 5px; height: 170px; background: url(../images/hawai/hawai_topics_box.gif) bottom no-repeat; } #topics_box .box_text { text-align: left; height: 155px; width: 218px; padding: 6px 5px 6px 10px; overflow:auto; } #enkai_title { height: 30px; background: url(../images/hawai/hawai_enkai_title.gif) top no-repeat; } p.entry { text-indent: 1em; line-height: 1.8; } .r_bana { margin-top: 15px; width: 290px; /* ブロックの横幅を290pxに固定します */ } .r_bana2 { margin-top: 11px; width: 290px; /* ブロックの横幅を290pxに固定します */ } #info div img{ margin: 20px auto 0 auto; } #info .list { margin-left:60px; margin-right:30px; } #info.list2 { margin-left:35px; margin-right:30px; } .box_text_2 { margin-top:5px; padding: 10px; border: 1px solid #ffcc88; } .box_text_3 { margin-top:5px; padding: 10px; border: 1px solid #999; } .box_text_2 div.box_img, .box_text_3 div.box_img { text-align: left; float: left; width: 300px; padding: 4px 4px; display: inline; border: 1px solid #ccc; } .box_text_2 div.box_img2, .box_text_3 div.box_img2 { text-align: left; float: left; width: 660px; padding: 4px 4px; display: inline; border: 1px solid #ccc; } .box_text_2 div.box_img_tate, .box_text_3 div.box_img_tate { float: left; width: 220px; margin-left:40px; margin-right:40px; padding: 4px 4px; display: inline; border: 1px solid #ccc; } .box_alt { width: 355px; float: right; } /****************************************************************************** [下位画面の設定] ******************************************************************************/ .m_5 { margin-top: 5px; } .m_10 { margin-top: 10px; } .m_15 { margin-top: 15px; } .m_20 { margin-top: 20px; } .c1 { font-weight: bold; margin-top: 10px; padding-left: 35px; background: url(../images/acc_21.gif) 30px 6px no-repeat; } .c2 { font-weight: bold; margin-top: 10px; padding-left: 35px; background: url(../images/acc_22.gif) 30px 6px no-repeat; } .c3 { margin-top: 10px; padding-left: 35px; background: url(../images/acc_23.gif) 30px 6px no-repeat; } .c31 { margin-top: 3px; padding-left: 35px; background: url(../images/acc_23.gif) 30px 6px no-repeat; } .c3 a, .c31 a { padding-left: 10px; font-weight: bold; } .b { font-weight: bold; } .red { color: red; } #sub_right ol li { padding:4px 0; text-align: left; } table { margin: 0 auto; width: 90%; line-height: 1.5; font-family: 'メイリオ',Meiryo,'ＭＳＰゴシック',"MS P Gothic",'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Arial,sans-serif; border-collapse: collapse; background-color: #fff; } th, td { text-align: left; padding: 3px 15px; border: 1px dotted #ccc; } th { width: 20%; text-align: left; background-color: #eee; } #right_info, #right_info2 { clear: both; /* floatによる回り込みを解除します（clearfixで解除しているが、DW上の表示のために指定） */ margin :0; padding :0; width: 235px; } #right_info dt { padding: 1px; border-left: 1px solid #ffcc88; border-right: 1px solid #ffcc88; border-bottom: 1px solid #ffcc88; } #right_info dt.dt1 { padding: 1px; border: 1px solid #ffcc88; } #right_info dt a { text-align: left; display: block; /* width: 191px;*/ padding: 6px 5px 6px 35px; background: url(../images/hawai/acc_51.gif) #fff 14px 13px no-repeat; } #right_info dt a:hover { background: url(../images/hawai/acc_51.gif) #ffffc7 14px 13px no-repeat; } #right_info2 dt { padding: 1px; border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999; } #right_info2 dt.dt1 { padding: 1px; border: 1px solid #999; } #right_info2 dt a { text-align: left; display: block; /* width: 191px;*/ padding: 6px 5px 6px 35px; background: url(../images/hawai/acc_51.gif) #fff 14px 13px no-repeat; } #right_info2 dt a:hover { background: url(../images/hawai/acc_51.gif) #ebebeb 14px 13px no-repeat; } .pagetop { text-align: right; } /****************************************************************************** [フッターの設定] フッター部ブロックに対してスタイルを指定します。 ******************************************************************************/ #footer { font-size: 12px; color: #333; clear: both; /* floatによる回り込みを解除します（clearfixで解除しているが、DW上の表示のために指定） */ /* background: url(../images/hawai/hawai_foot.jpg) bottom no-repeat;*/ height: 70px; margin: 0 auto 0 auto; /* ブロックを中央寄せにし、ブロック外の上下に20pxの余白を入れます */ } #footer p.f_entry { text-indent: 1em; padding: 4px 0 0 0; text-align: center; } .copyright { text-align: right; padding: 1px 10px 0 0; margin: 0px; } /*--- <ページの先頭へ戻る> ---*/ #pagetop { text-align: right; padding-top: 5px; } #pagetop p a { text-align: right; margin-right: 10px; } .pagetop p { text-align: right; padding-bottom: 5px; } .pagetop p a { margin-right: 10px; }