@charset "Shift_JIS"; /* * ***hanamo*** * Common layout styles * * */ /* body, global * -------------------------------------------------------------------------------- */ body{ text-align: center; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } /* anchors * -------------------------------------------------------------------------------- */ a:link{ color: blue; } a:visited{ color: purple; } a:link:hover, a:visited:hover{ color: red; text-decoration: underline; } /* wrapper * -------------------------------------------------------------------------------- */ #wrapper{ width: 900px; text-align: left; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; } /* header * -------------------------------------------------------------------------------- */ #header{ background-attachment: scroll; background-image: url(/user_file/s118805189-sh/etc/header_bg.jpg); background-repeat: no-repeat; background-position: left top; margin: 0px; padding: 0px; height: 120px; width: 900px; position: relative; } #header_logo{ position: absolute; left: 20px; top: 0px; } #header_btn { position: absolute; top: 45px; right: 10px; } #header #header_nav { margin: 0px; padding: 0px; position: absolute; left: 620px; top: 0px; } #header #header_nav li{ display: block; float: left; list-style-type: none; margin: 0px; padding: 0px; height: 18px; width: 90px; } /* globalnav * -------------------------------------------------------------------------------- */ #globalnav{ margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; height: 50px; width: 900px; } #globalnav ul{ margin: 0px; padding: 0px; height: 50px; width: 900px; } #globalnav ul li{ display: block; margin: 0px; padding: 0px; float: left; height: 50px; width: 150px; list-style-type: none; } #globalnav ul li a{ background-attachment: scroll; background-image: url(/user_file/s118805189-sh/etc/glnav.jpg); background-repeat: no-repeat; background-position: left top; text-indent: -99999px; display: block; height: 50px; margin: 0px; padding: 0px; width: 150px; } #globalnav #gn_top a { background-position: 0px 0px; } #globalnav #gn_top a:hover { background-position: 0px -50px; } #globalnav #gn_shop a { background-position: -150px 0px; } #globalnav #gn_shop a:hover { background-position: -150px -50px; } #globalnav #gn_gift a { background-position: -300px 0px; } #globalnav #gn_gift a:hover { background-position: -300px -50px; } #globalnav #gn_flower a { background-position: -450px 0px; } #globalnav #gn_flower a:hover { background-position: -450px -50px; } #globalnav #gn_law a { background-position: -600px 0px; } #globalnav #gn_law a:hover { background-position: -600px -50px; } #globalnav #gn_guide a { background-position: -750px 0px; } #globalnav #gn_guide a:hover { background-position: -750px -50px; } /* container * -------------------------------------------------------------------------------- */ #container{ padding-top: 0px; } /* contents * -------------------------------------------------------------------------------- */ #contents{ margin: 0px; padding: 0px; float: right; width: 680px; } #sub_contents{ margin-top: 10px; margin-right: 20px; margin-bottom: 0px; margin-left: 20px; padding: 0px; float: right; width: 640px; } #contents #index_ul { margin: 0px; padding: 0px; } #contents #index_ul li{ padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; list-style-type: none; } #locus{ } /* sidebar * -------------------------------------------------------------------------------- */ #sidebar{ margin: 0px; float: left; width: 200px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 0px;background-attachment: scroll; background-image: url(/user_file/s118805189-sh/etc/side_bg.gif); background-repeat: repeat-y; background-position: left top; } /* #footer * -------------------------------------------------------------------------------- */ #footer{ clear: both; background-attachment: scroll; background-color: transparent; background-image: url(/user_file/s118805189-sh/etc/footer_bg.gif); background-repeat: no-repeat; background-position: left top; width: 900px; margin: 0px; padding: 0px; height: 150px; position: relative; } #footernav{ margin: 0px; padding: 0px; position: absolute; left: 25px; top: 25px; } #footernav ul{ margin: 0px; padding: 0px; width: 700px; } #footernav ul li{ float: left; list-style-type: none; color: #FFFFFF; } #footernav ul li a{ color: #FFFFFF; } address{ position: absolute; left: 320px; top: 120px; font-style: normal; color: #FFFFFF; } #footer #gsl { position: absolute; top: 60px; right: 15px; } .nospace { margin: 0px; padding: 0px; } .bottom{ margin-bottom: 20px; } #keyvisual{ margin-bottom: 20px; } #side_calender { margin-bottom: 20px; margin-left: 25px; } #design_leftbg{ margin: 0px; width: 200px; padding: 0px; padding-left: 0px;background-attachment: scroll; background-image: url(/user_file/s118805189-sh/etc/side_bg.gif); background-repeat: repeat-y; background-position: left top; } .privacy_dt { margin: 0px 10px 10px 15px; padding: 0px 0px 5px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #006600; } .privacy_dd { font-size: 92%; margin: 0px 10px 20px 15px; padding: 5px; background-color: #EEEEEE; } .block_right{ display: inline; float: right; margin: 0 0 1.5em 1.5em; } .yakkan_dt { margin: 0px 10px 10px 15px; padding: 0px 0px 5px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #006600; } .yakkan_dd { font-size: 92%; margin: 0px 10px 20px 15px; padding: 5px; background-color: #EEEEEE; } .class_h2 { font-weight: bold; padding-bottom: 3px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FF0099; margin-bottom: 10px; font-size: 13px; } .guide_dt { font-weight: bold; background-color: #EFeFEF; padding: 5px; border: 1px dotted #999999; text-align: left; margin-bottom: 10px; } .guide_dd { margin-left: 10px; margin-bottom: 20px; } .table_shop { margin-bottom: 20px; } .table_th { background-color: #ECE9D8; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 7px; } .table_td { padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 7px; } .co_th { background-color: #ECE9D8; width: 100px; font-size: 100%; text-align: left; padding: 7px; } .co_td { border: 1px solid #ECE9D8; font-size: 12px; padding: 7px; } .sitemap_dl { } .sitemap_dl dt{ background-color: #efefef; margin: 10px; font-weight: bold; } .sitemap_dl dd{ margin-bottom: 5px; padding-bottom: 3px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCCCCC; } #sitemap_h1 { font-size: 14px; margin-bottom: 20px; } .sitemap_dd02{ margin-bottom: 5px; padding-bottom: 3px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCCCCC; margin-left: 10px; } .sitemap_dd03{ margin-bottom: 5px; padding-bottom: 3px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCCCCC; margin-left: 20px; }