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

@import url(http://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,800,700,900);

A:link { COLOR: #00addf; TEXT-DECORATION: none; }
A:visited { COLOR: #00addf; TEXT-DECORATION: none; }
A:active { COLOR: #0088af; TEXT-DECORATION: none; }
A:hover { COLOR: #0088af; TEXT-DECORATION: none; }

BR {letter-spacing:0; }

IMG {
	border:none;
}

body {  font-family: 'Raleway', sans-serif;}

TD {
    COLOR: #202020;
    FONT-SIZE: 15px;
    line-height: 30px;
}

TH {
	background-color:#dbf7ff;
	padding: 10px;
    FONT-SIZE: 14px;
}

hr { height:1px; border:none; color:#cccccc; background-color:#cccccc; }

.smenu:link { color: #202020; font-size:16px; line-height: 23px; font-weight: 500; TEXT-DECORATION: none; }
.smenu:visited { fcolor: #202020; ont-size:16px; line-height: 23px; font-weight: 500; TEXT-DECORATION: none; }
.smenu:hover { color: #202020; font-size:16px; line-height: 23px; font-weight: 500; TEXT-DECORATION: none; }
.smenu:active { color: #202020; font-size:16px; line-height: 23px; font-weight: 500; TEXT-DECORATION: none; }

.small:link { color: #202020; font-size:13px; line-height: 23px; font-weight: 500;	TEXT-DECORATION: none; }
.small:visited { color: #202020; font-size:13px; line-height: 23px; font-weight: 500;	TEXT-DECORATION: none; }
.small:hover { color: #1cacd5; font-size:13px; line-height: 23px; font-weight: 500;	TEXT-DECORATION: none; }
.small:active { color: #1cacd5;font-size:13px; line-height: 23x; font-weight: 500;	TEXT-DECORATION: none; }

.p:link { color: #00addf; font-size:14px; line-height: 23px; font-weight: 500;	TEXT-DECORATION: underline; }
.p:visited { color: #00addf; font-size:14px; line-height: 23px; font-weight: 500;	TEXT-DECORATION: underline; }
.p:hover { color: #0088af; font-size:14px; line-height: 23px; font-weight: 500;	TEXT-DECORATION: underline; }
.p:active { color: #0088af;font-size:14px; line-height: 23x; font-weight: 500;	TEXT-DECORATION: underline; }

.np:link { color: #00addf; font-size:14px; line-height: 23px; font-weight: 700;	TEXT-DECORATION: none; }
.np:visited { color: #00addf; font-size:14px; line-height: 23px; font-weight: 700;	TEXT-DECORATION: none; }
.np:hover { color: #0088af; font-size:14px; line-height: 23px; font-weight: 700;	TEXT-DECORATION: none; }
.np:active { color: #0088af;font-size:14px; line-height: 23x; font-weight: 700;	TEXT-DECORATION: none; }

.more:link { color: #ffffff; font-size:14px; line-height: 23px; font-weight: 600;	TEXT-DECORATION: none; padding-right:15px;}
.more:visited { color: #ffffff; font-size:14px; line-height: 23px; font-weight: 600;	TEXT-DECORATION: none; padding-right:15px;}
.more:hover { color: #c7c7c7; font-size:14px; line-height: 23px; font-weight: 600;	TEXT-DECORATION: none; padding-right:15px;}
.more:active { color: #c7c7c7;font-size:14px; line-height: 23x; font-weight: 600;	TEXT-DECORATION: none; padding-right:15px;}

.mcart {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: Raleway;
  color: #ffffff;
  font-size: 13px;
  background: #f87c16;
  padding: 8px 18px 8px 18px;
  text-decoration: none;
}

.mcart:hover {
  background: #bc5500;
  color: #ffffff;
  text-decoration: none;
}

.gcart {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: Raleway;
  color: #ffffff;
  font-size: 13px;
  background: #737373;
  padding: 8px 18px 8px 18px;
  text-decoration: none;
}

.gcart:hover {
  background: #535353;
  color: #ffffff;
  text-decoration: none;
}

.sgcart {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: Raleway;
  color: #ffffff;
  font-size: 12px;
  background: #737373;
  padding: 8px 18px 8px 18px;
  text-decoration: none;
}

.sgcart:hover {
  background: #535353;
  color: #ffffff;
  text-decoration: none;
}

.cart {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: Raleway;
  color: #ffffff;
  font-size: 16px;
  background: #f87c16;
  padding: 12px 25px 12px 25px;
  text-decoration: none;
}

.cart:hover {
  background: #bc5500;
  color: #ffffff;
  text-decoration: none;
}

.bcart {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: Raleway;
  color: #ffffff;
  font-size: 16px;
  background: #00addf;
  padding: 12px 25px 12px 25px;
  text-decoration: none;
}

.bcart:hover {
  background: #0088af;
  color: #ffffff;
  text-decoration: none;
}

.shopping {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: Raleway;
  color: #ffffff;
  font-size: 16px;
  background: #737373;
  padding: 12px 25px 12px 25px;
  text-decoration: none;
}

.shopping:hover {
  background: #535353;
  color: #ffffff;
  text-decoration: none;
}

.sbtn {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: Raleway;
  color: #ffffff;
  font-size: 12px;
  background: #00addf;
  padding: 8px 18px 8px 18px;
  text-decoration: none;
}

.sbtn:hover {
  background: #0088af;
  color: #ffffff;
  text-decoration: none;
}

.main {
    COLOR: #202020;
    FONT-SIZE: 14px;
    line-height: 20px;
	text-align: justify;		
}

.ma:link { COLOR: #202020;	font-size:17px; line-height: 20px; font-weight: 700; TEXT-DECORATION: none; }
.ma:visited { COLOR: #202020;	font-size:17px; line-height: 20px; font-weight: 700; TEXT-DECORATION: none; }
.ma:hover { COLOR: #0088af;	font-size:17px; line-height: 20px; font-weight: 700; TEXT-DECORATION: none; }
.ma:active { COLOR: #0088af;	font-size:17px; line-height: 20px; font-weight: 700; TEXT-DECORATION: none; }

.b {
    FONT-SIZE: 14px;
    line-height: 18px;
}

.c {
    COLOR: #ce0000;
    FONT-SIZE: 23px;
	font-weight: 700;
}

.d {
    FONT-SIZE: 12px;
	text-decoration: line-through;
}

.btitle {
    COLOR: #00addf;
    FONT-SIZE: 30px;
	font-weight: 700;
}

.ctitle {
    COLOR: #ffffff;
    FONT-SIZE: 45px;
    line-height: 70px;
	font-weight: 900;
}

.dtitle {
    COLOR: #ffffff;
    FONT-SIZE: 17px;
    line-height: 25px;
	font-weight: 600;
}

.etitle {
    FONT-SIZE: 32px;
	font-weight: 900;
}

.ftitle {
    FONT-SIZE: 25px;
	font-weight: 700;
}

.gtitle {
    COLOR: #ffffff;
    FONT-SIZE: 15px;
    line-height: 15px;
}

.htitle {
    FONT-SIZE: 28px;
    line-height: 28px;
	font-weight: 700;
	background: #ffffff;
	padding-left: 15px;
	padding-right: 15px;
}

.ititle {
    COLOR: #00addf;
    FONT-SIZE: 20px;
    line-height: 40px;
	font-weight: 700;
}

.point {
    COLOR: #f87c16;
	font-weight: 700;
}

.categorytitle {
	color: #ffffff;
	font-size: 18px;
    line-height: 18px;
	font-weight: 500;
	padding-left: 15px;
}

.category {
	border-radius: 8px 8px 0px 0px;
	-moz-border-radius: 8px 8px 0px 0px;
	-webkit-border-radius: 8px 8px 0px 0px;
	background-color: #3f3f3f;
}

.category2 {
	border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	background-color: #199cc1;
}

.category3 {
	border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	background-color: #95af38;
}

.cbox {
    BORDER-BOTTOM: #cccccc 1px solid;
    BORDER-LEFT: #cccccc 1px solid;
    BORDER-RIGHT: #cccccc 1px solid;
    BORDER-TOP: #cccccc 1px solid;
}

.copybox {
    BORDER-LEFT: #cccccc 1px solid;
	padding-left: 30px;
}

.tc {
	text-align:center;
}

.contact {
	font-size:13px;
	line-height: 23px;
	font-weight: 600;
}

.shape1{display:inline-block ;position:relative;width:30px;height:30px;background-color:#cccccc;border-radius:100%;border:calc(30px/8) solid #cccccc;box-sizing:content-box}

.shape1:before{position:absolute;content:'';margin:auto;top:0;bottom:0;left:0;right:calc(-1*30px/3);width:0;height:0;border-left:calc(30px/3) solid #fff;border-top:calc(30px/3) solid transparent;border-bottom:calc(30px/3) solid transparent}

.shape1:after{position:absolute;content:'';margin:auto;top:0;bottom:0;left:0;right:calc(30px/6);width:calc(30px/3);height:calc(30px/3);background-color:#fff}


.grey {
	background-color:#cccccc;
	padding: 10px;
    FONT-SIZE: 15px;
	line-height: 20px;
	font-weight: bold;
	text-align: center;
}

.blue {
	background-color:#1cacd5;
	color: #ffffff;
	padding: 10px;
    FONT-SIZE: 15px;
	line-height: 20px;
	font-weight: bold;
	text-align: center;
}

.copyright {
	font-size: 11px;
	line-height: 15px;
	font-weight: 500;
}