@charset "utf-8";
/* CSS Document */
article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary { display:block; }

body, div, img, h1, h2, h3, h4, h5, h6, table, tr, td, th, p, ul, ol, li { margin:0; padding:0; border:0; }
li { list-style:none; }

a { text-decoration:none; }

/* body { background:url(bg.jpg) repeat; font-family:"MS Pgothic","나눔고딕","NanumGothic","돋움","dotum","ms song","simsun","Mingliu",Verdana, Geneva, sans-serif;  font-size:13px;  } */
body { background:url(bg.jpg) repeat; font-family:"MS Pgothic","돋움","dotum","ms song","simsun","Mingliu",Verdana, Geneva, sans-serif;  font-size:13px;  }

button { cursor:pointer; }
hr { border:none; border-bottom:#ccc 3px solid; margin-bottom:20px; }

.red { color:#C00;}

p.center { margin:/*＼**/0 auto; width:/*＼**/375px; }

#mask {  
  position:absolute;  
  left:0;
  top:0;
  z-index:9000;  
  background-color:#000;  
  display:none;  
}

header { width:950px; margin:0 auto; }
header h1 { text-indent:-1000em; background:url(images/title.gif); width:950px; height:220px; }
header h2 { text-indent:-1000em; background:url(images/title_2.gif); width:950px; height:84px; }
header p { text-indent:-1000em; background:url(images/39800.jpg); width:950px; height:139px; }
header p:last-child { text-indent:-1000em; background:url(images/sinnyusei.jpg); width:950px; height:585px; }

section.languages { width:950px; margin:36px auto; color:#333333; }
section.languages article { float:left; width:204px; line-height:20px;  }
section.languages article:first-child { margin-left:80px; }
section.languages article h1 { color:#ff7200; margin-bottom:20px; font-size:13px; }
section.languages article p.blue { color:#0795cc; margin-top:20px; }
section.languages:after { content:""; clear:both; display:block; }

section.products { width:950px; margin:36px auto; }
section.products article { margin-bottom:20px; margin-left:40px; }
section.products article:after { content:""; clear:both; display:block; }
section.products article img { float:left; }
section.products article p.price { background:#239ac7; color:#fff; font-size:26px; font-weight:bold; margin-left:476px; padding:15px 0 15px 25px; width:370px; margin-bottom:10px; }
section.products article p.name { font-weight:bold; color:#239ac7; margin-left:476px; margin-bottom:10px; } 
section.products article li { color:#239ac7; margin-left:496px; line-height:18px; list-style:square; } 

section.etc { width:950px; margin:36px auto; }
section.etc:after { content:""; clear:both; display:block; }
section.etc section.left { width:454px; float:left; color:#f16235; line-height:18px; margin-left:26px; }
section.etc section.left article.etc h1 { width:436px; padding:8px 0 8px 18px; background:#f16235; color:#fff; margin-bottom:10px; }
section.etc section.left article.etc p { margin-left:18px; margin-bottom:20px; }

section.etc section.right { width:435px; float:right; }
section.etc section.right article.nagare { margin-right:0; }
section.etc section.right article.nagare h1 { margin-bottom:10px; color:#239ac7; }
section.etc section.right article.nagare p { margin-bottom:20px; color:#666; }


footer { width:950px; margin:36px auto 100px auto; padding-top:30px; border-top:#CCC 1px dotted; }

footer section.left { width:454px; float:left; }
footer section.right { width:454px; float:right; }

table { border-collapse:collapse; }
table.option {  margin-left:26px; margin-bottom:20px; width:454px; }
table.info {  margin-left:0; margin-bottom:20px; width:416px; }
table.info td input { width:280px; }
table.check { width:700px; }

th, td {  border:#CCC 1px solid; padding:10px; }
td { text-align:center; }

span#total { font-size:42px; color:#C00; font-weight:bold; }
span#checkTotal { font-size:42px; color:#C00; font-weight:bold; }

p.totalwrap { border-bottom:#CCC 2px solid; width:416px; text-align:right; padding-bottom:10px; }
div.checkFormLayer p.totalwrap { border-bottom:#CCC 2px solid; width:700px; text-align:right; padding-bottom:10px; }

input.submit { width:700px; color:#fff; background:#e63338; border:0; margin-top:10px; padding:20px 0; cursor:pointer; font-weight:bold; font-size:20px;}

p#checkForm { cursor:pointer; width:416px; color:#fff; background:#e63338; border:0; margin:10px 0 0 0; padding:20px 0; cursor:pointer; font-weight:bold; font-size:20px; text-align:center; }

div.checkFormLayer {  position:fixed; left:0; top:0; z-index:9001; background-color:#fff; display:none; padding:50px 80px;  }
div.checkFormLayer h1 { margin-bottom:6px; font-size:13px; text-align:center; }

div.closeBtn { width:24px; height24px; position:absolute; top:10px; left:756px; cursor:pointer; }