﻿@charset "utf-8";



/* basic tag */
body {
	font-size: 80%;
	font-family:  "Ã¯Â¼Â­Ã¯Â¼Â³ Ã¯Â¼Â°Ã£ÂÂ´Ã£ÂÂ·Ã£ÂÂÃ£ÂÂ¯", Osaka, Arial, Verdana, Sans-Serif;
	background-color:#f6f4ef;
	color: #333;
	line-height:1.4em;
	text-align: center;
	margin: 0;
	padding: 0;
	}

a {
	color: #a83503;
	text-decoration: none;
	padding: 0;
	margin:0;
	}

a:hover {
	color: #a83503;
	text-decoration: none;
	}
p a:hover {
	border-bottom:1px dotted #a83503;
}
p {
    zoom: 100%;
}
p:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
ul li a:hover{
	border-bottom:1px dotted #a83503;
}



a img {border-style:none;padding:0;margin:0;}
a:hover img {vertical-align: bottom;border-style:none;background:none;}


h1 a, h2 a, h3 a, h1 a:hover,h2 a:hover, h3 a:hover{
	border: none;
	background: none;
}
h1 {
	text-decoration: none;
	color: #ddd;
	margin:0;
	padding:0;
}
h1 a img {border:none;}
h2 {
	font-size:120%;
	color: #333;
	text-align:left;
	}
h2 a {text-decoration: none;color:#333;}
h2 a:hover {text-decoration: none;color:#a83503;}
h3 {
clear:both;
	color: #333;
	font-size:120%;
	padding:0;
	margin: 0;
	}
h4 {
font-size:100%;
}

p {
	text-align:1.7em;
	margin:0;
}


table {margin:20px 30px 20px 40px}
table tr th {
	font-weight:normal;
	text-align:right;
	vertical-align:top;
	border-right:5px solid #765;
	padding-right:6px;
}
table tr td {
	padding-left:10px;
	vertical-align:top;
}
table tr td img {
margin:0 5px 15px 0;
}




i {display:none}
hr {display:none;clear:both;}

.clear {clear: both;}

	



/* basic layout */

#page {
	width:790px;
	text-align:left;
	background-image:url(http://www.osawabekko.co.jp/images/mainbg.gif);
	background-color:#fff;
	padding: 0;
	margin:0 auto;
	position:relative;
	}

#main {
	clear:both;
	width: 776px;
	padding:0;
	margin-left: 7px;
	}

#content {
background-image:url(http://www.osawabekko.co.jp/images/contentbg.gif);
background-repeat:no-repeat;
background-position:left top;
padding-bottom:30px;
margin:0;
float:left;
}

#content p {padding:4px 40px;_padding:4px 30px;}
#content table tr td p {padding:4px 10px;}
#content h3 {
border-left:40px solid #e0e0d0;
padding:0 0 0 14px;
margin:40px 0 15px 0;
}
#content h4 {
font-weight:bold;
margin:40px 0 10px 40px;
}



#topcontent {
width:500px;
height:350px;
background-image:url(http://www.osawabekko.co.jp/images/topcontentbg.jpg);
background-repeat:no-repeat;
background-position:right bottom;
margin:20px 0 0 30px;
_margin:20px 0 0 20px;
float:left;
}

#topnewitem {
font-size:90%;
width:174px;
margin:20px;
padding:1px;
float:right;
}
#topnewitem img {
padding:22px 1px 1px 1px;
background-image:url(http://www.osawabekko.co.jp/images/feature.gif);
background-repeat:no-repeat;
}
#topnewitem a:hover img {
background-image:url(http://www.osawabekko.co.jp/images/feature_on.gif);
background-repeat:no-repeat;
}




#sidebar {
width:130px;
margin:0;
float:left;
}

#sidebar dl {
border-right:1px solid #456;
margin-bottom:40px;
}
#sidebar dt {
font-weight:bold;
list-style-type:none;
background-color:#edebdc;
background-image:url(http://www.osawabekko.co.jp/images/sidebardtbg.gif);
background-repeat:no-repeat;
background-position:left top;
margin:0 0 2px 0;
padding:2px 0 2px 18px;
}
#sidebar dd {
background-image: url();
background-repeat:no-repeat;
background-position:top left;
margin:5px 0 0 10px;
padding-left:5px;

}
#sidebar dl dd a {color:#333;display:block;border-bottom:1px dotted #999;}
#sidebar dl dd a:hover {color:#a83503;border-bottom:1px dotted #a83503;}

#sidebar p {
margin:10px;
padding:0;
}
#sidebar a {border-bottom:none;padding:0;}
#sidebar a:hover {border-bottom:none;padding:0;}


#topics {
clear:both;
margin:0 25px;
}


#topics h2 a{
background-image:url(http://www.osawabekko.co.jp/images/topicstitle.gif);
background-repeat:no-repeat;
background-position:left top;
padding-left:14px;
}

#topics h2 a:hover{
background-image:url(http://www.osawabekko.co.jp/images/topicstitle_hover.gif);
background-repeat:no-repeat;
background-position:left top;
}

/* header */

