﻿@charset "utf-8" ;


/********************************************************************************************************
AUTHOR:         a.oya
CSS構成書:      基本段組み（全頁共通）


*********************************************************************************************************/ 

/* -------------------------------------------------------------------------------------------------------
            #header
------------------------------------------------------------------------------------------------------- */
#header{
	overflow:hidden; /* 回り込み解除指定 */
	zoom:1; /* 回り込み解除指定 IE6-7 */
	width:960px;
	margin:0 auto 18px auto;
	padding:10px 0 0 0;
	text-align:left;
	}


#header .heading{
	float:left;
	display:inline;
	margin:7px 0 0 0;
	}


#header .heading{
	float:left;
	}


#header #h_link{
	width:610px;
	float:right;
	}

#header #h_link img{
	margin:0 0 0 12px;
	display:inline;
	float:left;
	}

#header #h_link .fax{
	margin-bottom:5px;
	display:inline;
	}

#header #h_link img.Right_item{
	float:right;
	margin:0;
	}



#header #h_link .va-b{
	margin-left:8px;
	}







#header h1{
	float:left;
	display:inline;
	width:174px;
	margin:11px 0 0 0;
	color:#877575;
	}
#header h1 img{
	display:block;
	margin:0 0 4px 0;
	}


#header ul{
	width:780px;
	float:right;
	display:inline;
	margin:6px 0 0 0;
	overflow:hidden; /* 回り込み解除指定 */
	zoom:1; /* 回り込み解除指定 IE6-7 */
	}

#header ul li{
	float:left;
	}
/* ----------------------------------------------------
            #h_wrap
----------------------------------------------------- */
#h_wrap{
	overflow:hidden; /* 回り込み解除指定 */
	zoom:1; /* 回り込み解除指定 IE6-7 */
	padding:0 0 6px 0;
	background:url(../img/detail_bg.gif) center bottom repeat-x;
	}



/* -------------------------------------------------------------------------------------------------------
            #main
------------------------------------------------------------------------------------------------------- */
#main{
	overflow:hidden; /* 回り込み解除指定 */
	zoom:1; /* 回り込み解除指定 IE6-7 */
	width:960px;
	margin:0 auto;
	text-align:left;
	}



/* -------------------------------------------------------------------------------------------------------
            #contents
------------------------------------------------------------------------------------------------------- */
#contents{
	overflow:hidden; /* 回り込み解除指定 */
	zoom:1; /* 回り込み解除指定 IE6-7 */
	width:750px;
	float:right;
	}

#contents .bn{
	margin:0 0 30px 0;
	}

/* -------------------------------------------------------------------------------------------------------
            #side
------------------------------------------------------------------------------------------------------- */
#side{
	width:180px;
	float:left;
	}

#side h3{
	margin:0 0 4px 0;
	}
#side h3.s_products{
	margin-top:18px;
	}

#side ul{
	margin:0 0 8px 0;
	}

#side ul li{
	display:block;
	margin:0 0 2px 0;
	}




#s_ranking{
	width:180px;
	margin:8px 0 12px 0;
	padding:0 0 3px 0;
	background:url(../img/side_ranking_bg.jpg) left bottom repeat-y;
	}

#s_ranking h3{
	margin:0;
	}

#s_ranking div{
	overflow:hidden; /* 回り込み解除指定 */
	zoom:1; /* 回り込み解除指定 IE6-7 */
	margin:0 3px;
	padding:10px 6px;
	border-bottom:1px solid #D6AD99;
	}

#s_ranking .r01{ background:url(../img/side_ranking_bg01.jpg) right top no-repeat; }
#s_ranking .r02{ background:url(../img/side_ranking_bg02.jpg) right top no-repeat; }
#s_ranking .r03{ background:url(../img/side_ranking_bg03.jpg) right top no-repeat; border-bottom:none; }



#s_ranking a img{
	border:1px solid #E7B871;
	}

#s_ranking a:hover img{
	border:1px solid #DA9149;
	}

#s_ranking h4{
	margin:0 0 3px 0;
	}
#s_ranking a{
	font-size:1.2em;
	line-height:1.1em;
	}






#side .bn{
	margin:16px 0 0 0;
	}

#side .bn img{
	margin:0 0 8px 0;
	}


/* -------------------------------------------------------------------------------------------------------
            #goTop
------------------------------------------------------------------------------------------------------- */
#goTop{
	overflow:hidden; /* 回り込み解除指定 */
	zoom:1; /* 回り込み解除指定 IE6-7 */
	width:960px;
	text-align:right;
	}

#goTop a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	}



/* -------------------------------------------------------------------------------------------------------
            #pan
------------------------------------------------------------------------------------------------------- */
#pan{
	width:960px;
	padding:12px 2px 14px 2px;
	font-size:1.2em;
	}

#pan a{ text-decoration:none; }
#pan a:hover{ text-decoration:underline; }


/* -------------------------------------------------------------------------------------------------------
            #footer
------------------------------------------------------------------------------------------------------- */
#footer{
	border-top:3px solid #E4AD5C;
	text-align:left;
	}

#footer ul{
	width:960px;
	margin:0 auto;
	padding:10px 0;
	}

#footer ul li{
	display:inline-block;
	*display:inline; /*ie6-7*/
	border-left:1px solid #ECC68D;
	padding:8px 8px;
	}

#footer a{ text-decoration:none; }
#footer a:hover{ text-decoration:underline; }

#address{
	overflow:hidden; /* 回り込み解除指定 */
	zoom:1; /* 回り込み解除指定 IE6-7 */
	width:960px;
	margin:4px auto 14px auto;
	}

#address .Left_box{
	width:376px;
	}

#address .Left_box img{
	float:left;
	display:inline;
	margin:0 6px 0 0;
	}

#address .Left_box p{
	float:left;
	font-size:1.0em;
	padding:4px 0 0 0;
	color:#877575;
	}

#address .Left_box p em{
	color:#644C4C;
	}


