@charset "utf-8";

/*



	Last Updated: 2008.8.18

	--------------------------------

	- Table of Contents -




    1. RESET

	  

    2. BODY FOOTER



	3. CLASS

	

	4. HEAD



	5. MAIN MENU

	

	6. preloadedImages



	--------------------------------

*/







/* ----------------

	1. RESET

---------------- */



* {

	margin:0px;

	padding:0px;

}



body,

h1, h2, h3, h4, h5, h6,

p, address, blockquote, pre, div,

dl, ol, ul, li,

form, input, select, textarea, fieldset, legend { 

	margin: 0; 

	padding: 0; 

}



h1, h2, h3, h4, h5, h6,

p, address, blockquote, pre, div,

dl, ol, ul,

th { 

	font-weight: normal;

	font-style: normal; 

}



img {


	border: none;

	visibility: visible;

}



ul {

list-style: none;

}





/* ----------------

	2. BODY

---------------- */



body {

	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";

	font-size:12px;

	color:#333333;

	text-align:center;

	margin:0;

	padding:0;

	line-height:1.5em;

}



a {	text-decoration:none; }



a:link {

	color: #333333;

}

a:hover {

	color:#333333;

}

a:visited { color: #333333; }



input, select, textarea {

	color: #333333;

	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";

}



#container {

	width:900px;

	margin-right: auto;

	margin-left: auto;

	margin-top: 5px;

	height: auto;

	display: block;

}



#footer {

	width:900px;

	margin-right: auto;

	margin-left: auto;

	margin-top: 5px;

	height: 230px;

	background-image: url(../img_base/footer.gif);

	padding-top: 5px;

	color: #FFFFFF;

	float: left;

}





/* ----------------

	3. CLASS

---------------- */



.clearfix:after {

	font-size: 0;

	line-height: 0;

	clear: both;

	height: 0px;

	visibility: hidden;

}



.clearfix { display: inline-block; }



.clearBoth {

	clear: both;

/*	border: 1px solid #00F;*/

}



/* Hides from IE-mac \*/

* html .clearfix { height:1%; }

.clearfix { display: block; }

/* End Hide from IE-mac */



.red { color:#FF0000; }





/* ----------------

	4. head

---------------- */



#head h1 a {

	width:335px;

	height:60px;

	display:block;

	float: left;

}



#head-back {

	width:565px;

	height:60px;

	display:block;

	float: right;

	background-repeat: repeat-x;

	background-position: top;

	background-image: url(../img_base/title_bar.gif);

}



.li-top {

	width:auto;

	height:auto;

	display:block;

	float: right;

	margin-top: 25px;

	padding-top: 0px;

	padding-right: 10px;

	padding-bottom: 0px;

	padding-left: 10px;

	border-right-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: 333333;

	border-left-color: 333333;

}



.li-privacy {

	width:auto;

	height:auto;

	display:block;

	float: right;

	margin-top: 25px;

	padding-top: 0px;

	padding-right: 10px;

	padding-bottom: 0px;

	padding-left: 10px;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: 333333;

}



.li-sitemap {

	width:auto;

	height:auto;

	display:block;

	float: right;

	margin-top: 25px;

	padding-top: 0px;

	padding-right: 10px;

	padding-bottom: 0px;

	padding-left: 10px;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: 333333;

	margin-right: 10px;

}



#head h2 {

	width:900px;

	height:20px;

	display:block;

	float: left;

	background-repeat: repeat;

	background-image: url(../img_base/color_blue.gif);

	font-size: 12px;

	color: #FFFFFF;

	text-align: left;

	text-indent: 10px;

}



#nav {

	display:block;

	float: left;

}



#nav li {

	float:left;

	display:block;

}



.li-nav a {

	width:180px;

	height:21px;

	display:block;

	float: left;

	margin: 0px;

	background-image: url(../img_base/button01.gif);

	font-size: 13px;

	letter-spacing: 0.5em;

	text-align: center;

	font-weight: bold;

	padding-top: 3px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

}



#nav a:hover {

	background-position: 0 -24px;

}



#end {

	width:900px;

	height:5px;

	float: left;

	background-image: url(../img_base/color_blue.gif);

	margin: 0px;

	padding: 0px;

}



#end2 {

	width:900px;

	height:5px;

	float: left;

	background-image: url(../img_base/color_blue.gif);

	padding: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 20px;

	margin-left: 0px;

}



#end3 {

	width:900px;

	height:150px;

	float: left;

	padding: 0px;

	margin: 0px;

}







/* ----------------

	4. contesnts

---------------- */



#contents {

	height:auto;

	display: block;

	width: 900px;

	float: left;

	margin: 0px;

	padding: 0px;

}



