@charset "utf-8";


/*-----------------------
	reset default css
-----------------------*/

/*html {
    overflow-y:scroll;
    }*/
	
* html img,
* html div { behavior: url("../js/iepngfix.htc");}

body, div, ul, ol, li, h1, h2, h3, h4, h5, form, p, th, td, dl, dt, dd {
	margin:0;
	padding:0;
	font-size:small;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
strong, b, th {
	font-weight:bold;
}
ol, ul {
	list-style:none;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
img {
	border:0;
	margin:0;
	padding:0;
}
img a {
	border:0;
}

address{
	font-style:normal;
	color: #f9f8f1;
}

/*-----------------------
	body
-----------------------*/
body{
	margin: 0 auto;
	/* background:#fafafa; */
	background:url(../images/bg_astron.gif)	;
	font-size:80%;
	_font-size:75%;
	line-height:1.4;
	font-family: 'Lucida Grande', 'Arial', sans-serif;
	color: #333;
	text-decoration:none;
	font-weight: normal;
}


 a:link,
 a:visited{
	color:#444;
	text-decoration:none;
}
 a:hover{
	color:#444;
	text-decoration: underline;
}

/*-----------------------
	linkjavascript:openWin('skk703p1.html','skk703p1',640,610,1,0,0)
-----------------------*/
.tbl01 a { outline: none; }
.tbl01 a:link,
.tbl01 a:visited{
	color:#fff;
	text-decoration: underline;
}
.tbl01 a:hover{
	color:#12b2ef;
	text-decoration:none;
}

/*-----------------------
	wrapper
-----------------------*/

p {
	line-height:1.7em;
}

.clear {
	clear:both;
}

.right {
	float:right;
}

.left {
	float:left;
}



/*-----------------------
	header
-----------------------*/

.wrapper {
	width:792px;
	/* background:url(../images/bg_astron.gif) repeat-y; */
	margin:0 auto;
}

.wrapper:after {
	content: "";
	display: block;
	clear: both;
	overflow: hidden;
}


.wrapper .inner {
	margin: 0 16px;
	background-color: #ffffff;
}

.txt01 {
	width:660px;
	background:url(../images/bg_text.gif) no-repeat;
	padding: 30px 50px;
	margin:0 0 20px;
}

.txt01:after {
	content: "";
	display: block;
	clear: both;
	overflow: hidden;
}


.txt01 p {
	color:#fff;
	text-shadow: 0 -1px 0 #333;
}

.txt01 p.note {
	float:right;
	font-size:85%;
	margin: 20px 0 0;
	color: #ccc;
}

h2 { 
}

.list01 {
}

.list01 li {
	float:left;
	margin: 0 0 20px;
}

.tbl01 {
	width:688px;
	margin:0 auto 45px;
	border-collapse:collapse;
	text-align:center;
}

.tr01 td {
	background:url(../images/bg_tbl.gif) right no-repeat;
	padding:12px 0;
	color:#fff;
	font-weight:bold;
}

.tr02 {
	background:#ccc;
	color:#535353;
	font-size:85%;
}

.tr02 td {
	padding:12px 0;
}

.tr02 td.first{
	border-right: 1px solid #fff;
}

/*-----------------------
	footer
-----------------------*/

.copy {
	clear:both;
	padding:10px 0;
	background:#222222;
	color:#fff;
	width:100%;
	text-align:right;
}

.copy p {
	margin-right:14px;
	font-size:80%;
	color:#bbb;
	text-shadow: 0 -1px 0 #333;
}




/*-----------------------
	prod
-----------------------*/

body.prod {
	background:#fff;
}

.prod .wrapper {
	width:640px;
	background:none;
	margin:0 auto;
}

.prod .wrapper .inner {
	margin: 0;
}

.prod h1 {
	background:url(../images/bg_h2_prod.gif) repeat-x;
	color:#fff;
	font-size:12px;
	padding: 8px 25px;
}

.prod_ph {
	float:left
}

ul.list02 {
	float:left;
	margin:25px 0 0;
	list-style:disc inside;
}



/*-----------------------
	prod
-----------------------*/
.tbl02 {
	width:100%;
}

.tbl02 td {
	width:30%;
	padding: 0 10px;
}

.tbl02 p {
	margin-bottom:20px;
}

.col02 {
	margin: 0 0 30px 0;	
}

.col02 p {
	text-align: center;
/* 	margin: 8px 0 0 40px;	 */
}

.col02 dl {
	text-align: center;
	margin: 0 40px 0 40px;	
	padding: 14px 20px 18px;
	background:url(../images/bg_divider1.gif) repeat-x bottom left;
}

.col02 a { color:#008ac8}
.col02 a:link{ color:#008ac8;}
.col02 a:visited{ color:#008ac8;}
.col02 a:hover{ color:#008ac8;	text-decoration: underline;}

/*-----------------------
	global
-----------------------*/
.col01 {
	margin-top: 30px;	
}

.col01 p {
	clear: both;
	margin: 0 30px 1.5em;
	font-size: 95%;
	
}

#top_message_area{
	background-color: #111111;
}

.text_message {
	padding: 10px 30px 10px 30px;
	color: #ecebdc;
	}

.list03 { margin: 30px 30px; float: right}

.list03 li { background:url(../images/bg_arrow1.gif) no-repeat center left;  padding: 6px 0 6px 14px; }



.list04 { float: right; margin: 30px 24px 0 0;}
.list04 li {margin: 8px 0;}
.list04 a { background:url(../images/bg_arrow1.gif) no-repeat center left; padding: 0 0 0 15px;}
.list04 a:hover {color:#008ac8;
text-decoration:underline}


.list05 { clear:both; background:#a2a2a2; padding: 40px 0 28px 20px; margin: 0 30px}



.list05 li {display: inline; margin: 0 20px 0 0 ; color:#fff; line-height: 1.6em;}

.col01 .list05 li a { color: #fff;
text-shadow: 0 -1px 0 #333;
background:url(../images/bg_arrow2.gif) no-repeat center left;  padding: 0 0 0 14px;
}

#n-america {background: #0f0f0f url(../images/bg_list05_n-america.jpg) no-repeat }
#l-america {background: #0f0f0f url(../images/bg_list05_l-america.jpg) no-repeat }
#europe {background: #0f0f0f url(../images/bg_list05_europe.jpg) no-repeat }
#m-east {background: #0f0f0f url(../images/bg_list05_m-east.jpg) no-repeat }
#africa {background: #0f0f0f url(../images/bg_list05_asfrica.jpg) no-repeat }
#asia {background: #0f0f0f url(../images/bg_list05_asia.jpg) no-repeat }
#oceania {background: #0f0f0f url(../images/bg_list05_oceania.jpg) no-repeat }


.pagetop {float: right; display: inline; padding: 18px 0 20px 14px; background:url(../images/bg_arrow1.gif) no-repeat center left}






div#ContentsArea {
	background-color: #ffffff;
	width: 610px;
	padding:0; margin:0;
}

div#ContentsArea div.Section {
	color: #fff;
}
div#ContentsArea div.LinkSet {
	padding: 8px 20px 22px;
	overflow: hidden;
	zoom:1;
}
div#ContentsArea div.LinkSet ul {
	overflow: hidden;
}
div#ContentsArea div.LinkSet ul li {
	margin: 0 0 15px;
	padding:0 0 0 0;
	display: inline;
	float: left;
	width: 18%;
	background: url("../images/marker_link_right.gif") 0 0.3em no-repeat;
	color: #666666;
}
div#ContentsArea div#CountryList {
	padding-left: 256px;
	background-position: 0 50%;
	background-repeat: no-repeat;
	border-top: 1px solid #333333;
}
#lang div#ContentsArea div#CountryList
 {
	padding-left: 256px;
	background-position: 0 50%;
	background-repeat: no-repeat;
	border: none;
}
div#ContentsArea div.Asia div#CountryList {
	background-image: url("../images/bg_countrylist_asia.gif");
}
div#ContentsArea div.Oceania div#CountryList {
	background-image: url("../images/bg_countrylist_oceania.gif");
}
div#ContentsArea div.MiddleEast div#CountryList {
	background-image: url("../images/bg_countrylist_middle_east.gif");
}
div#ContentsArea div.Europe div#CountryList {
	background-image: url("../images/bg_countrylist_europe.gif");
}
div#ContentsArea div.LatinAmerica div#CountryList {
	background-image: url("../images/bg_countrylist_latin_america.gif");
}
div#ContentsArea div.NorthAmerica div#CountryList {
	background-image: url("../images/bg_countrylist_north_america.gif");
}
div#ContentsArea div.Africa div#CountryList {
	background-image: url("../images/bg_countrylist_africa.gif");
}
div#ContentsArea div.Local {
	margin: 9px 0 0;
}
div#ContentsArea div#CountryList {
	background-image: url("../images/bg_countrylist_local_site.gif");
}
div#ContentsArea div#CountryList div.LinkSet {
	padding: 24px;
	border-left: solid 1px #333;
	min-height:209px;
	height: auto !important;
	height: 260px;
}
div#ContentsArea div#CountryList div.LinkSet ul li {
	width: 22%;
}



