@charset "utf-8";

/**
* html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/)
* Richard Clark (http://richclarkdesign.com)
* http://cssreset.com
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {
	line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}
nav ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
/* change colours to suit your needs */
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}
/* change colours to suit your needs */
mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
/* change border colour to suit your needs */
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}
input, select {
	vertical-align:middle;
}
/* -----reset end------------------------------------------------ */




/* -----Media Queries------------------------------------------------ */
@media screen and (min-width:768px) {

.pc-none {
	display: inherit;
}

.tablet-none {
	display: none;
}

.wrapper {
	width: 768px;
	background:#FFFFFF;
}

.sub {
	width: 750px;
	padding: 30px 9px 0 9px;
}

.sub-column {
	padding: 0 0 0 238px;
	overflow: hidden;
	zoom: 1;
}

.header {
	background:url(../images/base/body_bg.png) repeat-x 0 0;
	padding: 0;
}

.header-in {
	overflow: hidden;
	zoom: 1;
	padding: 10px 0 8px 0;
	width:768px;
	margin:0 auto;
	text-align:left;
}

.header-right {
	padding: 0 10px 0 0;
}

.sub-column {
	border: 1px solid #6293E3;
	margin: 0 0 20px 0;
	padding: 100px 10px 10px 10px;
	background: url(../images/base/column_bg_tablet.jpg) no-repeat 0 0;
}

*html .sub-column {
	padding: 0 0 20px 238px;
}

*+html .sub-column {
	padding: 0 0 20px 238px;
}

.sub-column ol li {
	padding: 3px 0 5px 25px ;
	margin: 0 0 5px 0;
	list-style:none;
	border-bottom:1px dotted #CCC;
	line-height:130%;
}
.sub-column ol li:nth-child(1){
	background: url(../images/base/sub-rank01.jpg) no-repeat 0px 0px;
}
.sub-column ol li:nth-child(2){
	background: url(../images/base/sub-rank02.jpg) no-repeat 0px 0px;
}
.sub-column ol li:nth-child(3){
	background: url(../images/base/sub-rank03.jpg) no-repeat 0px 0px;
}
.sub-column ol li:nth-child(4){
	background: url(../images/base/sub-rank04.jpg) no-repeat 0px 0px;
}
.sub-column ol li:nth-child(5){
	background: url(../images/base/sub-rank05.jpg) no-repeat 0px 0px;
}




.footer-inner {
	width: 759px;
	padding: 0 0 0 9px;
}

.footer2 {
	width: 100%;
	background:#FFFFFF;
}
.footer2-in {
	width: 759px;
	padding: 0 0 0 9px;
	margin:0 auto;
}


.tel-bnr {
	padding: 10px 0 10px 20px;
}

.tel-bnr li {
	float: left;
	padding: 0 10px 0 0;
}

.tel-bnr li.mid {
	line-height: 74px;
}

}


@media screen and (min-width:1024px) {


.pc-none {
	display: none;
}

.tablet-none {
	display: inherit;
}

.wrapper {
	width: 1000px;
	padding:0 20px 0 10px;
	background:#FFFFFF;
}

.main {
	float: left;
}

.sub {
	width: 210px;
	float: right;
	padding: 0;
}

.sub-column {
	border: 1px solid #6293E3;
	margin: 0 0 20px 0;
	padding: 120px 10px 10px 10px;
	background: url(../images/base/column_bg.jpg) no-repeat 0 0;
}
.sub-column ol li {
	font-size:12px;
}

.header {
	background:url(../images/base/body_bg.png) repeat-x 0 0;
	padding: 0;
}
.header-in {
	overflow: hidden;
	zoom: 1;
	padding: 10px 0 8px 0;
	width:1000px;
	margin:0 auto;
}

.header-right {
	padding: 0;
}

*html .sub-column {
	padding: 120px 10px 10px 10px;
}

*+html .sub-column {
	padding: 120px 10px 10px 10px;
}


.pagetop{
	text-align:right;
	margin:20px 0;
}
.pagetop a{
	background:url(../images/base/icon_totop.gif) no-repeat 0 5px;
	padding:0 0 0 15px;
}

.footer-inner {
	width: 991px;
	padding: 0 0 0 9px;
}

.footer-inner li{
	font-size:12px;
}
.footer2 {
	background:#FFFFFF;
	width:100%;
}
.footer2-in {
	width: 991px;
	padding: 0 0 0 9px;
	margin:0 auto;
}

.tel-bnr {
	padding: 10px 0 6px;
}

.tel-bnr li {
	float: none;
	padding: 0 0 6px 0;
	display: block;
}

.tel-bnr li.mid {
	line-height: 0px;
}

}
/* -----Media Queries end------------------------------------------------ */