#contents-main {

	height:320px;

	display: inline;

	width: 450px;

	float: left;

}



.contents-sub {

	height:160px;

	display: inline;

	width: 450px;

	float: right;

}



#contents-link span {

	text-indent:-9999px;

	font-size:0.1em;

	line-height:0;

	visibility: hidden;

}



.li-mbs {

	width:449px;

	height:318px;

	display:inline;

	float: left;

	padding: 0px;

	margin-top: 1px;

	margin-right: 0px;

	margin-bottom: 1px;

	margin-left: 0px;

}



.li-sps {

	width:224px;

	height:158px;

	display:block;

	float: left;

	padding: 0px;

	margin-top: 1px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

}



.li-jikeshi {

	width:225px;

	height:158px;

	display:block;

	float: right;

	padding: 0px;

	margin-top: 1px;

	margin-right: 0px;

	margin-left: 0px;

	margin-bottom: 0px;

}



.li-oem {

	width:224px;

	height:160px;

	display:block;

	float: left;

	padding: 0px;

	margin: 0px;

}



.li-flash {

	width:225px;

	height:160px;

	display:block;

	float: right;

	padding: 0px;

	margin: 0px;

}



#contents-link {

	display: block;

	width: 175px;

	float: left;

	margin-top: 10px;

	margin-left: 15px;

}



.li-mall a {

	width:174px;

	height:81px;

	display:block;

	background-image: url(../img_base/link_mall.gif);

	padding: 0px;

	margin: 0px;

}



.li-mall a:hover {

	background-position: 0 -81px;

}




.li-english a {

	width:174px;

	height:59px;

	display:block;

	background-image: url(../img_base/link_english.gif);

	padding: 0px;

	margin-top: 5px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

}



.li-rakuten a {

	width:174px;

	height:50px;

	display:block;

	background-image: url(../img_base/banner_rakuten.jpg);

	padding: 0px;

	margin-top: 5px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

}





.li-english a:hover {

	background-position: 0 -59px;

}



#base {

	display: block;

	width: 710px;

	float: right;

	margin: 0px;

	padding: 0px;

}



#base h3 {

	width:675px;

	height:20px;

	display:block;

	float: left;

	background-repeat: repeat;

	background-image: url(../img_base/title_banner.gif);

	font-size: 14px;

	color: #333333;

	text-align: left;

	text-indent: 10px;

	margin-left: 15px;

	margin-top: 10px;

	font-weight: bold;

	padding-top: 10px;

}



#base h3 span{

	font-size: 10px;

	font-weight: bold;

	color: #333333;

}



#base-table {

	width:675px;

	float: left;

	margin-top: 10px;

	margin-left: 15px;

	padding-top: 10px;

	padding-bottom: 10px;

}



.date {

	width:675px;

	float: none;

	clear: none;

	display: block;

	margin-bottom: 5px;

}



.date-date {

	width:70px;

	float: left;

	text-align: left;

	margin-left: 10px;

}



.date-text {

	width:580px;

	float: right;

	margin-right: 10px;

	text-align: left;

	margin-bottom: 5px;

}



.commodity-list {

	width:225px;

	margin-bottom: 5px;

	float: left;

}



.goods-img {

	width:auto;

	float: left;

}



.goods-text a {

	width:auto;

	float: left;

	text-align: left;

	display: block;

	margin-left: 5px;

	color: #0000FF;

}



.goods-text a:hover {

	width:auto;

	float: left;

	text-align: left;

	display: block;

	margin-left: 5px;

	color: #9900FF;

}





.base-table-goods {

	width:675px;

	float: left;

	margin-top: 10px;

	margin-left: 15px;

	padding-top: 10px;

	padding-bottom: 10px;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #333333;

}



.base-table-oem {

	width:675px;

	float: left;

	margin-top: 10px;

	margin-left: 15px;

	padding-top: 10px;

	padding-bottom: 10px;

	display: block;

}



#base h4 {

	width:310px;

	height:20px;

	display:block;

	float: left;

	background-image: url(../img_base/title_sub_bar.gif);

	font-size: 14px;

	color: #333333;

	text-align: left;

	text-indent: 10px;

	margin-left: 15px;

	margin-top: 10px;

	font-weight: bold;

	padding-top: 5px;

	background-position: bottom;

}



.base-table-reed {

	width:675px;

	float: left;

	margin-left: 15px;

	padding-bottom: 10px;

	text-align: left;

	margin-top: 10px;

	display: block;

}



.base-table-title {

	width:675px;

	float: left;

	margin-top: 10px;

	margin-left: 15px;

	text-align: left;

	font-size: 14px;

	font-weight: bold;

	color: #027ABB;

}



.flash-list {

	width:500px;

	margin-bottom: 5px;

	float: left;

	display: block;

	margin-left: 15px;

}



