@charset "utf-8";
@import url("../../icaru/icaruweb/styles.css");

/*
*
*	Title: Icaru - Contents
*	Last Modified: 2008-08-19
*	Description:
*
*/

/* =========== INDEX LIST ============

   1: DEFAULT
   2: Container
   3: Header
   4: Sub Navigation
   5: Sideber & Global Navigations
   6: Contents 
   7: Footer  

====================================== */



/* ===================================

	1: DEFAULT

====================================== */



/***************** universal reset ******************/
html, body,  {
    margin: 0;
    padding: 0;
}


h1,h2,h3,h4,h5,h6,h7,p,ul,dl,dd,dt {
	margin: 0;
	padding: 0;
}

li {
	margin: 0;
	padding: 0;
	list-style: none;
}

img {
	margin: 0;
	padding: 0;
	border: none;
}


hr {
	display: none;
}

.clear {
	clear:both;
	font-size:1px;
}

.hidden {
	display:none;
}

.indent {
	text-indent:-9000px;
}

.nomargin {
	margin:0px;
}

/***************** clearfix  ******************/


.selfclear:after {

	height: 0; 

	content: "."; 

	display: block;

	clear: both;

	visibility: hidden;

	min-height: 1%;	

}

.selfclear { display: inline-block;}

/* Hide from MacIE \*/

.selfclear { display: block;}

/* End Hide from MacIE */

body {
	font-family:Meiryo, "メイリオ", Verdana, Arial, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
	padding: 0;
    margin:11px 0px 0px 12px;
}

/***************** link  ******************/

a,a:link {
	color: #615E57;
	text-decoration: none;
}

a:visited  {
	color: #615E57;
}

a:hover {
	color: #669933;
	text-decoration: underline;
}

a:active {
	color: #669933;
}


/***************** Sheard Class ******************/

.offleft{
	position: absolute;
	left: -9999px;
}


/* ===================================

	2: Container

====================================== */

#container {
	width: 780px;
	margin:0;
	color: #615E57;
}


#Wrapper {
	background-repeat: no-repeat;
	background-position: left 397px;
	background-image: url(images/line.gif);
}


/* ===================================

	3: Header

====================================== */

#header {
	width: 780px;
	height: 63px;
	background-image: url(images/headObi.jpg);
	background-repeat: no-repeat;
	background-position: 140px 0px;
}

/***************** Navi ******************/

#headerInfo {
	width: 780px;
	height: 63px;
	background-image: url(images/infoobi.jpg);
	background-repeat: no-repeat;
	background-position: 140px 0px;
}

#headerPro {
	width: 780px;
	height: 63px;
	background-image: url(images/proobi.jpg);
	background-repeat: no-repeat;
	background-position: 140px 0px;
}


#headerAbout {
	width: 780px;
	height: 63px;
	background-image: url(images/aboutobi.jpg);
	background-repeat: no-repeat;
	background-position: 140px 0px;
}


#headerShop {
	width: 780px;
	height: 63px;
	background-image: url(images/shopobi.jpg);
	background-repeat: no-repeat;
	background-position: 140px 0px;
}

#headerCon {
	width: 780px;
	height: 63px;
	background-image: url(images/conobi.jpg);
	background-repeat: no-repeat;
	background-position: 140px 0px;
}


.logo {
	padding: 0;
	float: left;
}



/* ===================================

	4: Sub Navigation

====================================== */


#snav{
	width: 640px;
	height: 63px;
	float: right;
}


#snav li {
	float: left;
}

/* concept */

#snav .snav1 {
	display: block;
	width: 120px;
	height: 63px;
	background-image: url(images/Mcon.gif);
	background-repeat: no-repeat;
}

#snav .snav1 a {
	text-decoration: none;
	display: block;
	width: 120px;
	height: 63px;
	background-image: url(images/Mcon.gif);
}

#snav .snav1 a:hover{
	background-image: url(images/Mconhover.gif);
	background-repeat: no-repeat;
}
#snav .snav1 .btnOn {
	background-image: url(images/MconOn.gif);
	background-repeat: no-repeat;
}

/* designer */
#snav .snav2 {
	display: block;
	width: 120px;
	height: 63px;
	background-image: url(images/Mdes.gif);
	background-repeat: no-repeat;
}

#snav .snav2 a {
	text-decoration: none;
	display: block;
	width: 120px;
	height: 63px;
	background-image: url(images/Mdes.gif);
}

