@charset "utf-8"; 

/*content_box.css
index-top.html
用ボックスCSS

【1】ボックス共通
【2】メイン内ボックス共通
【3】サイド内ボックス
【4】サイド1内ボックス
【5】サイド2内ボックス
【6】サイド3内ボックス
*/


/*【1】ボックス共通*/
.box {
}
.title {}
.content {}
.unit {}
.comment {}
.more {}
.sw {}
.bt {}


/*【2】メイン内ボックス共通*/
.main .box {
	margin: 0 0 50px 15px;
	width: 610px;
	overflow:hidden;
}
.main .title {}
.main .content {}
.main .unit {}
.main .comment {}
.main .more {
	background-color: #E8E8E8;
	border-bottom: 1px solid #C8C8C8;
	font-size: 0.834em;
	width: 610px;
}
.main .more a {
	margin:0 5px 0 0;
}
.main .sw {
	position: absolute;
	top: 3px;
	left: 567px;
	width: 44px;
	margin: 0;
	height: 16px;
}
.main .bt {}

/*2-1 商品カテゴリ*/
#category {
	margin: 0 0 40px 15px;
}
#category .title {
	display: none;
}
#category .content {
	width: 624px;
}
#category ul {}
#category li {
	width: 193px;
	float: left;
	margin: 0 12px 5px 0;
	border: 1px solid #ccc;
	display: inline;
	padding: 0 0 5px;
	background:url(../img/bg_category_li.gif) no-repeat 0px 100%;
}
#category h3 {}
#category h3 a {}
#category h3 a:link ,
#category h3 a:visited {
	text-decoration: none;
}
#category h3 a:hover ,
#category h3 a:active {
	text-decoration: underline;
}
#category h3 img {
	float: left;
	width: 44px;
	height: 44px;
	display: inline;
	margin: 1px;
}
#category h3 span {
	margin: 0 0 0 50px;
	display: block;
	font-size: 1.16em;
	font-weight: bold;
}
#category p {
	margin: 0;
	line-height: 1.1;
	height: 2.3em;
	overflow: hidden;
	padding: 0 0 0 5px;
	font-size: 0.834em;
}
#category p a {}
#category p a:link ,
#category p a:visited {
	color:#666;
	text-decoration:none;
}
#category p a:hover ,
#category p a:active {
	color:#666;
	text-decoration: underline;
}
#category p img {}

/*2-2 新着レビュー*/
#newreview {}
#newreview .title {}
#newreview .content {}
#newreview ul {
	margin: 0 10px;
}
#newreview li {
	border-bottom: 1px dotted #a4a4a4;
	margin: 0 0 5px;
}
#newreview .unit {
	position: relative;
	top: 0px;
	left: 55px;
	width: 535px;
	padding: 0 0 5px;
}
#newreview .unit a.more {
	background:transparent none;
	font-size:0.834em;
	border: 0;
	padding: 0;
}
#newreview h3 {
	font-weight: bold;
	display: inline;
}
#newreview h3 a {}
#newreview h3 a:link ,
#newreview h3 a:visited {
	text-decoration:none;
}
#newreview h3 a:hover ,
#newreview h3 a:active {
	text-decoration:underline;
}
#newreview h3 img {
	width:44px;
	height:44px;
	position: absolute;
	top: 0px;
	left: -55px;
}
#newreview .comment {
	font-size:0.834em;
	display: inline;
	line-height: 1.4;
}
#newreview .comment a:link ,
#newreview .comment a:visited {
	color:#996600;
	text-decoration:none;
}
#newreview .comment a:hover ,
#newreview .comment a:active {
	color:#996600;
	text-decoration:underline;
}
#newreview p {
	line-height: 1.4;
	margin: 0;
}
#newreview h4 {
	font-weight: bold;
	line-height: 1.4;
}
#newreview .more {}

/*2-3 新着商品情報*/
#newarticle {
	margin: 0 0 40px 15px;
}
#newarticle .title {
}
#newarticle .content {
	width: 618px;
}
#newarticle ul {}
#newarticle li {
	width:190px;
	display:inline;
	float:left;
	margin:0 16px 0px 0;
	padding:0 0 15px;
}
#newarticle h3 {
	font-weight: bold;
	font-size: 1.16em;
}
#newarticle h3 a {}
#newarticle h3 a:link ,
#newarticle h3 a:visited {
	color:#000;
	text-decoration:none;
}
#newarticle h3 a:hover ,
#newarticle h3 a:active {
	color:#000;
	text-decoration:underline;
}
#newarticle h3 span {
	float: right;
	width: 120px;
	text-align: left;
}
#newarticle h3 img {
	float: left;
	width: 60px;
	height: 60px;
	margin: 0 10px 0 0;
}
#newarticle h4 {
	font-weight: bold;
	line-height:1.4;
	height:4.2em;
	overflow:hidden;
	width: 120px;
	float: right;
}
#newarticle h4 a {}
#newarticle .more {
}

