a:link { color:Blue; text-decoration: underline; } a:active { color:Red; text-decoration: underline; } a:visited { color:Purple; text-decoration: underline; } a:hover { color:Red; text-decoration: none; } /* -------------------------------- */ html { font-size: 62.5%; } hr { margin: 5px 5px; text-align: center; color: #CCC; } form { margin: 0px; padding: 0px; } .capt { color: #F00; } .capt2 { font-weight: bold; color: #F00; } .capt3 { font-size: 1.2em; font-weight: bold; color: #F00; } img { border: 0px; } /* -------------------------------- */ .emph_WT { margin: 5px 0; font-size: 1.2em; line-height: 150%; font-weight: bold; color: #FFF; } .emph_BK { margin: 5px 0; font-size: 1.2em; line-height: 150%; font-weight: bold; color: #333; } .emph_RD { margin: 5px 0; font-size: 1.2em; line-height: 150%; font-weight: bold; color: Red; } .emph_TL { margin: 5px 0; font-size: 1.2em; line-height: 150%; font-weight: bold; color: Teal; } .emph_MR { margin: 5px 0; font-size: 1.2em; line-height: 150%; font-weight: bold; color: Maroon; } .emph_OR { margin: 5px 0; font-size: 1.2em; line-height: 150%; font-weight: bold; color: #F60; } .emph_39F { margin: 5px 0; font-size: 1.2em; line-height: 150%; font-weight: bold; color: #39F; } .emph_0AE { margin: 5px 0; font-size: 1.2em; line-height: 150%; font-weight: bold; color: #0AE; } .emph_345 { margin: 5px 0; font-size: 1.2em; line-height: 150%; font-weight: bold; color: #345; } .em8 { font-size: 0.8em; } .em9 { font-size: 0.9em; } .em10 { font-size: 1.0em; } .em11 { font-size: 1.1em; } .em12 { font-size: 1.2em; } .em14 { font-size: 1.4em; } .em16 { font-size: 1.6em; } .em18 { font-size: 1.8em; } .em20 { font-size: 2.0em; } .em22 { font-size: 2.2em; } .em24 { font-size: 2.4em; } .em26 { font-size: 2.6em; } .em28 { font-size: 2.8em; } .em30 { font-size: 3.0em; } /* -------------------------------- */ .flt_left { float: left; margin: 0px 10px 0px 0px; } .flt_right { float: right; margin: 0px 0px 0px 10px; } .clr_left { clear: left; } .clr_right { clear: right; } .clr_both { clear: both; } /* ------------------------------------------------------------------------ */ .ct0 { margin: 0; text-align: center; } .ct5 { margin: 5px 0; text-align: center; } .ct10 { margin: 10px 0; text-align: center; } .ct15 { margin: 15px 0; text-align: center; } .ct20 { margin: 20px 0; text-align: center; } .ct25 { margin: 25px 0; text-align: center; } .ct30 { margin: 30px 0; text-align: center; } .ct40 { margin: 40px 0; text-align: center; } .ct50 { margin: 50px 0; text-align: center; } .lt0 { margin: 0; text-align: left; } .lt5 { margin: 5px 0; text-align: left; } .lt10 { margin: 10px 0; text-align: left; } .lt15 { margin: 15px 0; text-align: left; } .lt20 { margin: 20px 0; text-align: left; } .lt25 { margin: 25px 0; text-align: left; } .lt30 { margin: 30px 0; text-align: left; } .lt40 { margin: 40px 0; text-align: left; } .lt50 { margin: 50px 0; text-align: left; } .rt0 { margin: 0; text-align: right; } .rt5 { margin: 5px 0; text-align: right; } .rt10 { margin: 10px 0; text-align: right; } .rt15 { margin: 15px 0; text-align: right; } .rt20 { margin: 20px 0; text-align: right; } .rt25 { margin: 25px 0; text-align: right; } .rt30 { margin: 30px 0; text-align: right; } .rt40 { margin: 40px 0; text-align: right; } .rt50 { margin: 50px 0; text-align: right; } /* margin : t-b-r-l */ .mt5 { margin-top: 5px; } .mt10 { margin-top: 10px; } .mt15 { margin-top: 15px; } .mt20 { margin-top: 20px; } .mt25 { margin-top: 25px; } .mt30 { margin-top: 30px; } .mt35 { margin-top: 35px; } .mt40 { margin-top: 40px; } .mt45 { margin-top: 45px; } .mt50 { margin-top: 50px; } .mb5 { margin-bottom: 5px; } .mb10 { margin-bottom: 10px; } .mb15 { margin-bottom: 15px; } .mb20 { margin-bottom: 20px; } .mb25 { margin-bottom: 25px; } .mb30 { margin-bottom: 30px; } .mb35 { margin-bottom: 35px; } .mb40 { margin-bottom: 40px; } .mb45 { margin-bottom: 45px; } .mb50 { margin-bottom: 50px; } .mr5 { margin-right: 5px; } .mr10 { margin-right: 10px; } .mr15 { margin-right: 15px; } .mr20 { margin-right: 20px; } .mr25 { margin-right: 25px; } .mr30 { margin-right: 30px; } .mr35 { margin-right: 35px; } .mr40 { margin-right: 40px; } .mr45 { margin-right: 45px; } .mr50 { margin-right: 50px; } .ml5 { margin-left: 5px; } .ml10 { margin-left: 10px; } .ml15 { margin-left: 15px; } .ml20 { margin-left: 20px; } .ml25 { margin-left: 25px; } .ml30 { margin-left: 30px; } .ml35 { margin-left: 35px; } .ml40 { margin-left: 40px; } .ml45 { margin-left: 45px; } .ml50 { margin-left: 50px; } /* padding : t-b-r-l */ .pt5 { padding-top: 5px; } .pt10 { padding-top: 10px; } .pt15 { padding-top: 15px; } .pt20 { padding-top: 20px; } .pt25 { padding-top: 25px; } .pt30 { padding-top: 30px; } .pt35 { padding-top: 35px; } .pt40 { padding-top: 40px; } .pt45 { padding-top: 45px; } .pt50 { padding-top: 50px; } .pb5 { padding-bottom: 5px; } .pb10 { padding-bottom: 10px; } .pb15 { padding-bottom: 15px; } .pb20 { padding-bottom: 20px; } .pb25 { padding-bottom: 25px; } .pb30 { padding-bottom: 30px; } .pb35 { padding-bottom: 35px; } .pb40 { padding-bottom: 40px; } .pb45 { padding-bottom: 45px; } .pb50 { padding-bottom: 50px; } .pr5 { padding-right: 5px; } .pr10 { padding-right: 10px; } .pr15 { padding-right: 15px; } .pr20 { padding-right: 20px; } .pr25 { padding-right: 25px; } .pr30 { padding-right: 30px; } .pr35 { padding-right: 35px; } .pr40 { padding-right: 40px; } .pr45 { padding-right: 45px; } .pr50 { padding-right: 50px; } .pl5 { padding-left: 5px; } .pl10 { padding-left: 10px; } .pl15 { padding-left: 15px; } .pl20 { padding-left: 20px; } .pl25 { padding-left: 25px; } .pl30 { padding-left: 30px; } .pl35 { padding-left: 35px; } .pl40 { padding-left: 40px; } .pl45 { padding-left: 45px; } .pl50 { padding-left: 50px; } /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ div.main_title { margin: 0 0 0 0; padding: 7px 10px 5px 10px; color: Black; background: url("../img/bg_main_title.png"); } div.sub_title { margin: 0 0 10px 0; padding: 3px 10px; font-size: 1.2em; color: Black; background: Gainsboro; border: solid 0px Slategray; } div.main_script { margin: 0 20px 10px 20px; } div.sub_script { margin: 0 20px 10px 20px; } div.third_script { margin: 10px 20px 10px 20px; } /* ------------------------------------------------------------------------ */ div.date { float: right; margin: 0 10px; } div.eos { float: right; margin: 10px 0; } div.reload { float: right; margin: 10px 10px; } div.fav_list { float: right; margin: 5px 10px; } /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ .under_bar { margin: 10px 0; padding: 2px 0; font-weight: bold; color: #39F; border-bottom: solid 1px #39F; } div.links { margin: 20px; } div.left_photo { float: left; margin:0px 10px 10px 0; } div.right_photo { float: right; margin:0px 0 10px 10px; } img.arrow { vertical-align: middle; } /* ------------------------------------------------------------------------ */ /* menu */ /* ------------------------------------------------------------------------ */ #main_menu { margin: 0 auto; padding-bottom: 5px; text-align: left; width: 1000px; height: 50px; } #main_menu span { margin: 0 0 0 0; padding: 0; height: 50px; display: inline-block; list-style: none; } #main_menu span.item { background: url("../img/bg_menu.png") left 0px; } #main_menu span.item_jis { background: url("../img/bg_menu.png") left -50px; } #main_menu span a { } #main_menu span:hover { background: url("../img/bg_menu.png") left -50px; } div.sub_menu ul { margin: 20px 0 20px 0; padding: 0px; width: 210px; } div.sub_menu ul li { width: 100%; list-style: none; display: block; text-decoration: none; } div.sub_menu ul li.item { margin: 5px 0 5px 0; padding: 0 0 0 15px; line-height: 40px; width: 195px; height: 40px; background: url("../img/bg_menu2.png") left 0px no-repeat; } div.sub_menu ul li.item_jis { margin: 5px 0 5px 0; padding: 0 0 0 15px; line-height: 40px; width: 195px; height: 40px; background: url("../img/bg_menu2.png") left -50px no-repeat; } div.sub_menu ul a { text-decoration: none; } div.sub_menu ul li:hover { background: url("../img/bg_menu2.png") left -50px no-repeat; } /* ------------------------------------------------------------------------ */ div.return_button { text-align: center;; margin: 10px 20px 10px 20px; } div.submit_button { text-align: center;; margin: 10px 20px 10px 20px; } div.rev_title /* an obi : reversal */ { margin: 0 0 5px 0; line-height: 31px; padding:0px 7px 0 30px; font-size:1.2em; font-weight: bold; color: #FFF; background: url("../img/bg_rev_title_3.png") no-repeat; border-radius: 15px; } div.rev_title_2 /* an obi : reversal */ { margin: 0 0 5px 0; line-height: 22px; padding:0px 10px; font-size:1.2em; font-weight: bold; color: #FFF; background: #E95C00; } div.rev_title_3 /* an obi : reversal */ { margin: 0 0 5px 0; line-height: 31px; padding:0px 7px 0 30px; font-size:1.2em; font-weight: bold; color: #FFF; background: url("../img/bg_rev_title_3.png") no-repeat; border-radius: 15px; } #calendar_area { margin: 20px 0 20px 0; } div.topic_area { margin: 0 30px 0 0; padding: 0 0 10px 0; text-align: left; border-bottom: dashed 1px Silver; } ul.topic { margin: 5px 5px 5px 0; padding: 0 0 0 0; list-style: none; } div.topic_title { line-height: 30px; padding: 0 10px; color: #FFF; background: url("../img/bg_title_bar.png"); } div.holiday_comm_top { margin: 0 10px 0 0; padding: 10px; width: 190px; background: #EEE; border-style: dashed; border-width: 1px 0; border-color: #98AAC8; } div.holiday_comm { margin: 0 10px 0 0; padding: 10px; width: 190px; background: #EEE; border-style: dashed; border-width: 0 0 1px 0; border-color: #98AAC8; } /* ------------------------------------------------------------------------ */ /* page top */ /* ------------------------------------------------------------------------ */ #top_fixed { position: fixed !important; visibility: visible; z-index: 9999; top: 0px; left: 0px; width: 100%; height: 150px; background: url(../img/bg_top_fixed.png) repeat-x; } #top_bar { position: relative; margin: 0 auto 0 auto; width: 1000px; height: 100px; } #top_bar div.logo_main { float: left; margin: 20px 0 0 0; } #top_bar div.addr_telnum { float: right; margin: 8px 203px 0 0; } #top_str { float: right; margin-top: 3px; width: 520px; text-align: left; } #top_str h1 { line-height: 15px; font-size: 12px; font-weight: normal; color: #39F; } /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ /* list box */ /* ------------------------------------------------------------------------ */ div.list_box_title { margin: 0 0 0 0; line-height: 40px; padding: 0 10px 0 40px; font-size: 1.2em; font-weight: bold; color: #008000; background: url("../img/bg_rev_title.png") no-repeat; } div.list_box { margin: 0 0 5px 0; padding: 10px; text-align: left; border-style: solid; border-width: 0 1px 1px 1px; border-color: #E2E6F0; } div.list_box .ymd { margin: 10px; padding: 5px 15px; background: #DEF; border-radius: 15px; } div.list_box_photo { padding: 3px; background: #FFF; border: solid 1px Gainsboro; } /* ------------------------------------------------------------------------ */ div.url { margin: 10px 10px 10px 10px; } div.entry { padding: 0; border: solid 1px #DDD; } div.entry table { margin: 0 0 0 0; width: 100%; border-spacing: 0; border: 0px; } div.entry td { padding: 10px 10px 10px 10px; text-align: left; } div.entry td.entry_item { padding: 10px 10px 10px 10px; background: #E6E6E6; border-bottom: dashed 1px #CCC; border-right: solid 1px #39F; } div.entry td.entry_item_last { padding: 10px 10px 10px 10px; background: #E6E6E6; border-right: solid 1px #39F; } div.entry td.input_area { background: #FFF; border-bottom: dashed 1px #E6E6E6; } div.entry td.input_area_last { background: #FFF; } div.entry td.exp_area { padding: 10px 10px 10px 10px; background: #FFFFE0; border-bottom: dashed 1px #E6E6E6; } div.caution { margin: 10px 0 10px 0; padding: 10px 20px; text-align: left; background: #D2ECFB; border-style: dashed; border-width: 1px 0px 1px 0px; border-color: #999; } div.caution_2 { margin: 10px 0 10px 0; padding: 10px 20px; text-align: left; background: Linen; border-style: dashed; border-width: 1px 0px 1px 0px; border-color: #999; } td.input_area { padding: 10px 10px; background: Lightyellow; } div.top_caption { margin: 0 0 5px 0; } /* ------------------------------------------------------------------------ */ /* page banner */ /* ------------------------------------------------------------------------ */ div.top_bnr_left { float: left; margin: 0 5px 15px 0; } div.top_bnr_right { float: right; margin: 0 0 15px 5px; } /* ------------------------------------------------------------------------ */ .right_photo_border { float:right; margin: 0px 0px 20px 30px; } .right_photo_border div.item { margin: 0px 0px 10px 0px; padding: 3px; border: solid 1px #EEE; } /* ------------------------------------------------------------------------ */ #page_move { clear: both; margin: 50px 0; text-align: center; } /* ------------------------------------------------------------------------ */ .ct0 { margin: 0; text-align: center; } .ct5 { margin: 5px 0; text-align: center; } .ct10 { margin: 10px 0; text-align: center; } .ct15 { margin: 15px 0; text-align: center; } .ct20 { margin: 20px 0; text-align: center; } .ct25 { margin: 25px 0; text-align: center; } .ct30 { margin: 30px 0; text-align: center; } .ct40 { margin: 40px 0; text-align: center; } .ct50 { margin: 50px 0; text-align: center; } .lt0 { margin: 0; text-align: left; } .lt5 { margin: 5px 0; text-align: left; } .lt10 { margin: 10px 0; text-align: left; } .lt15 { margin: 15px 0; text-align: left; } .lt20 { margin: 20px 0; text-align: left; } .lt25 { margin: 25px 0; text-align: left; } .lt30 { margin: 30px 0; text-align: left; } .lt40 { margin: 40px 0; text-align: left; } .lt50 { margin: 50px 0; text-align: left; } .rt0 { margin: 0; text-align: right; } .rt5 { margin: 5px 0; text-align: right; } .rt10 { margin: 10px 0; text-align: right; } .rt15 { margin: 15px 0; text-align: right; } .rt20 { margin: 20px 0; text-align: right; } .rt25 { margin: 25px 0; text-align: right; } .rt30 { margin: 30px 0; text-align: right; } .rt40 { margin: 40px 0; text-align: right; } .rt50 { margin: 50px 0; text-align: right; } /* margin : t-b-r-l */ .mt5 { margin-top: 5px; } .mt10 { margin-top: 10px; } .mt15 { margin-top: 15px; } .mt20 { margin-top: 20px; } .mt25 { margin-top: 25px; } .mt30 { margin-top: 30px; } .mt35 { margin-top: 35px; } .mt40 { margin-top: 40px; } .mt45 { margin-top: 45px; } .mt50 { margin-top: 50px; } .mb5 { margin-bottom: 5px; } .mb10 { margin-bottom: 10px; } .mb15 { margin-bottom: 15px; } .mb20 { margin-bottom: 20px; } .mb25 { margin-bottom: 25px; } .mb30 { margin-bottom: 30px; } .mb35 { margin-bottom: 35px; } .mb40 { margin-bottom: 40px; } .mb45 { margin-bottom: 45px; } .mb50 { margin-bottom: 50px; } .mr5 { margin-right: 5px; } .mr10 { margin-right: 10px; } .mr15 { margin-right: 15px; } .mr20 { margin-right: 20px; } .mr25 { margin-right: 25px; } .mr30 { margin-right: 30px; } .mr35 { margin-right: 35px; } .mr40 { margin-right: 40px; } .mr45 { margin-right: 45px; } .mr50 { margin-right: 50px; } .ml5 { margin-left: 5px; } .ml10 { margin-left: 10px; } .ml15 { margin-left: 15px; } .ml20 { margin-left: 20px; } .ml25 { margin-left: 25px; } .ml30 { margin-left: 30px; } .ml35 { margin-left: 35px; } .ml40 { margin-left: 40px; } .ml45 { margin-left: 45px; } .ml50 { margin-left: 50px; } /* padding : t-b-r-l */ .pt5 { padding-top: 5px; } .pt10 { padding-top: 10px; } .pt15 { padding-top: 15px; } .pt20 { padding-top: 20px; } .pt25 { padding-top: 25px; } .pt30 { padding-top: 30px; } .pt35 { padding-top: 35px; } .pt40 { padding-top: 40px; } .pt45 { padding-top: 45px; } .pt50 { padding-top: 50px; } .pb5 { padding-bottom: 5px; } .pb10 { padding-bottom: 10px; } .pb15 { padding-bottom: 15px; } .pb20 { padding-bottom: 20px; } .pb25 { padding-bottom: 25px; } .pb30 { padding-bottom: 30px; } .pb35 { padding-bottom: 35px; } .pb40 { padding-bottom: 40px; } .pb45 { padding-bottom: 45px; } .pb50 { padding-bottom: 50px; } .pr5 { padding-right: 5px; } .pr10 { padding-right: 10px; } .pr15 { padding-right: 15px; } .pr20 { padding-right: 20px; } .pr25 { padding-right: 25px; } .pr30 { padding-right: 30px; } .pr35 { padding-right: 35px; } .pr40 { padding-right: 40px; } .pr45 { padding-right: 45px; } .pr50 { padding-right: 50px; } .pl5 { padding-left: 5px; } .pl10 { padding-left: 10px; } .pl15 { padding-left: 15px; } .pl20 { padding-left: 20px; } .pl25 { padding-left: 25px; } .pl30 { padding-left: 30px; } .pl35 { padding-left: 35px; } .pl40 { padding-left: 40px; } .pl45 { padding-left: 45px; } .pl50 { padding-left: 50px; } /* ------------------------------------------------------------------------ */ /* Cirble Heath News box */ /* ------------------------------------------------------------------------ */ div.cir_box { margin: 10px 0 0 0; padding: 15px 20px; background: #FFF; border: solid 1px #9CF; border-radius: 0px; } div.cir_list { margin: 0; padding: 10px 0; border-style: solid; border-width: 0 1px 1px 1px; border-color: #9CF; border-radius: 0px; } div.cir_list .day { font-weight: bold; padding: 10px 15px; color: #FFF; background: #3AF; } div.cir_list .ttl { font-weight: bold; padding: 10px 10px; background: #FFF;} /* ------------------------------------------------------------------------ */ /* go mobile site */ /* ------------------------------------------------------------------------ */ @media (min-width: 768px) { .mv_only { display: none; }} @media (max-width: 767px) { .mv_only { margin-bottom: 20px; }} /* ------------------------------------------------------------------------ */ body { word-wrap: break-word; overflow-wrap: break-word; margin: 0; padding: 140px 0 0 0; text-align: center; color: #333; line-height: 150%; letter-spacing: 0.0em; font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", sans-serif; background: #FFF url("../img/bg_body.png") repeat-x; font-size: 1.2em; } /* * background: -webkit-gradient(linear, left top, left bottom, from(#DDDDDD), to(#FFFFFF)); * background: -moz-linear-gradient(top, #DDDDDD, #FFFFFF); * filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorStr=#FFDDDDDD,endColorStr=#FFFFFFFF); * -ms-filter: "progid: DXImageTransform.Microsoft.gradient(gradientType=0,startColorStr=#FFDDDDDD,endColorStr=#FFFFFFFF)"; */ #whole { margin: 0px auto; padding: 0; width: 1000px; } #whole_manage { margin: 0px auto; padding: 0; width: 1000px; } /* ------------------------------------------------------------------------ */ #lmr_body1 { margin: 0 0 0 0; padding: 0; text-align: left; } #lmr_body2 { margin: 0 0 0 0; padding: 0; text-align: left; } #lmr_photo { position: relative; margin: 0 auto; width: 1000px; padding: 0; z-index: 8; } #line_blue { position: absolute; top: 20px; left: 130px; margin: 0; padding: 0; text-align: left; z-index: 9; } #head_str { position: absolute; top: 220px; left: 135px; width: 550px; text-align: left; z-index: 10; } #head_str h2 { font-size: 12px; line-height: 180%; font-weight: normal; color: #FFF; text-shadow: 1px 2px 2px #333; } #head_str h3 { font-size: 12px; line-height: 180%; font-weight: normal; color: #FFF; text-shadow: 1px 2px 2px #333; } #body1_menu { margin: 0; text-align: center; width: 100%; height: 55px; background: url('../img/bg_body1_menu.png') repeat-x; z-index: 999; } #body2_alpha { float: left; margin-top: 20px; width: 240px; min-height: 600px; } #body2_gamma { float: left; margin-top: 20px; width: 760px; min-height: 600px; } #body2_alpha div.cdat { margin: 5px 0 5px 0; } #body2_gamma div.cdat { margin: 5px 0 5px 0; } #foot { margin: 30px 0 0 0; padding: 0; width: 100%; height: 200px; color: #666; background: url('../img/bg_foot.png') repeat-x; } #bottom_navi { margin: 0 0 0 0; padding: 20px 0 0 0; text-align: left; } #bottom_guide { margin: 20px 0 0 0; padding: 0 0 10px 0; text-align: left; } #lmr_foot { position: relative; margin: 0 auto; text-align: center; padding: 0; width: 1000px; } #_footer { position: absolute; top: -22px; left: 0px; } #copyright { float: right; margin: 10px 0 10px 0; padding: 0; font-family: Georgia, Palatino Linotype, "ＭＳ Ｐ明朝"; } #pagetop { position: fixed; top: 65%; right: 1%; z-index: 999; } /* ------------------------------------------------------------------------ */ /* /////////////////// for lightbox ////////////////////// */ #gallery { margin : 0px 0px 10px 0; } #gallery div.line { padding: 10px 0px 0px 0px; border-bottom: dashed 1px Silver; } #gallery div.line div.box { float: left; margin: 0px 5px 10px 0px; padding: 5px; border: solid 1px Gainsboro; } #gallery div.line div.ttl { margin-bottom: 5px; padding: 3px; color:#000000; background: #EEE; border-style: solid; border-width: 0px 0px 0px 3px; border-color: Orangered; } #gallery div.line div.exp { margin: 0px; padding: 5px; } #gallery img { } #gallery a:hover { filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; } /* ------------------------------------------------------------------------ */ #_home div.more { float: right; margin: 7px 3px 0 0; } #_home div.info_date { float: left; margin: 3px 0 3px 10px; width: 100px; } #_home div.info_kiji { float: left; margin: 3px 0 3px 0; width: 600px; } #_home div.topic_date { float: left; margin: 3px 0 3px 10px; width: 100px; } #_home div.topic_kiji { float: left; margin: 3px 0 3px 0; width: 600px; } /* ------------------------------------------------------------------------ */ #_menu div.info_date { float: left; margin: 3px 0 3px 10px; width: 100px; } #_menu div.info_kiji { float: left; margin: 3px 0 3px 0; width: 600px; } #_menu div.more { float: right; margin: 7px 3px 0 0; } #_menu div.flow { margin: 30px 0 50px 0; width: 760px; height: 250px; background: url('../img/bg_begin_flow.png') no-repeat; } #_menu div.flow a:hover { filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; } #_menu table.list { margin: 0; width: 100%; } #_menu table.list td { padding: 15px; } #_menu table.lesson_list { margin: 0; width: 100%; border-spacing: 2px; } #_menu table.lesson_list th { margin: 0 0 0 0; padding: 5px 0 5px 0; white-space: nowrap; text-align: center; font-size: 1.2em; font-weight: bold; color: #FFF; background: #437D9D; } #_menu table.lesson_list td { padding: 15px 10px; background: #FFF; } #_menu table.lesson_list td.pht { padding: 0 0 0 0; background: #FFF; } #_menu table.lesson_list td.itm { padding: 5px; white-space: nowrap; text-align: center; font-size: 1.2em; font-weight: bold; color: #FFF; background: #F60; } #_menu table.lesson_list td.val { white-space: nowrap; } #_menu table.lesson_list td.ctr { text-align: center; } #_menu table.lesson_list ul { margin: 0; padding: 0 0 0 5px; } #_menu table.lesson_list li { margin: 0; padding: 0 ; list-style: none; color: #FF4500; } #_menu div.pleasure { margin: 0 0 50px 0; } #_menu div.pleasure div.ttl { margin: 0 0 5px 0; padding: 5px; text-align: center; font-size: 1.4em; width: 400px; font-weight: bold; color: #FFF; background: #39F; border-radius: 15px; } #_menu div.pleasure div.pht { float: right; margin: 10px 0 10px 20px; } #_menu div.pleasure div.exp { margin: 0 0 30px 0; padding: 10px 20px; border-top: dashed 1px #39F; } #_menu div.search { margin: 0 0 50px 0; } #_menu div.search div.ttl { margin: 0 0 5px 0; padding: 5px; text-align: center; font-size: 1.4em; width: 400px; font-weight: bold; color: #FFF; background: #FF4500; border-radius: 15px; } #_menu div.search div.pht { float: right; margin: 10px 0 10px 20px; } #_menu div.search div.exp { margin: 0 0 30px 0; padding: 10px 20px; border-top: dashed 1px #FF4500; } #_menu div.target { margin: 50px 0 20px 0; } #_menu div.target div.ttl { margin: 0 0 5px 0; padding: 5px; font-size: 1.6em; font-weight: bold; color: #39F; } #_menu div.target div.pht { float: left; margin: 10px 10px 10px 0; } #_menu div.target div.exp { margin: 0 0 30px 0; padding: 10px 20px; width: 300px; border-top: dashed 1px #39F; } #_menu div.effect { margin: 50px 0 20px 0; } #_menu div.effect div.ttl { margin: 0 0 5px 0; padding: 5px; font-size: 1.6em; font-weight: bold; color: #FF4500; } #_menu div.effect div.pht { float: left; margin: 10px 10px 10px 0; } #_menu div.effect div.exp { margin: 0 0 30px 0; padding: 10px 20px; width: 300px; border-top: dashed 1px #FF4500; } #_menu div.category_box { float: left; margin: 10px 6px 10px 6px; padding: 2px; width: 233px; min-height: 350px; border: solid 1px #FF8000; border-radius: 5px; } #_menu div.category_box div.ttl { margin: 0 0 2px 0; padding: 5px; text-align: center; font-size: 1.2em; font-weight: bold; color: #FFF; background: #FF8000; border-radius: 3px; } #_menu div.equip { margin: 0 0 20px 0; height: 320px; background: url('../img/bg_equip.png') no-repeat; } #_menu div.equip div.exp { padding: 60px 0 0 50px; width: 450px; } #_menu div.what_01 { margin: 0 0 20px 0; height: 400px; background: url('../img/bg_what.png') 0px 0px no-repeat; } #_menu div.what_01 div.exp { padding: 80px 0 0 20px; width: 400px; } #_menu div.what_02 { margin: 0 0 20px 0; height: 400px; background: url('../img/bg_what.png') 0px -400px no-repeat; } #_menu div.what_02 div.exp { padding: 80px 0 0 20px; width: 400px; } #_menu div.lesson { position: relative; margin: 0 0 20px 0; height: 400px; background: url('../img/bg_lesson.png') 0px 0px no-repeat; } #_menu div.lesson div.exp { padding: 80px 0 0 40px; width: 380px; } #_menu div.lesson ul { margin: 30px 20px; padding: 0; } #_menu div.lesson ul li { list-style: none; margin: 0; padding-left: 20px; line-height: 24px; } #_menu div.lesson #target { position: absolute; top: 100px; left: 445px; } #_menu div.lesson #effect { position: absolute; top: 60px; left: 550px; } #_menu div.lesson #all { position: absolute; top: 100px; left: 655px; } #_menu div.choice ul { margin: 10px 0; padding: 0; } #_menu div.choice ul li { list-style: none; margin: 0; padding-left: 15px; } #_menu table.charge { margin: 10px 0; width: 100%; border-spacing: 2px; background: #39F; border-radius: 10px 10px 0 0; } #_menu table.charge th { margin: 0 0 0 0; padding: 5px 0 5px 0; white-space: nowrap; text-align: center; font-size: 1.2em; font-weight: bold; color: #FFF; } #_menu table.charge td { padding: 15px 10px; text-align: center; background: #FFF; } #_menu table.charge td.div { background: #FFD; } #_menu table.charge td.exp { text-align: left; } #_menu div.join { position: relative; margin: 0 0 20px 0; width: 760px; height: 350px; background: url('../img/bg_join_01.png') no-repeat; } #_menu div.join #campaign { position: absolute; top: 20px; left: 15px; } #_menu div.join #fliar01 { position: absolute; top: 140px; left: 15px; } #_menu div.join #fliar02 { position: absolute; top: 140px; left: 145px; } #_menu div.join #oneday { position: absolute; top: 20px; left: 470px; } #_menu div.join #shop { position: absolute; top: 20px; left: 20px; } #_menu div.join #net { position: absolute; top: 150px; left: 20px; } #_menu div.observe { margin: 0 0 20px 0; width: 760px; background: url('../img/bg_observe_01.png') no-repeat; } #_menu div.observe div.obi { margin: 0 0 20px 0; padding: 0; } #_menu div.observe div.flow { margin: 10px 0 10px 150px; width: 600px; height: 150px; background: url('../img/bg_oneday_flow.png') no-repeat; } #_menu div.observe div.flow div.ttl { padding: 5px 0 0 20px; } #_menu div.observe div.flow div.exp { padding: 0 20px 0 80px; } #_menu div.observe div.flow_last { margin: 10px 0 10px 150px; width: 600px; height: 130px; background: url('../img/bg_oneday_flow_last.png') no-repeat; } #_menu div.observe div.flow_last div.ttl { padding: 10px 0 0 20px; } #_menu div.observe div.flow_last div.exp { padding: 0 20px 0 80px; } #_menu div.admission { margin: 0; } #_menu div.admission div.flow { position: relative; float: left; margin: 10px 0 10px 0; width: 259px; height: 238px; background: url('../img/bg_join_flow.png') no-repeat; } #_menu div.admission div.flow div.ttl { padding: 20px 10px 0 30px; letter-spacing: 0.2em; font-size: 1.4em; font-weight: bold; color: #39F; } #_menu div.admission div.flow div.exp { padding: 20px 38px 0 30px; } #_menu div.admission div.flow_last { float: left; margin: 10px 0 10px 0; width: 242px; height: 238px; background: url('../img/bg_join_flow_last.png') no-repeat; } #_menu div.admission div.flow_last div.ttl { padding: 20px 10px 0 30px; letter-spacing: 0.2em; font-size: 1.4em; font-weight: bold; color: #39F; } #_menu div.admission div.flow_last div.exp { padding: 20px 20px 0 30px; } #_menu div.admission div.flow div.button { position: absolute; top: 165px; left: 15px; padding: 20px 20px 0 30px; } #_menu table.equip { margin: 20px auto ; width: 100%; border-spacing: 1px; background: #39F; border-radius: 10px 10px 0 0; } #_menu table.equip th { margin: 0 0 0 0; padding: 5px 0 5px 0; white-space: nowrap; text-align: center; font-size: 1.2em; font-weight: bold; color: #FFF; } #_menu table.equip td { padding: 15px 10px; background: #FFF; } #_menu table.equip td.pht { padding: 5px; width: 480px; } #_menu table.merit { margin: 10px auto ; width: 100%; border-spacing: 5px; background: #FFF; } #_menu table.merit td { padding: 10px 10px; } #_menu table.merit td.ttl { width: 250px; text-align: center; background: #D2ECFB; border-radius: 10px; } #_menu div.subtitle { margin: 10px 0; padding: 5px; text-align: center; font-weight: bold; font-size: 1.2em; color: #FFF; background: #044B8E; } #_menu div.top_comment { margin: 0 0 0 0; width: 760px; height: 120px; background: url('../img/bg_choice_top_comment.png') no-repeat; } #_menu div.top_comment div.str { padding: 20px 0 0 30px; } #_menu div.m_voice_exp { margin: 20px 0; padding: 10px 15px; background: #DEF; border-radius: 10px; } #_menu div.voice_each { margin: 10px 0; padding: 3px; border: solid 1px #39F; border-radius: 5px; } #_menu div.voice_each div.who { float: left; margin: 0; padding: 5px 10px; min-width: 250px; font-size: 1.2em; font-weight: bold; color: #FFF; background: #39F; border-radius: 3px; } #_menu div.voice_each div.ttl { float: left; margin: 0 0 0 10px; padding: 5px 10px; font-size: 1.2em; font-weight: bold; } #_menu div.voice_each div.str { padding: 15px 15px; } #_menu div.qanda_each { margin: 10px 0; padding: 3px; border: solid 1px #F60; border-radius: 5px; } #_menu div.qanda_each div.q_ttl { margin: 0; padding: 5px 10px; font-size: 1.2em; font-weight: bold; color: #FFF; background: #F60; border-radius: 3px; } #_menu div.qanda_each div.a_ttl { margin: 0; padding: 5px 10px; color: #F30; font-size: 1.2em; font-weight: bold; } #_menu div.qanda_each div.str { padding: 0 15px 10px 15px; } #_menu div.link_m_lesson { margin: 10px 0 10px; width: 280px; line-height: 58px; text-align: center; font-weight: bold; color: #FFF; background: url('../img/bg_link_m_lesson.png') no-repeat; } #_menu div.list_box { margin: 20pxx 0; padding: 20px; text-align: left; border-style: solid; border-width: 1px; border-color: #CCC; } /* ------------------------------------------------------------------------ */ #_houjin div.box { margin: 10px 0; padding: 10px 20px; font-size: 1.2em; line-height: 150%; border: solid 2px #39F; border-radius: 10px; } #_houjin table.charge { margin: 10px 0; width: 100%; border-spacing: 2px; background: #39F; border-radius: 10px 10px 0 0; } #_houjin table.charge th { margin: 0 0 0 0; padding: 5px 0 5px 0; white-space: nowrap; text-align: center; font-size: 1.2em; font-weight: bold; color: #FFF; } #_houjin table.charge td { padding: 15px 10px; text-align: center; background: #FFF; } #_houjin table.charge td.div { background: #FFD; } /* ------------------------------------------------------------------------ */ #_kids_dance div.kids_exp { margin: 10px 0; padding: 5px; text-align: center; background: #F9C9E3; border-radius: 10px; } #_kids_dance div.kids_bnr { margin: 10px 0; text-align: center; } #_kids_dance div.kids_img { margin: 0; text-align: center; } /* ------------------------------------------------------------------------ */ #_kids_tennis div.kids_exp { margin: 0; padding: 5px; text-align: center; background: #F9C9E3; border-radius: 10px; } #_kids_tennis div.exp { margin: 10px 50px 30px 145px; font-size: 1.2em; font-weight: bold; color: #39F; } #_kids_tennis div.kids_bnr { margin: 10px 0; text-align: center; } #_kids_tennis div.kids_img { margin: 10px 0; text-align: center; } #_kids_tennis table.lesson { margin: 20px 0 30px 50px; width: 640px; border-spacing: 2px; background: #EA5C98; } #_kids_tennis table.lesson th { padding: 5px; letter-spacing: 0.1em; white-space: nowrap; text-align: center; font-size: 1.2em; font-weight: bold; background: #F9D8E6; } #_kids_tennis table.lesson td { padding: 10px 15px; text-align: center; white-space: nowrap; font-size: 1.2em; background: #FFF; } #_kids_tennis table.lesson td.item { padding: 10px 15px; text-align: center; white-space: nowrap; font-size: 1.2em; background: #F9D8E6; } /* ------------------------------------------------------------------------ */ #_privacy div.list_box { margin: 0; padding: 10px; border-width: 0; } /* ------------------------------------------------------------------------ */ #_info div.sub_script { margin: 5px 10px 10px 10px; } #_info div.url { margin: 5px 5px 5px 20px; } #_info div.title_box_first { margin: 0 0; padding: 2px 0; border-style: solid; border-width: 1px 0 1px 0; border-color: Gainsboro; } #_info div.title_box { margin: 0 0; padding: 2px 0; border-style: solid; border-width: 0 0 1px 0; border-color: Gainsboro; } #_info div.title_date { float: left; width: 150px; } #_info div.title_title { float: left; } #_info div.details_exp { float:left; margin: 0 10px 10px 10px; } /* ------------------------------------------------------------------------ */ #_topic div.sub_script { margin: 5px 10px 10px 10px; } #_topic div.url { margin: 5px 5px 5px 20px; } #_topic div.title_box_first { margin: 0 0; padding: 2px 0; border-style: solid; border-width: 1px 0 1px 0; border-color: Gainsboro; } #_topic div.title_box { margin: 0 0; padding: 2px 0; border-style: solid; border-width: 0 0 1px 0; border-color: Gainsboro; } #_topic div.title_date { float: left; width: 150px; } #_topic div.title_title { float: left; } #_topic div.details_exp { float:left; margin: 0 10px 10px 10px; } /* ------------------------------------------------------------------------ */ #_link div.link_category_title { margin: 10px 0 10px 0; padding: 3px 10px; background: #EEE; border-style: solid; border-width: 1px 0 1px 0; border-color: #5F7A99; } #_link div.link_box { margin: 0 0 5px 0; padding: 0 0; border-style: solid; border-width: 1px 0 0 0; border-color: Silver; } #_link div.link_box div.link_title { float: left; margin: 0 0 0 0; padding: 3px 0 3px 0; line-height: 24px; } #_link div.link_box div.link_category { float: right; margin: 0 0 0 10px; padding: 0 0 0 0; color: #999999; } #_link div.link_box div.link_exp { clear: both; margin: 5px 0 5px 50px; color: #999999; } #_link div.link_bnr { margin: 0 0 10px 0; } #_link div.link_bnr a img:hover { filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; } #_link div.link_bnr div.item { float: left; padding: 0 4px 1.4em 0; } #_link div.link_bnr div.item_end { float: left; padding: 0 0 1.4em 0; } /* ------------------------------------------------------------------------ */ #_qanda div.qanda { margin: 0 0 5px 0; padding: 0 0 5px 0; border-bottom: dashed 1px Silver; } #_qanda div.question { margin: 0; width: 760px; background: url('../img/bg_question.png') no-repeat; } #_qanda div.question div.text { padding: 15px 50px 20px 100px; font-size: 1.2em; color: #304A62; } #_qanda div.answer { margin: 0; width: 760px; background: url('../img/bg_answer.png') no-repeat; } #_qanda div.answer div.text { padding: 10px 50px 10px 100px; min-height: 30px; color: #333; border-bottom: solid 1px #DCDCDC } /* ------------------------------------------------------------------------ */ #_greet div.list_box { margin: 0 0 0 0; padding: 10px; background: #FFF; border-style: solid; border-width: 1px 1px 1px 1px; border-color: Gainsboro; } /* ------------------------------------------------------------------------ */ /* ////////////// manage = alpha + beta + gamma ///////////////// */ /* ------------------------------------------------------------------------ */ #_manage { text-align: left; font-size: 1.0em; color: #333; background: #FFF; } #_manage td,input,textarea { color: #333; font-size: 1.0em; } #_manage div.entry { margin: 10px; padding: 3px; color: #333; border-style: solid; border-width: 1px 1px; border-color: Gainsboro; } #_manage div.entry table { margin: 0; width: 100%; border-spacing: 1px; border: 0px; background: #FFF; } #_manage div.entry td { padding: 3px 5px; font-size: 1.0em; background: #E6E6E6; } #_manage div.entry td.entry_item { color: #333; background: #E6E6E6; border-bottom: dashed 0px #CCC; } #_manage div.entry td.teikyubi { background: Linen; } #_manage td.action_exp:hover { background: #C0E0E0; } #_manage div.list_box_textarea { margin: 10px 0 10px 0; padding: 10px; color: #333; background: #EEE; } #_manage div.caution { color: #333; } #_manage div.main_script { margin: 10px 10px; color: #333; } #_manage div.sub_script { margin: 20px 20px; color: #333; } #_manage div.return_button { float: left; margin: 10px 20px 10px 20px; } #_manage div.submit_button { float: right; margin: 10px 20px 10px 20px; } /* ------------------------------------------------------------------------ */ #_about table.about { margin: 20px auto ; width: 100%; border-spacing: 1px; background: #39F; border-radius: 10px 10px 0 0; } #_about table.about th { margin: 0 0 0 0; padding: 5px 0 5px 0; letter-spacing: 0.3em; white-space: nowrap; text-align: center; font-size: 1.2em; font-weight: bold; color: #FFF; } #_about table.about td { padding: 10px 15px; background: #FFF; } #_about table.about td.item { padding: 10px 15px; width: 120px; text-align: center; white-space: nowrap; background: #D2ECFB; } /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ /* change font size */ /* ------------------------------------------------------------------------ */ #fsize_menu { position: absolute; top: -6px; left: 860px; margin: 0; padding: 10px 5px 5px 5px; background: #3399FF; border-radius: 5px; } #fsize_menu ul { margin: 0; padding: 0; } #fsize_menu ul li { padding: 0 3px; list-style: none; display: inline-block; text-decoration: none; font-size: 12px; } #fsize_menu ul li.str { margin: 0 3px 0 3px; color: #FFF; } #fsize_menu ul li.item { margin: 0 2px 0 0; background: #FFF; } #fsize_menu ul a { text-decoration: none; } #fsize_menu ul li.item:hover { border-color: Red;} /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ /* /////////////////// for lightbox photo2b ////////////////////// */ /* ------------------------------------------------------------------------ */ /* #ys_demo_2 { position: relative; float: right; margin: 0 0 0 0; padding: 0; width: 1000px; height: 400px;} */ #ys_demo_2 { position: relative; overflow: hidden; float: right; margin: 0 0 0 0; padding: 0; width: 1000px; height: 400px;} #ys_img_thumb_2 { position: absolute; top: 353px; left: 8px; float:left; margin: 0; width: 1000px; z-index: 999; } #ys_img_thumb_2 img { margin: 0 3px 3px 0; padding: 0; width: 88px; background: #FFF; border-style: solid; border-width: 2px; border-color: #FFF; } #ys_img_thumb_2 img:hover { border-color: Blue; } #ys_img_2 { position: absolute; margin: 0; padding: 0; width: 25000px; } #ys_img_2 li { display: block; float: left; margin: 0; padding: 0; border: none; list-style: none; background: #FFF; } #ys_img_2 li img { padding: 0px; border-style: solid; border-width: 0 1px 0 0; border-color: #FFF; } /* ------------------------------------------------------------------------ */