body,div,ul,li,h1,h2,h3,h4,h5,h6,p,blockquote { margin: 0; padding: 0; } body{ color:#000000; margin: 0px; padding: 0px; text-align:center; background:url(/design/mariposa/img/back.gif); background-repeat: repeat-y; background-position: center 0px; background-color:#ffffff; } img { border: 0; margin: 0; padding: 0; } a{ color:#666666; text-decoration:none; } a:visited{ color:#a973d7; text-decoration:none; } a:hover{ color:#a973d7; text-decoration:underline; } .clear { clear:both; height:0; line-height:0; } #container { width:900px; margin: 0px auto; text-align:left; background: #ffffff; padding:0px; border-left:0px solid #f8f0f0; border-right:0px solid #f8f0f0; } /*********** ヘッダーーエリア ************/ #head_top{ width:900px; color:#ffffff; font-weight:600; text-align:left; } #head_main{ width:900px; height:120px; background:url(/design/mariposa/img/header.jpg) no-repeat; position: relative; top: 0px; left: 0px; overflow:hidden; } #head_main h1{ color:#333333; font-size:0.9em; text-align:left; font-weight: normal; position: absolute; top:45px; left:280px; } #head_main h1 a{ color:#333333; text-decoration:none; } #head_main h1 a:hover{ color:#a973d7; text-decoration:none; } #head_main h2{ color:#333333; font-size:0.8em; font-weight: normal; text-align:left; position: absolute; top:65px; left:280px; } #head_main h2 a{ color:#333333; text-decoration:none; } #head_main h2 a:hover{ color:#a973d7; text-decoration:none; } /*********** グローバルナビ ************/ #g_navi{ clear:both; width:900px; height:35px; margin-bottom:20px; overflow: hidden; } #g_navi ul{ list-style: none; margin: 0; padding: 0; } #g_navi li{ float: left; } #g_navi a{ color:#fff; text-decoration:none; } #g_navi a:visited{ color:#fff; text-decoration:none; } #g_navi a:hover{ color:#663333; text-decoration:underline; } #t_navi{ clear:both; width:900px; height:20px; margin:0px; padding:0px; margin-bottom:0px; overflow: hidden; text-align:right; } #t_navi a{ color:#cccccc; text-decoration:none; } #t_navi a:visited{ color:#5db4c7; text-decoration:none; } #t_navi a:hover{ color: #5db4c7; text-decoration:underline; } /*********** レフトエリア ************/ #lside{ float:left; width:190px; margin-top:0px; margin-right:4px; background:url(/design/mariposa/img/left_back.jpg); background-repeat: no-repeat; background-position: left top; background-color:#ffffff; } .login{ width:190px; height:263px; border:0px solid #e5a8ac; background:url(/design/mariposa/img/login_top.jpg) no-repeat; /*background:#d57787;*/ margin:0px 0px 10px 0px; position:relative; top:0px; left:0; } .login_form{ position:absolute; top:65px; left:5px; } .member{ position:absolute; bottom:0px; } .categry_title{ margin:0px; padding:0px; } .categry{ margin:0px 0px 10px 0px; } .categry img{ vertical-align: text-bottom; } .left_banner{ margin:0px 0px 10px 0px; } .calendar{ margin:0px 0px 10px 0px; } .category_design{ width:190px; background:url(/design/mariposa/images/side-bg2.jpg) repeat-y; text-align:left; padding:0px; margin:0px; } .category_design a {color:#333333; padding:3px; margin-bottom:3px;} .category_design a:hover {color:#666666; padding:3px; margin-bottom:3px;} .category_design td{border-bottom:1px dotted #999999;} /*********** センターエリア ************/ #centerarea{ float:left; width:710px; margin-top:0px; padding:0px; margin-left:0px; } .mainleft{ widht:540px; margin:0px; padding:0px 4px 0px 0px; float:left; } .mainleft img{ margin:0px; padding:0px; } .mainright{ width:160px; margin:10px 0px 0px 0px; padding:0px; float:left; } .mainright p{ margin:10px 0px 0px 0px; text-align:center; border:1px solid #cccccc; } #center_top{ margin-bottom:10px; } #center_left{ float:left; width:540px; margin-left:10px; } .title1{ background:url(/design/mariposa/img/C_repeat01.gif) repeat-x; background-position:left bottom; background-color:#ff7000; color:#ffffff; font-size:9pt; margin: 0pt; width: 100%; padding:3px 0px 3px 0px; text-align:center; } .recommend{ margin-bottom:10px; } .center_bn01{ margin:0 0 10px 0; padding:0; text-align:left; } #center_right{ float:left; width:170px; margin:0 0px 0 5px; } .anchorlink a{ color:#66CCFF; text-decoration:underline; } .anchorlink a:visited{ color:#66CCFF; text-decoration:underline; } .anchorlink a:hover{ color:#FF6699; text-decoration:underline; } /*********** ライトエリア ************/ .oyorokobiside01{ width:155px; margin:0px; padding:0px 0px 0px 5px; height:183px; background:url(/design/mariposa/images/koeback.gif) no-repeat; line-height:1.5em; text-decoration:underline; } /*********** ご利用案内 ************/ #information{ width:900px; margin:0 0 10px 266px; } .buy_info_top{ margin:0 0 10px; } #buy_info{ width:621px; margin:0; text-align:left; } .CenterLeft{ width:408px; float:left; } .info_center{ width:196px; float:right; } .info_left{ width:196px; margin:0 11px 0 0; float:left; } .info_right{ width:196px; float:right; } .info_img{ margin:0 0 5px; } .info_text{ color:#666; margin:0 0 10px; } /*********** フッタースタイル ************/ #footer{ width:900px; height:75px; font-size:80%; color:#ffffff; background:url(/design/mariposa/img/footer.jpg) no-repeat #666666; position: relative; top: 0; left: 0; } .footnavi{ color:#ffffff; text-align:right; background-color:#666666; position: absolute; top: 25px; right: 20px; } .footnavi a{ color:#ffffff; text-decoration:none; } .footnavi a:visited{ color:#ffffff; text-decoration:none; } .footnavi a:hover{ color:#ffffff; text-decoration:underline; } /*********** マリポーサについて ************/ .usemariposa{ width:540px; hieght:auto; margin:0px; padding:5px; line-height:1.3em; background:#f4eef9 url(/design/mariposa/images/540bg.jpg) no-repeat; } /*********** 声 ************/ .koebox01{ width:540px; height:auto; margin:10px 0px 0px 0px; padding:5px; border:1px solid #333333; } .koetitle01{ width:520px; margin:0px 0px 10px 0px; padding:0px; font-size:13px; color:#666666; line-height:1.5em; } .r_tx{ color:red; text-decoration:under-line; } .koecomment01{ width:520px; height:auto; margin:10px 0px 0px 0px; padding:10px; background:#D8BFD8; border:1px solid #333333; line-height:2em; }