@charset "utf-8";
/* CSS Document */


#makebanner {!important margin:0px auto 0px auto;}

.header {width:780px; height:177px; background:url(/design/sskoubou/images/bg_top.png) no-repeat;}
.logo_img { float:left; width:385px; height:88px;}
.idpw { float:right; width:375px; vertical-align:middle; height:23px; margin-top:10px;}
.menu { clear:both; width:780px; height:56px;}
.right_banner { position:absolute; width:150px; height:300px;  margin-left:785px; margin-top:-138px; _margin-left:395px; _margin-top:-160px;}

.left { position:relative;width:150px;padding:0;}

.search {position:relative; width:150px; height:54px; margin-bottom:5px; background:url(/design/sskoubou/images/title_search.png) no-repeat;}
.search_form { position:relative; width:82px; float:left; margin-top:32px; margin-left:8px; _margin-left:5px;}
.search_form input {width:82px; height:18px; _height:17px; }
.search_button {position:relative; float:right; width:53px; height:54px;}

.shouhin { position:relative;  padding:0;}
.shouhin_title { width:150px; height:35px; background: url(/design/sskoubou/images/title_shouhin.png) no-repeat;}
.design_title { width:150px; height:35px; background: url(/design/sskoubou/images/title_design.png) no-repeat;}

.left_menu a { width:116px; _width:150px; height:19px; _height:27; background:url(/design/sskoubou/images/bg_menu01.gif) no-repeat; display:block; padding-left:34px; _padding-left:34px; padding-top:8px; }
.left_menu a:hover,
.left_menu a:focus { background:url(/design/sskoubou/images/bg_menu02.gif) no-repeat; font-weight:bold;}

.left_login {width:142px; height:70px; _width:150px; _height:80px; background:url(/design/sskoubou/images/bg_login.png) no-repeat; text-align:center; padding-left:8px; padding-top:10px; _padding-left:0px; _padding-top:7px; margin-bottom:7px; margin-top:7px;}

.community { position:relative; padding:0;}
.community_title { width:150px; height:34px; background: url(/design/sskoubou/images/title_community.png) no-repeat;}

.support {position:relative; padding:0;}
.support_title {width:150px; height:95px; background: url(/design/sskoubou/images/title_support.png) no-repeat;}

.sample_sentence { position:relative;  padding:0; text-align:left;}
.sample_sentence_title { width:150px; height:33px; background: url(/design/sskoubou/images/title_sample_sentence.png) no-repeat;}

.listed_price_title { width:150px; height:33px; background: url(/design/sskoubou/images/title_listed_price.png) no-repeat;}




.left_body {width:150px; background:url(/design/sskoubou/images/bg_left.png) repeat-y; padding-top:5px; }
.left_bottom { padding:0; width:150px; height:11px; background:url(/design/sskoubou/images/bg_left_bottom.png) no-repeat;  margin-bottom:10px; _margin-bottom:5px;}
.left_up { padding:0; width:150px; height:11px; background:url(/design/sskoubou/images/bg_left_up.png) no-repeat; margin-bottom:-5px;}

.counter {margin-top:5px;}

.banner {margin-top:5px;}

.goto_top { }


.content { width:623px; float:right;}
.content_top { margin:0; padding:0;  width:623px; height:11px; background:url(/design/sskoubou/images/bg_content_top.png) no-repeat; clear:both; }
.content_middle {padding:0; width:623px; background:url(/design/sskoubou/images/bg_content.png) repeat-y; margin-top:-2px; display:block; clear:both; line-height:160%;}
.content_bottom { margin:0; padding:0; width:623px; height:9px; background:url(/design/sskoubou/images/bg_content_bottom.png) no-repeat; clear:both; }