#snav .snav2 a:hover{
	background-image: url(images/Mdeshover.gif);
	background-repeat: no-repeat;
}

#snav .snav2 .btnOn {
	background-image: url(images/MdesOn.gif);
	background-repeat: no-repeat;
}


/* company */
#snav .snav3 {
	display: block;
	width: 120px;
	height: 63px;
	background-image: url(images/Mcom.gif);
	background-repeat: no-repeat;
}

#snav .snav3 a {
	text-decoration: none;
	display: block;
	width: 120px;
	height: 63px;
	background-image: url(images/Mcom.gif);
}

#snav .snav3 a:hover{
	background-image: url(images/Mcomhover.gif);
	background-repeat: no-repeat;
}

#snav .snav3 .btnOn {
	background-image: url(images/McomOn.gif);
	background-repeat: no-repeat;
}

/* infomation */

#snav .snav4 {
	display: block;
	width: 120px;
	height: 63px;
	background-image: url(images/Mnews.gif);
	background-repeat: no-repeat;
}

#snav .snav4 a {
	text-decoration: none;
	display: block;
	width: 120px;
	height: 63px;
	background-image: url(images/Mnews.gif);
}

#snav .snav4 a:hover{
	background-image: url(images/Mnewshover.gif);
	background-repeat: no-repeat;
}

#snav .snav4 .btnOn {
	background-image: url(images/MnewsOn.gif);
	background-repeat: no-repeat;
}

/* column */
#snav .snav5 {
	display: block;
	width: 120px;
	height: 63px;
	background-image: url(images/Mcol.gif);
	background-repeat: no-repeat;
}

#snav .snav5 a {
	text-decoration: none;
	display: block;
	width: 120px;
	height: 63px;
	background-image: url(images/Mcol.gif);
}

#snav .snav5 a:hover{
	background-image: url(images/Mcolhover.gif);
	background-repeat: no-repeat;
}

 #snav .snav5 .btnOn {
	background-image: url(images/McolOn.gif);
	background-repeat: no-repeat;
}

/* icaru */
#snav .snav6 {
	display: block;
	width: 120px;
	height: 63px;
	background-image: url(images/Micaru.gif);
	background-repeat: no-repeat;
}

#snav .snav6 a {
	text-decoration: none;
	display: block;
	width: 120px;
	height: 63px;
	background-image: url(images/Micaru.gif);
}

#snav .snav6 a:hover{
	background-image: url(images/Micaruhover.gif);
	background-repeat: no-repeat;
}
#snav .snav6 .btnOn{
	background-image: url(images/MicaruOn.gif);
	background-repeat: no-repeat;
}

/* icaruborsa */
#snav .snav7 {
	display: block;
	width: 120px;
	height: 63px;
	background-image: url(images/Mborsa.gif);
	background-repeat: no-repeat;
}

#snav .snav7 a {
	text-decoration: none;
	display: block;
	width: 120px;
	height: 63px;
	background-image: url(images/Mborsa.gif);
}

#snav .snav7 a:hover{
	background-image: url(images/Mborsahover.gif);
	background-repeat: no-repeat;
}

 #snav .snav7 .btnOn {
	background-image: url(images/MborsaOn.gif);
	background-repeat: no-repeat;
}

/* prodacts */
#snav .snav8 {
	display: block;
	width: 120px;
	height: 63px;
	background-image: url(images/Micarupro.gif);
	background-repeat: no-repeat;
}

#snav .snav8 a {
	text-decoration: none;
	display: block;
	width: 120px;
	height: 63px;
	background-image: url(images/Micarupro.gif);
}

#snav .snav8 a:hover{
	background-image: url(images/Micaruprohover.gif);
	background-repeat: no-repeat;
}

#snav .snav8 .btnOn {
	background-image: url(images/MicaruproOn.gif);
	background-repeat: no-repeat;
}

/* shoplist */
#snav .snav9 {
	display: block;
	width: 120px;
	height: 63px;
	background-image: url(images/Mshop.gif);
	background-repeat: no-repeat;
}

#snav .snav9 a {
	text-decoration: none;
	display: block;
	width: 120px;
	height: 63px;
	background-image: url(images/Mshop.gif);
}

#snav .snav9 a:hover{
	background-image: url(images/Mshophover.gif);
	background-repeat: no-repeat;
}

 #snav .snav9 .btnOn {
	background-image: url(images/MshopOn.gif);
	background-repeat: no-repeat;
}