#header {
	margin:0;
	padding: 0;
	width: 776px;
	}

.clearfix:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}
.mainphoto {
margin:0;
padding:0;
line-height:0;
text-align:center;
z-index:1;
}

iframe {
background-color:#fff;
position:absolute;
top:5px;
right:9px;
border:none;
overflow:hidden;
}


/* productcontent */

#productcontent {
	width:610px;
	margin:0;
	padding:0;
	float:right;
}
*:first-child+html #productcontent {
float:none;
}

#productcontent table.itembox {
border-bottom:1px solid #e8e2df;
	padding:0;
	_padding:20px;
	margin:0 0 0 20px;
	_margin:0;
}
#productcontent table.itembox2 tr td{
	padding:0;
	_padding:0;
	margin:0 50px 0 40px;
	_margin:0 0 0 0;
}
#productcontent table.itembox2 tr td h3{
	width:530px;
margin:0 0 3px 0;
_margin:0 0 3px 0;
}



#productcontent h2{
	clear:both;
	color:#3c2a20;
	font-size:150%;
	font-weight:bold;
	margin:20px 0 10px 40px;
	_margin:20px 40px 10px 0;
}
#productcontent h3{
	clear:both;
	background-color:#e0e0d0;
	border:none;
	margin:30px 0 0 40px;
	_margin:30px 40px 0 0;
	padding:2px 0 2px 5px;
}
#productcontent table tr td h4 {
	clear:both;
	margin:15px 0 4px 0;
	padding:0;
}

table.catbox {
width:570px;
margin-top:10px;
}
.catbox tr td {
padding:0 0 0 8px;
}
.catbox tr td img {
margin:0;padding:0;
}
.catbox tr td a img {
margin:0;padding:0;
border:1px solid #a83503;
}
.catbox tr td a:hover img {
margin:0;padding:0;
border:1px solid #000;
}
#productcontent table.catbox tr td h4{
margin:0 0 12px 0;
padding:0;
}
#productcontent table.catbox tr td h4 a:hover{
border-bottom:1px dotted #a83503;
}
.catbox {_margin:0;padding:0}
#productcontent table.catbox tr td h4 a{
border-bottom:1px dotted #fff;
}


.catbox2 {_margin:0;padding:0}
table.catbox2 {
width:570px;
margin-top:10px;
}
.catbox2 tr td {
padding:0;
width:25%;
}
.catbox2 tr td img {
margin:0;padding:0;
}
.catbox2 tr td a img {
margin:0;padding:0;
border:1px solid #a83503;
}
.catbox2 tr td a:hover img {
margin:0;padding:0;
border:1px solid #000;
}
#productcontent table.catbox2 tr td h4{
margin:0 0 12px 0;
padding:0;
}
#productcontent table.catbox2 tr td h4 a{
border-bottom:1px dotted #fff;
}
#productcontent table.catbox2 tr td h4 a:hover{
border-bottom:1px dotted #a83503;
}




#productcontent table table.itemspecbox2 {
	background-image:url(http://www.osawabekko.co.jp/images/shimashima.gif);
	margin:10px 0 0 0;
	padding:0;
}
#productcontent table table.itemspecbox2 tr th {
	font-weight:bold;
	vertical-align:top;
	text-align:right;
padding-left:7px;

}
#productcontent table table.itemspecbox2 tr td {
	font-weight:normal;
border-right:7px solid #fff;
	vertical-align:top;
	padding:0 10px 0 5px;
}
#productcontent table tr td p {
	margin:0;
	padding:0;
}
#productcontent table.itembox tr td {
	vertical-align:top;
	margin:0;
	padding:0 0 0 0;
}
#productcontent table.itembox tr td.description{
padding-right:20px;
}
#productcontent table.itembox tr td .thumbnails img {
	background-image:url(http://www.osawabekko.co.jp/images/shimashima2.gif);	
	margin:0 0 5px 0;
	padding:1px;
}




#productcontent .contact {
width:280px;
text-align:center;
border:1px dotted #987;
margin:40px auto 0 auto;
padding:0 0 15px 0;
}
#productcontent .contact h3 {
font-size:100%;
background-color:#fff;
margin:15px 0 20px 0;
padding:0;
}
#productcontent .contact table {
margin:0 auto;
}
#productcontent .contact table tr td{
text-align:left;
padding-left:5px;
margin:0 auto;
}



#whatsnew {
width:200px;
position:absolute;
top:50px;
right:20px;
z-index:9;
}
#whatsnew dl dt {
font-size:85%;
padding:0;
margin:0;
}

#whatsnew dl dd {
font-size:95%;
margin:0 0 3px 0;
}
#whatsnew dl dd a {
color:#532;
line-height:1em;
background-image:url(http://www.osawabekko.co.jp/images/whatsnewbg.gif);
background-repeat:no-repeat;
background-position:left 3px;
padding-left:13px;
}
#whatsnew dl dd a:hover {
color:#a83503;
line-height:1em;
background-image:url(http://www.osawabekko.co.jp/images/whatsnewbg_on.gif);
background-repeat:no-repeat;
background-position:left 3px;
border-bottom:1px dotted #a83503;
}