/*2-4 オススメ商品情報*/
#favorite {
}
#favorite .title {
}
#favorite .content {
	width: 618px;
}
#favorite ul {}
#favorite li {
	width:190px;
	display:inline;
	float:left;
	margin:0 16px 0px 0;
	padding:0 0 15px;
}
#favorite h3 {
	font-weight: bold;
	font-size: 1.16em;
}
#favorite h3 a {}
#favorite h3 a:link ,
#favorite h3 a:visited {
	color:#000;
	text-decoration:none;
}
#favorite h3 a:hover ,
#favorite h3 a:active {
	color:#000;
	text-decoration:underline;
}
#favorite h3 span {
	float: right;
	width: 120px;
	text-align: left;
}
#favorite h3 img {
	float: left;
	width: 60px;
	height: 60px;
	margin: 0 10px 0 0;
}
#favorite h4 {
	line-height: 1.4;
	height:4.2em;
	overflow:hidden;
	width: 120px;
	float: right;
}
#favorite h4 a {}
#favorite .more {
}

/*2-5　地図*/

/*2-6　ブログ新着記事*/
#newentry {
}
#newentry .title {}
#newentry .content {
	padding: 0;
}
#newentry .unit {
	/*ワイドサイズ(E)*/
	background: url(../img/bg/bg_dot.gif) repeat-x 0 5px;
	padding: 10px 0 0;
	margin: 0 0 10px 5px;
	display: block;
}
#newentry .unit li {
	/*ワイドサイズ(S)*/
	width: 600px;
	/*ワイドサイズ(E)*/
	border-bottom:1px dotted #ccc;
	margin: 0;
	padding: 0;
	float:left;
}
#newentry .unit li h3 {
	width: 300px;
	float:left;
	display: inline;
/*hide\*/	overflow:hidden;/*MacIE*/
}
#newentry .unit li p {
	width: 300px;
	float:left;
	margin: 0;
/*hide\*/	overflow:hidden;/*MacIE*/
}
#newentry .unit li .ico {
	margin:0 3px;
	vertical-align: middle;
}
#newentry .comment {}
#newentry .more {}
#newentry .sw {}
#newentry .bt {}
#newentry .photoframe {}
#newentry .photoframe li {
/*ワイドサイズ(S)*/
	width:129px;
/*ワイドサイズ(E)*/
}
#newentry .photoframe li img {
/*ワイドサイズ(S)*/
	width:125px;
	height:125px;
/*ワイドサイズ(E)*/
}


/*2-7　地域*/
#region dl {
	padding-left:5px;
}
#region dt {
	clear:left;
	line-height:1.5;
	padding: 5px 0 0 0px;
	display:block;
}
#region dt a ,
#region dt strong {
	font-weight:bold;
}
#region dd {
	padding:0 1px 0 0px;
	display: inline;
	width: auto;
	height: auto;
	line-height:1.5;
	float:left;
	margin: 0 5px 0 0;
}
#region dd a {
	white-space:nowrap;
}
#region strong { 
	font-weight:bold;
	color:#FE0009;
}






/*【3】サイド内ボックス*/
.side .box {
}
.side .title {
	border-bottom: 3px solid #0099FF;
	font-size: 1.25em;
	color: #5A5A5A;
	font-weight: bold;
}
.side .content {}
.side .unit {}
.side .comment {}
.side .more {}
.side .sw {}
.side .bt {}


/*【4】サイド1内ボックス*/
#side1 .box {
	background-color: #EDEEC4;
	padding: 5px 0 5px;
	width: 220px;
}
#side1 .title {
	margin: 0 5px 0;
}
#side1 .content {
	background-color: #FFFFFF;
	padding: 5px;
	margin: 0 5px 5px;
}
#side1 .unit {}
#side1 .comment {}
#side1 .more {
	margin: 0 5px;
	padding: 0 5px 0 0;
}
#side1 .more a {
	font-weight:bold;
}
#side1 .sw {}
#side1 .bt {
	text-align: center;
}

