@charset "utf-8";

/* -----------------------------------------------------------
CSS Information = osakaya.com

 File name:      style.css
 Style Info:     デフォルトとプリント指定以外全て
----------------------------------------------------------- */


/*clearFix*/
#contents:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

.ul_gray{
border-bottom: 1px solid #ACA899;
}




/*----------------------------------------------------
	#Body
----------------------------------------------------*/
.productBody{
	background:url(../img/share/bckg.gif) top left;
	background-repeat: repeat-x;
    height:100%;

}

/*----------------------------------------------------
	#page 紺わく
----------------------------------------------------*/

#page {
	width: 970px;
	margin: 15px auto;
}
/*--background-color: #FFF;---*/


/*----------------------------------------------------
	header
----------------------------------------------------*/
#header  {
	position: relative;
	width: 970px;
	height: 135px;
	background:url(../img/share/head_bckg.png?180606)  top ;
}


.header #headNav {
	position: absolute;
	top: 12px;

	left: 564px;
	left: 465px;
	width: 380px;
	width: 479px;
	height: 20px;
    /*background-image: url(../img/share/bg_head_nav.gif) ; 
    background-repeat: no-repeat;*/

 } 

.header #headNav li { 
	display:inline;
	height: 20px; 
    float: left;  
    list-style:none; 
}

.header #headNav li a { 
    display: block; 
    overflow:hidden; 
    background-image: url(../img/share/head_nav.png?180607) ;
    background-repeat: no-repeat; 
	text-indent:-9877em;
}

a#head_menu01 {
	background-image: url(../img/share/head_nav.png?180607) no-repeat;
	background-position:0px 0px; 
    width: 99px;
}
a#head_menu01:hover {
	background-position:0px -20px; 

}
a#head_menu02 {
	background-image: url(../img/share/head_nav.png?180607) no-repeat;
	background-position:-99px 0px; 
    width: 86px;
}
a#head_menu02:hover {
	background-position:-99px -20px; 

}
a#head_menu03 {
	background-image: url(../img/share/head_nav.png?180607) no-repeat;
	background-position: -185px 0px; 
    width: 80px;
}
a#head_menu03:hover {
	background-position: -185px -20px; 

}
a#head_menu04 {
	background-image: url(../img/share/head_nav.png?180607) no-repeat;
	background-position: -265px 0px; 
    width: 109px;
}
a#head_menu04:hover {
	background-position: -265px -20px; 

}
a#head_menu05 {
	background-image: url(../img/share/head_nav.png?180607) no-repeat;
	background-position: -374px 0px;
    width: 105px; 
}
a#head_menu05:hover {
	background-position: -374px -20px;
}






/*-----------*/
#headMain{
  clear: both;
height:115px;

}
#headL{
	float: left;
	padding: 40px 0 0;

}
.header h1 {

	padding: 9px 0 0px 38px;

}	
#headR{
	float: right;

}
.headerImage{

	padding: 91px 22px 0px 0px;

}


/*----------------------------------------------------
	#contents
----------------------------------------------------*/
#contents {
	width: 970px;
	padding: 0 0 0 0px;
	background: url(../img/share/contents_bckg.png) repeat-y;
}

* html div#contents {
	height: 100%;
}

productBody > #contents { height: auto; }





/*----------------------------------------------------
	#main
----------------------------------------------------*/
#indexImage{
	width: 902px;
	height:256px;
	padding:25px 34px 25px 34px;

}
#indexImage2{
	width: 900px;
	height:300px;
	padding:25px 34px 25px 34px;

}

#main {
	width: 900px;
	line-height: 150%;
    min-height:600px;
    height:auto !important;
    height: 100%;	
	margin:0px 35px  80px 35px;

}
/*----------------------------------------------------
	#パンくずリスト
----------------------------------------------------*/

#main div.box_list{
	color:#7D7D7D;
    font-size: 10px;
	padding: 25px 0px 0 0px;

	height:12px;
	line-height:12px;
text-align:left;
width: 900px;

}

#main div.box_list a{
	color:#7D7D7D;
	text-decoration: none;
}

#main div.box_list a:hover{
	color:#45526B;
	text-decoration: none;
}
#main div.box_list img{
	border:0;
	vertical-align: middle;
}

/*------------------------------------------
　main内　左の枠
------------------------------------------*/
#mainContents{
	float:left;
	width:670px;
	text-align:left;
    min-height:500px;
    height:auto !important;
    height:100%;

	margin:5px 25px 0px 0;
	padding:0;

}