.sample_text { padding:20px; width:80%; background-color:#FDF4DB; border-width:1px; border-color:#F90; border-style:dotted; line-height:160%;margin:0px auto 30px auto;}
.sample_text_title { padding:2px;  color:#900; border-top-width:2px; border-bottom-width:2px; border-left-width:0px; border-right-width:0px; border-style:dotted; background:#FFF;  margin-bottom:20px; font-weight:bold; border-color:#F90;}

.content_public { padding-top:10px;margin-left:20px; line-height:160%;}

.top_banner { margin:0; padding:0; position:relative; clear:both;}
.flash_left { float:left; width:400px; height:270px;  margin-bottom:5px;}
.flash_right { float:right; position:relative; width:215px; height:270px; margin-bottom:5px; background:#F90;}

.main_news {width:100%;}
.main_news img {margin-bottom:10px; margin-top:10px;}
.main_news td {padding-left:15px;}

.group {width:95%; margin-top:20px;}

.member { margin-left:30px; margin-top:5px; width:550px; line-height:180%;}
.member_form { background:url(/design/sskoubou/images/member/bg_member.png) no-repeat; width:270px; _width:330px; height:54px; margin:20px auto 5px 105px; padding-top:24px; padding-left:60px;}

.lost_pass {margin-left:100px;}

.join_button {text-align:center;}

.about_kiiro {width:580px; line-height:160%; margin-left:10px; margin-top:10px; position:relative; float:right; }

.season_title { padding:3px; padding-left:10px; background-color:#fff9e4; border-top-width:1px; border-bottom-width:1px; border-left-width:0px; border-right-width:0px; border-style:dotted; border-color:#F60;}
.season_phrase { padding-top:10px; padding-bottom:20px; padding-left:30px; padding-right:15px;  text-align:left; line-height:180%; }


.footer { width:780px; height:72px; background:url(/design/sskoubou/images/bg_bottom.png) no-repeat; margin-bottom:10px; margin-top:5px;  }
.footer_content {line-height:150%; margin-left:292px; padding-top:10px;}


/* product */

.product_title { margin-bottom: 20px; }
.product_location {height:27px; background: url(/design/sskoubou/images/product/bg_location.gif) no-repeat; margin-left:10px; text-align:left; font-weight:bold; }
.prodcut_name {height:25px; background:url(/design/sskoubou/images/product/bg_title.gif) no-repeat; margin-top:10px; margin-left:10px; text-align:left; font-weight:bold; font-size:16px; color:#603; }
.brand_name { width:400px; float:left; margin-left:32px;}
.pre_next_button { width:137px; float:right; margin-right:20px;}

.product_inside {clear:both;}
.product_image { float:left; text-align:center; margin-left:40px; margin-top:10px;}
.product_info { float:right; width:310px; margin-bottom:20px;}

.product_include { clear:right; line-height:160%; margin-bottom:40px;}

.detail_title {clear:both; margin-left:10px;}
.product_details { position:relative; margin-top:10px; margin-left:20px; }
.product_envelope {margin-bottom:40px; line-height:160%;}
.page_back {margin-top:20px; margin-bottom:40px;}
.product_locText { margin-left:31px; padding-top:8px; _padding-top:12px; }
.list_arrange {float:right !important ; width:130px; text-align:right; font-weight:bold; color:#900; font-size:12px; margin-right:29px; }

.comment_title {clear:both; margin-bottom:10px; }
.user_comment { width:98%;}
.product_list { width:95%;}

.point_exp {margin-left:20px; margin-top:20px; line-height:160%; font-size:12px; margin-bottom:20px;}
.point_view {width:330px; height:29px; background:url(/design/sskoubou/images/bg_point.png) no-repeat; margin:0 auto; text-align:center; padding-top:35px; _margin-left: 130px; padding-left:20px; _height:64px;}
.point_history {margin-top:30px; margin-left:90px;}



#guideMain {margin-left:20px;}



/* text styles */
.main_title {font-size:14px; font-weight:bold; margin-bottom:5px; color: #609; line-height:180%;}
.nomal_text {font-size:12px; text-align:left; margin-left:13px; font-weight: normal; color:#000;}
.kyocho {font-weight:bold; color:#900; line-height:160%;}
.kyocho_yellow {color:#F60; font-weight:bold;}
.kyocho_blue {color:#00C; font-weight:bold; font-size:14px;}
.teika {text-decoration: line-through;}
.nomal_height {line-height:160%;}
.woong {line-height:160%;}
.nomal_center {text-align:center;}



/* rollover */
img{border:none}
.order_button A img.over{display:none}
.order_button A:hover{position:relative}/*7버젼 이하는 잘안돌아가므로..ㄷㄷ 안전방지턱*/
.order_button A:hover img{display:none}
.order_button A:hover img.over{display:inline}
.order_button A img{vertical-align:top} /*사이 거리없애자*/


img{border:none}
.page_back A img.over{display:none}
.page_back A:hover{position:relative}/*7버젼 이하는 잘안돌아가므로..ㄷㄷ 안전방지턱*/
.page_back A:hover img{display:none}
.page_back A:hover img.over{display:inline}
.page_back A img{vertical-align:top} /*사이 거리없애자*/

/* 이미지용 롤오버 */
A.roll img { display:inline; border:0px; top:0px; vertical-align: top;} 
A.roll img.over { display:none; } 

A.roll:hover { border:0px; top:0px;}
A.roll:hover img { display:none; } 
A.roll:hover img.over { display:inline; }

/* 오른쪽 배너 롤오버 */
A.roll_rightbanner img { display:inline; border:0px; top:0px; vertical-align: top; margin-bottom:5px;} 
A.roll_rightbanner img.over { display:none; } 

A.roll_rightbanner:hover { border:0px; top:0px;}
A.roll_rightbanner:hover img { display:none; } 
A.roll_rightbanner:hover img.over { display:inline; }

/*
<a class="roll" href="">
<img src="/design/sskoubou/images/member/member_confirm01.png" />
<img class="over" src="/design/sskoubou/images/member/member_confirm02.png" /> 
</a>
*/