body { -webkit-text-size-adjust: 100%;margin: 0; font-family: Meiryo, "Hiragino Kaku Gothic Pro W3", sans-serif; background-color: #fff; background: rgba(0,0,0,0.0);}

input,button,teatarea { -font-family: Meiryo, "Hiragino Kaku Gothic Pro W3", sans-serif;}


@media screen and (max-width:809.98px) {/**/
header {background-image: linear-gradient(135deg, #D4E2FF 0%, #DBE8FF 17%,#F7f4FF 40%, #f0F0FF 70%, #ffdffb 100%); margin: 0; height: 72px;}
header div { width: 100%; padding: 5px 0; position: relative;}
header div img.logo1 { width: 62px;position: absolute; top: 5px; left: 3px;}
header div p { margin: 0; padding: 0; font-size: 21px; color: #6B84D7; position: absolute; top: 5px; left: 190px;}
header div span.title { font-size: 17px; margin: 4px 0 0 75px;display: inline-block; color: #6094DB;}
header div span.link { display: block; margin: 5px 0 0 75px; font-size: 13px; font-weight: normal; text-shadow: none;}
header div span.link a { color: deeppink;}

main { width: 100%;padding: 0;}

div.product { display: block; margin:0; padding: 0 10px; list-style: none; line-height:24px; color: #3A3A44; font-size: 16px;}

div.product p { color:#3D87FB; margin:0 -10px -18px -10px; padding:8px 10px 28px 10px; font-size: 20px; font-weight: bold; background-image: linear-gradient(180deg, #f3f3f3 0%, #fff 100%);}
div.product p span.code { display: inline-block; font-size: 16px; margin: 0 10px 0 0;}
div.product p span.english { display:block; margin: 0; font-size: 14px; color: #3FA675; background: transparent; font-weight: normal;}
div.product span.goods { display: block; margin: -22px 0 7px 0; padding: 0; font-size: 15px;}
div.product span span.premium { display: block; width: 140px; margin: 0 0 3px 0; padding: 2px 0 1px 0; font-size: 15px; color: #fff;background-image: linear-gradient(180deg, #48c6ef 0%, #003AAE 100%); text-align: center;}

div.product ul { display: block; margin: 4px -10px; padding: 0 0 10px 0; list-style: none; border-width: 3px 0; border-style: dotted; border-color:#CCCAFF;}
div.product ul li { display: block; margin: 0; padding: 0 10px; vertical-align: top;}
div.product ul li.leftside { text-align: center; margin: 0; padding: 0;}
div.product ul li span { display:block;}
div.product ul li span.detail { margin: 10px 0 20px 0; padding: 0; font-size: 15px;}
div.product ul li span.price1 { margin: 0;}
div.product ul li span.price2 { margin: 0;}

div.product ul li span span.banner1,div.product ul li span span.banner2,div.product ul li span span.banner3 {display: inline-block; margin: 0 10px 0 0; padding: 2px 4px 1px 4px; font-size: 15px; text-align: center; border-radius:5px;}
div.product ul li span span.banner1 {  color: #fff; background: #FF0000;}
div.product ul li span span.banner2 { display: inline-block; margin: 0 5px 0 0; font-size: 15px; color: #fff; background: #FFA900;}
div.product ul li span span.banner3 { display: inline-block; margin: 0 5px 0 0; font-size: 15px; color: #fff; background: #FF179C;}

div.product ul li span.i1 { direction: inline-block; width: 100%; height: 350px; padding: 5px 0; margin:10px 0; background-image:linear-gradient(180deg, #fff 0%, #fff 26%, #fff 48%, #EEF4FF 75%, #D4DFFF 100%);}

div.product ul li span.i2 { display: block; width: 170px; height: 155px; border: 1px solid grey; padding: 10px; margin: 0 10px; text-align: center;background-image: radial-gradient(#fff 0%, #F9ECFF 26%, #F5E3FF 48%, #EEDAFF 55%, #E6B4FF 100%);}

div.product span.i11,div.product span.i12,div.product span.i13 { display:inline-block; margin: 4px 0; width: 150px; height: 150px; border: 1px solid grey; padding: 10px; text-align: center; background-image: linear-gradient(135deg, #EBEAFF 0%, #fff 30%, #DBE6FF 100%);}
div.product span img { height: 100%;}
}
/*-------*/
@media screen and (min-width:810px) {/**/
header {background-image: linear-gradient(135deg, #e7eafe 0%, #DcDfFF 17%,#F1EEFF 40%, #EfF7Fa 60%, #E8E8FF 80%, #ffcffb 100%); margin: 0 0 25px 0; height: 100px;}
header div { margin:0 auto; width: 80%; padding: 12px 0; position: relative;}
header div img.logo1 { width: 82px;position: absolute; top: 10px; left: 0;}
header div p { margin: 0; padding: 0; font-size: 35px; color: #789DFF; position: absolute; top: 12px; left: 330px; font-weight: bold;}
header div span.title { font-size: 28px; margin: 5px 0 0 105px;display: inline-block; color: rgba(255,255,255,1); font-weight: bold; text-shadow:0 0 3px rgba(255,120,0,0.55), 2px 2px 7px rgba(0,0,0,0.2);}
header div span.link { display: block; color: ; margin: 4px 0 0 105px; font-size: 14px; font-weight: normal; text-shadow: none;}
header div span.link a { color: #FF57AF;}

main {width: 80%; padding: 0 10%;}

div.product { display: block; margin:20px 0 0 0; padding: 0; list-style: none;}
div.product { line-height:25px; color: #3A3A44; font-size: 15px; padding: 0;}

div.product p { color:#3D87FB; margin:0 0 -18px 0; padding:24px 0 39px 20px; font-size: 22px; font-weight: bold; background-image: linear-gradient(180deg, #f3f3f3 0%, #fff 100%);}
div.product p span.code { display: inline-block; font-size: 15px; margin: 0 20px 0 0;}
div.product p span.english { display: inline-block; margin: 0 0 0 22px; color: #3FA675; background: transparent; font-weight: normal;}
div.product span.goods { margin: 0 20px 21px 20px; padding: 0 0 18px 0; font-size: 17px;}
div.product span span.premium { display: inline-block; width: 140px; margin: 0 18px 0 0; padding: 2px 0 1px 0; font-size: 16px; color: #fff;background-image: linear-gradient(180deg, #48c6ef 0%, #003AAE 100%); text-align: center;}

div.product ul { display: table; margin: 20px 0; padding:15px 0; list-style: none; border-width: 3px 0; border-style: dotted; border-color:#CCCAFF;}
div.product ul li { display: table-cell; padding: 0; vertical-align: top;}
div.product ul li.leftside { width:570px;}
div.product ul li span { display:block;}
div.product ul li span.detail { margin: 10px 30px 20px 0; padding: 0; font-size: 15px;}
div.product ul li span.price1 {}
div.product ul li span.price2 {}

div.product ul li span span.banner1,div.product ul li span span.banner2,div.product ul li span span.banner3 {display: inline-block; margin: 0 10px 0 0; padding: 2px 8px 1px 8px; font-size: 15px; text-align: center; border-radius:5px;}
div.product ul li span span.banner1 {  color: #fff; background: #FF0000;}
div.product ul li span span.banner2 { display: inline-block; margin: 0 10px 0 0; font-size: 15px; color: #fff; background: #FFA900;}
div.product ul li span span.banner3 { display: inline-block; margin: 0 10px 0 0; font-size: 15px; color: #fff; background: #FF179C;}

div.product ul li span.i1 { width: 270px; height: 370px; display:inline-block; padding: 0 0 10px 50px; margin:0 5px 0 0; background-image:linear-gradient(180deg, #fff 0%, #fff 26%, #fff 48%, #EEF4FF 75%, #D4DFFF 100%);}

div.product ul li span.i2 { width: 170px; height: 155px; display:inline-block; border: 1px solid grey; padding: 10px; text-align: center;background-image: radial-gradient(#fff 0%, #F9ECFF 26%, #F5E3FF 48%, #EEDAFF 75%, #E6B4FF 100%);}

div.product span.i11,div.product span.i12,div.product span.i13 { display:inline-block; width: 150px; height: 150px; border: 1px solid grey; padding: 10px; text-align: center; background-image: linear-gradient(135deg, #EBEAFF 0%, #fff 30%, #DBE6FF 100%);}
div.product span img { height: 100%;}

}



ul.cartin { display: block; margin:0; padding:0; list-style: none;}
ul.cartin li {}
ul.cartin li p { color:#3D87FB; margin:0 0 -18px 0; padding:24px 0 39px 20px; font-size: 22px; font-weight: bold; background-image: linear-gradient(180deg, #f3f3f3 0%, #fff 100%);}
ul.cartin li p span.code { display: inline-block; font-size: 15px; margin: 0 20px 0 0;}4
ul.cartin li p span.english { display: inul line-block; margin: 0 0 0 22px; color: #3FA675; background: transparent; font-weight: normal;}
ul.cartin li span.goods { margin: 0 20px 21px 20px; padding: 0 0 18px 0; font-size: 17px;}
ul.cartin li span span.premium { display: inline-block; width: 140px; margin: 0 18px 0 0; padding: 2px 0 1px 0; font-size: 16px; color: #fff;background-image: linear-gradient(180deg, #48c6ef 0%, #003AAE 100%); text-align: center;}
ul.cartin li span.detail { margin: 22px 30px 20px 0; padding: 22px 0 0 0; font-size: 15px;}

ul.cartin li span.title { display: inline-block; width: 90px; text-align: left;}


ul.person { display: block; margin:0; padding:0; list-style: none; font-size:15px;}
ul.person li {}
ul.person li div p { margin:0; padding:10px 0; font-size:16px;}
ul.person li div span { display: inline-block; width: 120px;}
ul.person li input { margin: 4px 0;}

ul.user { display: block; margin:0 0 25px 0; padding:0 0 15px 0; list-style: none; border-bottom: 1px solid grey;}
ul.user li {}
ul.user li p { margin:0; padding:0;}
ul.user li span { display: inline-block; width:400px;}
ul.user li span.title { display: inline-block; width: 90px; text-align: left;}