@charset "utf-8";
/* Site Common CSS Document */


* {  
 margin:0;  
 padding:0;  
}

body{
	font-size:0.8em;
	line-height:200%;
	background:url();
	background-color:#FFFFFF;
	color:#595959;
	font-family: "Hiragino Kaku Gothic Pro", Meiryo, Osaka, sans-serif;
}  

 h2,h3,h4,h5,h6 {  
     font-weight:normal;  
	 font-family:Georgia, "Times New Roman", Times, serif;  
 }   

ul,li{
	list-style:none;
	display:inline-block;
	float:left;
}

 p {
     line-height:120%;
	 }  

 p {  
     margin:0 0 1em 0;  
	 }  

 li {  
     list-style-type:none;  
 }  

img {  
     border:0;  
 }  


/* 
Link Color [ 
----------------------------------------------------------- */  
 a {  
     text-decoration:none;  
 }  

 a:link {  
     color:#595959;  
 }  

 a:visited {
     color:#595959;  
 }  

 a:hover {  
     text-decoration:underline;  
 }  
 
 a:active {
     color:#cccccc;
 }  
 
 
#header a:link {  
    color:#FFF;
	}

#header  a:visited {
    color:#FFF;  
 }  

#header  a:hover {  
    text-decoration:underline;  
 }  
 
#header  a:active {
    color:#FFF;
 } 


#footer a:link {  
    color:#FFF;
	}

#footer  a:visited {
    color:#FFF;  
 }  

#footer  a:hover {  
    text-decoration:underline;  
 }  
 
#footer  a:active {
    color:#FFF;
 } 



/* 
HEADER [ 
----------------------------------------------------------- */  


.head_link {
     height:40px;
	 padding-top:40px;
	 font-size:90%;
	 float:right;
	 }
	 
.logo {
	 width:469px;
	 float:left;
	 }	 



 /* 
MENU [ 
----------------------------------------------------------- */  

.online a{
     display:block;
     background-image: url(../images/onlineshop.gif);
	 background-repeat: no-repeat;
	 width:180px;
	 height:60px;
	 float:left;
	 }

.online a:hover{
     background-image: url(../images/onlineshop_on.gif);
	 background-repeat: no-repeat;
     }

.sale a{
     display:block;
     background-image: url(../images/sale.gif);
	 background-repeat: no-repeat;
	 width:182px;
	 height:60px;
	 float:left;
	 }

.sale a:hover{
     background-image: url(../images/sale_on.gif);
	 background-repeat: no-repeat;
     }

.shop a{
     display:block;
     background-image: url(../images/shop.gif);
	 background-repeat: no-repeat;
	 width:180px;
	 height:60px;
	 float:left;
	 }

.shop a:hover{
     background-image: url(../images/shop_on.gif);
	 background-repeat: no-repeat;
     }


.mailmaga a{
     display:block;
     background-image: url(../images/merumaga.gif);
	 background-repeat: no-repeat;
	 width:180px;
	 height:60px;
	 float:left;
	 }

.mailmaga a:hover{
     background-image: url(../images/merumaga_on.gif);
	 background-repeat: no-repeat;
     }

.recruit a{
     display:block;
     background-image: url(../images/recruit.gif);
	 background-repeat: no-repeat;
	 width:177px;
	 height:60px;
	 float:left;
	 }

.recruit a:hover{
     background-image: url(../images/recruit_on.gif);
	 background-repeat: no-repeat;
     }


/* 
BANNER [ 
----------------------------------------------------------- */  

.bnrUp {
    padding-bottom:5px;
    background:url(../images/bnr_onlinshop.jpg);
	background-repeat:no-repeat;
 }
 
.bnrUp a{
	width:300px;
	height:150px;
    display:block;
    background-image:url(../images/bnr_onlinshop.jpg);
	background-repeat: no-repeat;
	 }

.bnrUp a:hover{
     background-image: url(../images/bnr_onlinshop_on.jpg);
	 background-repeat: no-repeat;
     }

.bnrNaka {
    background:url(../images/bnr_sale.jpg);
	background-repeat:no-repeat;
 }
 	
