@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: 18px;

	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);



}



.tag-line2{

	text-align:right;

	color:#000000;

	font-size:12px;

	line-height: 15px;

	font-weight: bold;

}



.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:99px;



	display:block;



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



	padding: 0px;



	margin-top: 5px;



	margin-right: 0px;



	margin-bottom: 0px;



	margin-left: 0px;



}

.li-rakutenJ a {



	width:174px;



	height:99px;



	display:block;



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



	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;



}

.btxt-honbun-b {

	font-size: 14px;

	line-height: 160%;

}

.btxt-honbun {

	font-size: 13px;

	line-height: 160%;

}