html, body { 
	height:100%;
	margin:0;}
body { 
	margin:0;
	text-align:center; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;}
#wrapper { /* images + content inside */ 
	margin:0 auto 0 auto;
	padding:0;
	width:790px;
	height:100%;
	background:url(images/wall.jpg) repeat-y;	}
#kakoi { 
	float:left;
	margin:0;
	padding:0;
	width:790px;
	height:auto;
   	background:url(images/wall.jpg) repeat-y;	}
#pankuzu { /* pankuzu */ 
	position:absolute;
	margin:0;
	padding:8px 0 0 0px;
	width:564px;
	height:auto;
    text-align:left;
	letter-spacing:1px;}
#pankuzu a:link, #pankuzu a:visited, #pankuzu a:active {
	font-size:10px;
	color:#b7017a;
	border:none;
	text-decoration:none;}
#pankuzu a:hover {
	font-size:10px;
	color:#5EA65C;
	border:none;
}
#header {
	margin:10px 30px 0 32px;
	padding:0;
	width:724px;
	height:125px;
	background:url(images/logobanbi.gif) top right no-repeat;}

.right {
         float:right;
         margin-left:10px;}
		.logolink {
		margin-top:-115px;}
		.invisibletext { display:none; }

h1 {
	margin:0;
	padding:0;}
h2 {
	margin:0;
	padding:90px 0 0 0;
	height:25px;
	background:#ddd;}
	
/**************header title images *****************/	
.title_order {background:url(images/title_order.gif) 0 54px no-repeat;}
.title_size {background:url(images/title_size.gif) 0 54px no-repeat;} 
.title_payment {background:url(images/title_payment.gif) 0 54px no-repeat;}
.title_soft {background:url(images/title_soft.gif) 0 54px no-repeat;}
.title_qaa {background:url(images/title_qaa.gif) 0 54px no-repeat;}
.title_law {background:url(images/title_law.gif) 0 54px no-repeat;}
.title_shop {background:url(images/title_shop.gif) 0 54px no-repeat;}
.title_bonus {background:url(images/title_bonus.gif) 0 54px no-repeat;}
 


#navwrapper {
	margin:15px 0 0 30px;
	padding:0;
	width:751px;
	height:auto;
	text-align:left;}

