/* CSS Document */
/*---------------　リセット　-----------------*/
*{
	margin:0;
	padding:0;
}

div,body,p,h1,h2 .maintitle,h3,h4,h5,h6,table,th,td,pre,form,fieldset,input,textarea,dl,dt,dd,ul,ol,li,th,td{
	margin:0;
	padding:0;
}

h1 {font-size:10px;
    }

h2 .maintitle,h3,h4,h5,h6{
	font-weight:normal;
	font-size:12px;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img { 
	border:0;
}

ul {
	list-style:none;
}

table th{
	font-weight:normal;
	text-align:left;
}

/*----レイアウトに関する設定-----*/

body{
	text-align:center;
	background-color:#ffffff;
	margin:0;
	padding:0;
}

#container{
	text-align:left;
	width:750px;
	margin-left:auto;
	margin-right:auto;
	padding-left:4px;
	padding-right:4px;
	background-image: url(../images/bg_container.gif);
	background-repeat: repeat-y;
}

#header{
	background-image:url(../images/header3.jpg);
	background-repeat:no-repeat;
	width:750px;
	height:130px;
	position:relative;
}
    
#subnavi{
	width:750px;
	height:28px;
	text-align:right;
	margin-top:4px;
}

#side{
	float:left;
	width:150px;
	height:auto;
	position:relative;
}

#contents{
	width:580px;
	margin:0 8px 8px 12px;
	float:right;
}

#footer{
	clear:both;
	width:750px;
	height:64px;
	text-align:center;
	border-bottom:1px solid #cccccc;
}


/*---------------全体の細かい設定-------------*/


/*----フォント-----*/


body{
	font-size:12px;
	color:#333333;
	line-height:1.5em;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

div,p,h1,h2 .maintitle,h3,h4,h5,h6,table,th,td,pre,form,fieldset,input,textarea,dl,dt,dd,ul,ol,li,{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
}

a:link{
	color:#262e59;
}

a:visited{
	color:#262e59;
}

a:hover{
	color:#f68934;	
}



/*-----ヘッダー社名------*/
.logo{
	color:#ffffff;
	font-size:24px;
	position:absolute;
	height:50px;
	left:20px;
	top:8px;
}

.logo img{
	margin:0;
	padding:0;
}

/*----サブナビ設定-----*/

#subnavi li{
	display:inline;
	margin-right:8px;
	font-size:10px;
	color:#666666;
}

#subnavi img{
	vertical-align:middle;
}

/*-----ナビゲーション----*/

#navi{
	width:150px;
}

#Litem01{
	background-image:url(../images/navi/navi01.jpg);
	background-repeat:no-repeat;
}

#Litem02{
	background-image:url(../images/navi/navi02.jpg);
	background-repeat:no-repeat;
}

#Litem03{
	background-image:url(../images/navi/navi03.jpg);
	background-repeat:no-repeat;
}

#Litem04{
	background-image:url(../images/navi/navi04.jpg);
	background-repeat:no-repeat;
}

#Litem05{
	background-image:url(../images/navi/navi05.jpg);
	background-repeat:no-repeat;
}

#Litem06{
	background-image:url(../images/navi/navi06.jpg);
	background-repeat:no-repeat;
}

#Litem01 a{
	background-image:url(../images/navi/navi01.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}

#Litem02 {
	background-image:url(../images/navi/navi02.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	font-weight:bold;
	color:#475d8c;
	width:134px;
	height:20px;
	padding:6px 4px 4px 12px;
}

#Litem03 {
	background-image:url(../images/navi/navi03.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	font-weight:bold;
	color:#475d8c;
	width:134px;
	height:20px;
	padding:6px 4px 4px 12px;
}

#Litem04 a{
	background-image:url(../images/navi/navi04.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}

#Litem05 a{
	background-image:url(../images/navi/navi05.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}

#Litem06 a{
	background-image:url(../images/navi/navi06.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}

#Litem01 a:hover{
	background-image:url(../images/navi/navi01.jpg);
	background-position:right top;
	background-repeat:no-repeat;
}


#Litem04 a:hover{
	background-image:url(../images/navi/navi04.jpg);
	background-position:right top;
	background-repeat:no-repeat;
}

#Litem05 a:hover{
	background-image:url(../images/navi/navi05.jpg);
	background-position:right top;
	background-repeat:no-repeat;
}

#Litem06 a:hover{
	background-image:url(../images/navi/navi06.jpg);
	background-position:right top;
	background-repeat:no-repeat;
}

#Litem01 a:visited{
	color:#475d8c;
}

#Litem04 a:visited{
	color:#475d8c;
}

#Litem05 a:visited{
	color:#475d8c;
}

#Litem06 a:visited{
	color:#475d8c;
}

.listitem{
	width:150px;
	height:30px;
	padding-bottom:12px;
}

.listitem a{
	font-weight:bold;
	color:#475d8c;
	width:134px;
	height:20px;
	display:block;
	padding:6px 4px 4px 12px;
	background-position:left top;
	text-decoration:none;
}

