@charset "utf-8";

/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
	font-family:'flexslider-icon';
	src:url('../fonts/flexslider-icon.eot');
	src:url('../fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/flexslider-icon.woff') format('woff'),
		url('../fonts/flexslider-icon.ttf') format('truetype'),
		url('../fonts/flexslider-icon.svg#flexslider-icon') format('svg');
	font-weight:normal;
	font-style:normal;
}

/* タブ */
.tabs 　　　　　　　　 {margin: 10px 0;}
.tabs input,
.content              {display: none; xbackground: #bbb; line-height: 25px; width: 100%; }
.content .padding     {padding: 15px; background:#fff; }/* padding入れ子指定 */
.tabs label           {cursor: pointer; background: #333; height: 20px; padding: 5px 10px; display: inline-block; text-align: center; margin-right: 1px; transition: background .25s linear; color:#fff; }
.tabs label:hover,
input:checked + label {padding-top: 15px; background: #fff; color:#000;}
#one:checked ~ .one,
#two:checked ~ .two,
#three:checked ~ .three,
#four:checked ~ .four {display: block;}

/* テーブルリストタイプ */
.table01         {width:100%; border-collapse:collapse;}
.table01 td,
.table01 th      {padding:1% 3%; border:1px solid #ccc;}
.table01 th      {font-weight:bold; background:#e6e6e6; white-space:nowrap;}
.table01 td      {background:#fff; padding:1% 3%; line-height:1.4;}
.table01 thead th{background:#e6e6e6;}
.table01 ul{ margin-top:0;}
.table01 ul li{ margin-top:3%;}

@media only screen and (max-width:769px){
.table01         {display:block;}
.table01 thead   {display:none;}
.table01 tbody   {display:block;}
.table01 tbody tr{display:block; margin-bottom:0.8em;}
.table01 tbody th,
.table01 tbody td{display:list-item; border:none;}
.table01 tbody th{list-style-type:none; color:#000; background:#e6e6e6;}
.table01 tbody td{list-style-type:none; margin:0; background:#fff;}
}

/* テーブル　横スクロール */
table.table02 { border-collapse:collapse; border-spacing:0; margin-bottom:10px; max-width:100%; width:100%;}
table.table02 > thead > tr > th,
table.table02 > thead > tr > td,
table.table02 > tbody > tr > th,
table.table02 > tbody > tr > td,
table.table02 > tfoot > tr > th,
table.table02 > tfoot > tr > td {border:1px solid #ddd; line-height:20px; padding:13px; vertical-align:top;}
table.table02 > thead > tr > th {background:#e6e6e6; font-weight:normal; vertical-align:bottom;}
table.table02 th {text-align:left;}
table.table02,
table.table02 th,
table.table02 td,
table.table02 tr,
table.table02 tr th,
table.table02 tr td,
table.table02 thead,
table.table02 thead th,
table.table02 thead td,
table.table02 thead tr,
table.table02 thead tr th,
table.table02 thead tr td,
table.table02 tbody,
table.table02 tbody th,
table.table02 tbody td,
table.table02 tbody tr,
table.table02 tbody tr th,
table.table02 tbody tr td,
table.table02 tfoot,
table.table02 tfoot th,
table.table02 tfoot td,
table.table02 tfoot tr,
table.table02 tfoot tr th,
table.table02tfoot tr td   {display:block;}
table.table02 > thead      {float:left;}
table.table02 > tbody > tr {display:inline-block; vertical-align:top;}
table.table02 > tbody      {width:auto; white-space:nowrap; overflow-x:auto;}

/* テーブル価格表短め */
.table03 { border-collapse: collapse; width:100%; border: #b6b6b6 2px solid; }
.table03 th { border-top: #b6b6b6 1px solid; border-right: #b6b6b6 1px solid; border-left: #b6b6b6 1px solid; text-align: left; padding: 1%; font-weight: normal; background:#f5f5f5; text-align:center; }
.table03 td { border-top: #b6b6b6 1px solid; border-right: #b6b6b6 1px solid; text-align: right; padding: 1%; font-size:94%; vertical-align:middle; }

.table03c { border-collapse: collapse; width:100%; border: #b6b6b6 2px solid; }
.table03c th { border-top: #b6b6b6 1px solid; border-right: #b6b6b6 1px solid; border-left: #b6b6b6 1px solid; text-align: left; padding: 1%; font-weight: normal; background:#f5f5f5; text-align:center; white-space:nowrap; }
.table03c td { border-top: #b6b6b6 1px solid; border-right: #b6b6b6 1px solid; padding: 1%; font-size:94%; vertical-align:middle; font-size:85%; }

div.table04 table { width: 100%; font-size:84%; border-left: 1px solid #b6b6b6; border-top: 1px solid #b6b6b6; }
div.table04 th, div td  { padding: 2px; border-right: 1px solid #b6b6b6; border-bottom: 1px solid #b6b6b6; }
div.table04 th  { background: #f5f5f5; }
div.table04 th { width: 13%; }
div.table04 td { text-align: center; }
div.table04 td:first-child { text-align: left; }
@media screen and (max-width: 481px) {
div.table04 table { border-top: none; }
div.table04 { display: block; width: 100%; margin: 0; }
div.table04 thead { display: block; float: left; }
div.table04 tbody { display: block; width: auto; overflow-x: auto; white-space: nowrap; }
div.table04 th { display: block; width: auto; }
div.table04 tbody tr { display: inline-block; margin: 0 -3px; }
div.table04 td { display: block; }
}

/* テーブルゼブラ */
.table05 { background: transparent; border-collapse: separate; border-spacing: 0; font-size: 85%; margin-bottom: 20px; width: 100%;}
.table05 .price { color:#dc143c; text-align:right; }
.table05 thead tr th,
.table05 thead tr td { border: 1px solid #cccccc; border-left-color: transparent; border-top-color: transparent; font-weight: bold; letter-spacing: .001em; line-height: 14px; padding: 10px 10px 5px 5px; text-align: left;　vertical-align: bottom;}
.table05 thead tr th:first-child,
.table05 thead tr td:first-child {padding-right: 0; text-align: left;}
.table05 thead tr th:last-child,
.table05 thead tr td:last-child {border-right-color: transparent;}
.table05 tbody tr {border: 1px solid #fdfdfd;}
.table05 tbody tr th,
.table05 tbody tr td {border: 1px solid #cccccc; border-left-color: transparent; border-top-color: transparent; font-weight: normal; padding: 4px 10px; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.table05 tbody tr th:first-child,
.table05 tbody tr td:first-child {text-align: left;}
.table05 tbody tr th:last-child,
.table05 tbody tr td:last-child {border-right-color: transparent;}
.table05-striped tbody tr:nth-child(odd) {background-color: #f6f6f6;}


/* dlテーブル */
.unit-table:after{clear:both; content:"."; display:block; height:0; visibility:hidden;}
.unit-table      { margin-bottom:0;padding:5px 0;}
.unit-table dt   {float:left;}
.unit-table dd   {margin-left:100px;}
.unit-table dt,
.unit-table dd   {padding:5px;}

/* dl タイトル風*/
.text dt {font-size:108%;}
.text dd {margin:0 0 35px 10px; font-size:93%;}
.text dt,
.text dd {padding:5px;}

/* dl 横並び*/
dl.ytext{ margin-right:1%; margin-left:1%;}
dl.ytext dt{  clear: left;  float: left;  margin: 0 0 0.8em;  width: 70%;  line-height: 1.3;}
dl.ytext dd{  margin: 0 0 0.8em 73%; padding-left:2%;  line-height: 1.3;}

/* カートボタン */
.btnView { width: 100%; background: #d0451b; -moz-box-shadow: inset 0px 1px 0px 0px #cf866c; -webkit-box-shadow: inset 0px 1px 0px 0px #cf866c; box-shadow: inset 0px 1px 0px 0px #cf866c; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315)); background: -moz-linear-gradient(top, #d0451b 5%, #bc3315 100%); background: -webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%); background: -o-linear-gradient(top, #d0451b 5%, #bc3315 100%); background: -ms-linear-gradient(top, #d0451b 5%, #bc3315 100%); background: linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0451b', endColorstr='#bc3315', GradientType=0);
background-color: #d0451b; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #942911; display: inline-block; cursor: pointer; color: #ffffff; font-family: arial; font-weight: bold; font-size: 13px; padding: 4% 6%; text-decoration: none; text-shadow: -1px -1px 0 rgba(0,0,0,.6); }
.btnView:hover { position: relative; top: 3px; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bc3315), color-stop(1, #d0451b)); background: -moz-linear-gradient(top, #bc3315 5%, #d0451b 100%); background: -webkit-linear-gradient(top, #bc3315 5%, #d0451b 100%); background: -o-linear-gradient(top, #bc3315 5%, #d0451b 100%); background: -ms-linear-gradient(top, #bc3315 5%, #d0451b 100%); background: linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc3315', endColorstr='#d0451b', GradientType=0);
background-color: #bc3315; }
.btnView a { display: block; padding: 8px; color: #fff; font-weight: bold; text-align: center; text-decoration: none; text-shadow: -1px -1px 0 rgba(0,0,0,.6); white-space: nowrap; }

/* box */
.boxlink a:focus { outline:none; cursor: pointer; }
.nbox { overflow: hidden; }
.catebox { border: solid 1px #ccc; margin:0; text-align:center; overflow: hidden; }
.catebox .img { padding:5%;}
.catebox .cname { padding:5% 6% 1.5% 6%; margin:0; border-top: dotted 2px #ccc; text-align:left; font-weight:bold; }
.catebox .ctxt { padding:0 6%; margin:0 0 6% 0; text-align:left; font-size:77%; }
.catebox .cprice { padding:0 6%; margin:0 0 6% 0; text-align:left; color:#dc143c; }
.marubox { border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border: solid 1px #ccc; }
.child1,
.child2 { display: table-cell; width: 47.86%; margin-right:2.14%; vertical-align:top; }
.child3 { display: table-cell; width: 36%; vertical-align:top; }
.child4 { display: table-cell; width: 64%; vertical-align:top;}
.box6 { width: 16.5%; float: left; }
.box4 { width: 25%; float: left; }
.box3 { width: 33.3%; float: left; }
.movbox{ padding:10% 11.4%; background:url(../img/item/mov_back.png) 0 0 no-repeat;background-size: contain; }
@media screen and (max-width: 481px) {
.nbox .img { float:left; width:35%; padding:2.5%; }
.catebox .img { float:left; width:33%; padding:2.5%; }
.catebox .cname { padding:5% 6% 1.5% 6%; margin:0; text-align:left; border:none; }
.catebox .ctxt { padding:0 6%; margin:0 0 2% 0; text-align:left; font-size:77%; }
.catebox .cprice { padding:0 6%; margin:0 0 2% 0; text-align:left; color:#dc143c; }
.child1,
.child2,
.child3,
.child4 { display:block; width: 100%; }
.box4 { width: 25%; float: left; }
.box4 { width: 50%; float: left; }
.box3 { width: 100%; float:none; }
}


/* swap */
.swapbox { background:#ebe8e0; }
div.swap { overflow: hidden; width: 95.714%; margin:2.143%; }
div.swap p { padding: 0; margin: 0 0 2.238% 0; display: block; height: 60.428%; }
div.swap ul { display: inline; margin: 0; padding: 0; list-style: none; }
div.swap li a { display: block; border: solid 3px #bbb; }
div.swap li a.selected { border: solid 3px #a88f7d; }
div.swap li { width:14.627%; float: left; margin-right: 1.428%; background:#fff; text-align:center; }
@media screen and (max-width: 481px) {
div.swap li { margin-right: 1.628%; width:22.627%; text-align:center; float: left; }
}

/* 送信ボタン */
.sub{
border:solid 1px #ccc;
padding:15px 30px;
margin:10px;
font-family:Arial, sans-serif;
font-size:1.2em;
text-transform:uppercase;
font-weight:bold;
color:#333;
cursor:pointer;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#aaa));
background-image: -webkit-linear-gradient(top, #ddd, #aaa);
background-image: -moz-linear-gradient(top, #ddd, #aaa);
background-image: -ms-linear-gradient(top, #ddd, #aaa);
background-image: -o-linear-gradient(top, #ddd, #aaa);
background-image: linear-gradient(top, #ddd, #aaa);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddd', endColorstr='#aaa',GradientType=0 ); /* IE6-9 */
}

.sub:hover {
color:#fff;
background-image: -webkit-gradient(linear, left top, left bottom, from(#555555), to(#aaa));
background-image: -webkit-linear-gradient(top, #555555 0%, #aaa 100%);
background-image: -moz-linear-gradient(top, #555555, #aaa);
background-image: -ms-linear-gradient(top, #555555, #aaa);
background-image: -o-linear-gradient(top, #555555, #aaa);
background-image: linear-gradient(top, #555555, #aaa);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#aaa',GradientType=0 ); /* IE6-9 */
}

/* フォーム　セレクト */
.dropdown,.dropdown_sim,.numberdown{
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    text-indent: 1em;
    background:url(www.styledart-store.com/img/arw_select_down.png) no-repeat;
    background-size:30px 25px;
    background-position: right center;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    vertical-align: middle;
    border:1px solid #CCC;
    margin-bottom:5px;
	padding-left:10px;
}

.dropdown  {background-color:#EEE; width:30%;}
.dropdown_sim {background-color:#fff; width:80%;}
.numberdown{background-color:#ffffff; width:23%;}

.numberin{border:0;
padding:10px;
font-size:1.3em;
font-family:Arial, sans-serif;
border:solid 1px #ccc;
margin:0 0 20px;
width:7%;}

/* 見出し */
.arrow_box { position: relative; background: #625840; height: 7.15%; width: 100%; margin-bottom: 2.857%; }
.arrow_box:after { content: ''; position: absolute; border-top: 10px solid #625840; border-right: 10px solid transparent; border-left: 10px solid transparent; bottom: -9px; left: 20px; }
.arrow_box p { margin: 0; color: #FFF; font-size: 123.1%; padding: 2% 0 1.5% 2%; }
.listp { position: relative; color: #333; background: #efece8; font-size: 123.1%; line-height: 1; margin: 20px -10px 20px -10px; padding: 10px 5px 10px 20px; box-shadow: 1px 3px 7px 0px #999; border-top: 3px solid #625840; }
.listp:after, sample2:before { content: ""; position: absolute; top: 100%; height: 0; width: 0; border: 5px solid transparent; border-top: 5px solid #333; }
.listp:after { left: 0; border-right: 5px solid #333; }
.listp:before { right: 0; border-left: 5px solid #333; }
.tit01 { border-left: 15px groove #81A211; font-size: 116%; line-height: 1.5; padding-left: 15px; color:#000; }
.tit02 { border-left: 15px groove #C00; font-size: 116%; line-height: 1.5; padding-left: 15px; color:#000; }
.tit03 { font-size:116%; text-align: center; line-height:1.5; font-weight: bold ;position: relative; padding: 0.6em; background: #5ac6c6; color: #fff;}
.tit03:after {position: absolute;content: '';top: 100%;left: 100px;border: 15px solid transparent;border-top: 15px solid #5ac6c6;width: 0;height: 0;}
.headding02, .headding03 { border-bottom: 1px solid #e0e0e0; color: #333; font-size: 116%; font-weight: bold; letter-spacing: 2px; line-height: 16px; padding: 12px 12px 8px; }
.headding02 { border-top: 3px solid #2855a1; }
.headding03 { border-top: 3px solid #625840; }
.headding04 { border-bottom: 1px dashed #ff8c00; border-left: 7px solid rgba(255, 171, 0, 1); font-size: 116%; font-weight: bold; margin: 0 0 15px -7px; padding: 13px 15px 7px; }
.headding04b { border-bottom: 1px dashed #978677; border-left: 7px solid rgba(160, 171, 0, 1); font-size: 116%; font-weight: bold; margin: 0 0 15px -7px; padding: 13px 15px 7px; }
.headding05 { background: -moz-linear-gradient(center top -45deg, transparent 40%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.1) 60%, transparent 60%) repeat scroll 0 0 / 4px 4px #fff; border-bottom: 3px solid #333; border-top: 3px solid #333; color: #333; font: bold 140%/1.6 Arial, Helvetica, sans-serif; padding: 5px 20px; position: relative; text-shadow: 1px 1px 0 #fff, 2px 2px 0 #999; }
.headding05::before { border-color: #333 transparent transparent; border-right: 12px solid transparent; border-style: solid; border-width: 12px; content: " "; height: 0; left: 24px; position: absolute; top: 100%; width: 0; }
.headding05::after { border-color: #f0f0f0 transparent transparent; border-right: 8px solid transparent; border-style: solid; border-width: 8px; content: " "; height: 0; left: 28px; position: absolute; top: 100%; width: 0; z-index: 1; }
em { background: none repeat scroll 0 0 #ff0000; color: #fff; font-style: normal; margin-right: 2px; padding: 0 2px; }


/* fontsize */
.text10 {font-size:77%;}
.text11 {font-size:85%;}
.text12 {font-size:93%;}
.text13 {font-size:100%;}
.text14 {font-size:108%;}
.text15 {font-size:116%;}
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }

/* 行間 */
.line160{line-height:1.6;}
.line140{line-height:1.4;}
.line130{line-height:1.3;}
ul.ullist li { font-size:85%; line-height:1.4; margin-bottom:0.5em; }


/* ノート風 */
.note   {background-image:url(www.styledart-store.com/img/dotline.png); line-height:25px; padding:0 5px;}

/* fontcolor */
.price {color:#dc143c;} /* 価格の色 */
.red   {color:#ff0000;}
.red2  {color:#900}
.red3  {color:#fa8072}
.blue  {color:#00bfff;}
.blue2 {color:#003dff;}
.purple{color:#8900ff;}
.orange{color:#ff8c00;}
.green {color:#20b2aa;}
.green2{color:#228b22;}
.brown {color:#bc8f8f;}
.black {color:#000;}
.white {color:#fff;}

/* fontstyle */
.bold  {font-weight:bold;}
.oline {text-decoration:line-through;}
.uline {text-decoration:underline;}
.textleft { text-align:left; }
.textright { text-align:right; }
.textcenter { text-align:center; }

/* 強調 */
em {font-style: normal; background: #ff0000; color:#fff; padding: 0 2px; margin-right:2px;}

/* 背景 */
.bg_base { background:#ebe8e0;}
.bg_gray  {background:#e6e6e6;}
.bg_gray2 {background:#f5f5f5;}
.bg_red   {background:#ffe4e1;}
.bg_blue  {background:#f0f8ff;}
.bg_yellow{background:#ffffe0;}
.bg_beige {background:#fdf5e6;}
.bg_purple{background:#e6e6fa;}
.bg_white {background:#fff;}
.bg_green {background:#f0fff0;}
.bg_grad01 {
  background: linear-gradient(-45deg, rgba(246, 255, 0, .8), rgba(255, 0, 161, .8)) fixed, url(www.webcreatorbox.com/sample/images/bg-cherrybrossam.jpg) fixed;
  background-size: cover;}
.bg_grad02{background: radial-gradient(#F2B9A1, #EA6264) fixed;}
.bg_grad03{background: linear-gradient(#05FBFF, #1D62F0 ) fixed;}
.bg_grad04{background: linear-gradient(-135deg, #E4A972, #9941D8);}
.bg_st { background:url(www.styledart-store.com/img/back_st.gif) repeat left top; }

/* bnr */
.img-move a:hover img { position: relative; top: 3px; left: 2px; }
.img-toka a:hover img { filter:alpha(opacity=50);	-moz-opacity: 0.5;	opacity: 0.5; }
.right { float:right; }
.left { float:left; }

/* button */
.button { display: inline-block; width: 96%; text-align: center; text-decoration: none; outline: none; padding:0.9375rem 0; }
.button, .button::before, .button::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s; }
.button { background-color: #333; color: #fff; }
.button:hover { background-color: #59b1eb; color: #fff; text-decoration : none; }
.button:visited { color : #fff; text-decoration : none; }

/* list */
ul.icon01 { list-style:none; padding:0; }
ul.icon01 li { background:url(../img/common/icon_01.png) 0 2px no-repeat; padding-left:20px; margin-bottom:10px; }
ul.icon02 { list-style:none; padding:0; }
ul.icon02 li { background:url(../img/common/icon_02.gif) 0 2px no-repeat; padding-left:16px; margin-bottom:5px; }
ul.kome { list-style:none; padding:0; margin-left:0; }
ul.kome li { background:url(../img/common/icon_kome.png) 0 6px no-repeat; padding-left:15px; }
ul.kome li.komered { background:url(../img/common/icon_komer.png) 0 6px no-repeat; padding-left:15px; }

/* accordion */
div.accordion { width: 100%; }
div.accordion ul { list-style:none; padding:0; margin:0 }
div.accordion > ul > li > a { display: block; color: #fff; font-size: 16px; text-decoration: none; background-color: #6ab5c8; border-bottom: 1px solid #fff; cursor: pointer; padding: 10px 12px; position: relative; }
div.accordion > ul > li > a:hover { background-color: #6ab5c8; }
div.accordion > ul > li > a:after, div.accordion > ul > li > a.active:after { font-size: 12px; position: absolute; right: 12px; top: 16px; color: #2f7f99; }
div.accordion > ul > li > a:after { content: "▼"; }
div.accordion > ul > li > a.active:after { content: "▲"; }
div.accordion > ul > li > ul { display: none; }
div.accordion > ul > li > ul > li { display: block; color: #666; font-size: 14px; background-color: #fff; border: 1px solid #ccc; padding: 6px 12px; position: relative; }
/* div.accordion > ul > li > ul > li > a:hover { background-color: #67ab9c; }*/

/* border */
.ba { border:solid 1px #b6b6b6; }
.bt { border-top:solid 1px #b6b6b6; }
.bb { border-bottom:solid 1px #b6b6b6; }
.br { border-right:solid 1px #b6b6b6; }
.bl { border-left:solid 1px #b6b6b6; }
.btdot { border-top:dotted 2px #CCC; }
.bbdot { border-bottom:dotted 2px #CCC; }
.brdot { border-right:dotted 3px #CCC; }
.bldot { border-left:dotted 3px #CCC; }

/* margin */
.mt0 { margin-top:0; }
.mt01 { margin-top:1%; }
.mt02 { margin-top:2%; }
.mt03 { margin-top:3%; }
.mt03 { margin-top:4%; }
.mt05 { margin-top:5%; }
.mt08 { margin-top:8%; }
.mt10 { margin-top:10%; }
.mr01 { margin-right:1%; }
.mr02 { margin-right:2%; }
.mr03 { margin-right:3%; }
.mr03 { margin-right:4%; }
.mr05 { margin-right:5%; }
.mr08 { margin-right:8%; }
.mr10 { margin-right:10%; }
.mb0 { margin-bottom:0; }
.mb01 { margin-bottom:1%; }
.mb02 { margin-bottom:2%; }
.mb03 { margin-bottom:3%; }
.mb03 { margin-bottom:4%; }
.mb05 { margin-bottom:5%; }
.mb08 { margin-bottom:8%; }
.mb10 { margin-bottom:10%; }
.ml01 { margin-left:1%; }
.ml02 { margin-left:2%; }
.ml03 { margin-left:3%; }
.ml03 { margin-left:4%; }
.ml05 { margin-left:5%; }
.ml08 { margin-left:8%; }
.ml10 { margin-left:10%; }

/* padding */
.pa02 { padding:2%; }
.pa03 { padding:3%; }
.pa04 { padding:4%; }
.pa05 { padding:5%; }
.pt0 { padding-top:0; }
.pt01 { padding-top:1%; }
.pt02 { padding-top:2%; }
.pt03 { padding-top:3%; }
.pt03 { padding-top:4%; }
.pt05 { padding-top:5%; }
.pt08 { padding-top:8%; }
.pt10 { padding-top:10%; }
.pr01 { padding-right:1%; }
.pr02 { padding-right:2%; }
.pr03 { padding-right:3%; }
.pr03 { padding-right:4%; }
.pr05 { padding-right:5%; }
.pr08 { padding-right:8%; }
.pr10 { padding-right:10%; }
.pb0 { padding-bottom:0; }
.pb01 { padding-bottom:1%; }
.pb02 { padding-bottom:2%; }
.pb03 { padding-bottom:3%; }
.pb03 { padding-bottom:4%; }
.pb05 { padding-bottom:5%; }
.pb08 { padding-bottom:8%; }
.pb10 { padding-bottom:10%; }
.pl01 { padding-left:1%; }
.pl02 { padding-left:2%; }
.pl03 { padding-left:3%; }
.pl03 { padding-left:4%; }
.pl05 { padding-left:5%; }
.pl08 { padding-left:8%; }
.pl10 { padding-left:10%; }

/* boxshadow */
.boxshadow { 
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow:0px 0px 8px #666666;
-webkit-box-shadow:0px 0px 8px #666666;
box-shadow:0px 0px 8px #666666;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
 }
/*Use "background-clip:padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/