@charset "utf-8";

/*----------------------------------------
 基本設定
----------------------------------------*/

html{
height:100%;
background-color:#99ccee;
color: #333333;
}

body{
font-size: 10pt;
line-height: 15pt;
font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin:0;
padding:0;
background-color:#FFFFFF;
}

img{
border:none;
}

/*----------------------------------------
 header
----------------------------------------*/

div#header{
background-image: url(../img/header_bg.gif);
background-repeat: repeat-x;
}

div#header_inner{
margin-left:auto;
margin-right:auto;
width:920px;
height:130px;
}

div#header_inner:after{/* clearfix */
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}

div#header_line{
width:920px;
height:3px;
font-size: 1pt; line-height: 1pt;/*IE6*/
background-color:#99ccee;
background-image: url(../img/header_line_01.gif);
background-repeat: repeat-x;
}

div#header_logo{
float:left;
width:324px;
height:82px;
}

div#header_space{
float:left;
width: 296px;
height:82px;
margin: 0;
padding: 0;
}

/*----------------------------------------
 header_menu
----------------------------------------*/
#header_menu{
  float:left;
  margin: 0;
  padding: 0;
  width: 300px;
  height: 22px;
}

#header_menu ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#header_menu li{
  text-indent: -9999px;
  float:right;
  width: 110px;
  margin: 0;
  padding: 0;
}

#header_menu a{
  display: block;
  width: 100%;
  height: 24px;
  background-image: url(../img/co_01.gif);
  background-repeat: no-repeat;
}

#h_menu1 a{background-position: 0 0;}
#h_menu2 a{background-position: -110px 0;}

#header_menu a:hover{
  background-image: url(../img/co_01.gif);
  background-repeat: no-repeat;
}

#h_menu1 a:hover{background-position: 0 -22px;}
#h_menu2 a:hover{background-position: -110px -22px;}

/*----------------------------------------
 global_menu
----------------------------------------*/

#globalnavi{
  float:left;
  margin: 0;
  padding: 0;
  width: 920px;
  height: 45px;
}

#globalnavi ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#globalnavi li{
  text-indent: -9999px;
  float:left;
  width: 100px;
  margin: 0;
  padding: 0;
}

#globalnavi a{
  display: block;
  width: 100%;
  height: 45px;
  background-image: url(../img/global_menu_01.gif);
  background-repeat: no-repeat;
}

#menu1 a{background-position: 0 0;}
#menu2 a{background-position: -101px 0;}
#menu3 a{background-position: -202px 0;}
#menu4 a{background-position: -303px 0;}
#menu5 a{background-position: -404px 0;}
#menu6 a{background-position: -505px 0;}
#menu7 a{background-position: -606px 0;}
#menu8 a{background-position: -707px 0;}
#menu9 a{background-position: -808px 0;}

#globalnavi a:hover{
  background-image: url(../img/global_menu_01.gif);
  background-repeat: no-repeat;
}

#menu1 a:hover{background-position: 0 -47px;}
#menu2 a:hover{background-position: -101px -47px;}
#menu3 a:hover{background-position: -202px -47px;}
#menu4 a:hover{background-position: -303px -47px;}
#menu5 a:hover{background-position: -404px -47px;}
#menu6 a:hover{background-position: -505px -47px;}
#menu7 a:hover{background-position: -606px -47px;}
#menu8 a:hover{background-position: -707px -47px;}
#menu9 a:hover{background-position: -808px -47px;}


/*----------------------------------------
 top_flash
----------------------------------------*/

div#top_main{
background-image: url(../img/fla_bg.gif);
background-repeat: repeat;
}

div#top_main_line{
height:3px;
font-size: 1pt; line-height: 1pt;/*IE6*/
background-color:#99ccee;
background-image: url(../img/fla_bg.gif);
background-repeat: repeat-x;
}

div#top_main_inner{
margin-left:auto;
margin-right:auto;
width:920px;
height:403px;
}

div#top_main_inner:after{/* clearfix */
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}

/*----------------------------------------
 TOP CONTENT
----------------------------------------*/

div#top_content{
background-color:#ffffff;
}

div#top_content_inner{
margin-left:auto;
margin-right:auto;
width:920px;
height:470px;
}

div#top_content_inner:after{/* clearfix */
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}

div#top_side_1{
float:left;
width:210px;
}

div#top_side_2{
float:left;
width:210px;
}


/*NEWS/
/*-----------------------------*/
div#top_news{
float:left;
width:500px;
height:410px;
}


table {
border-spacing: 0;
border-collapse: collapse;
margin: 0 5px 20px 5px;
}
td, th {
border-bottom: 1px #333 dashed;
padding: 10px 5px 3px 5px;
vertical-align:top;
}
th {
text-align:left;
white-space: nowrap;
width: 1%;
}



table#table_01 {
    border: 1px #ffffff solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table_01 th {
    padding-top: 10px;
    border-bottom: 1px #000000 dashed;
}

table#table_01 td {
    padding: 3px;
    border: 1px #ffffff solid;
    border-width: 0 0 1px 1px;
}