/*＿＿＿base＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

p,li,dt,dd,th,td {
	font-size: 14px;
	line-height: 180%;
	color: #000;
}

body a:link {
	color: #1D50A2;
	text-decoration: underline;
}

body a:visited {
	color: #3E0F6C;
	text-decoration: underline;
}

body a:hover,
body a:active {
	color: #1D50A2;
	text-decoration: none;
}

a:hover img,
input:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}

img {
	border: 0;
}

ul li {
	list-style: none;
}

ol li {
	list-style-position: outside;
}

.clearfix {
	overflow: hidden;
	zoom: 1;
}

body {
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	background: #FFF url(../images/base/bg.gif) repeat 0 0;
	text-align: center;
	padding: 0;
}

body.home h1{display:none;}

.wrapper {
	z-index: 1;
	margin: -3px auto 0 auto;
	text-align: left;
	background:#FFFFFF;
}

.container {
	padding: 30px 0 50px 0;
	overflow: hidden;
	zoom: 1;
}

.main {
	width: 750px;
	padding: 0 9px;
	zoom: 1;
}

.sub {
	zoom: 1;
}

/*＿＿＿side＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

.tel-bnr {
	text-align: center;
	background-color: #FF7400;
	border: 1px solid #C85B00;
	border-radius: 5px; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 0 2px 2px rgba(250,250,250,0.5) inset; 
	-moz-box-shadow: 0 0 2px 2px rgba(250,250,250,0.5) inset;
	-webkit-box-shadow: 0 0 2px 2px rgba(250,250,250,0.5) inset;
	margin: 0 0 20px 0;
	overflow: hidden;
	zoom: 1;
}

.tel-bnr li {
	line-height: 0;
}



.sub-column p {
	display: none;
}


.sub-column ul li a,
.sub-faq dd ul li a,
.sub-info dd ul li a {
	display: block;
	zoom:1;
}

.sub-column ul li img {
	display: block;
	margin: 10px 0 0 0;
}

.sub-faq {
	margin: 0 0 20px 0;
}

.sub-faq dt,
.sub-info dt {
	line-height: 0;
	background-color: #1D50A2;
	padding: 7px 10px;
	border-radius: 5px; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.sub-faq dd ul li {
	padding: 10px 0 10px 10px;
	font-weight: bold;
	line-height: 1.6;
	border-bottom: 1px dotted #CCC;
	background: url(../images/base/arrow01.gif) no-repeat 0 16px;
}

.sub-info dd ul li {
	zoom: 1;
	padding: 10px 0 10px 10px;
	line-height: 1.6;
	border-bottom: 1px dotted #CCC;
	background: url(../images/base/arrow01.gif) no-repeat 0 16px;
}

.sub-info dd ul li b {
	font-size: 10px;
	color: #1D50A2;
}

.sub_link li {
	margin-top: 10px;
}
.sub_link_border{
	border:#CCC 1px solid;
}

/*＿＿＿header＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/


.header {
	z-index: 10;
	position: relative;
	background:url(../images/base/body_bg.png) repeat-x 0 0;
}

.header-in {
	overflow: hidden;
	zoom: 1;
	padding: 10px 0 8px 0;
	margin:0 auto;
	text-align:left;
}

.header-left {
	overflow: hidden;
	zoom: 1;
	float: left;
	width: 518px;
}

.header-left p.header-read {
	float: left;
	width: 314px;
	font-size: 10px;
	line-height: 1.3;
}

.header-left p.header-read em {
	font-style: normal;
	color: #76C1DA;
	font-size: 16px;
	display: block;
	padding: 5px 0 0 0;
}

.header-right {
	width: 230px;
	overflow: hidden;
	zoom: 1;
	float: right;
}

.header-right li {
	float: right;
	margin: 0 0 0 20px;
	text-align: right;
	font-size: 10px;
}

h1.logo,
p.logo a {
	float: left;
	display: block;
	width: 194px;
	height: 63px;
	text-indent: -9999px;
	margin: 0 10px 0 0;
	background: url(../images/base/logo.gif) no-repeat 0 0;
}


/*＿＿＿footer＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

.footer {
	border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
	padding: 20px 0;
	background:#FFFFFF;
}

.footer-inner {
	margin: 0 auto;
	overflow: hidden;
	zoom: 1;
}

.footer-inner dl dt {
	line-height: 0;
	padding: 0 0 10px 0;
}

.footer-inner dl dd ul li {
	text-align: left;
}

.f-nav {
	padding: 0 0 0 0;
}

.f-nav li {
	padding: 0 5px;
	display: inline;
}

.footer-el {
	width: 203px;
	float: left;
	margin: 0 0 0 15px;
}

.footer-el dd ul {
	overflow: hidden;
	position: relative;
	margin: 0 -20px 0 0;
}

.footer-el dd ul li {
	float: left;
	margin: 0 15px 0 0;
	display: inline;
}

.footer-jh,
.footer-en {
	width: 120px;
	float: left;
	margin: 0 0 0 15px;
}

.footer2 {
	margin: 0 auto;
	padding: 30px 0;
}

.footer2 p {
	text-align: left;
	color: #666;
	line-height: 1.2;
	margin: 0 0 5px 0;
}

.footer2 p span {
	display: inline-block;
	float: left;
	margin: 0 10px 0 0;
}

.footer2 p img {
	float: left;
	padding: 2px 0 0 0;
}

#back-top {
    position: fixed;
    bottom: 30px;
	right: 30px;
    margin-left: -100px;
}
#back-top a {
    width: 100px;
    display: block;
}
#back-top span {
    width: 50px;
    height: 50px;
    display: block;
    margin-bottom: 7px;
    background: url(../images/base/totop.png) no-repeat center center;
}

/*＿＿＿nav＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

.h-nav {
	overflow: hidden;
	zoom: 1;
	padding: 15px 0 10px 0;
}

.h-nav li {
	float: left;
	margin: 0 20px 0 0;
	background: url(../images/base/arrow01.gif) no-repeat 0 50%;
	padding: 0 0 0 8px;
	font-size: 14px;
}

.g-nav {
	overflow: hidden;
	zoom: 1;
	margin: 0 0 20px 0;
}

.g-nav li {
	display: inline;
}

ul.g-nav li a{
	float: left;
	display: block;
	overflow: hidden;
	height: 0!important;
	height/**/: 0px;
	padding: 65px 0 0 0;
	background-image:url("../images/base/nav.jpg");
	background-repeat:no-repeat;
}