.listitem a:hover{
	color:#ff0000;
	font-weight:bold;
	background-position:right top;
	text-decoration:none;
}

#navi .sitem{
	width:150px;
	height:17px;
	padding-bottom:4px;
}

#navi .sitem a{
	display:block;
	font-weight:bold;
	color:#475d8c;
	width:126px;
	height:13px;
	padding:4px 0 4px 24px;
	border-bottom:1px dotted #475d8c;
	text-decoration:none;
}

#navi .sitem a:hover{
	font-weight:bold;
	color:#d20607;
	width:126px;
	height:13px;
	paddng:4px 0 4px 24px;
}

/*-----会社住所・TEL------*/

#address{
	width:134px;
	height:auto;
	border:1px solid #404055;
	padding:3px;
	margin:0 4px;
}


/*------#footer------*/

#footer #menu {
	font-size:10px;
	width:630px;
	height:auto;
	padding:8px 60px;
	border-top:dotted 1px #404055;
}

#footer #menu li{
	display:inline;
	margin: 8px 10px;
}

#footer #reserved{
	background-color:#475d8c;
	color:#ffffff;
	height:18px;
}


/*----TOPページcontentsのレイアウト----*/

#main{
	clear:left;
	width:408px;
	margin-right:8px;
	float:left;
}

#sub{
	width:160px;
	float:right;
	
}

/*----TOPページ左側の設定-----*/

h3.recommend {
	background-image:url(../images/bg_h3.jpg);
	background-repeat:no-repeat;
	width:400px;
	height:24px;
	padding:4px 0 0 8px;
	color:#ffffff;
	font-weight:bold;
}

.message{
	background-image:url(../images/mainimg.jpg);
	background-image:no-repeat;
	width:408px;
	height:152px;
	margin-bottom: 8px;
}
.message1{
	background-image:url(../images/headkouji.jpg);
	background-image:no-repeat;
	width:408px;
	height:152px;
	margin-bottom: 8px;
}

/*---TOPページおすすめ商品テーブルの設定-------*/
#main table{
	margin:8px 0;
}

#main .space{
	width:8px;
}

#main .name{
	background-image:url(../images/reco_cap01.jpg);
	background-repeat:no-repeat;
	width:196px;
	height:24px;
	font-weight:bold;
	font-size:14px;
	color:#475d8c;
	padding-top:4px;
	padding-left:4px;
}

#main .copy{
	width:190px;
	border-top:2px solid #d20607;
	border-right:1px solid #475d8c;
	border-left:1px solid #474d8c;
	font-size:14px;
	font-weight:bold;
	padding-left:4px;
	padding-top:4px;
}

#main .itemimg{
	width:89px;
	height:100px;
	border-left:1px solid #475d8c;
}

#main .spprice{
	width:109px;
	border-right:1px solid #475d8c;
}

#main .exp{
	width:190px;
	padding:0,4px,2px,4px;
	border-right:1px solid #475d8c;
	border-left:1px solid #475d8c;
	border-bottom:1px solid #475d8c;
}

#main .reference{
}

#main .nomal{
	cololr:#475d8c;
	font-weight:bold;
}

#main .special{
	color:#ffffff;
	background-color:#c9060a;
	font-weight:bold;
	padding:2px 0;
	text-align:right;
	display:block;
	margin-right:2px;
	marigin-top:8px;
} 

#main .special01{
	color:#ff0000;
	border:1px #ff0000 solid;
	margin-bottom:2px;
	margin-right:2px;
	display:block;
	text-align:center;
}

.fonts{
	font-size:10px;
}


/*------TOPページ右側の設定-----*/

#toiawase .imgmargin{
	margin:12px 0;
}

#sub .sample{
	line-height:1.2em;
}

#toiawase p{
	line-height:1.2em;
}

/*------#groupバナーの設定 --------*/

#group{
	clear:both;
	text-align:center;
	margin:0 auto;
	padding:8px 0;
	width:750px;
	height:auto;
}

#group img{
	padding:8px;
}

#group .grouplogo{
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
	background-color:#262e59;
	padding:4px 0px;
}

#group .groupbana{
	background-image:url(../images/bg_main.gif);
	background-repeat: repeat;
}

/*---------#店舗バナーの設定-------------*/

#bana{
	width:750px;
	text-align:center;
	
}


#bana ul{
	margin:8px 80px;
	clear:both;
}

#bana li{
	display:block;
	float:left;
	text-align:center;
	width:88px;
	margin-right:10px;
	font-size:9px;
}


#bana a:link,#bana a:visited,#bana a:hover{
	text-decoration:none;
}

		

/*------subページcontents部分の設定--------*/

.maintitle{
	width:564px;
	height:24px;
	background-image:url(../images/bg_h2_01.jpg);
	background-repeat:no-repeat;
	padding:8px 8px 4px 8px;
	font-weight:bold;
	font-size:14px;
}