.shop_bg{
float:left;
width:687px;
height:160px;
background-image: url(../img/shop/shop_02.gif);
background-repeat: no-repeat;
}


.shop_bt{
margin-top:100px;
margin-left:445px;
}

/*----------------------------------------
 footer
----------------------------------------*/
div#footer{
color:#333333;
background-color:#99ccee;
text-align:center;
font-size: 8pt;
line-height: 15pt;
}

div#footer_inner{
width:920px;
margin-left:auto;
margin-right:auto;
padding-top:10px;
padding-bottom:90px;
overflow:hidden;/* clearfix */
/zoom:1;/* clearfix for IE */
}


#footer a:visited {
	color: #333333;
	text-decoration: none;
}
#footer a:hover {
	color: #cccccc;
	text-decoration: underline;
}
#footer a {
	color: #333333;
	text-decoration: none;
}


/*----------------------------------------
 MAIN CONTENT
----------------------------------------*/

div#content{
background-color:#ffffff;
margin-bottom:50px;
}

div#content_inner{
margin-left:auto;
margin-right:auto;
width:920px;
}

div#content_inner:after{/* clearfix */
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}

div#side{
float:left;
width:210px;
}

div#main{
float:left;
width:710px;
}

div#main_line{
height:10px;
font-size: 1pt; line-height: 1pt;/*IE6*/
background-color:#ffffff;
background-image: url(../img/fla_bg.gif);
background-repeat: repeat-x;
}


div#profile_japan{
float:left;
width:710px;
height:211px;
background-image: url(../img/profile/japan_01.gif);
background-repeat: no-repeat;
}

div#profile_2{
float:left;
width:170px;
height:211px;
}

div#profile_3{
float:left;
width:540px;
height:211px;
}

div#profile_4{
float:left;
width:710px;
padding-top:20px;
padding-left:20px;
}

div#profile_china{
float:left;
width:710px;
height:211px;
background-image: url(../img/profile/china_01.gif);
background-repeat: no-repeat;
}

div#profile_china_text{
float:left;
width:710px;
height:250px;
padding-top:20px;
padding-left:20px;
background-image: url(../img/profile/china_02.gif);
background-repeat: no-repeat;
}

div#feature_main{
float:left;
width:680px;
}

.shop_photo{
float:left;
width:340px;
background-color:#ffffff;
}

/*----------------------------------------
 g_menu
----------------------------------------*/


div#g_menu{
float:left;
width:200px;
margin: 0;
padding: 0;
}

div#g_menu ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

div#g_menu li{
  text-indent: -9999px;
  float:left;
  width: 200px;
  margin: 0;
  padding: 0;
}

div#g_menu a{
  display: block;
  width: 100%;
  height: 68px;
  background-image: url(../img/grandprix/grandprix_menu.gif);
  background-repeat: no-repeat;
}

#g1 a{background-position: 0 0;}
#g2 a{background-position: 0 -68px;}
#g3 a{background-position: 0 -136px;}
#g4 a{background-position: 0 -204px;}
#g5 a{background-position: 0 -272px;}
#g6 a{background-position: 0 -340px;}
#g7 a{background-position: 0 -408px;}

#g1_1 a{background-position: -200px 0;}
#g2_1 a{background-position: -200px -68px;}
#g3_1 a{background-position: -200px -136px;}
#g4_1 a{background-position: -200px -204px;}
#g5_1 a{background-position: -200px -272px;}
#g6_1 a{background-position: -200px -340px;}
#g7_1 a{background-position: -200px -408px;}


div#g_menu a:hover{
  background-image: url(../img/grandprix/grandprix_menu.gif);
  background-repeat: no-repeat;
}

#g1 a:hover{background-position: -200px  0;}
#g2 a:hover{background-position: -200px -68px;}
#g3 a:hover{background-position: -200px -136px;}
#g4 a:hover{background-position: -200px -204px;}
#g5 a:hover{background-position: -200px -272px;}
#g6 a:hover{background-position: -200px -340px;}
#g7 a:hover{background-position: -200px -408px;}

#g1_1 a:hover{background-position: -200px -0;}
#g2_1 a:hover{background-position: -200px -68px;}
#g3_1 a:hover{background-position: -200px -136px;}
#g4_1 a:hover{background-position: -200px -204px;}
#g5_1 a:hover{background-position: -200px -272px;}
#g6_1 a:hover{background-position: -200px -340px;}
#g7_1 a:hover{background-position: -200px -408px;}







.bg_01 {
font-size: 12pt;
line-height: 25pt;
color:#ffffff;
background-color:#99ccee;
}



/*----------------------------------------
 FONT
----------------------------------------*/

.grey_12_right {
	color: #333333;
	font-size: 12pt;
	line-height: 17pt;
	text-align:right;
}

.grey_14_f0 {
	color: #333333;
	font-size: 14pt;
	line-height: 17pt;
	background-color:#f0f0f0;
}