ul.g-nav li.home a { background-position: 0 0; width: 79px;}
ul.g-nav li.small-child a { background-position: -79px 0; width: 155px;}
ul.g-nav li.elementary a { background-position: -234px 0; width: 156px;}
ul.g-nav li.junior-high a { background-position: -390px 0; width: 156px;}
ul.g-nav li.buy a { background-position: -546px 0; width: 95px;}
ul.g-nav li.request a { background-position: -641px 0; width: 109px;}

ul.g-nav li.home a:hover,.home ul.g-nav li.home a { background-position: 0 -65px;}
ul.g-nav li.small-child a:hover,.small-child ul.g-nav li.small-child a { background-position: -79px -65px;}
ul.g-nav li.elementary a:hover,.elementary ul.g-nav li.elementary a { background-position: -234px -65px;}
ul.g-nav li.junior-high a:hover,.junior-high ul.g-nav li.junior-high a { background-position: -390px -65px;}
ul.g-nav li.buy a:hover,.buy ul.g-nav li.buy a { background-position: -546px -65px;}
ul.g-nav li.request a:hover,.request ul.g-nav li.request a { background-position: -641px -65px;}

ul.g-nav2019 li a{
	background-image:url("/common/images/base/nav_2019.png");
}
ul.g-nav2019 li.home a { background-position: 0 0; width: 79px;}
ul.g-nav2019 li.g-nav-english a { background-position: -79px 0; width: 115px;}
ul.g-nav2019 li.small-child a { background-position: -194px 0; width: 132px;}
ul.g-nav2019 li.elementary a { background-position: -326px 0; width: 138px;}
ul.g-nav2019 li.junior-high a { background-position: -464px 0; width: 145px;}
ul.g-nav2019 li.buy a { background-position: -609px 0; width: 60px;}
ul.g-nav2019 li.request a { background-position: -669px 0; width: 81px;}

ul.g-nav2019 li.home a:hover,.home ul.g-nav2019 li.home a { background-position: 0 -65px;}
ul.g-nav2019 li.g-nav-english a:hover { background-position: -79px -65px;}
ul.g-nav2019 li.small-child a:hover,.small-child ul.g-nav2019 li.small-child a { background-position: -194px -65px;}
ul.g-nav2019 li.elementary a:hover,.elementary ul.g-nav2019 li.elementary a { background-position: -326px -65px;}
ul.g-nav2019 li.junior-high a:hover,.junior-high ul.g-nav2019 li.junior-high a { background-position: -464px -65px;}
ul.g-nav2019 li.buy a:hover,.buy ul.g-nav2019 li.buy a { background-position: -609px -65px;}
ul.g-nav2019 li.request a:hover,.request ul.g-nav2019 li.request a { background-position: -669px -65px;}