/* onlineshop */
#snav .snav10 {
	display: block;
	width: 120px;
	height: 63px;
	background-image: url(images/Monline.gif);
	background-repeat: no-repeat;
}

#snav .snav10 a {
	text-decoration: none;
	display: block;
	width: 120px;
	height: 63px;
	background-image: url(images/Monline.gif);
}

#snav .snav10 a:hover, #snav .snav10 .btnOn {
	background-image: url(images/Monlinehover.gif);
	background-repeat: no-repeat;
}




/* ===================================

	5: Sideber & Global Navigations

====================================== */

#sidebar {
	width: 140px;
	height: 347px;
	float: left;
	padding-top: 50px;
	background-image: url(images/gnavBg.gif);
	background-repeat: no-repeat;
}


#gnav{
	height: 225px;
}

#gnav li {
	display: inline;
	float: left;
}


/* infomation */

#gnav .gnav1 {
	display: block;
	width: 140px;
	height: 45px;
	background-image: url(images/info.gif);
	background-repeat: no-repeat;
}

#gnav .gnav1 a {
	text-decoration: none;
	display: block;
	width: 140px;
	height: 45px;
	background-image: url(images/info.gif);
}

#gnav .gnav1 a:hover{
	background-image: url(images/infohover.gif);
	background-repeat: no-repeat;
}

#gnav .gnav1 .btnOn {
	background-image: url(images/infoOn.gif);
	background-repeat: no-repeat;
}


/* products */

#gnav .gnav2 {
	display: block;
	width: 140px;
	height: 45px;
	background-image: url(images/pro.gif);
	background-repeat: no-repeat;
}

#gnav .gnav2 a {
	text-decoration: none;
	display: block;
	width: 140px;
	height: 45px;
	background-image: url(images/pro.gif);
}

#gnav .gnav2 a:hover{
	background-image: url(images/prohover.gif);
	background-repeat: no-repeat;
}

#gnav .gnav2 .btnOn {
	background-image: url(images/proOn.gif);
	background-repeat: no-repeat;
}

/* about us */

#gnav .gnav3 {
	display: block;
	width: 140px;
	height: 45px;
	background-image: url(images/about.gif);
	background-repeat: no-repeat;
}

#gnav .gnav3 a {
	text-decoration: none;
	display: block;
	width: 140px;
	height: 45px;
	background-image: url(images/about.gif);
}

#gnav .gnav3 a:hover{
	background-image: url(images/abouthover.gif);
	background-repeat: no-repeat;
}

#gnav .gnav3 .btnOn {
	background-image: url(images/aboutOn.gif);
	background-repeat: no-repeat;
}
/* shop */

#gnav .gnav4 {
	display: block;
	width: 140px;
	height: 45px;
	background-image: url(images/shop.gif);
	background-repeat: no-repeat;
}

#gnav .gnav4 a {
	text-decoration: none;
	display: block;
	width: 140px;
	height: 45px;
	background-image: url(images/shop.gif);
}

#gnav .gnav4 a:hover{
	background-image: url(images/shophover.gif);
	background-repeat: no-repeat;
}

#gnav .gnav4 .btnOn {
	background-image: url(images/shopOn.gif);
	background-repeat: no-repeat;
}

/* contact */

#gnav .gnav5 {
	display: block;
	width: 140px;
	height: 45px;
	background-image: url(images/con.gif);
	background-repeat: no-repeat;
}

#gnav .gnav5 a {
	text-decoration: none;
	display: block;
	width: 140px;
	height: 45px;
	background-image: url(images/con.gif);
}

#gnav .gnav5 a:hover, #gnav .gnav5 .btnOn {
	background-image: url(images/conhover.gif);
	background-repeat: no-repeat;
}

#gnav .gnav5 .btnOn {
	background-image: url(images/conOn.gif);
	background-repeat: no-repeat;
}


/* ===================================

	6: Contents 

====================================== */


div#main {
	width: 610px;
	margin: 0 10px 25px 155px;
}

div#main div#textBox {
	margin: 0 0 25px 0;
}

div#main div#textBox h2{
	padding: 25px 0;
}



div#main div#textBox h3 {
	padding: 15px  0;
	font-size: 77%;
	font-weight: normal;
}

div#main div#textBox p {
	margin-bottom: 20px;
	font-size: 77%;
	line-height: 3;
}


div#main div#textBox p.update{
	color: #B2AB96;
	font-size: 77%;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
}

