@import url("insatsu2015_form.css");

/*html { overflow-x:hidden; } */
html, body  { width:100%; height:100%; padding:0px; border:0px; -webkit-text-size-adjust:100%; } 
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, input, p, fieldset , legend{  margin:0; padding:0; } 

* {font-family:"メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "Tahoma", "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", Osaka, sans-serif, "맑은 고딕"; color: #444444; font-size:14px; } 


::selection{ background-color: #3d3d3d; color: white; }
::moz-selection{ background-color: #3d3d3d; color: white; }
::webkit-selection{ background-color: #3d3d3d; color: white; }



a { text-decoration:none; } 
a:hover{text-decoration:underline;}
ol, ul { list-style : none; }
img { border: 0 none; vertical-align:middle; } 
form { margin:0px; padding:0px; } 
fieldset { border:0px;  }
legend { display:none; }
input, textarea  { border-radius:0px; }
input[type=checkbox] { border-radius:0px;  } 
input[type=radio] { border-radius:5px;  } 
input[type=button] { cursor:pointer; -webkit-appearance:none;} 
input[type=submit] { cursor:pointer; -webkit-appearance:none;} 
input[type=text], input[type=tel], input[type=email] { -webkit-appearance:none; } 
select { -webkit-appearance:select;}

.vertical * { vertical-align:middle; } 
.vertop * { vertical-align:top; } 

.blind { display:none; } 
.clear { clear:both; } 
.b { font-weight:bold; } 
.left { text-align:left; } 
.right { text-align:right; } 
.tdO { display:none; } 

.gap { margin-top:10px !important; } 
.gap20 { margin-top:20px !important; } 
.gap30 { margin-top:30px !important; } 
.gap40 { margin-top:40px !important; } 
.gap50 { margin-top:50px !important; } 
.gap60 { margin-top:60px !important; } 
.gap70 { margin-top:70px !important; } 
.gap80 { margin-top:80px !important; } 

.f11 {font-size:11px !important; } 
.f12 {font-size:12px !important; }
.f14 {font-size:14px !important; } 
.f16 {font-size:16px !important; } 
.f18, .f18 * {font-size:18px !important; } 
.f20 {font-size:20px !important; } 

h3 { font-size:20px; font-weight:normal; } 
h4 { font-size:18px; font-weight:normal; } 
h5 { font-size:16px; font-weight:normal; } 

.insatsu { color:#199500; } 
.insatsu_bg { background:#199500 !important; } 
.logotxt { color:#199500; }

.maku { color:#df0009; } 
.maku_bg { background:#df0009; } 

.nobori { color:#2570cd; } 
.nobori_bg { background:#2570cd; } 

.banner { color:#f57401; } 
.banner_bg { background:#f57401; } 


.num1 { width:30px; height:28px; display:inline-block; background:url('../../images/maku_num1.gif') no-repeat; float:left; }
.num2 { width:30px; height:28px; display:inline-block; background:url('../../images/maku_num2.gif') no-repeat; float:left; }
.num3 { width:30px; height:28px; display:inline-block; background:url('../../images/maku_num3.gif') no-repeat; float:left; }
.num4 { width:30px; height:28px; display:inline-block; background:url('../../images/maku_num4.gif') no-repeat; float:left; }
.num5 { width:30px; height:28px; display:inline-block; background:url('../../images/maku_num5.gif') no-repeat; float:left; }

.gray { color:#999; }

.more { background:#ff4700; color:#fff; padding:0px 5px; letter-spacing:-1px; line-height:15px; border-radius:3px;} 
.more a { color:#fff; } 

.R { color:#ff0000; }
.G { color:#00ff00; }
.B { color:#0000ff; }

.C { color:#00aeef; }
.M { color:#ec008c; }
.Y { color:#dcd400; }
.K { color:#231f20; }



.info2 { color:#ff4700; } 
.point { color:#199500; } 
.point2 { color:#ff4700; }


#wrap { width:100%;  height:100%;  min-width:1024px; min-height:100%; margin:0 auto;  text-align:center;  } 
#header, #mainmenu, #container, #footer, #m-footer, #main { position: relative; } 
#container { margin:0 auto; z-index:1;  } 


#maininner { width:1001px; margin:0 auto; position: relative;  text-align:left; } 
#inner { width:1001px; margin:0 auto; position: relative;  text-align:left; z-index:9;} 


/* header area */
#header { width:100%; background-color:#f7f7f7;  } 
#header .topmenu { position:absolute; height:25px; overflow:hidden; text-align:right; z-index:12; display:block; top:0px; right:0px; } 
#header .topmenu .topinner { position:relative;  overflow:hidden; display:block;  text-align:left;  right:5px; } 
#header .topmenu .topinner ul { } 
#header .topmenu .topinner ul li { float:left; }
#header .topmenu .topinner ul li:after{content:'|'; font-size:9px; color:#bbb;  }
#header .topmenu .topinner ul li:last-child:after{content:''; }
#header .topmenu .topinner ul li a { padding:0 8px; text-decoration:none; display:inline-block; line-height:27px; font-size:13px; }
#header .topmenu .topinner span.cart { position:relative; top:-2px; background:url('../../images/icon_circle.png') no-repeat; width:19px; height:19px; display:inline-block; color:#fff; font-size:8px; font-weight:bold; line-height:18px; text-align:center;}


.loginicon { background:#ff8a00; font-weight:bold; font-size:10px; color:#fff; line-height:19px; padding:0 5px 0 10px; height:19px; width:35px; display:inline-block; color:#fff; text-align:center; margin-right:4px; }


#header #inner h1 { font-size:12px; height:27px; line-height:27px; text-align:left; z-index:11} 
#header #inner .logo { width:1001px; height:63px; text-align:left; z-index:11} 
#header #inner .logo .tt {  } 

#header #inner .logo .event_info { position: absolute; left:210px; top:35px; letter-spacing:-1px;} 
#header #inner .logo .tel { position: absolute; right:7px; bottom:2px; } 
#header #inner .logo .tel .txt { font-size:10px; color:#888888; font-style:italic; margin-left:3px;} 
#header #inner .logo .tel .num { font-size:30px; line-height:27px; color:#3d3d3d; font-weight:bold; letter-spacing:-3px; font-style:italic; } 


/* main menu area */
#mainmenu { width:100%; height:50px; border-top:2px solid #e6e6e6;  z-index:4;  background:url('../../images/menu_bg.png'); } /*background:#df0009;*/
#mainmenu.maku { border-bottom:3px solid #df0009; } 
#mainmenu.nobori { border-bottom:3px solid #2570cd; } 
#mainmenu.banner { border-bottom:3px solid #f57401; } 
#mainmenu.guide { border-bottom:3px solid #787878; } 
#mainmenu.customer { border-bottom:3px solid #787878; } 

#mainmenu.over { border-bottom:2px solid #3d3d3d; } 

#mainmenu #inner ul.main { text-align:center; overflow:hidden; width:1002px;  } /* background-color:#df0009; */
#mainmenu #inner ul.main li { float:left; border-right:0px solid #e6e6e6; height:50px;  }
#mainmenu #inner ul.main li.left-line { border-left:0px solid #e6e6e6;  }

#mainmenu #inner ul.main > li.on { background-color:#3d3d3d; } /* border-bottom:2px solid #a0151b; */
#mainmenu #inner ul.main > li.on > a { color:#ffff00;  } 
#mainmenu #inner ul.main > li:hover { } /* border-bottom:2px solid #a0151b; */
#mainmenu #inner ul.main > li:hover > a { color:#ffff00;  } 
#mainmenu #inner ul.main > li > a { padding-top:13px; width:166px; height:50px; font-size:18px; font-weight:bold; display:inline-block; text-decoration:none; color:#fff; letter-spacing:-1px;  }



#mainmenu #inner ul.main > li ul  {overflow:hidden;position:absolute;height:30px;line-height: 30px;display:none; top:55px;  }
#mainmenu #inner ul.main > li ul.show {display:block;}
#mainmenu #inner ul.main > li ul li {float:left; padding:0px 10px;}
#mainmenu #inner ul.main > li ul li:first-child {padding-left:0px;}
#mainmenu #inner ul.main > li ul li a {color:#fff;font-size:14px; text-decoration:none; letter-spacing:-0.5px;}
#mainmenu #inner ul.main > li ul li.on a{color:#ffff00;text-decoration: underline;}
#mainmenu #inner ul.main > li ul li a:hover {color:#ffff00;text-decoration: underline;}
.subMenubar { width:100%;height:34px;background-color: #3d3d3d; display:none; }


#container { width:100%; margin:0 auto;  }  /* margin-top:15px; */
/*
#container { width:1001px; margin:0 auto; margin-top:15px; }
*/


/* main */
#section1 { background:url('../../images/bg_section1.gif'); }  


.mainlist { width:1001px; margin:0 auto; padding-top:25px; padding-bottom:10px; overflow:hidden; } 
.main_top_list {overflow:hidden;}

/* 2
.projects_info_list li {float:left;width:49%;margin-right:1%; margin-bottom:2%; border:1px solid #ddd; box-sizing:border-box; }
.projects_info_list li:nth-child(even) { float:right; margin-right:0%; }
*/

.main_top_list li {float:left;width:32.6%;margin-right:1.1%; margin-bottom:2%; border:1px solid #ddd; box-sizing:border-box; position:relative; }
.main_top_list li:nth-child(3n+3) { float:right; margin-right:0%; }
.main_top_list li.last { float:right; margin-right:0%; } 

.main_top_list .list_top .list_img { height:150px; } 
.main_top_list .list_top .list_img img { width:100%; } 
.main_top_list .list_top .list_img .back { position: absolute; width:100%; left:0px; top:0px; background:#111; opacity:0.4; height:45px; filter: alpha(opacity=50); } 
.main_top_list .list_top .list_img .name { position: absolute; color:#fff; text-shadow:0px 0px 3px #111; left:15px; top:4px; font-size:30px;  } 
.main_top_list .list_top .list_img .desc { position: absolute; color:#fff; text-shadow:0px 0px 3px #444; font-size:16px; right:0px; bottom:0px;  }  /* left:15px; top:48px;  */
.main_top_list .list_top {position:relative;}
.main_top_list .list_desc .item { position:relative;padding:10px; text-align:left; background:#fff; } 
.main_top_list .list_desc .item:nth-child(even) { background:#f7f7f7; }		/* background:linear-gradient(to bottom, #fefefe, #f6f6f6); */
.main_top_list .list_desc .item.last { background:#f7f7f7; }		/* background:linear-gradient(to bottom, #fefefe, #f6f6f6); */

.main_top_list .list_desc .item a { text-decoration:none; display:block;} 
.main_top_list .list_desc .item .icons { padding:2px 7px; color:#fff;  font-size:12px; border-radius:1px; line-height:16px; }
.main_top_list .list_desc .item .icons-new { background:#2570cd; }
.main_top_list .list_desc .item .icons-recommend { background:#f57401; }
.main_top_list .list_desc .item .icons-best { background:#90c600; }
.main_top_list .list_desc .item .icons-sale { background:#f102dd; }
.main_top_list .list_desc .item .icons-event { background:#df0009; font-size:14px; line-height:18px; }
.main_top_list .list_desc .item .info { color:#999; font-size:12px; } 
.main_top_list .list_desc .item .right { position:absolute; right:5px; font-size:12px; color:#999;  } 
.main_top_list .list_desc .item .right .price { font-size:18px; } 
.main_top_list .list_desc strong {font-size:14px;color:#111;}
.main_top_list .list_desc .tit {padding-bottom:5px;font-weight:600;font-size:20px;color:#111;}
.main_top_list .list_desc .tit a {color:#111;}
.main_top_list .list_desc a {color:#666;}
.main_top_list .list_desc .top {padding-bottom:5px}







/* contents */
#contents { margin-bottom:30px;} 
#contents.sub { margin-top:15px; } 

/* sub contents */
#contents .conts { margin-top:15px; line-height:24px; clear:both;  }
.conts .c-left { float:left; margin-right:7px; width:1.2%; color:#ff4700; font-size:16px; font-weight:bold;}
.conts .c-right { float:left;  width:98%; } 
.conts .c-right img { margin-top:10px; margin-bottom:30px; } 
.conts .c-right .title { font-size:16px; } 
.conts .c-right .button { border:1px solid #bbb; border-color:#bbb #b9b8b8 #b9b8b8 #bbb; padding:3px 15px 2px; background:#fff; font-size:14px; cursor:pointer; border-radius:1px;  margin-top:7px; }

.conts .c-left2 { float:left; margin-right:7px; width:320px; color:#ff4700; font-size:16px; font-weight:bold;}
.conts .c-right2 { float:left;  width:666px; margin-top:9px; } 
.conts .c-right2 img { margin-top:10px; margin-bottom:30px; } 
.conts .c-right2 .title { font-size:16px; } 
.conts .c-right2 .button { border:1px solid #bbb; border-color:#bbb #b9b8b8 #b9b8b8 #bbb; padding:3px 15px 2px; background:#fff; font-size:14px; cursor:pointer; border-radius:1px;  margin-top:7px; }


/* mitsumori form */
/* main */
#inner .mitsumori { border:1px solid #ddd; margin-top:20px; padding:15px; background:#f7f7f7; box-sizing:border-box; border-top:2px solid #ff4700; }
#inner .mitsumori .mitsumori_tt  { font-size:24px; color:#ff4700; position:relative; }
#inner .mitsumori .mitsumori_tt .block { display:inline-block; } 
#inner .mitsumori .mitsumori_tt .mitsubtn { border:1px solid #bbb; padding:3px 10px 1px; font-size:14px; text-decoration:none; cursor:pointer; margin-bottom:5px; }
#inner .mitsumori .mitsumori_tt .on {background:#199500; color:#fff; border-color:#157100} 



/* price */
#contents .mitsumori { border:1px solid #ddd; margin-top:20px; padding:15px; background:#f7f7f7; box-sizing:border-box; border-top:2px solid #199500; }
#contents .mitsumori .mitsumori_tt  { font-size:24px; color:#ff4700; }



#contents-left { float:left; width:185px; text-align:center; }
#contents-right { padding-left:25px; overflow:hidden; padding-bottom:20px; text-align:left; *width:791px; background-color:#fff; }

#subbanner { height:auto; } /* margin-bottom:15px; */ 
#subbanner .banner { height:auto; margin:0 auto;position: relative; overflow:hidden; } 
.btn-prev {position:absolute;top:50%;left:0px;margin-top:-30px;padding:10px;}
.btn-next {position:absolute;top:50%;right:0px;margin-top:-30px;padding:10px;}


/* quick menu */
#quickmenu {position:absolute;width:80px;right:-100px;top:25px; background:#666;z-index:11px;}
#quickmenu ul li { text-align:center; margin-bottom:5px;}
#quickmenu ul li img { margin-top:0px;}

#quickmenu ul li a { display:block; color:#fff; }
#quickmenu ul li.first {margin-top:7px;}
#quickmenu ul li.last { height:30px; line-height:30px; background:#3d3d3d; font-weight:bold; margin-bottom:0px;}
#quickmenu ul li.last a { font-size:10px; } 

#cont { position:relative; overflow:hidden; padding-bottom:20px; border-bottom:2px solid #666666;  }
#cont .contbox { width:768px; border:1px solid #e6e6e6; } 
#cont .titleicon { width:51px;float:left;height:51px;position:absolute; left:0px; text-indent:-999em; background:url('../../images/title_icon_set_cust.png') no-repeat 0 51px; margin-top:5px; overflow:hidden;} 
#cont .titleicon.cust1 { background-position:0 0; } 
#cont .titleicon.cust2 { background-position:0 -51px; } 
#cont .titleicon.cust3 { background-position:0 -102px; } 
#cont .titleicon.cust4 { background-position:0 -153px; } 
#cont .titleicon.cust5 { background-position:0 -204px; } 
#cont .titleicon.cust6 { background-position:0 -255px; } 
#cont .titleicon.cust7 { background-position:0 -306px; } 

#cont .titleicon.apptt { background:url('../../images/title_icon_set_app.png') no-repeat 0 51px; } 
#cont .titleicon.guidett { background:url('../../images/title_icon_set_guide.png') no-repeat 0 51px; } 
#cont .titleicon.custtt { background:url('../../images/title_icon_set_cust.png') no-repeat 0 51px; } 
#cont .titleicon.logintt { background:url('../../images/title_icon_set_login.png') no-repeat 0 51px; } 
#cont .titleicon.cmmtt { background:url('../../images/title_icon_set_cmm.png') no-repeat 0 51px; } 
#cont .titleicon.companytt { background:url('../../images/title_icon_set_company.png') no-repeat 0 51px; } 
#cont .titleicon.mattertt { background:url('../../images/title_icon_set_matter.png') no-repeat 0 51px; } 

#cont .titleicon.state1 { background-position:0 0; } 
#cont .titleicon.state2 { background-position:0 -51px; } 
#cont .titleicon.state3 { background-position:0 -102px; } 
#cont .titleicon.state4 { background-position:0 -153px; } 
#cont .titleicon.state5 { background-position:0 -204px; } 
#cont .titleicon.state6 { background-position:0 -255px; } 
#cont .titleicon.state7 { background-position:0 -306px; } 
#cont .titleicon.state8 { background-position:0 -357px; } 
#cont .titleicon.state9 { background-position:0 -408px; } 
#cont .titleicon.state10 { background-position:0 -459px; } 
#cont .titleicon.state11 { background-position:0 -510px; } 
#cont .titleicon.state12 { background-position:0 -561px; } 


#cont .tt { font-size:30px; font-weight:normal; letter-spacing:-1px; float:left; height:40px; margin-left:70px; } 
#cont .subtt { font-size:12px; font-weight:normal; color:#787878; margin-left:70px; } 



/* product list type 2 */
.prdlist2 { overflow:hidden; padding-top:10px;  } 
.prdlist2 .item { clear:both; overflow:hidden; border-bottom:1px solid #e6e6e6; margin-bottom:20px; padding-bottom:20px; }
.prdlist2 .item .prdlist_left { float:left; margin-right:20px; border:1px solid #e6e6e6; width:300px; }
.prdlist2 .item .prdlist_right { float:left; position:relative; width:678px; }
.prdlist2 .item .prdlist_right .prdlist_tt a { vertical-align:middle; font-size:20px; font-weight:normal; height:30px; line-height:30px;}

.prdlist2 .item .prdlist_right .prdlist_tt span { display:inline-block; padding:2px 7px; color:#fff;  font-size:12px; border-radius:1px; }

.prdlist2 .item .prdlist_right .prdlist_st { font-size:12px; color:#888; }
.prdlist2 .item .prdlist_right .prdlist_cd { font-size:14px; font-weight:bold; line-height:24px;}
.prdlist2 .item .prdlist_right .prdlist_sm { padding:5px 0; line-height:24px; color:#787878; text-align:justify;  }
.prdlist2 .item .prdlist_right .prdlist_desc { padding:0px 0; color:#787878; text-align:justify; line-height:24px;  }

.prdlist2 .item .prdlist_right .prdlist_pr { font-size:14px; font-weight:bold; }
.prdlist2 .item .prdlist_right .prdlist_pr .comment { font-size:11px; font-weight:normal; }
.prdlist2 .item .prdlist_right .prdlist_btn { margin-top:10px;}
.prdlist2 .item .prdlist_cart { background:#e6e6e6; margin-top:5px; } 

.prdlist3 {overflow:hidden; margin:10px 0 40px 0;} 
.prdlist3 .item { width:50%; float:left; } 
.prdlist3 .item .wrap { padding:3px; } 
.prdlist3 .item .thumb img { width:100%;  }
.prdlist3 .item .name { margin-top:12px; padding:5px 10px;  background:#aeaeae; }
.prdlist3 .item .name a { font-size:16px; font-weight:bold;  color:#fff; display:inline-block; }
.prdlist3 .item .summary { margin-top:2px; color:#787878;  height:80px; padding:4px 0;}
.prdlist3 .item .price { position:relative; padding:0 0;}
.prdlist3 .item .price .prdlist_btn { position:absolute; right:5px;  } 


/* product list type 4 */
.prdlist4 { overflow:hidden; padding-top:10px;  } 
.prdlist4 .item { clear:both; overflow:hidden; border-bottom:1px solid #e6e6e6; margin-bottom:20px; padding-bottom:20px; }
.prdlist4 .item .list { width:24.25%; float:left; padding-right:1%; }
.prdlist4 .item .list .wrap { background:#f2eeed; padding-bottom:10px; border:1px solid #ddd; } 
.prdlist4 .item .list .wrap:hover { background:#f2eeed; border:1px solid #5d5d5d; } 
/*
.prdlist4 .item .list .wrapmaku:hover { border:1px solid #df0009; } 
.prdlist4 .item .list .wrapnobori:hover { border:1px solid #2570cd; } 
.prdlist4 .item .list .wrapbanner:hover { border:1px solid #f57401; } 
*/
.prdlist4 .item .list .thumb { text-align:center; padding-top:5px; }
.prdlist4 .item .list .thumb img { width:95%; }
.prdlist4 .item .list .name { margin-top:12px; padding:5px 10px;  background:#aeaeae; display:block; overflow:hidden; text-overflow:ellipsis;white-space:nowrap; color:#fff; }
.prdlist4 .item .list .name a { font-size:14px; font-weight:bold; line-height:20px; color:#fff; }
.prdlist4 .item .list .summary { margin-top:2px; color:#787878;  height:45px; padding:0 10px; overflow:hidden; text-overflow:ellipsis; white-space:normal;}
.prdlist4 .item .list .price { margin-top:7px; position:relative; padding:0 10px;}
.prdlist4 .item .list .price .prdlist_btn { position:absolute; right:5px; bottom:-1px;  } 
.prdlist4 .item .last { float:right; padding-right:0px; }

/* prdlist5 */
.prdlist5_top { font-size:25px; font-weight:bold; letter-spacing:-1px; } 
.prdlist5 { }
.prdlist5 ul {}
.prdlist5 ul li { margin-bottom:25px; width:24.25%; float:left; margin-right:1%; }
.prdlist5 ul li.last { margin-right:0px; } 
.prdlist5 ul li img { width:100%; border:1px solid #ddd; }

.prdlist5 ul li .prdlist5_tt a { width:100%; margin-top:5px; display:inline-block; vertical-align:middle; font-size:20px; font-weight:normal; height:30px; line-height:30px; overflow:hidden; text-overflow:ellipsis;white-space:nowrap; }
.prdlist5 ul li .prdlist5_tt span { display:inline-block; padding:2px 7px; color:#fff;  font-size:12px; border-radius:1px; }
.prdlist5 ul li .prdlist5_price { font-size:14px; font-weight:bold; margin:0px 0 5px 0; } 



/* product list type 6 - 4  */
.prdlist6 { overflow:hidden; padding-top:0px;  } 
.prdlist6 .item { clear:both; overflow:hidden; border-bottom:1px solid #e6e6e6; margin-bottom:20px; padding-bottom:20px; }
.prdlist6 .item .list { width:24.25%; float:left; padding-right:1%; margin-top:10px; }
.prdlist6 .item .list .wrap { position:relative;  background:#fff; padding-bottom:10px; border:1px solid #ddd; } 
.prdlist6 .item .list .wrap:hover { background:#fff; border:1px solid #5d5d5d; } 
.prdlist6 .item .list .thumb { text-align:center; }
.prdlist6 .item .list .thumb img { width:100%; } 
.prdlist6 .item .list .category { margin-top:0px; padding:3px 0 3px 10px;  }
.prdlist6 .item .list .category a { font-size:12px; } 
.prdlist6 .item .list .name { margin-top:4px; padding:5px 10px 0 10px;  display:block; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;  }
.prdlist6 .item .list .name a { font-size:18px; font-weight:bold; line-height:20px; color:#333; } 
.prdlist6 .item .list .namesub { font-size:14px; font-weight:normal; } 
.prdlist6 .item .list .summary { margin-top:2px; color:#787878;  height:65px; padding:0 10px; overflow:hidden; text-overflow:ellipsis; white-space:normal;}
.prdlist6 .item .list .price { margin-top:0px; position:relative; padding:0 10px; font-size:28px; letter-spacing:-1px; }
.prdlist6 .item .list .prdlist_btn { padding:0 10px; margin-top:0px;  } 
.prdlist6 .item .list .prdlist_btn2 { padding:0 10px; margin-top:5px;  } 
/*
.btnNoboriS { border:1px solid #3d3d3d; border-color:#3d3d3d #4a4a4a #4a4a4a #3d3d3d; padding:3px 15px 2px; color:#fff; background:#3d3d3d; font-size:14px; text-decoration:none; font-weight:normal; vertical-align:top; width:49.2%; } 
.btnNobori { border:1px solid #2570cd; border-color:#2570cd #2570cd #2570cd #2570cd; padding:3px 15px 2px; color:#fff; background:#2570cd; font-size:14px; text-decoration:none; font-weight:normal; vertical-align:top; width:100%; } 
*/
.prdlist6 .item .last { float:right; padding-right:0px; }
.prdlist6 .item .center { text-align:center;  }
.prdlist6 .icon_group { position:absolute; top:4px; left:1%; } 

/* product list type 7 - 3   */
.prdlist7 { overflow:hidden; padding-top:10px;  } 
.prdlist7 .item { clear:both; overflow:hidden; border-bottom:1px solid #e6e6e6; margin-bottom:20px; padding-bottom:20px; }
.prdlist7 .item .list { width:32.6%; float:left; padding-right:1%; margin-top:10px; }
.prdlist7 .item .list:nth-child(3n+3) { float:right; padding-right:0px; }
.prdlist7 .item .list .wrap { position:relative;  background:#fff; padding-bottom:10px; border:1px solid #ddd; box-sizing:border-box;} 
.prdlist7 .item .list .wrap:hover { background:#fff; border:1px solid #5d5d5d; } 
.prdlist7 .item .list .thumb { text-align:center; padding-top:5px; }
.prdlist7 .item .list .thumb img { width:98%; }
.prdlist7 .item .list .category { margin-top:0px; padding:3px 0 3px 10px;  background:#d0d3c2; }
.prdlist7 .item .list .category a { font-size:12px; color:#111; } 
.prdlist7 .item .list .name { margin-top:12px; padding:5px 10px;  display:block; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;  }
.prdlist7 .item .list .name a { font-size:20px; font-weight:600;  line-height:22px; color:#333; } 
.prdlist7 .item .list .name .per { position:absolute; right:5px; top:0px;  font-size:22px; font-weight:600;  font-family:tahoma; } 
.prdlist7 .item .list .namesub { font-size:16px; font-weight:normal; } 
.prdlist7 .item .list .summary { margin-top:2px; color:#787878;  height:65px; padding:0 10px; overflow:hidden; text-overflow:ellipsis; white-space:normal;}
.prdlist7 .item .list .summary:after {content:''; clear:both; display:block; } 
.prdlist7 .item .list .price { margin-top:7px; position:relative; padding:0 10px; font-size:24px; } 
.prdlist7 .item .list .price s { margin-top:7px; position:relative; padding:0 5px; font-size:18px; } 

.prdlist7 .item .list .prdlist_btn { padding:0 10px; margin-top:10px;  } 
.prdlist7 .item .list .prdlist_btn2 { padding:0 10px; margin-top:5px;  } 
.prdlist7 .item .last { float:right; padding-right:0px; }
.prdlist7 .item .center { text-align:center;  }
.prdlist7 .icon_group { position:absolute; top:4px; left:1%; } 



/* product detail - popup */
.prd { position:relative; overflow:hidden; clear:both;  } 
.prd .img { } 
.prd .img .big { width:500px; border:1px solid #e6e6e6; } 
.prd .img .small { width:500px; margin-top:10px; text-align:center; } 
.prd .img .small ul {} 
.prd .img .small ul li { width:100%;  } 
.prd .img .small ul li img { width:100%; border:1px solid #e6e6e6; } 
.prd .img .small ul li img.last{ } 

.prd .option { margin-top:10px; } 

.prd .option .summary { border:1px solid #e6e6e6;  background:#f4f4f4} 
.prd .option .summary .img { width:110px; } /* use cart modify */

.prd .option .summary .summarycode { font-size:14px; font-weight:bold; background:#f4f4f4; padding:7px;  } 
.prd .option .summary .summarydesc { font-size:12px; line-height:22px; color:#787878; text-align:justify; padding:7px; padding-top:0px; } 
.prd .option .summary .summarycode .sumprice { font-size:14px; }
.prd .option .summary .summarycode .comment { font-size:11px; font-weight:normal; } 

.prd .option .basic { border:1px solid #e6e6e6; border-top:0px; } /* border-top:0px; */
.prd .option .gap { margin-top:10px; }


.prd .option .price { float:right; }
.prd .option .price span { font-size:30px; font-weight:bold;  letter-spacing:-1px; }

span.icon { display:inline-block; padding:5px 10px; color:#fff;  font-size:14px; border-radius:1px; line-height:16px; }
span.icon-new { background:#2570cd; }
span.icon-recommend { background:#f57401; }
span.icon-best { background:#90c600; }
span.icon-sale { background:#f102dd; }
span.icon-event { background:#df0009; font-size:14px; line-height:18px; }


/* product detail - view */
.prd-view-tt { vertical-align:middle; font-size:22px; font-weight:normal; height:30px; line-height:30px; color:#df0009; display:inline-block; } 

.prd-view { position:relative; overflow:hidden; clear:both; margin-top:10px; } 
.prd-view .img { float:left; } 
.prd-view .img .big { width:300px; border:1px solid #e6e6e6; } 
.prd-view .img .small { width:300px; overflow:hidden; margin-top:10px; text-align:center; } 
.prd-view .img .small ul {} 
.prd-view .img .small ul li { float:left; width:20%;  } 
.prd-view .img .small ul li img { width:98%; border:1px solid #e6e6e6; } 
.prd-view .img .small ul li img.last{ } 

.prd-view .option { float:left; margin-left:20px;  width:679px;} 

.prd-view .option .summary { border:1px solid #e6e6e6;  border-radius:1px; background:#f4f4f4; padding:10px; } 
.prd-view .option .summary .img { width:110px; } /* use cart modify */

.prd-view .option .summary .summarycode { font-size:14px; font-weight:bold; background:#f4f4f4; padding:7px;  } 
.prd-view .option .summary .summarydesc { font-size:14px; line-height:22px; color:#787878; text-align:justify; padding:7px; padding-top:0px; } 
.prd-view .option .summary .summarycode .sumprice { font-size:14px; }
.prd-view .option .summary .summarycode .comment { font-size:11px; font-weight:normal; } 


.prd-view .option .option_title { font-size:18px; height:40px; background:#3d3d3d; color:#fff; font-weight:normal; line-height:40px; padding-left:9px; overflow:hidden; border-radius:1px;  }
/*
.prd-view .option .option_title .option_title_icon { background:url('../../images/common/prd_icon.gif') no-repeat 3px 4px; width:15px; height:15px; display:inline-block; } 
*/
.prd-view .option .option_title span.btn { position:absolute; right:0px; float:right; background:url('../../images/common/file_icon.gif') no-repeat 0px 9px; width:95px; height:18px; display:inline-block; color:#fff; *width:75px; } 
.prd-view .option .option_title span.btn a { background:none; display:inline-block; padding-left:15px; color:#fff; } 
.prd-view .option .option_title span.btn * { background:none; color:#fff; } 
.prd-view .option .basic { border:1px solid #e6e6e6; border-top:0px; } /* border-top:0px; */
.prd-view .option .gap { margin-top:10px; }

.prd-view .option .basic label { width:100px; padding-left:10px; height:30px; line-height:30px; display:inline-block; font-weight:bold; }
.prd-view .option .basic label.small { height:24px; line-height:24px; } 
.prd-view .option .basic label span { color:#ff0000;  }

.prd-view .option .basic #result ul { padding:0px 0;} 
.prd-view .option .basic #result ul li { padding-left:10px; height:25px; line-height:25px; border-bottom:1px solid #eaeaea; } 
.prd-view .option .basic #result ul li.last { border-bottom:0px; height:25px; line-height:25px; } 
.prd-view .option .basic #result ul li .deleteicon { position:absolute; right:0px; float:right; padding-top:0px; padding-right:10px; text-align:center; } 
.prd-view .option .basic #result ul li .deleteicon a { background:#df0009; color:#fff; display:inline-block; width:15px; height:15px; line-height:15px; text-decoration:none;  } 



.prd-view .option .price { float:right; }
.prd-view .option .price span { font-size:30px; font-weight:bold;  letter-spacing:-1px; }


/*

*/
.prd-view-tab { clear:both; margin-top:30px; overflow:hidden; } 
.prd-view-tab .prdtab { height:32px; }
.prd-view-tab .prdtab ul { }
.prd-view-tab .prdtab ul li { float:left; height:32px; line-height:32px; border-radius:top 3px; }
.prd-view-tab .prdtab ul li a { display:block;  font-weight:normal;  text-decoration:none; padding:3px 15px; font-size:16px; }
.prd-view-tab .prdtab ul li.on { background:#ddd; }
.prd-view-tab .prdtab ul li.on a { color:#3d3d3d; font-size:20px; }

.prd-view-tab .prdtab_tt { font-weight:normal; height:50px; line-height:50px; padding-left:8px; font-size:20px; background:#f6f6f6; }



.prdtab_cont { clear:both; padding:0; overflow:hidden; line-height:26px; font-size:16px; } 
.prdtab_cont * { font-size:16px; } 




/* 他の商品 */
.relation { clear:both; margin-top:30px; border:1px solid #ddd; display:block; overflow:hidden; background:#f6f6f6} 
.relation .relationtt { font-weight:normal; height:50px; line-height:50px; padding-left:15px; font-size:20px; }
.relation .relationlist { background:#fff; padding:15px; overflow:hidden; *display:inline-block; }
.relation .relationlist ul {  }
.relation .relationlist ul li { float:left; padding:3px 3px; }
.relation .relationlist ul li img { border:1px solid #ddd; } 
.relation .relationlist ul li div { text-align:center;  padding-top:7px; color:#3d3d3d; width:152px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;  }




.attfile .btn-area { position:relative !important; left:0px !important; margin-top:10px; }
.attfile { width:100% !important; }
#attfile {width:100% !important;}




.cartstep { position:absolute; right:0px; top:55px; overflow:hidden; min-height:50px;} 
.cartstep:after { content:''; display:block; clear:both; } 
.cartstep ul { } 
.cartstep ul li { float:left; font-size:14px; color:#7d7d7d; font-weight:bold; line-height:14px; } 
.cartstep ul li span { font-size:10px; color:#a9a9a9; font-weight:bold; } 
.cartstep ul li.on { color:#0ec103; } 
.cartstep ul li.arrow { width:80px; height:35px; background:url('../../images/title_arrow.gif') no-repeat center 1px;  } 
.cartstep ul li.blank { width:30px; } 
.cartstep ul li a { font-size:18px; font-weight:normal; text-decoration:none; } 
.cartstep ul li a.on { text-decoration:underline; } 




#status { font-size:11px; height:20px; line-height:20px; } 
#status a { font-size:11px; color:#888888; padding-left:0px;  } 




#footer { width:100%; clear:both; position:relative; text-align:center; z-index:1px;} 

#footer #area1 { background:#f7f7f7; padding-bottom:20px; } 

.footmenu ul { }
.footmenu ul li { width:25%; float:left; text-align:center;} 

/*
#footer #area1 { background:#eaeaea; overflow:hidden; padding-bottom:5px; }
#footer #area1 #inner { text-align:left; padding-top:15px;  } 
#footer #area1 #inner .sitemap { width:790px; float:left; }
#footer #area1 #inner .sitemap .tt { font-size:18px; color:#3d3d3d; font-weight:bold; } 


#footer #area1 #inner .sitemap ul {  } 
#footer #area1 #inner .sitemap ul li { float:left;  } 

#footer #area1 #inner .sitemap ul li a { font-size:12px; width:147px;  line-height:18px; height:18px; display:inline-block;  font-weight:bold; color:#fff;  padding-left:3px; text-decoration:none; } 

#footer #area1 #inner .sitemap ul li a.site1 { background:#df0009; margin-right:1px; } 
#footer #area1 #inner .sitemap ul li a.site2 { background:#2570cd; margin-right:1px; } 
#footer #area1 #inner .sitemap ul li a.site3 { background:#f57401; margin-right:1px; } 
#footer #area1 #inner .sitemap ul li a.site4 { background:#a7a7a7; margin-right:1px; } 

#footer #area1 #inner .sitemap ul li ul {  padding-top:5px;  } 
#footer #area1 #inner .sitemap ul li ul li  { float:none; width:147px; height:24px; } 
#footer #area1 #inner .sitemap ul li ul li a { font-weight:normal; color:#5d5d5d; font-size:11px; display:inline-block;  width:147px; height:24px; line-height:25px; padding-left:3px; text-decoration:none; } 
#footer #area1 #inner .sitemap ul li ul li a:hover { color:#000; text-decoration:underline; } 
#footer #area1 #inner .sitemap ul li ul li a:hover.maku { color:#df0009; text-decoration:underline; } 
#footer #area1 #inner .sitemap ul li ul li a:hover.nobori { color:#2570cd; text-decoration:underline; } 
#footer #area1 #inner .sitemap ul li ul li a:hover.banner { color:#f57401; text-decoration:underline; } 


#footer #area1 #inner .calendar { overflow:hidden;  }
#footer #area1 #inner .calendar .tt { font-size:18px; color:#3d3d3d; font-weight:bold; } 
*/


#footer #area2 { background:#eaeaea; }
#footer #area2 #inner { padding-top:10px; background:url('../../images/common/logo.png') no-repeat 0px 20px; overflow:hidden; } 
#footer #area2 #inner .address { text-align:left; margin-left:210px; } 
#footer #area2 #inner .address ul {} 
#footer #area2 #inner .address ul li {float:left; padding-right:20px; } 

/*
#footer #area2 #inner .address ul li:after {content:'   |   '; } 
*/
#footer #area2 #inner .address ul li a { display:inline-block; text-decoration:none;  color:#666; } 
#footer #area2 #inner .address ul li a:hover { color:#df0009; text-decoration:underline; } 

#footer #area2 #inner .address .center { position:relative; padding-left:0px; padding-top:10px; *padding-top:0px; } 
*:first-child+html #footer #area2 #inner .address .center { padding-top:5px; } 

#footer #area2 #inner .address .center .centertt { font-size:18px; font-weight:bold; color:#ff4700; } 


#footer #area2 #inner .address .center .tel { float:left; } 
#footer #area2 #inner .address .center .tel span { font-size:9px; color:#787878; line-height:10px;} 
#footer #area2 #inner .address .center .tel span.num { font-size:18px; font-weight:bold; letter-spacing:-1px; line-height:18px;} 
#footer #area2 #inner .address .center .tel span.txt { font-size:11px; color:#999; line-height:12px; } 


#footer #area2 #inner .address .center .fax { float:left; margin-left:15px; } 
#footer #area2 #inner .address .center .fax span { font-size:9px; color:#787878; line-height:10px;} 
#footer #area2 #inner .address .center .fax span.num { font-size:18px; font-weight:bold; letter-spacing:-1px; line-height:18px;} 
#footer #area2 #inner .address .center .fax span.txt { font-size:11px; color:#999; line-height:12px; } 

#footer #area2 #inner .address .center .email { position:relative; left:230px; top:-41px; font-size:18px; font-weight:bold; letter-spacing:-1px; line-height:18px; color:#787878; } 
/*#footer #area2 #inner .address .center .email { float:left; } */

/*
#footer #area2 #inner .address ul li.last:after { content:''; } 
*/



#footer #area3 { background:#3d3d3d; }
#footer #area3 #inner { height:32px; }
#footer #area3 #inner .copyright { line-height:33px; margin-left:210px; color:#ccc; font-size:11px; } 
#footer #area3 #inner .copyright span { color:#ccc; font-size:11px; } 









/* left menu nothing */
#ui_full { } 

#ui_full { position:relative; } 
#ui_full .title_area { text-align:left; height:80px; overflow:hidden; background:url('../../images/common/title_bg.gif') repeat-x; border-bottom:2px solid #666666;  }
#ui_full .title_area .title { padding-left:0px; width:630px; padding-top:20px; font-size:30px; font-weight:bold; letter-spacing:-1px; color:#3d3d3d; float:left; padding-bottom:20px; } 
#ui_full .title_area .step { padding-top:25px; } 
#ui_full .title_area .step ul { } 
#ui_full .title_area .step ul li { float:left; font-size:12px; color:#7d7d7d; font-weight:bold; line-height:14px; } 
#ui_full .title_area .step ul li span { font-size:10px; color:#a9a9a9; font-weight:normal; } 
#ui_full .title_area .step ul li.on { color:#df0009; } 
#ui_full .title_area .step ul li.arrow { width:80px; height:30px; background:url('../../images/common/title_arrow.gif') no-repeat center;  } 
#ui_full .title_area .step ul li.blank { width:30px; } 

#ui_full .title_area .step ul li a { font-size:18px; font-weight:normal; text-decoration:none; } 
#ui_full .title_area .step ul li a.on { text-decoration:underline; } 



#ui_full .title_area .mypage { position:absolute; right:0px; padding-top:8px;  text-align:right; } 
#ui_full .title_area .mypage .title_left { float:left;  padding-top:13px; font-size:18px; font-weight:bold;  line-height:18px; } 
#ui_full .title_area .mypage .title_left .grade { font-size:20px; font-weight:bold;  } 
#ui_full .title_area .mypage .gradeIcon { float:left; padding:0 7px; width:65px; height:60px; line-height:60px; text-align:center; color:#fff; font-size:20px; font-weight:bold;  } 

#ui_full .title_area .mypage .gradeIcon.vip { border:1px solid #b53200; background:#f74d00; } 
#ui_full .title_area .mypage .gradeIcon.gold { border:1px solid #ffbd0b; background:#ffbd0b; } 
#ui_full .title_area .mypage .gradeIcon.top { border:1px solid #12a50f; background:#12a50f; } 
#ui_full .title_area .mypage .gradeIcon.best { border:1px solid #2d6be4; background:#2d6be4; } 
#ui_full .title_area .mypage .gradeIcon.new { border:1px solid #333333; background:#525252; } 




.menuinfo { position:relative; background:#f7f7f7; margin:0px 0 0 0; padding:10px;  line-height:22px;  font-size:14px; color:#666; border-bottom:1px solid #e6e6e6; } 
.menuinfo .point { color:#2570cd; text-decoration:underline; font-size:14px;} 
.menuinfo .btn a { position:absolute; right:10px; top:17px;  padding:4px 15px;line-height:25px;font-size:16px;text-align:center; background:#df0009;color:#fff; font-weight:; }

.menuinfo2 { margin-bottom:20px; background:#fffcd2; padding:10px;  line-height:18px; border:1px solid #f2efbf;  line-height:22px; overflow:hidden;  } 

.infobox { margin-right:10px; margin-top:5px; background:#fffcd2; padding:10px;  line-height:18px; border:1px solid #f2efbf; color:#787878;} 
.infobox .title { font-size:18px; color:#199500} 
.logo-txt { color:#ac1e21; font-weight:bold; }


/* company */ 
.company_big { font-size:30px; font-weight:bold; letter-spacing:-2px; } 
.company_big .point { font-size:30px; color:#df0009; } 

.company_big2 { font-size:20px; letter-spacing:-1px; } 

.company_tt { font-size:20px; color:#df0009; } 
.company_cont { font-size:14px; line-height:24px; color:#787878; } 
.company_cont .num { background:#df0009; color:#fff; font-weight:bold; padding:0 7px; border-radius:2px; }


.logo_box { width:250px; padding:25px 0; float:left; border:1px solid #e6e6e6; border-radius:5px; text-align:center; margin-right:20px; } 
.logo_box2 { width:250px; padding:0 0; float:left; border:1px solid #e6e6e6; border-radius:5px; text-align:center; margin-right:20px; } 

.logo_info { font-size:14px; } 
.logo_info .point { color:#df0009; font-size:14px; } 





/* 테이블 관련 */


.table_list { position:relative; width:100%;} 
/*table { margin:0px; padding:0px; border:0px; } */
/*
.cmmtable { width:100%; border:1px solid #e6e6e6; }
.cmmtable caption { display:none; } 
.cmmtable thead th { margin:0; height:30px; line-height:30px; background:#f6f6f6; } 
.cmmtable thead tr { margin:0; padding:0; border:none; }
*/
.cmmtable { width:100%;  border-top:1px solid #666;  border-collapse:collapse; }
.cmmtable caption { text-align:left; color:#999; padding-bottom:6px; }
.cmmtable caption .totalcnt { font-size:12px; color:#999; line-height:25px;  }
.cmmtable caption .point { font-size:12px; color:#df0009; line-height:25px; font-weight:bold;  }

/*.search .searchtt { width:25px; height:25px; background:url('../../images/zoom.png') no-repeat ; background-size:70% 70%; display:inline-block;  } */


.cmmtable thead th { 
	text-align:center; 
	height:40px; 
	line-height:40px; 
	font-size:14px; 
	border-bottom:0px; 
	color:#fff; 
	/*	border-left:1px solid #e6e6e6; 
	border-right:1px solid #e6e6e6; 
	border-bottom:2px solid #df0009; */
}
.cmmtable thead tr { border-bottom:1px solid #666; background-color:#666666;  } /* border-bottom:2px solid #df0009;  */
.cmmtable thead th.f12 { font-size:12px; } 
.cmmtable tbody td { 
	text-align:center; 
	padding:5px; 
	/*
	border-left:1px solid #e6e6e6; 
	border-right:1px solid #e6e6e6; 
	border-bottom:1px solid #e6e6e6; 
	*/
	border-bottom:1px solid #ddd; 
	line-height:30px; 
	font-size:14px; 
}
.cmmtable tbody td.f12 { font-size:12px; }
.cmmtable tbody td.nodata { color:#999; font-weight:normal; height:40px; font-size:14px; }
.cmmtable tbody td.small { color:#7d7d7d; font-size:11px; } 
.cmmtable tbody td .small { color:#7d7d7d; font-size:11px; } 

.cmmtable tbody td a { font-size:14px; text-decoration:none; } 
.cmmtable tbody td a.on { color:#df0009;text-decoration:underline; } 
.cmmtable tbody td a:hover { color:#df0009;  text-decoration:underline;}

.cmmtable tbody td.title { text-align:left;  line-height:30px; padding-left:15px; } 
.cmmtable tbody td.title a { text-align:left; font-size:14px; text-decoration:none; } 
.cmmtable tbody td.title a:hover { text-align:left; font-size:14px; text-decoration:underline; color:#df0009; } 
.cmmtable tbody td.title .search { float:none; font-size:14px; color:#df0009; } 

.cmmtable tbody td.on { background:#f4f4f4; font-weight:bold; } 
.cmmtable tbody td.company { background:#f7f7f7; text-align:left; padding-left:15px; } 

.cmmtable tbody td .btn1 { border:1px solid #bbb; border-color:#bbb #b9b8b8 #b9b8b8 #bbb; padding:3px 5px 1px; color:#fff; background:#bbb; font-size:12px; text-decoration:none; font-weight:bold; cursor:pointer; } 

.cmmtable tbody tr { border-bottom:1px solid #e6e6e6; }
.cmmtable tfoot { width:100%; text-align:right; display:none; *display:block; *height:1px; } 
.cmmtable tfoot.show { display:block; } 
.cmmtable tfoot .price { text-align:right; } 


.innertable tbody tr { border:0px;  } 
.innertable tbody td { border:0px;  } 
.innertable tbody td .small { font-size:11px; } 
.innertable tbody td .item { font-size:11px; color:#999; } 


/* common table insert & modify & etc ... */

/*
.cmmtablein {
	width:100%;
	border:1px solid #e6e6e6; 
	border-collapse:collapse; 
}
.cmmtablein caption { text-align:left; color:#666; padding-bottom:10px; border-bottom:1px solid #e6e6e6; line-height:24px; font-size:14px; }
.cmmtablein caption.info b { font-size:14px; font-style:italic; } 

.cmmtablein thead th { margin:0px; padding:0px; }
.cmmtablein tbody tr { border-bottom:1px solid #e6e6e6; } 
.cmmtablein tbody td { padding:7px 0 7px 10px; } 
.cmmtablein tbody td.options { font-weight:bold; width:160px; background:#f0f0f0;  } 
.cmmtablein tbody td.options2 { font-weight:bold; background:#f7f7f7;  } 
.cmmtablein tbody td.options label { font-size:14px; } 
.cmmtablein tfoot { display:none; }
.cmmtablein tbody td.items .info { margin-right:10px; margin-top:5px; background:#fffcd2; padding:5px 7px 3px 7px;  line-height:20px; border:1px solid #f2efbf; color:#787878; } 
.cmmtablein tbody td.items .info .point { color:#ff4700; } 
.cmmtablein tbody td.items .info2 { color:#ff4700; } 
.cmmtablein tbody td.items .info3 { color:#df0009; } 

.cmmtablein2 {
	width:100%;
	border:1px solid #fff; 
	border-collapse:collapse; 
}
.cmmtablein2 caption { text-align:left; color:#666; padding-bottom:10px; border-bottom:1px solid #e6e6e6; line-height:24px; font-size:14px; }
.cmmtablein2 caption.info b { font-size:14px; font-style:italic; } 

.cmmtablein2 thead th { margin:0px; padding:0px;  }
.cmmtablein2 tbody tr {  } 
.cmmtablein2 tbody td { padding:10px 0 10px 10px; } 
.cmmtablein2 tbody td.options { border-bottom:1px solid #dddbdb; font-weight:normal; width:150px; background:#fff; } 
.cmmtablein2 tbody td.options label { font-size:14px; } 
.cmmtablein2 tfoot { display:none; }
.cmmtablein2 tbody td.items { border-bottom:1px solid #e6e6e6; font-size:14px; } 
.cmmtablein2 tbody td.items .info { margin-right:10px; margin-top:5px; background:#fffcd2; padding:5px 7px 3px 7px;  line-height:18px; border:1px solid #f2efbf; color:#787878; } 
.cmmtablein2 tbody td.items .info .point { color:#ff4700; } 
.cmmtablein2 tbody td.items .info2 { color:#ff4700; } 

.need { color:#ff4700; font-size:18px; font-weight:bold; }
.needs { color:#ff4700; font-size:16px; font-weight:bold; }



.cmmtablein3 {
	width:100%;
	border:1px solid #fff; 
	border-collapse:collapse; 
}
.cmmtablein3 caption { text-align:left; color:#666; padding-bottom:6px; border-bottom:1px solid #e6e6e6; line-height:18px; }
.cmmtablein3 thead th { margin:0px; padding:0px;  }
.cmmtablein3 tbody tr {  } 
.cmmtablein3 tbody td { padding:5px 0 5px 5px; } 
.cmmtablein3 tbody td.options { border-bottom:1px solid #dddbdb; font-weight:bold; width:80px; background:#fff; } 
.cmmtablein3 tbody td.options label { font-size:12px; } 
.cmmtablein3 tfoot { display:none; }
.cmmtablein3 tbody td.items { border-bottom:1px solid #e6e6e6; line-height:18px; } 
.cmmtablein3 tbody td.items .info { margin-right:5px; margin-top:5px; background:#fffcd2; padding:5px 7px 3px 7px;  line-height:18px; border:1px solid #f2efbf; color:#787878; } 
.cmmtablein3 tbody td.items .info .point { color:#ff4700; } 
.cmmtablein3 tbody td.items .info2 { color:#ff4700; } 


.cmmtablein4 { width:100%; border-collapse:collapse; }
.cmmtablein4 caption { border-bottom:1px solid #e6e6e6; }
.cmmtablein4 caption.info { text-align:left; padding:5px 0 5px 0; }
.cmmtablein4 thead th { margin:0px; padding:0px;  }
.cmmtablein4 tbody tr {  } 
.cmmtablein4 tbody td { padding:2px 0 2px 10px; } 
.cmmtablein4 tbody td.options { border-bottom:1px solid #f1f1f1; font-weight:normal; width:135px;  } 
.cmmtablein4 tbody td.options label { font-size:14px; } 
.cmmtablein4 tfoot { display:none; }
.cmmtablein4 tbody td.items { border-bottom:1px solid #f1f1f1; line-height:18px; } 
.cmmtablein4 tbody td.items .info { margin-right:5px; margin-top:5px; background:#fffcd2; padding:5px 7px 3px 7px;  line-height:18px; border:1px solid #f2efbf; color:#787878; } 
.cmmtablein4 tbody td.items .info .point { color:#ff4700; } 
.cmmtablein4 tbody td.items .info2 { color:#ff4700; } 
*/


.need { color:#ff4700; font-size:18px; font-weight:bold; }
.needs { color:#ff4700; font-size:16px; font-weight:bold; }

.cmmview { }
.cmmview .viewtitle { font-size:24px; font-weight:normal; line-height:45px; padding-top:15px; color:#333; } 
.cmmview .viewtitle.mypage { font-size:20px; font-weight:bold; border-bottom:2px solid #a3dc0a; margin-bottom:0px; border-top:1px solid #e6e6e6; line-height:45px; padding-top:3px; color:#5d5d5d; } 

.cmmview .viewdate { font-size:13px; color:#333; padding:5px 0 5px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#eee; padding-left:5px; } 
.cmmview .toki { font-size:10px; color:#bbb; font-weight:normal; padding:0 5px;  } 
.cmmview .viewcontents { padding:10px 3px; font-size:14px; line-height:25px;  border-bottom:1px solid #e6e6e6; margin-bottom:0px; color:#444 !important; } 
.cmmview .viewcontents span, .cmmview .viewcontents p {  } 
.cmmview .viewcontents * { font-size:14px !important; line-height:25px; } 
.cmmview .viewreply { background:#fffcd2; padding:10px 10px 10px 20px; border-bottom:1px solid #e6e6e6; font-size:14px; } 
.cmmview .viewreply .replayname { font-size:11px; color:#787878; padding:0px 0 5px 0;  } 



/* price table */
.cmmprice { width:100%;  border-top:1px solid #ddd;  border-collapse:collapse; }
.cmmprice caption { text-align:right; }
.cmmprice caption.title { text-align:left; font-size:18px; margin-bottom:10px; } 
.cmmprice caption .info { font-size:14px;  }
.cmmprice thead th { text-align:center; height:40px; line-height:40px; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-bottom:2px solid #787878; }
.cmmprice thead th.noline { border-bottom:1px solid #e6e6e6; } 
.cmmprice thead th.first { background:#f0f0f0; } 
.cmmprice thead th.mypage { background:#fffcd2; font-size:14px;  } 
.cmmprice thead tr { border-bottom:2px solid #787878; }
.cmmprice thead tr.noline { border-bottom:1px solid #e6e6e6; }

.cmmprice tbody td { text-align:center; padding:7px; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; }
.cmmprice tbody td a { text-decoration:none; } 
.cmmprice tbody td.top { border-top:1px solid #199500; } 
.cmmprice tbody td.item { width:70px; } 
.cmmprice tbody td.items { width:70px; } 
.cmmprice tbody td.items2 { width:120px; } 
.cmmprice tbody td.left { text-align:left; padding-left:15px; } 
.cmmprice tbody td.item:hover { background:#fffcd2; cursor:pointer; } 
.cmmprice tbody td.items:hover { background:#fffcd2; cursor:pointer; } 
.cmmprice tbody td.options:hover { background:#fffcd2; cursor:pointer; } 

.cmmprice tbody td span.icon { width:14px; height:20px; background:url('../../images/icon_download.gif') no-repeat 5px 12px ; } 


.cmmprice tbody td.on { background:#f4f4f4; font-weight:bold; } 
.cmmprice tbody tr { border-bottom:1px solid #e6e6e6; }
.cmmprice tfoot { width:100%; text-align:right; display:none; *display:block; *height:1px; } 


/* price table */
.cmmpricenew {  width:100%; border-collapse:collapse; }
.cmmpricenew caption { text-align:right; }
.cmmpricenew caption.title { text-align:left; font-size:20px; } 
.cmmpricenew thead th { text-align:center; height:40px; line-height:40px; background:#666; color:#fff; border-right:1px solid #666; }
.cmmpricenew thead th.on { color:#ffff00; }
.cmmpricenew thead th.item { background:#666} 
.cmmpricenew thead th.first { background:#f0f0f0; } 
.cmmpricenew thead th.mypage { background:#fffcd2; font-size:14px;  } 
.cmmpricenew thead tr { }
.cmmpricenew tbody td { text-align:center; padding:7px; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; }
.cmmpricenew tbody td a { text-decoration:none; } 
.cmmpricenew tbody td.first { border-left:1px solid #666; background:#666; border-bottom:1px solid #666; border-right:1px solid #e6e6e6; font-weight:bold; } 
.cmmpricenew tbody td.item { width:65px; background:#666; color:#fff;  } 
.cmmpricenew tbody td.options:hover { background:#fffcd2; cursor:pointer; } 
.cmmpricenew tbody td.on1 { background:#f0f0f0; } 
.cmmpricenew tbody td.on2 { background:#f7f7f7;  } 



.cmmpricenew tbody tr { border-bottom:1px solid #e6e6e6; }
.cmmpricenew tfoot { width:100%; text-align:right; display:none; *display:block; *height:1px; } 


/* auto price  table */
.cmmauto { width:100%;  border:1px solid #df0009; background:#fff;  border-collapse:collapse; }
.cmmauto caption { text-align:right; }
.cmmauto caption.title { text-align:left; font-size:18px !important; font-weight:normal;} 
.cmmauto thead th { font-size:16px; text-align:center; height:40px; line-height:40px; border-left:1px solid #df0009; border-right:1px solid #df0009; border-bottom:2px solid #df0009; background:#df0009; color:#fff; }
.cmmauto thead tr { border-bottom:2px solid #787878; }
.cmmauto tbody td { text-align:center; border-left:1px solid #fdb3b6; border-right:1px solid #fdb3b6; border-bottom:1px solid #fdb3b6; font-size:14px; height:30px;  }
.cmmauto tbody td.white { background:#fff; }  
/*.cmmauto tbody tr { border-bottom:1px solid #e6e6e6; }*/
.cmmauto tfoot { width:100%; text-align:left; display:block; *display:block; *height:1px; } 



/* pagging */ 
#paging { text-align:center;  margin:20px 0px; } 

#paging span.pagenum { color:#333; display:inline-block;line-height: 26px; border:1px solid #ddd; cursor:pointer; }  
#paging span.pagenum a { text-decoration:none; display:inline-block; width:22px;height:22px;}  

#paging span.pagenum:hover { text-decoration:underline; background:#f7f7f7; color:#3d3d3d; } 
/*
#paging span.pagenum a:hover { text-decoration:underline; background:#f7f7f7; color:#3d3d3d; } 
*/

#paging span.on { background:#333; font-size: 12px; color:#fff; border:1px solid #333; } 
#paging span.on:hover { background:#333; font-size: 12px; color:#fff; border:1px solid #333; text-decoration:none; } 
#paging span.on a { color:#fff; } 

#paging span.box { border:1px solid #ddd; font-size:11px;   }
#paging span.link { color:#ff4100; }
#paging span.notlink { color:#999; }
#paging span.arrow { color:#333; display:inline-block;line-height: 26px; border:1px solid #ddd; } 
#paging span.arrow a { text-decoration:none; display:inline-block; width:24px;height:24px; letter-spacing:-2px; font-size:11px; color:#999;}   


/* input box */
.app_input_b { border:1px solid #ddd; border-color:#ddd; background-color:#ffffff; padding-left:5px; color:#bbb; line-height:30px; height:30px; font-size:14px;  }
.app_input_b_on { background:#fffcd2; color:#333; border-color:#ccc ; } 
.app_radio_b { width:22px; height:22px; color:#ddd;  } 

.app_text_b { border:1px solid #ddd; border-color:#ddd ;  background-color:#ffffff; padding:5px; color:#999; line-height:24px; font-size:14px; resize:none; } 
.app_text_b_on { background:#fffcd2; color:#333; border-color:#ccc ; } 


.app_input { border:1px solid #ddd; border-color:#ddd; background-color:#ffffff; padding-left:5px; color:#bbb; line-height:24px; height:26px; font-size:14px; vertical-align:top; }
.app_input_on { background:#fffcd2; color:#333; border-color:#ccc ; } 

.app_input_s { border:1px solid #ddd; border-color:#ddd; background-color:#ffffff; padding-left:5px; color:#bbb; line-height:20px; height:20px; font-size:12px; }
.app_input_s_on { background:#fffcd2; color:#666; border-color:#ccc ; } 

.app_radio { width:18px; height:18px; color:#ddd; } 
.app_radio_s { width:16px; height:16px; color:#ddd; border-color:#ccc ;} 
.app_radio_ss { width:14px; height:14px; color:#ddd; } 

.app_text { border:1px solid #ddd; border-color:#ddd;  background-color:#ffffff; padding:5px; color:#999; line-height:24px; font-size:14px; font-weight:none; resize:none; }
.app_text_on { background:#fffcd2; color:#333; border-color:#ccc ;  } 

.app_select { border:1px solid #ddd; border-color:#ddd; background-color:#ffffff;  height:28px; line-height:26px; vertical-align:top; outline:none; padding:3px 3px;}
.app_select_b { border:1px solid #ddd; border-color:#ddd; background-color:#ffffff;  height:32px; line-height:32px; vertical-align:top; outline:none; padding:5px 5px;}
.app_select_s { border:1px solid #ddd; border-color:#ddd; background-color:#ffffff;  height:26px; line-height:26px; vertical-align:top; outline:none; padding:3px 3px;}
/*-select {height:28px;padding:5px 3px;border:1px solid #ddd;vertical-align:top;font-family:'맑은 고딕','malgun gothic';font-size:12px;outline:none;}*/


.app_input_num { padding-left:0px; text-align:center; ime-mode:disabled; } 


.app_auto { border:1px solid #ddd; border-color:#ddd; background-color:#fff; padding-left:0px; text-align:center;  color:#df0009; line-height:25px; height:30px; font-size:18px; font-weight:bold; border-radius:0px; }
.app_auto_on { background:#ffffff; color:#df0009; text-align:center; } 




/* button */
.btnArea { text-align:center; clear:both; margin-top:20px; } 
.btnArea:after{clear:both;content:'';display:block;}
.btnComm { border:1px solid #157100; padding:3px 15px 3px; color:#fff; background:#199500; font-size:18px; text-decoration:none; font-weight:bold; } 
.btnBig { border:1px solid #157100; padding:5px 20px; color:#fff; background:#199500; font-size:22px; text-decoration:none; font-weight:bold; } 
/*
.btnComm { border:1px solid #787878; border-color:#787878 #686868 #686868 #787878; padding:3px 15px 3px; color:#fff; background:#787878; font-size:18px; text-decoration:none; font-weight:bold; cursor:pointer; } 
*/
.btnCommS { border:1px solid #3d3d3d; border-color:#3d3d3d #4a4a4a #4a4a4a #3d3d3d; padding:3px 15px 2px; color:#fff; background:#3d3d3d; font-size:14px; text-decoration:none; font-weight:normal; vertical-align:top; line-height:24px; } 
.btnCommSs { border:1px solid #3d3d3d; border-color:#787878; padding:1px 7px 1px; color:#fff; background:#787878; font-size:12px; text-decoration:none; font-weight:bold;  } 
.btnGray { border:1px solid #bbb; border-color:#bbb #b9b8b8 #b9b8b8 #bbb; padding:3px 15px 3px; color:#fff; background:#bbb; font-size:18px; text-decoration:none; font-weight:bold; } 

.btnWhite { border:1px solid #bbb; border-color:#bbb #b9b8b8 #b9b8b8 #bbb; padding:2px 5px 1px; background:#fff; font-size:12px; cursor:pointer; border-radius:1px; } 
.btnWhiteBig { border:1px solid #bbb; border-color:#bbb #b9b8b8 #b9b8b8 #bbb; padding:3px 14px 2px; background:#fff; font-size:14px; cursor:pointer; border-radius:1px; } 
/*
.btnGreen { border:1px solid #0ca1d2; padding:3px 15px 3px; color:#fff; background:#0ca1d2; font-size:12px; text-decoration:none; font-weight:bold; line-height:23px;} 
.btnGreenS { border:1px solid #a3dc0a; border-color:#a3dc0a #90c600 #90c600 #a3dc0a; padding:3px 15px 3px; color:#fff; background:#a3dc0a; font-size:12px; text-decoration:none; font-weight:bold;  } 
*/
.btnGreen { border:1px solid #a3dc0a; border-color:#0ec103; padding:3px 15px 3px; color:#fff; background:#0ec103; font-size:12px; text-decoration:none; font-weight:bold; line-height:23px;} /* 90c600 */
.btnGreenS { border:1px solid #a3dc0a; border-color:#0ec103; padding:3px 15px 3px; color:#fff; background:#0ec103; font-size:12px; text-decoration:none; font-weight:bold;  } /* 90c600 */

.btnGreen a { display:inline-block; padding:4px 15px 3px; color:#fff; background:#a3dc0a; font-size:12px; text-decoration:none; font-weight:bold; margin-right:5px; } /* 90c600 */




/* よくある質問 */
.faq { } 
.faq .faq_qus { clear:both; }
.faq .faq_qus .faq_q_icon { float:left; width:5%; height:35px; background:#3d3d3d; color:#fff; font-size:25px; text-align:center; line-height:35px; font-weight:bold; border-radius:1px;  }
.faq .faq_qus .faq_title { float:left; padding-left:2%; font-size:16px; padding-top:8px; width:93%; } 

.faq .faq_ans { overflow:hidden; clear:both; padding:10px 0 15px 0; margin:15px 0; border-bottom:1px solid #e6e6e6; }
.faq .faq_ans .faq_a_icon { float:left; float:left; width:5%; height:35px; background:#787878; color:#fff; font-size:25px; text-align:center; line-height:35px; font-weight:bold; border-radius:1px;}
.faq .faq_ans .faq_contents { float:left; padding-left:2%; font-size:14px;  width:93%;  } 
.faq .faq_ans .faq_contents  * { font-size:14px; } 



/* popup layer */
#message2 { } 
#message2 #title  { width:100%; height:35px; line-height:35px; color:#fff; } 
#message2 #title.member { background:#0ec103; }
#message2 #title.common { background:#3d3d3d; }


#message2 #title .tt {  color:#fff; float:left; padding-left:7px;font-weight:bold; font-size:14px;  } 
#message2 #title .close { float:right; color:#fff; padding-right:7px; font-weight:bold; font-size:25px; } 
#message2 #popupcont { padding:5px; }











/* main */


.makumain { }
.makumain .title { font-size:25px; font-weight:bold; letter-spacing:-1px; }
.makumain .title span { font-size:25px; }
.makumain .title .more { float:right; font-size:14px; color:#fff; padding:2px 3px; margin-top:10px; line-height:14px; } 
.makumain .title .more2 { float:right; font-size:14px; padding:2px 3px; margin-top:10px; line-height:14px; color:#fff;} 

.makumain .makubest { overflow:hidden; border-bottom:1px solid #e6e6e6; margin-top:5px; }
.makumain .makubest .best_left { width:50%; border-right:1px solid #e6e6e6; float:left; padding-right:20px; } 
.makumain .makubest .best_left .items .title a { font-size:20px; color:#5d5d5d; font-weight:bold; float:left; text-decoration:none; }
.makumain .makubest .best_left .items .percent { font-size:20px; font-weight:bold; float:right; padding-right:5px; }

.makumain .makubest .best_left .detail { }
.makumain .makubest .best_left .detail .img { width:200px;height:150px; float:left; border:1px solid #e6e6e6; margin-right:15px; margin-bottom:8px; }
.makumain .makubest .best_left .detail .view a { color:#7d7d7d; text-decoration:none; text-align:justify; }
.makumain .makubest .best_left .detail .view .btn { float:right;  color:#fff; padding:2px 5px 1px 5px; font-size:11px; margin-top:5px;  }


.makumain .makubest .best_right { width:45%; float:right; } 
.makumain .makubest .best_right .items .title { position:relative; } 
.makumain .makubest .best_right .items .title a { font-size:18px; color:#5d5d5d; font-weight:bold; float:left; text-decoration:none; }
.makumain .makubest .best_right .items .title .more { position:absolute; display:block; margin-top:3px; }
.makumain .makubest .best_right .items .percent { font-size:16px; font-weight:bold; float:right; padding-right:5px; }

.makumain .makubest .best_right .detail { padding-top:3px;  padding-bottom:5px; }
.makumain .makubest .best_right .detail .img { width:36px;height:36px; float:left; border:1px solid #e6e6e6; margin-right:15px; margin-bottom:8px; }
.makumain .makubest .best_right .detail .view a { color:#7d7d7d; text-decoration:none; text-align:justify; }
.makumain .makubest .best_right .detail .view .btn { float:right; background:#df0009; color:#fff; padding:2px 5px 1px 5px; font-size:11px; margin-top:5px;  }


.makumain .best_list { border-bottom:1px solid #e6e6e6; overflow:hidden; } 
.makumain .best_list .items .num4 { width:30px; height:28px; display:inline-block; background:url('../../images/maku_num2.gif') no-repeat; float:left; }
.makumain .best_list .items .title a { font-size:18px; color:#5d5d5d; font-weight:bold; float:left; text-decoration:none; }
.makumain .best_list .items .title .more { margin-top:3px; }
.makumain .best_list .items .percent { font-size:16px; font-weight:bold; float:right; padding-right:5px; }

.makumain .best_list .detail { padding-top:3px;  padding-bottom:5px; }
.makumain .best_list .detail .img { width:100px;height:100px; float:left; border:1px solid #e6e6e6; margin-right:15px; margin-bottom:8px; }
.makumain .best_list .detail .view a { color:#7d7d7d; text-decoration:none; text-align:justify; }
.makumain .best_list .detail .view .btn { float:right; background:#df0009; color:#fff; padding:2px 5px 1px 5px; font-size:11px; margin-top:5px;  }


.makumain .makumitsu {  } 
.makumain .makumitsu .automitsu { border-collapse:collapse; }
.makumain .makumitsu .automitsu caption { text-align:left; color:#666; padding-bottom:6px; line-height:18px;}
.makumain .makumitsu .automitsu thead th { margin:0px; padding:0px;  }
.makumain .makumitsu .automitsu tbody tr { } 
.makumain .makumitsu .automitsu tbody td { padding:4px 0 4px 10px; background:#fec1c4; } 
.makumain .makumitsu .automitsu tbody td.options { line-height:25px; font-weight:bold; width:110px; background:#fdb3b6; } 
.makumain .makumitsu .automitsu tfoot { display:none; }
.makumain .makumitsu .automitsu tbody td .btn { border:1px solid #df0009; background:#df0009;  padding:4px 10px 3px 10px; color:#fff;  font-size:12px; text-decoration:none; font-weight:bold; cursor:pointer; border-radius:0px; } 
.makumain .makumitsu .automitsu tbody td .btn.nobori { border:1px solid #2570cd; background:#2570cd;   } 
.makumain .makumitsu .automitsu { padding:10px; background:#f7f7f7; border:1px solid #ddd; font-size:22px;  } 
.makumain .makumitsu .automitsu .btnAuto { border:1px solid #df0009; background:#df0009;  padding:4px 10px 3px 10px; color:#fff;  font-size:15px; text-decoration:none; font-weight:bold; cursor:pointer; border-radius:1px; } 


.makumain .makusojai { margin-top:5px; border:1px solid #e6e6e6; overflow:hidden; } 
.makumain .makusojai .sojai_left { border-bottom:1px solid #e6e6e6; width:50%; float:left; } 
.makumain .makusojai .sojai_right { width:50%;border-bottom:1px solid #e6e6e6; float:right; } 
.makumain .makusojai .last { border-bottom:0px;  } 
.makumain .makusojai .sojai_inner { padding:10px; overflow:hidden; }
.makumain .makusojai .sojai_inner .sojai_img { float:left; width:100px; height:100px; background-repeat:no-repeat; margin-right:10px; border:1px solid #e6e6e6;  }
.makumain .makusojai .sojai_inner .sojai_name { font-size:16px;  color:#3d3d3d; font-weight:bold; letter-spacing:-1px; }
.makumain .makusojai .sojai_inner .sojai_name a { font-size:16px;  color:#3d3d3d; font-weight:bold; letter-spacing:-1px; }
.makumain .makusojai .sojai_inner .sojai_desc { font-size:14px; color:#777;  }
.makumain .makusojai .sojai_inner .sojai_desc a { color:#777;  }

.makumain .makusojai .sojai_inner .sojai_price { float:right; font-size:20px; color:#df0009; font-weight:bold; letter-spacing:-1px; }


.makumain .makudesign { overflow:hidden; } 
.makumain .makudesign .designleft { width:535px; float:left; overflow:hidden;} 
.makumain .makudesign .designleft .designtitle { font-size:14px; font-weight:bold; color:#5d5d5d;  }
.makumain .makudesign .designleft .designtitle a { font-size:16px;  }
.makumain .makudesign .designleft .designtitle span { font-size:14px;   }
.makumain .makudesign .designleft .designimg { padding:10px 0; border-bottom:1px dashed #989898; }
.makumain .makudesign .designright { float:right; width:451px; border:1px solid #e6e6e6; background:#f6f6f6; } 

.makumain .makudesign .designright .title { background:#fff; font-size:16px; line-height:36px; padding-left:10px; padding-top:5px; } 
.makumain .makudesign .designright .title span { font-size:16px;} 
.makumain .makudesign .designright ul { padding:13px;} 
.makumain .makudesign .designright ul li { float:left; margin-bottom:20px; padding-right:10px; } 
.makumain .makudesign .designright ul li .img { width:205px; height:80px; background:#fff; border:1px solid #e6e6e6; } 
.makumain .makudesign .designright ul li .cont { font-size:12px; padding-top:5px; line-height:20px; } 
.makumain .makudesign .designright ul li .cont span { font-size:12px; color:#999; }
.makumain .makudesign .designright ul li.last { margin-bottom:15px; } 
.makumain .makudesign .designright .btn { clear:both; border:1px solid #df0009; background:#df0009;  padding:2px 5px 2px 0px; color:#fff;  font-size:12px; text-decoration:none; font-weight:bold; cursor:pointer; border-radius:0px; text-align:right; } 



.makumain .makukoe { border:1px solid #e6e6e6; overflow:hidden; }
.makumain .makukoe ul { }
.makumain .makukoe ul li { float:left; width:50%; padding:5px 0; }
.makumain .makukoe ul li .inner { padding-right:10px; padding-left:5px;  }
.makumain .makukoe ul li .img { float:left; margin:0 5px 0 0px; } 
.makumain .makukoe ul li .desc a { font-size:14px;  color:#666666; } 



/* main add : 20151228 */
.main_guide { width:680px; float:left; } 
.main_guide .main_guide_box { border:1px solid #ddd; overflow:hidden; margin-top:5px;  }
.main_guide .main_guide_box .guide_list { font-size:20px; padding-top:37px;  float:left; overflow:hidden;  padding-left:90px; } 
.main_guide .main_guide_box .guide_list:hover { background-color:#f1f1f1; } 
.main_guide .main_guide_box .guide_list:hover a { } 
.main_guide .main_guide_box .guide_list a { font-size:18px; text-decoration:none; letter-spacing:-1px; } 
.main_guide .main_guide_box .guide_list a:hover { text-decoration:underline; color:#df0009; } 
.main_guide .main_guide_box .m_guide_left { border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;  width:249px; height:62px;  } 
.main_guide .main_guide_box .m_guide_right { height:62px; border-bottom:1px solid #e6e6e6; width:248px; } 
.main_guide .main_guide_box .m_guide_last { border-bottom:0px; } 
.main_guide .main_guide_box .icon1 { background:url('../../images/main_icon1.png') no-repeat 15px 22px;  } 
.main_guide .main_guide_box .icon2 { background:url('../../images/main_icon2.png') no-repeat 15px 22px;   } 
.main_guide .main_guide_box .icon3 { background:url('../../images/main_icon3.png') no-repeat 15px 22px;   } 
.main_guide .main_guide_box .icon4 { background:url('../../images/main_icon4.png') no-repeat 15px 22px;   } 
.main_guide .main_guide_box .icon5 { background:url('../../images/main_icon5.png') no-repeat 15px 22px;   } 
.main_guide .main_guide_box .icon6 { background:url('../../images/main_icon6.png') no-repeat 15px 22px;   } 
.main_guide .main_guide_box .icon7 { background:url('../../images/main_icon7.png') no-repeat 15px 22px;   } 
.main_guide .main_guide_box .icon8 { background:url('../../images/main_icon8.png') no-repeat 15px 22px;   } 
.main_guide .main_guide_box .icon9 { background:url('../../images/main_icon9.png') no-repeat 15px 22px;   } 
.main_guide .main_guide_box .icon10 { background:url('../../images/main_icon10.png') no-repeat 15px 22px;   } 
.main_guide .main_guide_box .icon11 { background:url('../../images/main_icon11.png') no-repeat 15px 22px;   } 

.main_title { font-size:23px; height:35px;  font-weight:bold;  letter-spacing:-1px; padding-left:10px; padding-top:5px; } 
.main_title .more { position:absolute;  right:7px; padding-top:12px; } 
.main_title .more a { color:#fff; text-decoration:none; } 




.main_customer { width:295px; float:right; } 

.main_customer .main_customer_box { border:1px solid #ddd; margin-top:5px;} 
.main_customer .main_customer_box .customer_list { border-bottom:1px solid #e6e6e6; padding-left:13px; padding-top:10px; padding-bottom:10px; } 
.main_customer .main_customer_box .customer_list a { font-size:18px; text-decoration:none; font-weight:bold; color:#787878; letter-spacing:-1px; } 
.main_customer .main_customer_box .customer_list a:hover { color:#df0009; } 

.main_customer .main_customer_box .customer_list.last { border-bottom:0 } 
.main_customer .main_customer_box .customer_list .arrow1 { width:25px; height:15px; margin-left:5px; display:inline-block; background:url('../../images/main_arrow1.gif') no-repeat 0 5px; padding-top:5px;  } 

.main_customer .main_customer_box ul { overflow:hidden; background:#f6f6f6; border-bottom:1px solid #e6e6e6; padding:5px 0; } 
.main_customer .main_customer_box ul li { height:24px; padding-left:13px; } 
.main_customer .main_customer_box ul li a { height:24px; line-height:24px; font-size:12px; text-decoration:underline;  color:#787878; } 
.main_customer .main_customer_box ul li a:hover { color:#000; } 
.main_customer .main_customer_box ul li:first-child  { color:#199500;  } 
.main_customer .main_customer_box ul li:first-child a {  font-size:14px; color:#199500; } 

.main_title { font-size:23px; height:35px;  font-weight:bold;  letter-spacing:-1px; padding-left:10px; padding-top:5px; } 
.main_title .more { position:absolute;  right:7px; padding-top:12px; } 
.main_title .more a { color:#fff; text-decoration:none; } 




/* customer center */
.customer_main { }
.customer_main .customer_tel { width:100%; line-height:35px; font-style:italic;}
.customer_main .customer_tel a { font-size:50px; font-size:50px; font-weight:bold; letter-spacing:-2px; color:#df0009; }
.customer_main .customer_small { font-size:14px; color:#999;  border-bottom:1px solid #e6e6e6; padding-bottom:10px; } 
.customer_main .customer_left { width:47%; float:left; } 
.customer_main .customer_right { width:47%; float:right;  } 

.customer_main .customer_banner { width:47%; text-align:center; height:85px; border:1px solid #e6e6e6; padding-top:35px; } 
.customer_main .customer_banner:hover { background:#df0009; cursor:pointer; } 
.customer_main .customer_banner:hover .bn_tt { color:#fff;  } 
.customer_main .customer_banner:hover .bn_summ { color:#fff;  } 

.customer_main .customer_title {  padding:7px 5px 5px 0px; letter-spacing:-1px; font-weight:bold; color:#000; } 
.customer_main .customer_title a { font-size:22px; text-decoration:none; }
.customer_main .customer_title .customer_icon { color:#df0009; font-size:18px; font-weight:bold; text-decoration:none; } 
.customer_main .customer_title .customer_sub_title { font-size:14px; font-weight:normal; color:#999; } 

.customer_main ul { border-top:0;  } 
.customer_main ul li { padding-left:0px; border-bottom:1px solid #e6e6e6; } 
.customer_main ul li a { height:35px; line-height:35px; text-decoration:none; font-size:14px; } 
.customer_main ul li a:hover { text-decoration:underline; color:#df0009; } 


.customer_main .customer_banner a { text-decoration:none; }  
.customer_main .customer_banner .bn_tt { font-size:22px; font-weight:bold; letter-spacing:-2px;   } 
.customer_main .customer_banner .bn_summ { font-size:12px;  letter-spacing:-1px;  } 

.customer_main .customer_banner_l { float:left;  } 
.customer_main .customer_banner_r { float:right;  background:#f4f4f4; } 

.customer_main .customer_koe {  }
.customer_main .customer_koe ul { padding:10px 0; clear:both; border-top:0px; overflow:hidden; border-bottom:1px solid #e6e6e6; }
.customer_main .customer_koe ul li { border-bottom:0;  }
.customer_main .customer_koe ul li.koeimg { clear:both; width:150px; height:100px; float:left;  border:1px solid #e6e6e6; padding-left:0px; overflow:hidden; margin-right:10px; cursor:pointer; }
.customer_main .customer_koe ul li.koedesc { margin-left:10px; padding-left:10px; line-height:24px;  }
.customer_main .customer_koe ul li.koedesc a { font-size:14px; line-height:24px;  }






/* guide contents */
.guide_left { float:left; } 

.guide_right { width:375px; float:right; } 


.contents { display:inline-block; clear:both; border-bottom:1px dashed #ccc; padding-bottom:15px; margin:5px 0 5px 0;} 
.contents.first { border-top:1px dashed #ccc; padding-top:15px; } 
.contents-l { float:left; line-height:20px; } 
.contents-l .tt { font-size:18px; font-weight:bold; color:#df0009; letter-spacing:-1px; }
.contents-r { float:left; line-height:22px; font-size:14px; margin-left:15px; } 
.contents-r .point { color:#2570cd; font-size:14px; font-weight:bold; font-style:italic} 
.contents-r .btn { border:1px solid #3d3d3d; padding:0px 15px; color:#fff; background:#3d3d3d; font-size:12px; line-height:25px; text-decoration:none; font-weight:normal;  }
.contents-r .btn_area { text-align:right; } 
.contents-r .step { position:relative; top:0px; font-size:18px; font-weight:bold; font-style:italic; background:#199500; color:#fff; padding:2px 10px; margin-bottom:5px; margin-right:10px; } 
.contents-r .tt { font-size:16px; font-weight:normal; color:#199500; letter-spacing:-1px; }
.contents-r .info { background:#f7f7f7; margin:10px 0 0 0; padding:10px;  line-height:22px;  font-size:14px; color:#666; } 
.contents-r .info .infott { font-size:14px; color:#111; } 





/* member */
.yak { height:150px; padding:10px; overflow:auto; border:1px solid #e6e6e6; color:#666; font-size:11px; margin:15px 0 0 0;  }
.yakok { text-align:center; padding:5px 0px 4px 0; background:#e6e6e6; } 



/* login */

.login-title {color:#df0009;}
.login-box { background:#f7f7f7; position:relative;height:210px;padding-top:40px;padding-left:20px; margin-bottom:40px; background:url('../../images/login_box_bg.gif') no-repeat; } 
.login-box-title { margin-left:10px; font-size:24px;color:#111; border-bottom:1px solid #ddd; margin-right:30px; margin-bottom:15px;} 
.login-box-title span.close { position:absolute;  display:inline-block;  top:25px; right:35px;  } 
.login-box-title span.close a { background:#3d3d3d; color:#fff; padding:5px 10px; }

.login-box p {margin:10px;}
.login-box p.login-btn {position:absolute;top:82px;left:290px; width:80px;height:65px;line-height:65px;font-size:16px;text-align:center;}
.login-box p.login-btn.wide {position:absolute;top:82px;left:320px; width:80px;height:65px;line-height:65px;font-size:16px;text-align:center;}
.login-box label {display:inline-block;width:80px;font-weight:600;color:#333; text-align:left; }
.login-box label.wide { width:100px; }
.login-box .btnLogin {border:0px;width:80px;height:73px;padding:0;line-height:73px;font-size:16px;text-align:center; background:#157100;color:#fff;}

.login-search {position:absolute; left:400px; top:87px; vertical-align:middle; text-align:left;  }
.login-search-area { text-align:left; margin:8px 0; font-size:14px; line-height:28px; }
.login-search-area span {font-size:14px; width:215px;display:inline-block;}




/* estimate */
.estimate { position:relative; border:1px solid #ddd; padding:15px; background:#f7f7f7 } 
.estimate .title { font-size:25px; font-weight:bold; } 






/* mypage */


#myp_wrap { margin-bottom:20px; overflow:hidden; width:1001px; } 
#myp_wrap .myp_left { float:left; width:198px; }
#myp_wrap .myp_left .myp_left_title { background:#787878; color:#fff; height:50px; line-height:50px; padding-left:10px; } 
#myp_wrap .myp_left ul { border:0px solid #e6e6e6; }
#myp_wrap .myp_left ul li { background:#f7f7f7;  }
#myp_wrap .myp_left ul li a { width:186px; padding-left:10px;  line-height:50px; font-weight:bold;height:50px; display:inline-block; text-decoration:none; *width:196px; border-top:1px solid #fff; border-bottom:1px solid #e6e6e6; font-size:14px; }
#myp_wrap .myp_left ul li.on { background:#0dbc03; color:#fff; font-size:14px; } 
#myp_wrap .myp_left ul li.on a { color:#fff; font-size:14px; } 
#myp_wrap .myp_left ul li:last { border-bottom:none; }

#myp_wrap .myp_right { margin-left:25px; overflow:hidden; width:803px; text-align:left; *width:797px; }
#myp_wrap .myp_right .myp_right_cont { text-align:left;  width:778px; padding-left:25px; margin:5px 0 0 0; } 
#myp_wrap .myp_right .myp_title { font-size:25px; color:#0dbc03; font-weight:bold; letter-spacing:-1px; float:left; height:40px; width:100%; border-bottom:2px solid #e6e6e6; margin-top:10px; } 

#myp_wrap .myp_right .myp_right_cont .myp_info { margin-top:20px; background:#fffcd2; padding:15px 10px;  line-height:20px; border:1px solid #f2efbf; }
#myp_wrap .myp_right .myp_right_cont .myp_sub_title { margin-top:20px; font-size:22px; color:#86b800; }

#myp_wrap .myp_right .myp_right_cont .ord_dt_left { width:50%; float:left; } 
#myp_wrap .myp_right .myp_right_cont .ord_dt_right { width:50%; float:left; } 
#myp_wrap .myp_right .myp_right_cont .ord_dt { clear:both; padding-top:20px; } 
#myp_wrap .myp_right .myp_right_cont .ord_dt_title { font-size:16px; color:#86b800; margin-bottom:5px; } 

.order_wrap { margin-bottom:30px; overflow:hidden; width:1000px; } 
.order_wrap .ord_left { float:left; width:198px; } 
.order_wrap .ord_result { font-size:30px; line-height:50px; font-weight:bold; letter-spacing:-2px; color:#df0009; } 
.order_wrap .ord_info { margin-top:20px; background:#fffcd2; padding:15px 10px;  line-height:20px; border:1px solid #f2efbf;  } 
.order_wrap .ord_info .info_tt { font-size:18px; font-weight:bold; }
.order_wrap .ord_info .info_tt_s { font-size:14px; font-weight:bold;color:#df0009;  }
/*
.order_wrap .ord_left .ord_left_title { background:#e6e6e6; color:#fff; height:50px; line-height:50px; padding-left:20px; } 
.order_wrap .ord_left .ord_left_title .blank { position:absolute; left:0px; width:10px; display:inline-block; height:50px; *top:0px; } 
.order_wrap .ord_left .ord_left_title .num { font-size:20px; font-weight:bold; } 
.order_wrap .ord_left .ord_left_title .title { font-size:20px; font-weight:bold;  } 
*/
.order_wrap .ord_left .ord_left_title { font-size:40px; height:50px; line-height:50px; font-weight:bold; letter-spacing:-2px; } 

/*
.order_wrap .myp_left .myp_left_title { background:#787878; color:#fff; height:50px; line-height:50px; padding-left:10px; } 
.order_wrap .myp_left ul { border:1px solid #e6e6e6; }
.order_wrap .myp_left ul li { background:#f7f7f7;  }
.order_wrap .myp_left ul li a { width:186px; padding-left:10px;  line-height:50px; font-weight:bold;height:50px; display:inline-block; text-decoration:none; *width:196px; border-top:1px solid #fff; border-bottom:1px solid #e6e6e6; font-size:14px; }
.order_wrap .myp_left ul li.on { background:#a3dc0a; color:#fff; font-size:14px; } 
.order_wrap .myp_left ul li.on a { color:#fff; font-weight:bold; font-size:14px; } 
.order_wrap .myp_left ul li:last { border-bottom:none; }
*/

.order_wrap .ord_right { margin-left:25px; overflow:hidden; width:800px; text-align:left; *width:797px; }
.order_wrap .ord_right .ord_right_cont { text-align:left;  width:773px; margin-left:25px;  } 
.order_wrap .ord_right .ord_title { font-size:25px; font-weight:bold; letter-spacing:-1px; float:left; height:40px; width:100%; border-bottom:3px solid #e6e6e6;  } 

.order_wrap .ord_right .ord_right_cont .line { border-bottom:1px solid #e6e6e6; overflow:hidden; background:#f0f0f0; } 
.order_wrap .ord_right .ord_right_cont .last { border-bottom:0; } 
.order_wrap .ord_right .ord_right_cont .label { background:#f0f0f0; width:125px; padding:5px 0 5px 10px; font-weight:bold; margin-right:10px; overflow:hidden; float:left; font-size:14px;}
.order_wrap .ord_right .ord_right_cont .label .need{ color:#ff4700; font-size:18px; font-weight:bold; font-family:'tahoma'; }

.order_wrap .ord_right .ord_right_cont .form { width:616px; padding:5px 0 5px 10px; float:left; background:#fff; line-height:18px; } 
.order_wrap .ord_right .ord_right_cont .form .info { margin-right:10px; margin-top:5px; background:#fffcd2; padding:5px 7px 3px 7px;  line-height:18px; border:1px solid #f2efbf; color:#787878; } 
.order_wrap .ord_right .ord_right_cont .form .info .point { color:#ff4700; } 
.order_wrap .ord_right .ord_right_cont .form .info2 { color:#787878; font-size:11px; } 

.order_wrap .ord_right .ord_right_cont label.small { height:24px; line-height:24px; } 
.order_wrap .ord_right .ord_right_cont label span { color:#ff0000;  }








#loginbox { padding:5px; } 
#loginbox .loginbox_tt { font-size:18px; font-weight:bold; letter-spacing:-1px; color:#111;} 

#loginbox .loginbox_frm label { width:130px; height:35px; line-height:35px; display:inline-block; font-weight:bold; font-size:14px; } 
/*
#loginbox .loginbox_frm label:after { content:'|'; float:right; text-align:right; font-weight:normal; font-size:9px; color:#bbb; } 
*/
#loginbox .loginbox_frm input { width:206px; } 
#loginbox .loginbox_btn { margin-top:10px; text-align:center; }
#loginbox .loginbox_btn input { border:1px solid #787878; background:#787878; padding:5px 10px; font-weight:bold; color:#fff; font-size:14px; cursor:pointer; }
#loginbox .loginbox_btn input.cancel { border:1px solid #bbb; background:#bbb; padding:5px 10px; font-weight:bold; color:#fff; font-size:14px; cursor:pointer; }


#loginbox .loginbox_info { border:1px solid #e6e6e6; background:#f6f6f6; padding:7px; margin-top:10px; } 
#loginbox .loginbox_info2 { border:1px solid #f2efbf; background:#fffcd2; padding:7px; margin-top:10px; text-align:center; font-weight:bold; line-height:16px; font-size:14px; } 
#loginbox .loginbox_info2 span { font-size:14px; color:#ff4700; } 



#memberbox { width:600px; padding:5px; } 
#memberbox .yak { width:590px; height:100px; padding:5px; overflow:auto; border:1px solid #e6e6e6; color:#666; font-size:11px;  }
#memberbox p { padding:10px 0; width:100%; text-align:center; font-weight:bold; }
#memberbox .loginbox_tt { font-size:18px; font-weight:bold; letter-spacing:-1px; color:#86b800;} 
#memberbox .loginbox_frm label { width:120px; height:36px; line-height:36px; display:inline-block; font-weight:bold; } 
/*
#memberbox .loginbox_frm input[type=text], input[type=password] { width:206px; height:24px; line-height:20px; } 
*/
#memberbox .loginbox_btn { margin-top:10px; text-align:center; }
#memberbox .loginbox_btn input { border:1px solid #787878; background:#787878; padding:5px 10px; font-weight:bold; color:#fff; font-size:16px; }





/* cart -_- */
.cartprice { text-align:right; font-weight:normal; font-size:14px; border:1px solid #e6e6e6; overflow:hidden; margin:30px 0 5px 0; line-height:26px; background:#f0f0f0; }
.cartprice span.price { font-size:20px; font-weight:bold;letter-spacing:-1px;  }
.cartprice span.total { font-size:20px; font-weight:bold;} 
.cartprice span.totalprice { font-size:30px; color:#199500; font-weight:bold;letter-spacing:-1px;  }
.cartprice span.info { font-size:12px; color:#999; } 



.cartprice .area { float:left; width:25%;  *width:24.9%} 
.cartprice .area.last { background:none;  } 
.cartprice .area .area_title {  background-color:#ffffff; height:35px; line-height:35px; font-size:16px; font-weight:bold; padding-left:7px; text-align:left; } 
.cartprice .area .area_title2 { background:#0ec103; font-size:18px; color:#fff; font-weight:bold; letter-spacing:-1px;  } 
.cartprice .area .area_price { height:60px; line-height:60px; font-size:25px; padding-right:10px; font-weight:bold; } 
.cartprice .area .area_price2 { font-size:30px; color:#0ec103; font-weight:bold;letter-spacing:-1px;  } 



/* template */
.template { overflow:hidden; padding-top:20px; } 
/*
.prdlist4 .item { clear:both; overflow:hidden; border-bottom:1px solid #e6e6e6; margin-bottom:20px; padding-bottom:20px; }
.prdlist4 .item .list { width:24.25%; float:left; padding-right:1%; }
.prdlist4 .item .list .wrap { background:#f2eeed; padding-bottom:10px; border:1px solid #ddd; } 
.prdlist4 .item .list .wrap:hover { background:#f2eeed; border:1px solid #5d5d5d; } 
*/


.template .list { overflow:hidden; width:23.85%; float:left; padding-right:1.5%; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #e6e6e6; } 
/*.template .list:nth-child(4n+4) { float:right; margin-right:0%; }*/
.template .last { float:right; padding-right:0%; }
.template .list img { width:100%; border:1px solid #e6e6e6; box-sizing:border-box; }
.template .list .name { position:relative; font-size:14px; text-align:left; margin:10px 0 10px 0; }
/*.template .list .last { padding-left:7px; } */
.template .list .name .btn { position:absolute; top:0px; right:1px; }

.templateB { padding-top:0px; } 
.templateB .listB { width:49%; float:left; padding-right:1%; } 
.templateB .last { float:right; padding-right:0%; }
.templateB .listB img { border:1px solid #e6e6e6; box-sizing:border-box; }
.templateB .listB .nameB { position:relative; font-size:14px; text-align:left; margin:10px 0 10px 0; }
.templateB .listB .nameB .btnB { position:absolute; top:0px; right:1px;  }


/* login */
.login { text-align:left; position:relative;width:185px;background:#e4e4e4; border:0px solid #ddd; padding:5px 0;}
.login .login-tt { margin:7px; font-size:14px;  } 
.login .login-name { padding:7px; font-size:12px; background:#df0009; color:#fff; } 
.login .login-name * { color:#fff; } 
.login .login-tt a { font-size:14px; font-weight:bold; font-family:'tahoma'; color:#333;} 

.login .login-form ul { text-align:center;}
.login .login-form ul li { margin:5px 7px; }
.login .login-form ul li.first { margin-top:0px; }
.login .login-form ul li input[type=text], input[type=password] { width:162px; }
.login .login-form ul li a { font-size:11px; }

.login .login-list { padding:5px 0 5px 0; }
.login .login-list ul li { margin:5px 5px 5px 10px; }
.login .login-list ul li input { width:162px; }

.login .comm-btn { width:169px; height:25px; display:inline-block;padding:0 0px;border:0;background:#787878;font-size:12px;font-weight:600;color:#fff;line-height:25px;text-align:center;}
.login p a { font-size:11px; }




/* leftmenu */
.leftmenu, .banner, .customer, .bankinfo, .faxorder, .calendar {margin-top:20px; text-align:left;overflow:hidden; } 
.leftmenu { margin-top:15px;  text-align:left; }
.leftmenu-tt {  background-color:#df0009; height:40px; line-height:40px; letter-spacing:-1px;  background:url('../../images/leftmenu_bg.png') repeat-x; border-top:2px solid #3d3d3d;} 
.leftmenu-tt a {color:#fff; display:inline-block; text-decoration:none; font-size:22px; font-weight:bold; padding-left:10px; } 
.leftmenu ul { }
.leftmenu ul li { height:31px;line-height:30px;  }
.leftmenu ul li a { padding-left:10px; display:inline-block; width:185px; border-bottom:1px solid #e4e4e4; font-size:14px; color:#666;  }
.leftmenu ul li a:hover { background:url('../../images/leftmenu_arrow.png') no-repeat; color:#111;}
.leftmenu ul li.on a { background:url('../../images/leftmenu_arrow.png') no-repeat; color:#111; }


.leftmenu-subtt { font-size:22px; color:#666; font-weight:bold; border-bottom:1px solid #e4e4e4; padding:0 0 2px 0; margin-bottom:5px; } 
.leftmenu-topline { border-top:2px solid #3d3d3d; padding-top:10px; } 

.banner { } 
.customer { } 
.customer { color:#666;  } 
.customer .tel { background:url('../../images/leftmenu_phone.png') no-repeat 0 4px ; color:#111; font-size:22px; font-weight:bold; letter-spacing:-2px; line-height:35px; text-align:left; font-style:italic; padding-left:26px;} 
.customer .cmt1 { font-size:11px; line-height:17px; text-align:left; } 
.customer .cmt2 { color:#666666; font-size:11px; line-height:17px; text-align:left; } 
.customer .cmt3 { color:#666666; font-size:14px; letter-spacing:-1px;  margin-top:10px;} 
.customer .email { background:url('../../images/leftmenu_mail.png') no-repeat 0 1px;  color:#111; font-size:20px; font-weight:bold; letter-spacing:-1px; line-height:28px; font-style:italic; padding-left:29px;} 

.bankinfo { } 
.bankinfo .tt {  }

.imaku_banner { margin-top:10px; font-size:16px; color:#fff; background:#df0009; text-align:center; line-height:20px; padding:5px;} 
.imaku_banner a { font-size:16px; display:block; color:#fff; text-decoration:none; } 
.imaku_banner span {color:#fff000; } 


.faxorder { }
.faxorder .fax { color:#111; font-size:16px; font-weight:bold; letter-spacing:-1px; line-height:20px; font-style:italic }
.faxorder .download { margin:4px 0; border:1px solid #bbb; padding:5px 5px 4px 25px; }
.faxorder .download a { font-size:12px; display:block; text-decoration:none; } 
.faxorder .download:hover { background:#fff; }
.faxorder .download.icon1 { background:url('../../images/icon_download.gif') no-repeat 5px 6px ; } 
.faxorder .download.icon2 { background:url('../../images/icon_pdf.gif') no-repeat 5px 6px ; } 
.faxorder .download.icon3 { background:url('../../images/icon_arrow2.gif') no-repeat 5px 7px ; } 

#navi-btn1 { text-align:left; clear:both; margin:5px 0 5px 0; background-color:#3d3d3d; color:#ffffff; font-weight:bold; }
#navi-btn1 .title { font-size:18px; } 
#navi-btn1 .title a { color:#fff; } 
#navi-btn1 .desc { font-size:12px; }
#navi-btn1 a * { color:#fff;  line-height:40px; padding:0 7px;} 




/* zipcode */
#zipresult { margin-top:10px; height:370px; padding:5px; overflow-y:auto; } 
#zipresult .tt { font-size:18px; border-bottom:1px solid #eaeaea; }
#zipresult .zip { padding:5px 0; border-bottom:1px solid #eaeaea; } 
#zipresult .code { width:80px; display:inline-block;} 
#zipresult .hyun { width:60px; display:inline-block;} 



/* tabmenu */
.maintab { overflow:hidden; background:#0ec103; } 
.maintab ul { }
.maintab ul li { float:left;  border-left:1px solid #0cbb01; } 
.maintab ul li:first-child {border-left:0px; } 
.maintab ul li a { color:#fff; font-weight:bold; text-decoration:none; display:block; padding:10px 20px;}
.maintab ul li:hover { background:#157100; }
.maintab ul li:hover a { color:#ffff00; }
.maintab ul li.on { background:#157100; }
.maintab ul li.on a { color:#ffff00; font-weight:bold;}

.tab { border:1px solid #e6e6e6; overflow:hidden; border-top:0px; background:#efefef;} 
.tab ul { }
.tab ul li { float:left; padding:8px 20px; position:relative; } 
.tab ul li a { font-weight:bold; }
.tab ul li span.arrow { position:absolute; left:0px; background:url('../../images/icon_arrow1.png') no-repeat 5px 6px; width:20px; height:20px; display:inline-block;} 
.tab ul li.on { background:#0ec103; }
.tab ul li.on a { color:#ffff00; font-weight:bold; }


.subtitle-h3 { background:#f4f4f4; padding:5px 15px ; font-size:18px; border-left:2px solid; position:relative; }
.subtitle-h3 span { position:absolute;  top:9px; right:5px; font-size:12px; color:#df0009;}
.subtitle-h4 { background:#f4f4f4; padding:3px 15px ; font-size:16px; border-left:2px solid; position:relative; }
.subtitle-h4 span { position:absolute;  top:7px; right:5px; font-size:12px; }

.subtitle-h4-bar { padding:3px 0 ; font-size:16px; position:relative; font-weight:400; color:#199500;}
.subtitle-h4-bar .bar  { position:absolute; left:0px; top:-10px; width:50px; border-top:3px solid #199500; padding-bottom:10px;}


.guide_left { width:590px; float:left; padding-right:15px; border-right:1px dashed #ddd; }
.guide_left .guide_box { background:#f4f4f4; border-radius:7px; padding:20px 15px; position:relative; } 
.guide_left .guide_box .title { font-size:18px; font-weight:600; position:absolute; left:15px; top:-12px;} 
.guide_left .guide_box .title .step { font-family:verdana; color:#ff4200;font-weight:800; font-size:18px; letter-spacing:-0.05em; margin-right:0px;   } 

.guide_right { width:375px; float:right; } 
.guide_right .guide_right_area { border-bottom:1px solid #e6e6e6; padding:15px 0 18px 0; color:#666; font-size:13px; }
.guide_right .guide_right_area:hover {  }
.guide_right .guide_right_area .title { font-size:16px;  color:#999; position:relative; margin-bottom:7px; } 
.guide_right .guide_right_area .title .point { font-size:16px;  } 
.guide_right .guide_right_area .title .more { font-size:11px; position:absolute; right:0px; top:2px; border-radius:0px; padding:2px 5px 2px;  } 
.guide_right .guide_right_area .title .more a { font-size:11px; text-decoration:none;  } 
.guide_right .guide_right_btn { margin-top:14px; background:url('../../images/gra_green.png') repeat-y; background-size:100%; border-radius:5px; padding:12px 20px 8px 20px;  } 
.guide_right .guide_right_btn a { color:#ffff00; font-size:24px; display:block; text-decoration:none; font-weight:600; } 



#allproduct { display:block; position:relative; width:1001px;  background:#fff; margin:0 auto; text-align:left; z-index:12;  z-index:999; }
#allproduct .allproduct { display:none; position:absolute; z-index:999; width:1001px; overflow:hidden; background:#fff;padding-bottom:10px;  border:2px solid #199500; border-top:0px;box-sizing:border-box; } 
#allproduct .product { margin:15px; }
#allproduct .product .tt { font-size:18px; color:#3d3d3d; font-weight:bold; } 
#allproduct .product .close { position:absolute; right:2%; top:10px; background:#3d3d3d; color:#fff; border-radius:0px;   } 
#allproduct .product .close a { color:#fff; display:inline-block; padding:2px 10px; }
#allproduct .product ul { margin-top:10px; background:#fff !important; } 
#allproduct .product ul li { float:left; width:19%; padding-right:1%; } 
#allproduct .product ul li a { font-size:14px; width:98%; padding:5px 3px; display:inline-block;  font-weight:bold; color:#fff;  padding-left:7px; text-decoration:none; } 
#allproduct .product ul li a.site1 { background:#0ec103; margin-right:1px; } 
#allproduct .product ul li a.site2 { background:#2570cd; margin-right:1px; } 
#allproduct .product ul li a.site3 { background:#f57401; margin-right:1px; } 
#allproduct .product ul li a.site4 { background:#0ec103; margin-right:1px; } 

#allproduct .product ul li ul {  padding-top:0px; width:100%;  } 
#allproduct .product ul li ul li  { float:none; width:100%; height:22px; } 
#allproduct .product ul li ul li.last { height:12px;} 
#allproduct .product ul li ul li.gubun { margin-bottom:5px; margin-top:5px;}
#allproduct .product ul li ul li.gubun a { width:99%; font-weight:600; color:#199500; height:20px;   font-size:12px; padding-left:4px; background:#f8f8f8;  }
#allproduct .product ul li ul li.gubun a:hover { color:#199500;  }
#allproduct .product ul li ul li a { font-weight:normal; color:#5d5d5d; font-size:11px; display:inline-block;  height:18px; line-height:18px; padding-left:5px; text-decoration:none; } 
#allproduct .product ul li ul li a:hover { color:#000; text-decoration:underline; } 


.allproductbtn { position:absolute; left:-90px; background:#fff000; height:50px; width:90px; text-align:center;} 
.allproductbtn a { color:#000; padding-top:5px; display:block; font-weight:600; font-size:18px; line-height:40px;}




/* product banner */ 
.product_banner { margin-top:30px; overflow:hidden; } 
.product_banner .items { min-height:120px; border:0px solid #ddd; width:49%; margin-bottom:20px; box-sizing:border-box; } 
/*.product_banner .items img {width:100%;}*/
.product_banner .product_left { float:left; width:49%; }
.product_banner .product_right { float:right; width:49%; }