/*＿＿＿head-line＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

.main h1 {
	margin: 0 0 30px 0;
}

.main h1 strong {
	display: none;
}

h2 {
	font-size: 18px;
	padding: 10px 10px 10px 18px;
	margin: 0 0 20px 0;
	border: 1px solid #DDD;
	background: url(../images/base/h2_bg.gif) no-repeat 5px 5px;
	border-radius: 5px; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 1px 1px 1px 0 rgba(200,200,200,0.5); 
	-moz-box-shadow: 1px 1px 1px 0 rgba(200,200,200,0.5);
	-webkit-box-shadow: 1px 1px 1px 0 rgba(200,200,200,0.5);
}

h2 a {
	display: block;
	zoom:1;
}

h3 {
	border-radius: 25px; 
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	background-color: #235CB7;
	color: #FFF;
	padding: 12px 15px;
	margin: 0 0 20px 0;
	font-size: 16px;
}

h4 {
	background: url(../images/base/h4_bg.gif) no-repeat 0 0;
	font-size: 14px;
	padding: 0 0 25px 20px;
}



/*＿＿＿table＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

.table01 {
	width: 100%;
}

.table01 th {
	font-weight: normal;
	border: 1px solid #CCC;
	background-color: #EBF1FC;
	padding: 8px 12px;
	text-align: left;
	vertical-align: top;
}

.table01 td{
	border: 1px solid #CCC;
	padding: 8px 12px;
	vertical-align: top;
}


/*＿＿＿box＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

.box01 {
	overflow: hidden;
	zoom: 1;
	margin: 0 0 10px 0;
}

.box02 {
	overflow: hidden;
	zoom: 1;
	margin: 0 0 20px 0;
}

.box03 {
	overflow: hidden;
	zoom: 1;
	margin: 0 0 30px 0;
}

.box04 {
	overflow: hidden;
	zoom: 1;
	margin: 0 0 40px 0;
}

.box05 {
	overflow: hidden;
	zoom: 1;
	margin: 0 0 50px 0;
}

.box06 {
	overflow: hidden;
	zoom: 1;
	margin: 0 0 60px 0;
}

.box07 {
	overflow: hidden;
	zoom: 1;
	margin: 0 auto 30px;
	width: 719px;
}

.box08 {
	overflow: hidden;
	zoom: 1;
	margin: 0 auto 30px;
	width: 500px;
}
.box08_2019 {
	width: 635px;
}


dl.blue-head-box dt {
	background-color: #235CB7;
	color: #FFF;
	font-weight: bold;
	padding: 10px 15px;
	font-size: 14px;
}

dl.blue-head-box dd {
	border: 1px solid #235CB7;
	padding: 10px 15px;
}



/*＿＿＿form＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

input,
select,
textarea {
	vertical-align: middle;
	border: 1px solid;
	border-color: #CCC;
	font-size: 13px;
}

input,
textarea {
	padding: 2px;
	margin: 2px 0;
}

input[type="text"]:focus,
textarea:focus {
	background: #F5F9FE;
}

.table01 td input {
	padding: 4px;
}

.table01 td select {
	height: 20px;
	margin: 6px 0;
}

.form-btn {
	text-align: center;
	border: 0 none;
	padding: 5px 10px;
}

input.rc {
	border: 0;
	padding: 0;
	margin: 0 0 0 0;
	vertical-align: middle;
}

.use-pp {
	height: 240px;
	overflow: auto;
	zoom: 1;
	border: 1px solid #235CB7;
	padding: 15px 20px 0;
	margin: 0 0 30px 0;
}

.error-message {
	display: block;
	color: #FF0000;
	font-weight: bold;
	margin: 8px 0 0 0;
	padding: 4px 10px;
	background-color: #FFDFE8;
}


/*＿＿＿font color,bg color＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

.red {
	color: #FF0000;
}

.gray {
	color: #666;
}

/*＿＿＿size,icon,other＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

.blk {
	display: block;
}

.vm {
	vertical-align: middle!important;
}

.normal {
	font-weight: normal!important;
}

.none {
	display: none!important;
}

.noborder {
	border:0 none!important;
}

.left {
	text-align: left!important;
}

.right {
	text-align: right!important;
}

.center {
	text-align: center!important;
}

.f-left {
	float: left;
}


.img-headline {
	padding: 0;
	margin: 0 0 20px 0;
	background: none;
	border: 0 none;
	border-radius: 0; 
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	box-shadow: none; 
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.img-headline span {
	display: none;
}

.f-left370 {
	float: left;
	width: 370px;
}

.f-right370 {
	float: right;
	width: 370px;
}

.f-right420 {
	float: right;
	width: 420px;
}

.f-left300 {
	width: 300px;
	float: left;
}

.f-left360 {
	width: 360px;
	float: left;
}

.f-right {
	float: right;
}

.f-right300 {
	width: 300px;
	float: right;
}

.f-right360 {
	width: 360px;
	float: right;
}

.ph-left {
	float: left;
	margin: 0 20px 20px 0;
}

.ph-right {
	float: right;
	margin: 0 0 20px 20px;
}

.ph-left2 {
	float: left;
	margin: 0 20px 10px 0;
}

.ph-right2 {
	float: right;
	margin: 0 0 10px 20px;
}

.pad0 {
	padding: 0!important;
}

.mar0 {
	margin: 0!important;
}

.mb5 {margin-bottom: 5px!important;}
.mb10 {margin-bottom: 10px!important;}
.mb15 {margin-bottom: 15px!important;}
.mb20 {margin-bottom: 20px!important;}
.mb25 {margin-bottom: 25px!important;}
.mb30 {margin-bottom: 30px!important;}
.mb35 {margin-bottom: 35px!important;}
.mb40 {margin-bottom: 40px!important;}
.mb45 {margin-bottom: 45px!important;}
.mb50 {margin-bottom: 50px!important;}
.mb60 {margin-bottom: 60px!important;}
.mb70 {margin-bottom: 70px!important;}
.mb80 {margin-bottom: 80px!important;}
.mb90 {margin-bottom: 90px!important;}
.mb100 {margin-bottom: 100px!important;}

.mt5 {margin-top: 5px!important;}
.mt10 {margin-top: 10px!important;}
.mt15 {margin-top: 15px!important;}
.mt20 {margin-top: 20px!important;}
.mt25 {margin-top: 25px!important;}
.mt30 {margin-top: 30px!important;}
.mt40 {margin-top: 40px!important;}
.mt50 {margin-top: 50px!important;}
.mt60 {margin-top: 60px!important;}
.mt70 {margin-top: 70px!important;}
.mt80 {margin-top: 80px!important;}
.mt90 {margin-top: 90px!important;}
.mt100 {margin-top: 100px!important;}
.mt180 {margin-top: 180px!important;}

.ml10 {margin-left: 10px!important;}
.ml20 {margin-left: 20px!important;}

.f10 {font-size: 10px!important;}
.f12 {font-size: 12px!important;}
.f14 {font-size: 14px!important;}
.f16 {font-size: 16px!important;}
.f18 {font-size: 18px!important;}
.f20 {font-size: 20px!important;}
.f22 {font-size: 20px!important;}

.w3 {width: 3%;}
.w5 {width: 5%;}
.w8 {width: 8%;}
.w10 {width: 10%;}
.w12 {width: 12%;}
.w14 {width: 14%;}
.w15 {width: 15%;}
.w17 {width: 17%;}
.w18 {width: 18%;}
.w19 {width: 19%;}
.w20 {width: 20%;}
.w22 {width: 22%;}
.w24 {width: 24%;}
.w25 {width: 25%;}
.w28 {width: 28%;}
.w30 {width: 30%;}
.w33 {width: 33%;}
.w35 {width: 35%;}
.w40 {width: 40%;}
.w45 {width: 45%;}
.w50 {width: 50%;}
.w60 {width: 60%;}
.w70 {width: 70%;}
.w80 {width: 80%;}
.w90 {width: 90%;}

.hp20 {height: 20px;}

.wp50 {width: 50px;}
.wp60 {width: 60px;}
.wp70 {width: 70px;}
.wp80 {width: 80px;}
.wp90 {width: 90px;}
.wp100 {width: 100px;}
.wp150 {width: 150px;}
.wp200 {width: 200px;}
.wp250 {width: 250px;}
.wp300 {width: 300px;}
.wp350 {width: 350px;}
.wp400 {width: 400px;}
.wp450 {width: 450px;}
.wp500 {width: 500px;}
.wp600 {width: 600px;}
.wp700 {width: 700px;}
.wp800 {width: 800px;}

.wp420hp120 {
	width: 420px;
	height: 120px;
}