.grey_12 {
	color: #333333;
	font-size: 12pt;
	line-height: 17pt;
}

.grey_11_30 {
	color: #333333;
	font-size: 11pt;
	line-height: 30pt;
}

.black_10 {
	color: #000000;
	font-size: 10pt;
	line-height: 13pt;
}

.grey_10 {
	color: #333333;
	font-size: 10pt;
	line-height: 13pt;
}

.grey_10_f0 {
	color: #333333;
	font-size: 10pt;
	line-height: 13pt;
	background-color:#f0f0f0;
}

.blue_10 {
	color: #006699;
	font-size: 10pt;
	line-height: 13pt;
}

.blue_12 {
	color: #006699;
	font-size: 12pt;
	line-height: 13pt;
}

.grey2_10 {
	color: #666666;
	font-size: 10pt;
	line-height: 13pt;
}

.green_10 {
	color: #339900;
	font-size: 10pt;
	line-height: 13pt;
}

.green_12 {
	color: #339900;
	font-size: 12pt;
	line-height: 15pt;
}

.red_10 {
	color: #660000;
	font-size: 10pt;
	line-height: 13pt;
}

.grey_8 {
	color: #333333;
	font-size: 8pt;
	line-height: 13pt;
}

.red_12 {
	color: #660000;
	font-size: 12pt;
	line-height: 17pt;
}

.grey_12_center {
	color: #33322dd;
	font-size: 12pt;
	line-height: 17pt;
	text-align:center;
}

.tugi_01 {
	width:13px;
	color: #333333;
	font-size: 10pt;
	line-height: 13pt;
	border-style:solid;
	border-width:1pt 1pt 1pt;
	padding: 7px;
	margin:5px;
	background-color:#f0f0f0;
}

.profile_langage {
	width:700px;
	color: #333333;
	float:right;
	font-size: 10pt;
	line-height: 15pt;
	text-align:right;
}

.profile_langage2 {
	position: relative;
    	top: -5px;
}




table.sample{
    border-top:1px solid #ffffff;
    border-left:1px solid #ffffff;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
.sample th{
    border-right:1px solid #ffffff;
    border-bottom:1px solid #fffff;
    color:#330000;
    background-color:#996633;
    background-image:url(../img/table-back.gif);
    background-position:left top;
    padding:0.3em 1em;
    text-align:center;
}
.sample td{
    border-right:1px solid #ffffff;
    border-bottom:1px solid #ffffff;
    padding:0.3em 1em;
}


.hb{
float:left;
width:888px;
height: 2575px;
background-image: url(../img/hb.gif);
background-repeat: no-repeat;
}


.hb_link01{
margin-top: 310px;
margin-left: 690px;
}

.hb_link02{
margin-top: 2000px;
margin-left: 690px;
}

.text_s {
font-size: 8pt;
line-height: 12pt;
font-weight:normal;
}

.text_b {
font-size: 12pt;
line-height: 20pt;
font-weight:normal;
}

div#box_un1{
float:left;
width:300px;
margin-bottom: 10px;
}

div#box_un2{
float:left;
width:620px;
margin-bottom: 10px;
}

div#box_un3{
float:left;
width:120px;
text-align: right;
margin-bottom: 10px;
}

div#box_un4{
float:left;
margin-left: 10px;
width:780px;
margin-bottom: 10px;
}

.text_center{
text-align: center;
}

/*------マージン設定--------*/

.margin_left_5 {
margin-left:5px;
}

.margin_left_10 {
margin-left:10px;
}

.margin_left_15 {
margin-left:15px;
}

.margin_left_20 {
margin-left:20px;
}

.margin_left_30 {
margin-left:30px;
}

.margin_left_40 {
margin-left:40px;
}

.margin_left_600 {
margin-left:600px;
}

.margin_right_5 {
margin-right:5px;
}

.margin_right_10 {
margin-right:10px;
}

.margin_right_20 {
margin-right:20px;
}

.margin_top_5 {
margin-top:5px;
}

.margin_top_10 {
margin-top:10px;
}

.margin_top_20 {
margin-top:20px;
}

.margin_top_30 {
margin-top:30px;
}

.margin_top_40 {
margin-top:40px;
}

.margin_top_60 {
margin-top:60px;
}

.margin_bottom_5 {
margin-bottom:5px;
}

.margin_bottom_10 {
margin-bottom:10px;
}

.margin_bottom_15 {
margin-bottom:15px;
}


form#mailform {
	padding: 5px;
	border:1px solid #cccccc;
}
table.mailform {
	width: 100%;
}
table.mailform tr th,table.mailform tr td {
	text-align: left;
	font-weight: normal;
	font-size: 12px;
	border-bottom: solid 1px #ffffff;
	padding: 7px 5px 7px 5px;
}
table.mailform tr th {
	width: 150px;
	background-color: #f0f0f0;
}
table.mailform tr th span {
	color: #CC0000;
	font-size: 10px;
}
table.mailform tr th p {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	color: #999999;
}
table.mailform tr td textarea {
	width: 90%;
	height: 100px;
}