.topicbox {
font-size:90%;
width:130px;
margin:7px;
float:left;
}
.topicbox h2 {
font-size:90%;
margin:0;
padding:0;
}
.topicbox h2 a{display:block}
.topicbox img {
padding:1px 1px 2px 1px;
background-image:url(http://www.osawabekko.co.jp/images/topicsbg.gif);
background-repeat:no-repeat;
}
.topicbox a:hover img {
background-image:url(http://www.osawabekko.co.jp/images/topicsbg_hover.gif);
background-repeat:no-repeat;
}
.topicbox p{
margin-top:5px;
}


.magazinebox td {
width:160px;
margin:0;
padding:0 15px 20px 0;
}
#content table.magazinebox td p {
line-height:1.1em;
margin:0;
padding:0;
}

#content table.magazinebox td h3 {
font-size:100%;
font-weight:bold;
border-style:none;
margin:0 0 5px 0;
padding:0;
}
#content table.magazinebox td a {
border-style:none;
}
#content table.magazinebox td h3 {
background-image:url(http://www.osawabekko.co.jp/images/topicstitle2.gif);
background-repeat:no-repeat;
padding-left:16px;
}
#content table.magazinebox td h3 a:hover {
border-bottom:1px dotted #a83503;
}

#content table.magazinebox td a img{
border:1px solid #a83503;
margin:0 0 5px 0;
padding:0;
}
#content table.magazinebox td a:hover img{
border:1px solid #000;
}


ul.linklist {
list-style-type:none;
}
ul.linklist li {
margin:0 20px 5px 0;
height:24px;
}
ul.linklist li a{
background-image:url(http://www.osawabekko.co.jp/images/arrow_01.gif);
background-repeat:no-repeat;
padding:0 0 5px 27px;
}
ul.linklist li a:hover{
background-image:url(http://www.osawabekko.co.jp/images/arrow_01_on.gif);
padding:0 0 5px 27px;
}



table.shoppingcartbox th {
text-align:center;
background-color:#ccb;
vertical-align:middle;
padding:2px 5px;
margin:0;
border:0;
border-right:1px solid #fff;
}
table.shoppingcartbox td {
text-align:center;
vertical-align:middle;
padding:0;
margin:0;
border-bottom:1px dotted #cbb
}
table.shoppingcartbox td img {
padding:0;
margin:2px;
border:1px solid #998
}


table.mediabox tr td {padding-bottom:20px}






/* footer */
#footer {
	padding: 0;
	margin: 0;
	width: 776px;
	height:52px;
	clear: both;
 	overflow: hidden;
	background-image:url(http://www.osawabekko.co.jp/images/footerbg.gif);
	background-repeat:no-repeat;
	border-top:1px solid #929292;
	}

#footer img {float:left;}

#footernavi ul{
	font-size:85%;
	list-style-type: none;
	padding-right:50px;
	margin: 0;
	float:right;
}
#footernavi ul li {
	float:left;
}
#footernavi ul li a{
	color:#555;
	padding: 1px 10px 1px 13px;
	background-image:url(http://www.osawabekko.co.jp/images/listbg.gif);
	background-position:left center;
	background-repeat:no-repeat;
}

#footernavi ul li a:hover{
	color:#a83503;
	border-bottom:1px dotted #a83503;
	background-image:url(http://www.osawabekko.co.jp/images/listbg_hover.gif);
	background-position:left center;
	background-repeat:no-repeat;
}





#kotomomo {font-size:80%;position:absolute;right:66px;bottom:12px;}
#kotomomo a{color:#888}
#kotomomo a:hover{color:#a83503;border-bottom:1px dotted #a83503;}


#content table.sitemapbox td {padding-right:20px;}
#content table.sitemapbox a {color:#a83503;}
#content table.sitemapbox a:hover {color:#c00; border-bottom:1px dotted #a83503;}
#content table.sitemapbox h3 {border:none;}
#content table.sitemapbox td h3 {
height:1.4em;
	background-image:url(http://www.osawabekko.co.jp/images/arrow_01.gif);
	background-repeat:no-repeat;
	background-position:0 2px;
	padding-left:26px
}
#content table.sitemapbox td ul {padding-left:10px;_margin:0;}
#content table.sitemapbox td ul li {
	font-weight:bold;
	list-style-type:none;
	background-image:url(http://www.osawabekko.co.jp/images/arrow_02.gif);
	background-repeat:no-repeat;
	background-position:left 5px;
	padding-left:14px;
	margin:10px 0;
}
#content table.sitemapbox td ul ul {padding-left:30px;}
#content table.sitemapbox td ul ul li {
	font-weight:normal;
	list-style-type:none;
	background-image:url(http://www.osawabekko.co.jp/images/arrow_03.gif);
	background-repeat:no-repeat;
	background-position:left 5px;
	padding-left:13px;
	margin:0;
}






.hidariyose {
float:left;
}


img.migiyose {
border:none;
margin-right:30px;
float:right;
}




.mediatitle {
font-weight:bold;
border-bottom:1px dotted #806B4D;
margin:0 0 10px 5px;
}














