/* CSS Document */


@charset "Shift_JIS";

/*リセット*/

html{
	height: 100%;
}

h1 {
font-size:76%;
font-weight:bold;
margin: 150px 0px 180px 0px;
padding:0px 0px 0px 0px;
}

h2 {
font-style:normal;

font-size:100%;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

h3 {
font-style:normal;
font-weight:100;
font-size:100%;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
 
}

em,address,p,ul{
	font-style:normal;
	font-weight:100;
	font-size:100%;
	margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}



/*共通*/


body {
	height: 100%;
	font-family:"ＭＳ Ｐゴシック", Osaka;
	text-align:justify;
	color:#000000;	
    margin:0px 0px 0px 0px;
	}

			
a:link{color:#333333; text-decoration:none}
a:visited{color:#333333; text-decoration:none}
a:active{color:#cccccc; text-decoration:none}
a:hover{color:#cccccc; text-decoration:none}


.multi_link{}
.multi_link a:link{color:#333333; text-decoration:underline;}
.multi_link a:visited{color:#333333; text-decoration:underline;}
.multi_link a:active{color:#cccccc; text-decoration:none}
.multi_link a:hover{color:#cccccc; text-decoration:none}


.multi_link2{}
.multi_link a:link{color:#333333; text-decoration:underline;}
.multi_link a:visited{color:#333333; text-decoration:underline;}
.multi_link a:active{color:#cccccc; text-decoration:none}
.multi_link a:hover{color:#cccccc; text-decoration:none}


/**********************************************/
ul#sitenav{
	font-family:Georgia, "Times New Roman", Times, serif;	
	padding-top:25px;
	padding-bottom:10px;
	font-size:70%;
	font-weight:bold;
		}
		
ul#sitenav li{
	display:inline;
	/*margin-left:5px;*/
	
		}


ul#sitenav li.sss{
	display:inline;
	padding: 0px 20px 0px 0px;
	/*background:url(img/icon_list.gif) no-repeat;*/
	
	}
/*

ul#sitenav_sub{
	padding: 5px 5px 2px 5px;
	font-size:70%;
	letter-spacing:0.1em;
	font-weight:bold;
	padding-left:50px;
	
		}
		
ul#sitenav_sub li{
	display:inline;
	padding: 0px 10px 0px 15px;
	
	}
*/	
/******************************************************/	


#bar{
border-bottom:1px solid #CCCCCC;
text-align:left;}

div#build{
	width: 230px;
	height: 100%;}
	
div#container{
	width: 620px;
	height: 100%;}
	
div#futter{
	line-height: 150%;
	letter-spacing:0.05em;
	font-size:76%;
	}

div#futter2{
	border-top: 1px solid #CCCCCC;
	line-height: 150%;
	letter-spacing:0.05em;
	font-size:76%;
	}
	
.under {
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 15px 0px;
}		

div#hedder {
	width:120px;
	text-align:left;
	float:left;
padding: 20px 0px 8px 0px;
}



	
/*TOPICS map*/


div#topics{
	padding: 0px  10px 10px 10px;
	font-size:76%;
	text-align:left;
	}

div#topics dl {
	border: 1px solid #000000;
	display: block;
	margin: 0px;
	padding: 0px;
}

div#topics dt {
	margin: 0px;
	padding: 0px 0px 10px 10px;
	line-height: 250%;
	}

			
#close2 a:link{color:#ffffff; text-decoration:none}
#close2 a:visited{color:#ffffff; text-decoration:none}
#close2 a:active{color:#cccccc; text-decoration:none}
#close2 a:hover{color:#cccccc; text-decoration:none}


#close {
	padding: 10px 0px 10px 5px;
	font-size:70%;
	font-weight:bold;
	}
	
#close2 {
background-color:#000000;
	padding: 5px 0px 5px 0px;
	font-size:70%;
	font-weight:bold;
	}
	


/*STORE*/

div#cont{
padding: 200px 0px 250px 5px;
float:left;
width:300px;

}


div#cont2{
padding: 200px 0px 250px 5px;
float:right;
width:300px;

}
/*floatの影響をクリアします*/
.clear {
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0px;
  visibility: hidden;
}	


/*only_other*/

#table_other {
	text-align:left;
	border-collapse:separate;
	border-bottom: 1px solid #F2F2F2;
	margin: 10px 0px 40px 0px;
		}
	
#table_other th{
	color:#000000;
	font-size:76%;
	padding-left:10px;
	line-height:1.5em;
	background: url(../others/img/icon_list.gif) 0px 0px no-repeat;
		}
	
#table_other td{
	font-size:76%;
	line-height:2em;
	padding: 3px 5px 3px 15px;
	color:#333333;
	background-color:#ffffff;
		}
		
div#other{
	letter-spacing:0.05em;
	font-size:76%;
	padding: 20px 0px 20px 5px;
	text-align:left;
}

div#other span{
    border-bottom:1px solid #CCCCCC;
	font-weight:bold;
}


div#other2{
	text-align:right;
	
	}