/****************************************************************************************** the banner styles */
.banner1, .banner2, .banner3, .banner4, .banner5, .banner6, .banner7, .banner8, .banner9 {
width:724px;
height:111px;
text-align:right;}
.banner1 {
background:#fff url(images/banner_order.jpg) no-repeat;}
.banner2 {
background:#6BBD6A url(images/banner_size.jpg) no-repeat left;}
.banner3 {
background:#6BBD6A url(images/banner_payment.jpg) no-repeat left;}
.banner4 {
background:#6BBD6A url(images/banner_soft.jpg) no-repeat left;}
.banner5 {
background:#6BBD6A url(images/banner_qaa.jpg) no-repeat left;}
.banner6 {
background:#6BBD6A url(images/banner_law.jpg) no-repeat left;}
.banner7 {
background:#6BBD6A url(images/banner_shop.jpg) no-repeat left;}

.banner8 {
background:#6BBD6A url(images/banner_bonus.jpg) no-repeat left;}
.banner1 img, .banner2 img,.banner3 img, .banner4 img, .banner5 img, .banner6 img, .banner7 img, .banner8 img {
margin:15px 14px 0 0;
border:0;}



/* The main content stlyes */
#mainwrapper {
	margin:10px 3px 0 30px;
	padding:0 0 0 0;
	width:748px;
	height:auto;
	text-align:left;
}

/* pagetop image */
#pagetop{
   width:100px;
    float:right;}
a img {border:0;}
/* footerrrrrrrrrrrrrrrrrrrrrr greenline */
.clearfooter {
	clear:both;
	height:30px;}
.greenline {
background:#fff url(images/greenline.gif) repeat-x;
height:7px;
width:730px;
margin:0 15px 0 25px;}

.clear { clear:both; }

/* migi content's title -----------------------------------------------*/

h2.title {
background-color:#fff;
padding:0;
height:auto;
color:#B7017A;
font-size:21px;
line-height:120%;
margin-top:10px;
margin-right:10px;
font-weight:bold;
margin-bottom:15px;}

h2.title1 {
background-color:#fff;
padding:0;
height:auto;
color:#666666;
font-size:19px;
line-height:150%;
margin-top:10px;
margin-right:5px;
font-weight:bold;
margin-bottom:15px;
border-bottom:1px solid #B8C8A3;
border-left:10px solid #B8C8A3;}

.qaa {
background-color:#f5f5f5;
padding:0;
height:auto;
color:#b7017a;
font-size:12px;
line-height:150%;
margin-top:11px;
margin-right:5px;
font-weight:normal;
margin-bottom:15px;
border-bottom:1px solid #B8C8A3;
border-left:10px solid #b7017a;}

/* migi content--------------------------------------------------------*/
#migi {
	float:right;
	margin:0;
	padding:0;
	width:550px;
	height:auto;}
	
	
/*

h3 {
	margin:16px 0 18px 0;
	padding:0;
	font-size:1.6em;
	line-height:26px;
	color:#B70178;
	font-weight:bolder;}

h3.green {
color:#5EA65C;
line-height:1em;
font-size:1.5em;}

#migi h4 {
font-size:13px;
color:#BB017E;
padding:0;}

*/

.white {
	margin:0;
	padding:0;
	font-size:12px;
	line-height:190%;
	font-weight:bold;
	color:#ffffff;}
.black{
	margin:0;
	padding:0;
	font-size:12px;
	line-height:180%;
	font-weight:bold;
	color:#333;}
.box{
	margin:0;
	padding:0;
	font-size:12px;
	line-height:150%;
	color:#333;}
.step{
	margin:0;
	padding:0;
	font-size:12px;
	line-height:180%;
	font-weight:bold;
	color:#b7017a;}

.red{
	font-size:13px;
	line-height:180%;
	font-weight:bold;
	color:#ff0000;}

.red{
	font-size:13px;
	line-height:180%;
	font-weight:bold;
	color:#ff0000;}
/*********************************************  middle box   ********/
.middle_box {width:525px}
.middle_box p {margin:0px}

.box_top {background-color:#44BA5A; overflow:auto; width:100%}

.boxtitle {margin:4px 0px 4px 10px; float:left; font-weight:bold; display:inline; color:#ffffff}

/*.boxtitle a, .boxtitle a:hover {text-decoration:none; color:#FFFFFF; display:block}*/
.box_middle {background-color:#f2f2f2; overflow:auto; width:100%}
.box_middle_content {margin:4px 0px 4px 10px; float:left; display:inline}
.box_middle_step {margin:4px 10px 4px 0px; float:right; display:inline}
.box_content {margin:7px 10px}
.line {border-bottom:solid 1px #ccc}

/************************************footer */
#footer {
	margin:16px 0 0 30px;
	padding:0 0 60px 0;
	width:720px;
	float:left;
	text-align:left;
	color:#473454;}
	
#footer p {
	margin:0;
	padding:0 0 6px 0;}
/***************************** left menu navi title */
#hidarimenu {
	float:left;
	margin:0;
	padding:0;
	width:184px;
	height:auto;}
h4 { /* the menu top */
	margin:18px 0 0 0;
	padding:0;
	font-size:12px;
	color:#AF026E;
	font-weight:bold;
	padding:0 0 0 16px;}
/********************************** the left menu navigation*/
#hidarimenu ul {
	margin:10px 0 0 0;
	padding:0 0 0 2px;
	width:150px;}
#hidarimenu ul li.top {
	margin:0;
	padding:4px 0 5px 0;
	list-style-type:none;
	border-top:1px solid #e8e4c9;
	border-bottom:1px solid #B8C8A3;}
#hidarimenu ul li a:link, 
#hidarimenu ul li a:visited, 
#hidarimenu ul li a:hover, 
#hidarimenu ul li a:active {
	margin:0;
	padding:4px 0 5px 16px;
	font-size:13px;
	font-weight:bolder;
	color:#5EA65C;
	border:none;
	background:url(images/yajirushi.gif) no-repeat;
	text-decoration:none;}
#hidarimenu ul li a.selected, 
#hidarimenu ul li a:link.selected, 
#hidarimenu ul li a:visited.selected, 
#hidarimenu ul li a:hover.selected, 
#hidarimenu ul li a:active.selected {
	margin:0;
	font-size:13px;
	font-weight:bolder;
	color:#AF026E;
	border:none;
	background:url(images/yajirushi_down.gif) no-repeat;}
#hidarimenu ul li a:hover {
	margin:0;
	padding:4px 0 5px 16px;
	font-size:13px;
	font-weight:bolder;
	color:#AF026E;
	border:none;
	background:url(images/yajirushi_down.gif) no-repeat;}

/* menu-bok  styles*/
.menu_box {
	margin:20px 0 0 0;
	padding:0;
	width:143px;
	height:auto;}
.menu_box p {
	margin:0;
	padding-left:7px;}
	
	
	
	
	
/***************************************size table inside**************************/
.size th {
	padding: 4px 0px 3px 4px;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
	color: #cc0033;
    text-align: left;
    background-color: #f8c3ac;}

.size td {
    text-align:left;
    font-size: 12px;
    padding: 2px 0px 2px 4px;
    border-bottom: solid 1px #b7017a;}
	
.basic{font-size:12px;
     color:#555555;
	 line-height:160%}	
	
	
	
	/*
#migi p {
	margin:0 0 20px 0;
	padding:0;
	font-size:1.2em;
	line-height:20px;
	color:#473454;
}

#migi td p{
	margin:0 0 20px 0;
	padding:0;
	font-size:1.0em;
	line-height:20px;
	color:#473454;
}
.form_class {
	margin:0 0 20px 0;
	padding:0;
	font-size:0.9em;
	line-height:20px;
	color:#473454;
	text-align:left;
}

h6 {
	color:#999;
	font-weight:bolder;
	font-size:1.4em;
	width:350px;
	padding:0 0 0 20px;
	left:20px;
}
h6.nolist {
	width:auto;
	color:#5EA65C;
	padding:0;
	margin:0 0 16px 0;
}
#migi ul {
	margin:0 0 10px 20px;
	padding:0;
	font-size:1.2em;
}

#migi ul.fontcolor li {
color:#473454;}

#migi ul li {
	margin:0;
	padding:0 0 10px 6px;
	list-style-type:square;
	color:#B7017A;
	font-size:1em;
}
#migi ul li ul {
	margin:10px 0 0 0;
	padding:0 0 0 14px;
}
#migi ul li ul li {
	margin:0;
	padding:0 0 6px 6px;
	list-style-type:square;
	color:#5EA65C;
	font-size:.8em;
}
*/