.bnrNaka a{
    padding-bottom:5px;
	width:300px;
	height:150px;
    display:block;
    background-image:url(../images/bnr_sale.jpg);
	background-repeat: no-repeat;
	}

.bnrNaka a:hover{
     background-image: url(../images/bnr_sale_on.jpg);
	 background-repeat: no-repeat;
     }

.bnrUnder {
	width:300px;
	height:130px;
 }





/* 
SIDE BANNER[ 
----------------------------------------------------------- */  

.column {
    width:52px;
	height:250px;
	position:absolute;
	top:480px;
	right:0px;

}


/* 
CONTENTS[ 

----------------------------------------------------------- */ 
.sublink {
    width:400px;
	padding-top:5px;
	float:right;
	}

.topics {
    height:20px;
	width:100%;
	padding-bottom:25px
	}

 /* 
FOOTER [ 
----------------------------------------------------------- */  

.footerCopy {
	line-height:130%;
	width:900px;
	margin-left: auto;
	margin-right: auto;
	color: #FFFFFF;
	font-size: 80%;
}

.footerLink {
	line-height:220%;
	width:900px;
	margin-left: auto;
	margin-right: auto;
	color: #FFFFFF;
}


/* 
DIV [ 
----------------------------------------------------------- */  

#day{
    width:100px;
	height:30px;
	color:#FFFFFF;
	float:right;
 }

#ALL{  
    margin:0;
	background-color:#444444;
	width:100%; 
} 

 

#header {
    background:url(../images/hdr_bg.jpg);
    height:80px;
    padding:0;
 }
 
#headerIn {
     margin:auto;
     width:900px;
     padding:0;
 }

#menu {
    background:url(../images/menu_bg.jpg);
	height:60px;
	}

#menuIn {
	margin:auto;
	width:900px;
	}

	 
#main {
     width:100%;
	 min-width:900px;
	 background:url(../images/main_bg.gif);
	 background-repeat: repeat-x;
     background-position: bottom;
	 background-color:#FFFFFF;
	 }

#sideBnr {
	 }


#contents {
     width:900px;
	 margin:auto;
	 padding-bottom:5px;
	 min-width:900px;
	 }
	 
#mainIM {
     width:600px;
	 height:440px;
	 float:left;
	 }
     
#bnr {
     width:300px;
	 height:445px;
	 float:right;
     }





#footer{
    width:100%;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/footer_bg.gif);
	background-repeat:repeat-x;
	padding-top:15px;
	color: #FFFFFF;
	height:200px;
}





/* 
FONT [ 
----------------------------------------------------------- */  

.font90 {
    font-size:90%;
	}
	
.font85 {
    font-size:85%;
	}
	
.font80 {
    font-size:80%;
	}
	
.font70 {
    font-size:70%;
	}
	
.font50 {
    font-size:50%;
	}
	
.font180 {
    font-size:180%;
	}

.font120 {
    font-size:120%;
	}

.font150 {
    font-size:150%;
	}

.font200 {
    font-size:200%;
	}

.font250 {
    font-size:250%;
	}
	
.fontBlack {
    color:#000000;
	}

.indent10px {
    text-indent:10px;
	}

/* 
OTHER  FONTetc[ 
----------------------------------------------------------- */  	

.underLineGray {
     border-bottom:1px solid #f1f1f1;
	 padding-top:5px;
	 padding-bottom:3px;
	 }

.lineHeight120 {
    line-height:120%;
	}

.lineHeight150 {
    line-height:150%;
	}

.lineHeight200 {
    line-height:200%;
	}

.padT5{
    padding-top:5px;
	}
	
.padT10{
    padding-top:10px;
	}
	
.padB10{
    padding-bottom:10px;
	}
	
.padR10{
    padding-right:10px;
	}
	
.busShousai{
    padding-right:30px;
	color:#3b81c0;
	}
 
 

.textIndent15 {
    text-indent:15px;
	}
	
.fontBlue {
    color:#008ffe;
	}
.fontBlack {
    color: #000000;
	}
.fontNavy {
    color: #004098;
	}
	
.fontNavy2 {
    color: #3b81c0;
	}


/* 
CONTACTS
----------------------------------------------------------- */  	

	
.fontContacts {
    font-family: Arial,Helvetica,sans-serif;
	font-weight: bold;
    }