@charset "utf-8";

/*
------------------------------------------------
Gloval Reset
------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,table,th,td{
	margin:0;
	padding:0;
}
table{
	border: none;
	empty-cells:show;
}
img{
	border:0;
}
address,caption,cite,code,dfn,h1,h2,h3,h4,th,var{
	font-style:normal;
	font-weight:normal;
}
li,dl{
	list-style:none;
}
img {
	border: none;
}
a{
	text-decoration:underline;
	color:#000066;
	letter-spacing: 0.1em;
}
a:hover{
	text-decoration:underline;
	color:#CC0000;
	letter-spacing: 0.1em;
}

/*
------------------------------------------------
Text SET
------------------------------------------------*/
dt,dd,li,pre,p,blockquote,th,td,address{
	font-size:8pt;
	line-height: 1.6em;
	color: #000066;
}
h1,h2,h3,h4,h5,h6{
	font-size:80%;
	line-height: 1.6em;
	font-weight:normal;
	color: #000066;
}
dt,dd,ol,li,pre,textarea,p,blockquote,th,td,address,h1,h2,h3,h4,h5,h6{
	font-family: "??γ? Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "??", Meiryo, "? Хa", "MS P Gothic", sans-serif;
}
.submit{
	font-size:75%;
	color: #000066;
}
/*
------------------------------------------------
Other SET
------------------------------------------------*/
.header {
	overflow:hidden;
	width: 945px;
	padding-bottom: 10px;
}

.strong {
	color: #585858;
	font-weight: bold;
}
.strong2 {
	color: #FFFFFF;
	padding: 8px;
	width: 50px;
}
.red {
	color: #ff0000;
	font-size: 100%;
}
img {
    border:none;
}

.left {
	float: left;
}
.right {
	float: right;
}
.bana {
	margin-bottom: 10px;
}

/* Layout */
#body {
	width: 945px;
	margin: auto;
}

h1 {
	float:left;
}
#body #left {
	float: left;
	padding-right: 5px;
}
#body #right {
	float: right;
	width: 100px;
}
#contact,
#top,
#about,
#products,
#gallery {
	overflow:hidden;
	width: 945px;
}
#body #right li {
	padding-bottom: 30px;
}
#body #left h2 {
	margin-bottom: 25px;
}

/* MailMagazine */
#body #mailMagazine {
	padding-left: 500px;
	padding-top: 5px;
}

#body #mailMagazine .img{
	margin-left:10px;
	margin-top:10px;
}

#body #mailMagazine #mailaddress {
	width:180px;
	margin-top:10px;
}

/* Contact */
#body #contact #left .grey {
	background-image: url(../img/bg_table.gif);
	background-repeat: repeat;
}
#body #contact #left table {
	width: 772px;
	background-color: #CCCCCC;
	margin-top: 15px;
	margin-bottom: 10px;
}
#body #contact #left td {
	background-color: #ffffff;
	padding: 10px;
}
#contact #right {
	padding-top: 40px;
}


/* Foot*/
#body #foot {
	background-image: url(../img/bg_foot.gif);
	background-repeat: repeat-x;
	height: 50px;
	margin-top: 20px;
}
address {
	color:#FFFFFF;
	padding-top: 18px;
	text-align: center;
}
#body #contact #left #submit input{
}

/* top*/
#body #top #info {
	width: 35%;
	overflow: auto;
	float: right;
}
#body #top #info li {
	background-image: url(../img/img_li.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
}
#body #top #info ul {
	padding: 5px;
	height: 150px;
	overflow: auto;
}
#body #top #topFlash {
	padding-bottom: 10px;
}

/*products*/
#center .osusumetext {
	padding-top: 10px;
	padding-bottom: 30px;
	padding-left: 10px;
	padding-right: 50px;
}
#center #midashi01 {
	width: 550px;
	background-color: #f5f3f1;
	padding: 10px;
	float: left;
}
#products #center {
	width: 600px;
	float: left;
}
#products #center #osusume0201 {
	width: 280px;
	float: left;
	height: 295px;
	margin-top: 15px;
	background-image: url(../img/bg_osusume100801.jpg);
	background-repeat: no-repeat;
}
#products #center #osusume0202 {
	height: 295px;
	width: 279px;
	float: right;
	margin-right: 25px;
	background: url(../img/bg_osusume100802.jpg) no-repeat;
	margin-top: 15px;
}

/*about*/
#about #left {
	width: 330px;
	padding-right: 50px;
}
#about h3 {
	padding-top: 20px;
	padding-bottom: 20px;
}
#about p {
	color: #666666;
}
#about .hanbaiten {
	background-image: url(../img/bg_sen.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#about #center {
	width: 400px;
	float: left;
}
#products .sankou {
	font-family: monospace;
	font-size: 65%;
	line-height: 1.1em;
	letter-spacing: -1px;
	color: #333333;
}
#products #left .sankou {
	width: 230px;
}
#products #center .sankou {
	margin-top: 193px;
	margin-left: 10px;
	margin-right: 120px;
	color: #D6D6D6;
}


.gallary table {
	background-color: #FFFFFF;
	width: 500px;
}
.gallary td {
	padding: 2px;
}
.gallary li {
	float: left;
	padding: 3px;
}
.gallary ul {
	width: 480px;
	padding-top: 25px;
	padding-bottom: 15px;
	padding-left: 10px;
	border: 1px solid #CCCCCC;
}
.clear {
	clear: left;
}
.gallary {
	padding-left: 5px;
}
.gallary p {
}
.gallary a {
	color: #FFCC66;
}
#gallery #left {
	width: 600px;
}
#products .osusume_bt {
	clear: both;
	padding-top:10px;
}