div#other2 span{
    border-bottom:1px solid #CCCCCC;
	font-weight:bold;
}

div#only_l {
padding: 10px 0px 55px 0px;

}

#only_l p{
margin-top:20px;
font-size:76%;
line-height:160%;}


/*links*/

div#links {
	padding: 20px  0px 30px 10px;
	font-size:76%;
	text-align:left;
	width:580px;	
}

div#links dl {
	display: block;
	margin: 0px;
	padding: 0px  0px 0px 10px;
}

div#links dt {
	font-weight:bold;
	height: 18px;
	border-bottom: 1px solid #CCCCCC;
	margin: 0px;
	padding-left:10px;
	background:url(img/links.gif) no-repeat;
	/*background: url(../links/img/icon_list.gif) 0px 0px no-repeat;*/
	}

div#links dd {
	margin: 0px;
	font-size:90%;
	text-indent: 0px;
	padding: 5px  0px 20px 10px;
}




div#links2 {
	padding: 20px  0px 30px 10px;
	font-size:76%;
	text-align:left;
	width:580px;	
}

div#links2 dl {
	display: block;
	margin: 0px;
	padding: 0px  0px 0px 10px;
}

div#links2 dt {
	font-weight:bold;
	height: 18px;

	margin: 0px;
	padding-left:10px;
	background: url(../links/img/icon_list.gif) 0px 0px no-repeat;
	}

div#links2 dd {
	margin: 0px;
	font-size:90%;
	text-indent: 0px;
	padding: 5px  0px 20px 10px;
}


#session{font-family:Georgia, "Times New Roman", Times, serif;
text-align:left;
}

#session dt {
	font-size:20px;
	font-weight:bold;
	
	margin: 0px;
	padding-left:10px;
		}

#session dd {
	margin: 0px;
	font-size:90%;
	text-indent: 0px;
	padding: 5px  0px 20px 10px;
}




/*blogs*/

#menber{
	font-size:70%;
	text-align:center;
	padding:10px 0px 0px 0px;
}

div#blogs{
	padding: 15px 0px 214px 0px;
}


/*LABEL*/
div#label {
	padding: 20px 20px 30px 20px;
}

.ifra {
  
    clip:rect(auto auto auto auto);
	width: 360px;
	height: 510px;
}

#mail{
margin:50px 0 100px 0;}
/*
div#links ul {
	display: block;
}

div#links ul#btn_branch li {
	display: block;
	width: 225px;
	height: 40px;
	padding: 10px 15px 0px 0px;
}


div#links div.ttl {
	margin: 0px 0px 10px 0px;
	padding: 8px 0px 0px 20px;
	background-image:url(products/img/ttl2bg.gif);
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	width:123px;
	height:28px;
}


*/



/*前の


body{
 margin: 20px 0px 0px 0px;
 scrollbar-base-color:#ffffff;
		scrollbar-darkshadow-color:#ffffff;
		scrollbar-arrow-color:#cccccc;
		scrollbar-highlight-color:#cccccc;
		scrollbar-track-color:#ffffff;
		scrollbar-3dlight-color:#ffffff;
		scrollbar-shadow-color:#cccccc;
		scrollbar-face-color:#ffffff;
		} 
 
  
#menber{
font-size:70%;
text-align:center;
padding:10px 0px 0px 0px;
}



h1  {
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
 
}
 
h2  {
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;



}

h3  {
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-weight:100;
line-height: 110%;
font-size: 70%;

}


a{font-size:80%;}

a:link{color:#333333; text-decoration:yes}
a:visited{color:#333333; text-decoration:yes}
a:active{color:#cccccc; text-decoration:none}
a:hover{color:#cccccc; text-decoration:none}
 

.top_rogo {
margin: 150px 0px 250px 0px;
padding:0px 0px 0px 0px;
}
 .top_under {
margin: 20px 0px 0px 0px;
padding:0px 0px 0px 0px;
line-height: 120%;
 font-size: 80%;
}
 .contents1 {
margin: 150px 0px 275px 0px;
padding:0px 0px 0px 0px;
}
 
.ifra 		{
scrolling="yes"
	clip:rect(auto auto auto auto);
	width: 450px;
	height: 415px;
}

.ifra_bgm 		{
scrolling="yes"
	clip:rect(auto auto auto auto);
	width: 380px;
	height: 415px;



}
.under_ifra  { 
margin: 100px 0px 150px 0px;
 }


 
 
.box1{ 
      border:1px solid #000000;
      margin: 0px 0px 0px 0px;
　　　padding: 0px 0px 0px 0px;
	 

 }
 
.fix_small {
line-height: 120%;
 font-size: 80%;
 }

 
 .fix_small2 {
line-height: 120%;
 font-size: 80%;
 letter-spacing: 0.1em;
 }
 
.ttl{
	padding: 0px 0px 0px 6px;
	font-size: 80%;
	border-left-width:0px 4px;
	border-left-style:solid;
	border-left-color:#000000;
	font-weight:bold;
	letter-spacing: 0.1em;
}