div#main div#textBox div.entry {
	padding-bottom: 30px;
}

div#main div#textBox div.section {
	padding-bottom: 30px;
}

/* list */

div#main div#textBox dl{ 
		font-size: 77%;
		line-height: 2;
}  

div#main div#textBox dt {  
   float: left;  
   width: 5em;  
   clear: both;  
}

div#main div#textBox dd {  
  width: 400px;  
  margin-left: 7em;  
}  

div#main div#textBox ul{ 
	padding-bottom: 20px;
}  

div#main div#textBox li {  
		font-size: 77%;
     	line-height: 2.2;
}


/* contact */

div#main div#contact{
	margin: 0 0 25px 0;
}

div#main div#contact h4{
	padding: 25px 0;
}


div#main div#contact p {
	margin-bottom: 20px;
	font-size: 77%;
	line-height: 3;
}


div#main div#contact dl{ 
	line-height: 3;
}  

div#main div#contact dt{
	font-size: 85%;
	letter-spacing: 0.1em;
	color: #19594B;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

div#main #contact dd{
	font-size: 77%;
}

/* pagetop */

p#gotop {
	padding-top: 15px;
	text-align: right;
}

/* archive */

div#main div#textBox div.archive {
	font-size: 77%;
	padding-top:0px;
}
div#main div#textBox div.archive p {
	padding-top:0px;
}
div#main div#textBox archive ul.yearList {
	text-align:right;
	letter-spacing:0.1em;
}
div#main div#textBox div.archive ul.yearList li {
	float:left;
}
div#main div#textBox div.archive ul.yearList a {
	margin-left:10px;
}
div#main div#textBox div.archive ul.yearList a.current {
	color:#666666;
	text-decoration:underline;
}
div#main div#textBox div.archive ul.yearList a.current:hover {
	color:#666666;
	background:none;
	text-decoration:underline;
}

div#main div#textBox archive p.year {
	margin-left:10px;
	text-align:right;
	padding-bottom:4px;
}


/* policy */

#policy{
	margin: 0px;
	padding: 0 0 20px 0;
}


#policy p{
	margin: 12px 0 15px 0;

}


#policy dl{ 
    	font-size: 0.85em;
		line-height: 2.7;
}  

#policy dt {  
   float:left;  
   width:3em;  
   clear:both;  
}

#policy dd {  
  width:400px;  
  margin-left:3em;  
}  


/* pics */

.pics {
	height:  391px;
	width:   640px;
	padding: 0;
	margin:  0;
	float: left;
	overflow: hidden
} 
 
.pics img {  
    height:  391px;  
    width:   640px;  
	_margin-left:-3px;
}




/* ===================================

	7: Footer 

====================================== */


#footer {
	width: 770px;
	height: 12px;
	clear: both;
	padding: 12px 5px 17px 5px;
	border-top-color: #FFCC00;
}




#footer .footerMenu li {
	float: right;
}

/* info */
.info {
	width: 68px;
	height: 12px;
	background-image: url(images/finfo.gif);
	background-repeat: no-repeat;
}

.info a {
	width: 68px;
	height: 12px;
	display: block;
}

/* products */
.products {
	width: 57px;
	height: 12px;
	background-image: url(images/fpro.gif);
	background-repeat: no-repeat;
}

.products a {
	width: 57px;
	height: 12px;
	display: block;
}

/* about us */
.about {
	width: 57px;
	height: 12px;
	background-image: url(images/fabout.gif);
	background-repeat: no-repeat;
}

.about a {
	width: 57px;
	height: 12px;
	display: block;
}

/* shop */
.shop {
	width: 38px;
	height: 12px;
	background-image: url(images/fshop.gif);
	background-repeat: no-repeat;
}

.shop a {
	width: 38px;
	height: 12px;
	display: block;
}
/* contact */
.contact {
	width: 44px;
	height: 12px;
	background-image: url(images/fcon.gif);
	background-repeat: no-repeat;
}

.contact a {
	width: 44px;
	height: 12px;
	display: block;
}
/* privacy policy */
.priva {
	width: 72px;
	height: 12px;
	background-image: url(images/fpp.gif);
	background-repeat: no-repeat;
}

.priva a {
	width: 72px;
	height: 12px;
	display: block;
}

/* COPYRIGHT */
.copyRight {
	width: 200px;
	height: 12px;
	text-indent: -9999px;
	float: left;
	background-image: url(images/copy.gif);
	background-repeat: no-repeat;
}