/* body, global * -------------------------------------------------------------------------------- */ body{ text-align: center; background-attachment: scroll; background-color: #FFE2E2; background-image: url(/user_file/s118805439-sh/etc/bg.jpg); background-repeat: repeat-x; background-position: left top; font-size: 13px; } /* anchors * -------------------------------------------------------------------------------- */ a:link{ text-decoration: none; } a:visited{ color: purple; } a:link:hover, a:visited:hover{ color: red; text-decoration: underline; } a img {   border-style: none; } /* wrapper * -------------------------------------------------------------------------------- */ #wrapper{ width: 840px; text-align: left; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; background-color: #FFFFFF; } /* header * -------------------------------------------------------------------------------- */ #header{ background-attachment: scroll; background-image: url(/user_file/s118805439-sh/etc/header_bg.jpg); background-repeat: no-repeat; background-position: left top; margin: 0px; padding: 0px; height: 104px; width: 840px; position: relative; } #header_logo{ position: absolute; left: 1px; top: 3px; margin: 0px; padding: 0px; } #header_btn { position: absolute; top: 33px; right: 1px; margin: 0px; padding: 0px; } /* globalnav * -------------------------------------------------------------------------------- */ #globalnav{ margin: 0px; padding: 0px; height: 41px; width: 840px; } #globalnav ul{ margin: 0px; padding: 0px; } #globalnav ul li{ display: block; float: left; height: 41px; width: 120px; list-style-type: none; } #globalnav ul li a{ background-attachment: scroll; background-image: url(/user_file/s118805439-sh/etc/glnav.jpg); background-repeat: no-repeat; background-position: left top; text-indent: -99999px; display: block; height: 41px; width: 120px; } #globalnav #gn_item a { background-position: 0px 0px; } #globalnav #gn_item a:hover { background-position: 0px -41px; } #globalnav #gn_company a { background-position: -120px 0px; } #globalnav #gn_company a:hover { background-position: -120px -41px; } #globalnav #gn_Questionnaire a { background-position: -240px 0px; } #globalnav #gn_Questionnaire a:hover { background-position: -240px -41px; } #globalnav #gn_guide a { background-position: -360px 0px; } #globalnav #gn_guide a:hover { background-position: -360px -41px; } #globalnav #gn_contract a { background-position: -480px 0px; } #globalnav #gn_contract a:hover { background-position: -480px -41px; } #globalnav #gn_member a { background-position: -600px 0px; } #globalnav #gn_member a:hover { background-position: -600px -41px; } #globalnav #gn_cart a { background-position: -720px 0px; } #globalnav #gn_cart a:hover { background-position: -720px -41px; } /* container * -------------------------------------------------------------------------------- */ #container{ background-color: #FFFFFF; width: 840px; margin: 0px; padding: 0px; } /* contents * -------------------------------------------------------------------------------- */ #contents{ float: right; width: 630px; margin: 0px; padding-top: 10px; padding-right: 10px; padding-bottom: 30px; padding-left: 10px; background-color: #FFFFFF; } #locus{ } /* sidebar * -------------------------------------------------------------------------------- */ #sidebar{ float: left; width: 180px; margin: 0px; padding-left: 10px; background-color: #FFFFFF; padding-top: 10px; padding-bottom: 30px; } /* #footer * -------------------------------------------------------------------------------- */ #footer{ margin: 0px; padding: 0px; clear: both; height: 200px; width: 840px; background-color: #790843; position: relative; } #footernav{ width: 600px; position: absolute; left: 30px; top: 30px; } #footernav ul{ margin: 0px; padding: 0px; } #footernav ul li{ float: left; margin-right: 10px; list-style-type: none; color: #FFFFFF; } #footernav ul li a{ color: #FFFFFF; } #footer #footer_logo { position: absolute; left: 0px; top: 80px; } #footer #copyright { position: absolute; left: 30px; top: 180px; color: #FFFFFF; } #footer #gsl { position: absolute; top: 90px; right: 20px; } #calender { margin-left: 15px; } .yakkan_dt { margin-right: 5px; margin-bottom: 10px; padding-bottom: 3px; color: #CC0000; font-weight: bold; border-bottom-width: 2px; border-bottom-style: dotted; border-bottom-color: #CC0000; } .yakkan_dd { margin-left: 10px; padding-left: 10px; padding-right: 15px; line-height: 1.5em; font-size: 13px; } .privacy_dt { border-bottom-width: 2px; border-bottom-style: dotted; border-bottom-color: #CC0000; margin-bottom: 10px; padding-bottom: 3px; text-align: left; font-weight: bold; } .privacy_dd { margin-left: 10px; margin-bottom: 10px; padding: 0px; color: #666666; text-align: left; margin-bottom: 5px; font-size: 12px; line-height: 1.5em; } .privacy_ul { margin: 0px; padding: 0px; } .privacy_li { margin-bottom: 5px; margin-left: 5px; padding-bottom: 3px; padding-left: 10px; padding-right: 10px; text-align: left; border-left-width: 3px; border-left-style: solid; border-left-color: #CCCCCC; list-style-type: none; line-height: 1.5em; font-size: 12px; } .backtotop { font-size: 12px; float: right; } .co_th { padding: 5px; border: 1px solid #CCCCCC; background-color: #eeeeee; text-align: left; font-size: 12px; } .co_td { padding: 5px; text-align: left; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #EEEEEE; } .bolder{ font-weight: bold; } .class_h2 { font-size: 13px; font-weight: bold; margin-bottom: 5px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #FF9999; padding-bottom: 5px; } .guide_dt { background-color: #FF9999; padding: 7px; border: 1px dotted #CCCCCC; margin-bottom: 10px;       font-weight: bold; } .guide_dd { margin-bottom: 20px; margin-left: 0px; padding: 0px; } #flashcontent { padding: 0px; height: 120px; width: 160px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 5px; } .no_space { margin: 0px; padding: 0px; } #concept_box { background-color: #FFE2E2; padding: 10px; width: 610px; height: 550px; margin-bottom: 20px; } #concept_box #concept_inside_box { background-color: #FFFFFF; margin: 0px; height: 540px; width: 610px; border: 1px solid #CCCCCC; padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } #concept_box_ul { background-color: #FFFFFF; margin: 0px; padding: 0px; } #concept_box_ul li{ float: left; width: 190px; margin-left: 10px; list-style-type: none; } #contents #pagelink_ul { margin: 0px; padding: 0px; } #contents #pagelink_ul li{ float: left; width: 190px; margin-right: 10px; margin-bottom: 20px; list-style-type: none; } .explain_p { padding-left: 22px; } /* #js * -------------------------------------------------------------------------------- */ .main_view { float: left; position: relative; } /*--Window/Masking Styles--*/ .window { height:260px; width: 630px; overflow: hidden; /*--Hides anything outside of the set width/height--*/ position: relative; } .image_reel { position: absolute; top: 0; left: 0; margin: 0px; padding: 0px; } .image_reel img {float: left;} .image_reel a{ width: 630px; overflow: hidden; float: left; margin: 0px; padding: 0px; } /*--Paging Styles--*/ .paging { position: absolute; bottom: 1px; right: -7px; width: 178px; height:47px; z-index: 100; /*--Assures the paging stays on the top layer--*/ text-align: center; line-height: 40px; background: url(paging_bg2.png) no-repeat; display: none; /*--Hidden by default, will be later shown with jQuery--*/ } .paging a { padding: 5px; text-decoration: none; color: #fff; } .paging a.active { font-weight: bold; background: #920000; border: 1px solid #610000; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; } .paging a:hover {font-weight: bold;} .sitemap_h2 { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCCCCC; padding-bottom: 3px; margin-bottom: 10px; font-weight: bold;      font-size: 14px; } .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_ul { margin: 0; padding: 0; } .sitemap_ul li{ margin-bottom: 5px; padding-bottom: 3px; list-style-type: none; } .sitemap_dd02{ margin-bottom: 5px; padding-bottom: 3px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCCCCC; margin-left: 10px; }