.flash-text {

	width:auto;

	float: left;

	text-align: left;

	display: block;

	margin-left: 5px;

	margin-top: 55px;

}



.flash-img {

	width:auto;

	float: left;

}



.anchor-top {

	width:auto;

	float: right;

	text-align: left;

	display: block;

	margin-right: 5px;

	color: #0000FF;

	margin-top: 15px;

}



#com-table {

	width:675px;

	float: left;

	margin-top: 10px;

	margin-left: 15px;

	padding-top: 10px;

	padding-bottom: 10px;

	background-image: url(../img_com/office.jpg);

	background-repeat: no-repeat;

	background-position: right top;

}



.com-tt {

	width:120px;

	float: left;

	text-align: left;

	margin-left: 10px;

}



.com-text {

	width:530px;

	float: right;

	margin-right: 10px;

	text-align: left;

}



.map-wide {

	width:331px;

	float: left;

	text-align: left;

	margin-left: 15px;

	margin-top: 10px;

	margin-bottom: 20px;

}



.map {

	width:331px;

	float: right;

	text-align: left;

	margin-right: 15px;

	margin-top: 10px;

	margin-bottom: 20px;

}



#sea-table {

	width:675px;

	float: left;

	margin-left: 15px;

	border-top-width: 1px;

	border-right-width: 1px;

	border-left-width: 1px;

	border-top-style: solid;

	border-right-style: solid;

	border-left-style: solid;

	border-top-color: #000000;

	border-right-color: #000000;

	border-left-color: #000000;

}



.sea-tt {

	width:120px;

	float: left;

	text-align: left;

	background-color: #E6E6E6;

	height: 35px;

	text-indent: 10px;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #000000;

	padding-top: 15px;

}



.sea-text {

	width:530px;

	float: right;

	text-align: left;

	display: block;

	height: 40px;

	padding-left: 10px;

	padding-top: 5px;

	padding-bottom: 5px;

}



.sea-date {

	width:675px;

	float: none;

	clear: none;

	display: block;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #000000;

}



.name-text {

	width:225px;

	float: left;

	text-align: left;

	display: block;

	margin-top: 10px;

}



.point-img {

	width:29px;

	float: left;

	margin-right: 0px;

	height: 24px;

	margin-bottom: 40px;

}



.name-pack-img {

	float: left;

	margin-left: 15px;

	padding-bottom: 10px;

	text-align: left;

	margin-top: 10px;

}



.name-pack {

	width:210px;

	margin-left: 15px;

	text-align: left;

	margin-top: 10px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #000000;

	margin-bottom: 10px;

	clear: none;

	display: block;

	height: 35px;

	float: left;

}



.sitemap-text a {

	width:192px;

	float: left;

	display: block;

	color: #FFFFFF;

	height: 28px;

	background-image: url(../img_sitemap/button.gif);

	background-repeat: no-repeat;

	margin-top: 0px;

	margin-bottom: 10px;

	font-size: 14px;

	font-weight: bold;

	padding-top: 9px;

}



.sitemap-text a:hover {

	background-position: 0 -37px;

}



.sitemap-list {

	width:236px;

	margin-bottom: 5px;

	float: left;

	height: 320px;

	background-image: url(../img_sitemap/line01.gif);

	background-repeat: no-repeat;

}



.sitemap-list2 {

	width:236px;

	margin-bottom: 5px;

	float: left;

	height: 320px;

	background-image: url(../img_sitemap/line02.gif);

	background-repeat: no-repeat;

}



.sitemap-list3 {

	width:192px;

	margin-bottom: 5px;

	float: left;

	margin-top: 47px;

}



.base-table-sitemap {

	width:675px;

	float: left;

	margin-top: 10px;

	margin-left: 15px;

	padding-top: 10px;

	padding-bottom: 10px;

	display: block;

}



.base-table-reed span , .contact-list2 span{

	font-weight: bold;

	color: #FFFFFF;

	background-color: #027ABB;

	padding: 2px;

	margin-right: 3px;

}



#contact-table {

	width:675px;

	margin-bottom: 5px;

	float: left;

	margin-left: 15px;

	border: 1px solid #027ABB;

	margin-top: 10px;

}



.contact-list {

	width:665px;

	margin-bottom: 5px;

	float: left;

	margin-left: 5px;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #333333;

	margin-top: 10px;

	padding-bottom: 8px;

}



.contact-list1 {

	width:120px;

	float: left;

	text-align: left;

}



.contact-list2 {

	width:500px;

	float: right;

	text-align: left;

}



#contact-button {

	width:665px;

	margin-bottom: 5px;

	float: left;

	margin-left: 5px;

	margin-top: 10px;

	padding-bottom: 5px;

}