/*4-1　会員登録・ログイン*/
#newregist {
}
#newregist .title {}
#newregist .content {
	margin: 0 5px;
}
#newregist form {
	margin: 0;
	text-align: center;
}
#newregist table {
}
#newregist th {
	text-align: right;
	vertical-align: top;
}
#newregist td {
	width: 125px;
}
#newregist #loginarea {
	width:120px;
	margin: 0 0 3px 5px;
}
#newregist #loginid {
	width:120px;
	margin: 0 0 3px 5px;
}
#newregist #loginpw {
	width:120px;
	margin: 0 0 0 5px;
}

#newregist .unit {}
#newregist .comment {
	text-align: center;
	margin: 0;
	padding: 5px 0 0;
}
#newregist .more {
	font-size: 0.834em;
	text-align: center;
	padding: 0 0 5px;
}
#newregist .more a {
	background: none;
	padding: 0;
	font-weight: normal;
}
#newregist .more a:link ,
#newregist .more a:visited {
	color:#333;
	text-decoration:none;
}
#newregist .more a:hover ,
#newregist .more a:active {
	color:#333;
	text-decoration:underline;
}
#newregist .bt {
	text-align: center;
	width: auto;
	padding: 5px 0 0;
	margin: 0;
}
#newregist button {
	margin:0 0 5px;
}
/*4-2　人気商品ランキング*/
#ranking {
}
#ranking .title {}
#ranking .content {
	padding: 10px 0px 5px 0px;
	margin: 0 0px 5px 5px;
	width: 210px;
}
#ranking ul {}
#ranking li {
	margin: 0 0 15px;
}
#ranking .unit {
	width: 205px;
	height: 70px;
	overflow:hidden;
}
#ranking h3 {
	position: relative;
	top: 0px;
	left: 70px;
	width: 130px;
	height: 60px;
	font-weight: bold;
	height: 60px;/*MacIE*/
}
#ranking h3 img {
	margin:0 4px 0 0;
	vertical-align:middle;
}
#ranking h3 a {}
#ranking h3 a:link ,
#ranking h3 a:visited {
	color:#000;
	text-decoration:none;
}
#ranking h3 a:hover ,
#ranking h3 a:active {
	color:#000;
	text-decoration:underline;
}
#ranking h3 a img {
	position: absolute;
	top: 0px;
	left: -65px;
	width: 60px;
	height: 60px;
	margin:0;
}
#ranking h4 {
	padding: 0 0 0 0px;
	font-weight: bold;
	height: 3.9em;
	line-height: 1.3;
	width: 130px;
	overflow: hidden;
	display: none;
}
#ranking h4 a {}
#ranking .comment {}
#ranking .more {}

/*4-3　お知らせ*/
#info {}
#info .title {}
#info .content {
	padding: 10px 5px 5px;
}
#info ul {}
#info li {
	background:url(../img/bg_info_li.gif) no-repeat 0 0.1em;
	padding:0 0 0 54px;
	text-indent: -42px;
}
#info li a {}
#info .unit {}
#info .comment {}
#info .more {}
#info .sw {
	position: absolute;
	top: 10px;
	left: 173px;
	width: 44px;
	margin: 0;
	height: 16px;
}

/*4-4　携帯サイトQR*/
#qr {}
#qr .title {}
#qr .content {
}
#qr p {
	width:200px;
	display: block;
	font-weight: bold;
	color: #0066FF;
	margin: 0;
}
#qr img {
	width:52px;
	height:51px;
	float: left;
	margin: 0 5px 0 0;
}
#qr .comment {
	color: #666666;
	font-weight: bold;
}
#qr .more {}

/*4-5　地域から選ぶ*/
#area {
}
#area .title {}
#area .content {}
#area ul {
}
#area li {
	display:inline;
	margin:0 5px 0 0;
}
#area a {
	white-space:nowrap;
}
#area a:link ,
#area a:visited {
	color:#0066FF;
	text-decoration:none;
}
#area a:hover ,
#area a:active {
	color:#0066FF;
	text-decoration:underline;
}

#area .comment {}
#area .more {}

/*【5】サイド2内ボックス*/
#side2 .box {}
#side2 .title {}
#side2 .content {}
#side2 .unit {}
#side2 .comment {}
#side2 .more {}
#side2 .sw {}
#side2 .bt {}


/*【6】サイド3内ボックス*/
#side3 .box {}
#side3 .title {}
#side3 .content {}
#side3 .unit {}
#side3 .comment {}
#side3 .more {}
#side3 .sw {}
#side3 .bt {}