/* Store Locator index */


div#ContentsArea div#Locator {
	margin: 9px 0 40px 30px;
	width: 576px;
	height: 290px;
	background: #fff url("../images/bg_locator.gif") no-repeat top left;
}

div#ContentsArea div#Locator ul {
	width: 100%;
	height: 100%;
	position: relative;
	background-position: 0 0;
	background-repeat: no-repeat;
}
div#ContentsArea div#Locator ul li {
	position: absolute;
	width: 134px;
	height: 35px;
}
div#ContentsArea div#Locator ul li.Asia {
	top: 159px;
	left: 163px;
}
div#ContentsArea div#Locator ul li.Oceania {
	top: 215px;
	left: 210px;
}
div#ContentsArea div#Locator ul li.MiddleEast {
	top: 113px;
	left: 65px;
}
div#ContentsArea div#Locator ul li.Europe {
	top: 64px;
	left: 31px;
}
div#ContentsArea div#Locator ul li.LatinAmerica {
	top: 182px;
	left: 383px;
}
div#ContentsArea div#Locator ul li.NorthAmerica {
	top: 90px;
	left: 365px;
}
div#ContentsArea div#Locator ul li.Africa {
	top: 167px;
	left: 10px;
}


/* Store Locator local 100727_koga */

/*
div#ContentsArea a:link, a:visited {
	text-decoration:none;
}
div#ContentsArea a:hover {
	text-decoration:underline;
}
*/
div#ContentsArea h3.HeadingType1 {
font-size:133%;
padding:10px 12px 8px;
color: #fff;
width: 95%;
}