/*------------------------------------------
 Side 右バナー部分
------------------------------------------*/
#bannerArea{
	float:right;
	width:180px;
	padding:0 ;
	vertical-align:top;
	margin:5px 0 25px 25px;
	
}

#bannerArea ul {
	margin:0;
	padding:0px;
text-align:center;

}



#bannerArea ul li {
	padding:5px 0px;
}
#bannerArea ul li#google_mini_map{
	height: 382px;
	width: 178px;
	display: block;
	overflow: hidden;
	background-image: url(../img/banner/bn_map.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-align: center;
	margin: 0;
}
#bannerArea ul li#google_mini_map img{
	margin-top: 242px;
}

/* 16.07.22 */
#shop_guide{
	background: url(../img/share/side_shop_bg.png);
	width: 178px;
	margin: 0 0 25px;
}
#shop_guide p{
	text-align: center;
	margin: 10px 0;
}
#shop_guide .logo{
	margin: 0 0 10px;
}
#shop_guide .address{
	margin: 5px 0;
	font-size: 11px;
}
#shop_guide .tel{
	margin: 5px 0;
	font-size: 16px;
	font-family: Helvetica, Arial, sans-serif;
}
#shop_guide .shop_link{
	font-size: 14px;
}
#shop_guide .shop_link a{
	color: #fff;
	background: #243547;
	padding: 0 1em;
	border-radius: 1em;
}
#shop_guide .shop_photo{
	background: #243547;
	padding: 5px;
	margin: 12px 10px;
}
#shop_guide .google_mini_map{
	padding: 0 0 10px;
	padding-top: 2px;
	color: #fff;
	background: url(../img/share/side_shop_bottom.png) no-repeat bottom;
}
#shop_guide .google_mini_map p{
	margin: 0 10px;
	padding: 0 5px;
	text-align: left;
	background: #243547;
}
#shop_guide .google_mini_map .map{
	padding: 0 5px 5px;
}

#side h3 {
	margin-bottom:5px;
	font-size:100%;
	letter-spacing:1px;
}
.sonystyle{
width:170px;
height:45px;
background-color:#FFCE00;
margin:10px 0;
}


/*----------------------------------------------------
	#footer
----------------------------------------------------*/
#footer {
	clear: both;
	width: 970px;
height:170px;	
	background-image: url(../img/share/footer_bckg.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#footer a{
	text-decoration: none;
	color:#7D7D7D;
}
#footer a:hover{
	color:#45526B;
	text-decoration: none;
}

#wrap { width:890px; text-align:left; margin:0 auto; 	font-size: 10px;	
padding: 45px 0 10px 0;


}   

#wrap ul {
	margin:0;

}

#wrap li {
	padding:0 10px;	margin:0 0px;
background:url(../img/share/list_ico_bl.gif) no-repeat 0 5px;
}  

#inner { margin:0 5px; height:100%;

}  


#largeAlphaWrap { float:left; width:480px; 
	display:inline;
} 
#largeAlphaWrap p{ 
line-height:120%;
margin:5px 0;
} 
#largeAlphaWrap p a{ 
font-weight:bold;
}  


#largeBetaWrap { float:right; width:346px;display:inline;
 } 
#largeBetaWrap p{ 
line-height:120%;
margin:5px 0;
 }     
#largeBetaWrap p a{ 
font-weight:bold;
 }     

.aWrap { float:left; width:270px;
display:inline;

} 
/*--
	border-color: pink;
	border-style: dotted;
	border-width: 0 1px;
--*/
.aWrapL { float:left; width:125px;

display:inline;

} 

  
.aWrapR { float:right; width:125px;

display:inline;
}   


.bWrap { float:right; width:149px;

display:inline;
}   
.cWrap { float:left; width:180px;

display:inline; }   
.dWrap { float:right; width:138px; 

display:inline;}


.clear { clear:both; }   
.clear hr { display:none; }  
.ttl_caption{font-size:10px;font-color:#645747;}


.footer #pagetop {	
text-align:right;
	margin: 16px 0 10px 0;
	padding: 5px 0 0 0;
	font-size: 10px;
	width: 900px;
height:22px;	
	border-color: #745C50;
	border-style: solid;
	border-width: 1px 0 3px 0;
}


/*----------------------------------------------------
	#page　スクロール移動するリンク
----------------------------------------------------*/
div.pagemover{
	width: 100%;
	text-align: right;
	position: fixed;
	bottom: 15px;
	margin-top: -30px;
	z-index: 99;
}