div#ContentsArea div.PageNav p.Previous {
background: url("../images/common/marker_link_left.gif") no-repeat scroll 12px 0.2em transparent;
display:inline;
float:left;
line-height:1.1;
margin:0 0 5px 14px;
padding-left:27px;
}

#lang div#ContentsArea {
margin:0 auto;
padding:0 0 80px;
width:858px;
font-size: 80%;
}

.ShopName {
	font-weight: bold;
	color:#9A884A;
}


/*-----------------------
	shop
-----------------------*/

h3 { clear: both; background:url(../images/bg_h3.gif) repeat-x center;
	line-height: 34px; height: 34px; color: #fff;
	margin: 20px 30px 0;
	padding: 0 16px;
	font-size: 1em;
	text-shadow: 0 -1px 0 #333;
    border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */  
}

dl.shop{
    margin:2px 30px 0;
	padding: 14px 20px 18px;
	background:url(../images/bg_divider1.gif) repeat-x bottom left;
}

dl.shop a { color:#008ac8}

dl.shop dt{
    padding: 4px 0;
	font-weight: bold
}

dl.shop dd{
    padding: 2px 0;
}

dl.shop .note {
	float:none;
	font-size: 100%;
	margin-top: 0;
}


	#tabs ul {}
	#tabs li {}
	#tabs a {}
	#tabs .panel {display:none; float: left; width: 100%}