/*
############################################################

共通項目

############################################################
*/




img {
border: 0;
}

a{
color: #0080ff;
text-decoration: underline;
}

a:hover{
color: #ff0000;
text-decoration: underline;
}


article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary{
　　display:block;
}

.buntou {
padding-left: 1em;
text-indent: -1em;
}

.uchikeshi { text-decoration: line-through; }
.red { color: red; }



/*
############################################################

基本レイアウト

############################################################
*/


html {
margin: 0px auto;
text-align: center;
overflow-y:scroll;
}


body#top_i {
margin: 0px auto;
text-align: center;
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
/*width: 900px;*/
overflow: hidden;
}

body#top {
margin: 0px auto;
text-align: center;
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
width: 900px;
overflow: hidden;
}


header {
margin: 0px auto;
padding-top: 15px;
width: 900px;
}


nav {
clear: both;
margin: 0px auto;
padding-top: 10px;
width: 900px;
}


div#top_contents {
clear: both;
margin: 0px auto;
width: 900px;
text-align: center;
/*padding-top: 10px;*/
}


div#contents {
clear: both;
margin: 0px auto;
width: 900px;
text-align: center;
padding-top: 10px;
}



/* ページタイトル */
h2 {
margin: 5px auto;
font-size: 36px;
text-align: left;
font-weight: normal;
}

h2 span {
font-size: 14px;
}

footer {
clear: both;
margin: 0px auto;
width: 900px;
text-align: center;
padding-top: 20px;
color: #373737;
margin-bottom: 3px;
}

small {
font-size: 12px;
}



.back {
clear: both;
margin: 0px auto;
padding-top: 15px;
font-size: 13px;
text-align: center;
}


.back a {
color: #000;
text-decoration: none;
}

.back a:hover {
color: #DB9800;
text-decoration: underline;
}





/*
############################################################

header

############################################################
*/


h1 {
margin: 0px auto;
float: left;
margin-left: 0px;
width: 230px;
}

h1 a {
margin: 0px auto;
display: block;
background-image: url(../img/logo-header.gif);
background-repeat: no-repeat;
background-position: 0px top;
width: 230px;
height: 101px;
text-indent: -9999px;
}


#mailto_ja {
float: right;
margin: 0px auto;
width: 260px;
text-align: left;
padding-right: 0px;
padding-top: 49px;
}


#mailto_ja a {
clear: both;
display: block;
background-image: url(../img/clover.gif);
background-repeat: no-repeat;
background-position: left 1px;
text-indent: 22px;
width: 100%;
font-size: 14px;
text-decoration: none;
color: #000;
margin-top: 5px;
}

#mailto_ja a:hover {
text-decoration: underline;
color: #f6ab00;
}



#over {
float: right;
margin: 0px auto;
text-align: left;
margin-right: 0;
width: 330px;
padding-top: 33px;
}

#over p {
clear: both;
margin: 0px auto;
text-align: left;
font-size: 13px;
margin-top: 3px;
color: #000;
}

#header_clover {
background-image: url(../img/clover14.gif);
background-repeat: no-repeat;
background-position: left 1px;
text-indent: 20px;
}

#foroversea {
color: #000;
text-decoration: none;
background-image: url(../img/clover14.gif);
background-repeat: no-repeat;
background-position: left 1px;
padding-left: 20px;
}


#foroversea:hover {
color: #c98d00;
text-decoration: underline;
padding-left: 20px;
}



#fornew {
color: #000;
text-decoration: none;
background-image: url(../img/clover14.gif);
background-repeat: no-repeat;
background-position: left 1px;
padding-left: 20px;
}

#fornew:hover {
color: #c98d00;
text-decoration: underline;
padding-left: 20px;
}

#in_en {color: #000;text-decoration: underline;}
#in_en:hover {color: #c98d00;}

#in_ch {color: #000;text-decoration: underline;}
#in_ch:hover {color: #c98d00;}



/*
############################################################

navi

############################################################
*/



nav ul {
width: 900px;
margin: 0px auto;
margin-left: 0px;
padding-left: 0px;
list-style-type: none;
}




#navi_kana {
width: 900px;
margin: 0px auto;
margin-left: 0px;
padding-left: 0px;
list-style-type: none;
height: 30px;
}


#navi_kana li {
float: left;
margin: 0;
font-size: 11pt;
}


#navi_kana a {
display: block;
padding-top: 5px;
padding-bottom: 5px;
text-decoration: none;
color: #000;

text-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px, #fff 1px -1px 0px, #fff -1px -1px 0px;
/*
-webkit-text-stroke-color: #fff;
-webkit-text-stroke-width: 1px;
filter:dropshadow(color=#fff,offX= 0,offY=-1)
dropshadow(color=#fff,offX= 1,offY= 0)
dropshadow(color=#fff,offX= 0,offY= 1)
dropshadow(color=#fff,offX= -1,offY= 0);
*/

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f8c246', endColorstr = '#ffefcd');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f8c246', endColorstr = '#ffefcd')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #f8c246, #ffefcd);
background-image: -ms-linear-gradient(top, #f8c246, #ffefcd);
background-image: -o-linear-gradient(top, #f8c246, #ffefcd);
background-image: -webkit-gradient(linear, center top, center bottom, from(#f8c246), to(#ffefcd));
background-image: -webkit-linear-gradient(top, #f8c246, #ffefcd);
background-image: linear-gradient(top, #f8c246, #ffefcd);
/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/

}


#navi_kana a:hover {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffefcd', endColorstr = '#ffefcd');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffefcd', endColorstr = '#ffefcd')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #ffefcd, #ffefcd);
background-image: -ms-linear-gradient(top, #ffefcd, #ffefcd);
background-image: -o-linear-gradient(top, #ffefcd, #ffefcd);
background-image: -webkit-gradient(linear, center top, center bottom, from(#ffefcd), to(#ffefcd));
background-image: -webkit-linear-gradient(top, #ffefcd, #ffefcd);
background-image: linear-gradient(top, #ffefcd, #ffefcd);
/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/

}


#kana01 { width: 115px; }
#kana02 { width: 115px; }
#kana03 { width: 115px; }
#kana04 { width: 120px; }
#kana05 { width: 90px; }
#kana06 { width: 120px; }
#kana07 { width: 105px; }
#kana08 { width: 120px; }







#nav_ul {
width: 900px;
margin: 0px auto;
margin-left: 0px;
padding-left: 0px;
list-style-type: none;
}

#nav_ul li {
margin: 0px auto;
float: left;
}

.menu10 li {
margin: 0px auto;
float: left;
}

.menu11 a {
float: left;
margin: 0px auto;
display: block;
background-image: url(../img/menu.jpg);
background-repeat: no-repeat;
background-position: 0px top;
width: 119px;
height: 28px;
text-indent: -3000px;
}

.menu11 a:hover {
margin: 0px auto;
display: block;
background-image: url(../img/menu.jpg);
background-repeat: no-repeat;
background-position: 0px bottom;
width: 119px;
height: 28px;
text-indent: -3000px;
}


.menu12 a {
float: left;
margin: 0px auto;
display: block;
background-image: url(../img/menu.jpg);
background-repeat: no-repeat;
background-position: -119px top;
width: 174px;
height: 28px;
text-indent: -3000px;
}

.menu12 a:hover {
margin: 0px auto;
display: block;
background-image: url(../img/menu.jpg);
background-repeat: no-repeat;
background-position: -119px bottom;
width: 174px;
height: 28px;
text-indent: -3000px;
}

.menu13 a {
float: left;
margin: 0px auto;
display: block;
background-image: url(../img/menu.jpg);
background-repeat: no-repeat;
background-position: -293px top;
width: 90px;
height: 28px;
text-indent: -3000px;
}

.menu13 a:hover {
margin: 0px auto;
display: block;
background-image: url(../img/menu.jpg);
background-repeat: no-repeat;
background-position: -293px bottom;
width: 90px;
height: 28px;
text-indent: -3000px;
}

.menu14 a {
float: left;
margin: 0px auto;
display: block;
background-image: url(../img/menu.jpg);
background-repeat: no-repeat;
background-position: -383px top;
width: 115px;
height: 28px;
text-indent: -3000px;
}

.menu14 a:hover {
margin: 0px auto;
display: block;
background-image: url(../img/menu.jpg);
background-repeat: no-repeat;
background-position: -383px bottom;
width: 115px;
height: 28px;
text-indent: -3000px;
}


.menu15 a {
float: left;
margin: 0px auto;
display: block;
background-image: url(../img/menu.jpg);
background-repeat: no-repeat;
background-position: -498px top;
width: 103px;
height: 28px;
text-indent: -3000px;
}

.menu15 a:hover {
margin: 0px auto;
display: block;
background-image: url(../img/menu.jpg);
background-repeat: no-repeat;
background-position: -498px bottom;
width: 103px;
height: 28px;
text-indent: -3000px;
}

.menu16 a {
float: left;
margin: 0px auto;
display: block;
background-image: url(../img/menu.jpg);
background-repeat: no-repeat;
background-position: -601px top;
width: 83px;
height: 28px;
text-indent: -3000px;
}

.menu16 a:hover {
margin: 0px auto;
display: block;
background-image: url(../img/menu.jpg);
background-repeat: no-repeat;
background-position: -601px bottom;
width: 83px;
height: 28px;
text-indent: -3000px;
}

.menu17 a {
float: left;
margin: 0px auto;
display: block;
background-image: url(../img/menu.jpg);
background-repeat: no-repeat;
background-position: -684px top;
width: 100px;
height: 28px;
text-indent: -3000px;
}

.menu17 a:hover {
margin: 0px auto;
display: block;
background-image: url(../img/menu.jpg);
background-repeat: no-repeat;
background-position: -684px bottom;
width: 100px;
height: 28px;
text-indent: -3000px;
}

.menu18 a {
float: left;
margin: 0px auto;
display: block;
background-image: url(../img/menu.jpg);
background-repeat: no-repeat;
background-position: -784px top;
width: 116px;
height: 28px;
text-indent: -3000px;
}

.menu18 a:hover {
margin: 0px auto;
display: block;
background-image: url(../img/menu.jpg);
background-repeat: no-repeat;
background-position: -784px bottom;
width: 116px;
height: 28px;
text-indent: -3000px;
}




/*
############################################################

トップ　フラッシュ

############################################################
*/



#top-flash {
clear: both;
margin: 0px auto;
width: 900px;
}




/*
############################################################

トップ　インフォメーション

############################################################
*/


#top-info {
clear: both;
margin: 0px auto;
float: left;
margin-left: 0px;
margin-top: 20px;
border-top: 1px solid #f6ab00;
text-align: left;
width: 320px;
}


#top-info_title {
clear: both;
margin: 0px auto;
font-size: 18px;
margin: 0px auto;
padding-top: 2px;
}


.top-info_contents {
margin: 0px auto;
text-align: left;
padding-top: 0px;
padding-bottom: 6px;
border-bottom: 1px solid #f6ab00;
margin-bottom: 4px;
}

.top-info_time {
margin: 0px auto;
font-size: 11px;
}


.top-info_body {
margin: 0px auto;
font-size: 11px;
line-height: 120%;
}

.top-info_body a {
color: #f6ab00;
text-decoration: none;
}


.top-info_body a:hover {
color: #DB9800;
text-decoration: underline;
}



/*
############################################################

トップ　ピックアップ

############################################################
*/



#top-pickup {
margin: 0px auto;
float: right;
margin-right: 0px;
margin-top: 20px;
width: 560px;
text-align: left;
}

#top-pickup_e {
margin: 0px auto;
float: left;
margin-left: 20px;
margin-top: 20px;
width: 388px;
text-align: left;
}



#top-pickup_title {
clear: both;
margin: 0px auto;
/*background-image: url(../img/top-pickup.gif);
background-repeat: no-repeat;*/
/*width: 250px;*/
height: 24px;
/*text-indent: -9999px;*/
margin-left: 0px;
border-bottom: 1px solid #f6ab00;
font-size: 13px;
}

#top-pickup_title p {
margin: 0px auto;
float: left;
width: 50%;
}


#top-pickup_box {
clear: both;
margin: 0px auto;
height: 168px;
border: 1px solid #f6ab00;
margin-top: 8px;
padding-left: 3px;
}




#top-usa_box {
margin: 0px auto;
float: right;
width: 170px;
margin-right: 0;
}

#usa_box_title {
margin: 0px auto;
padding-top: 18px;
padding-bottom: 10px;
}


/*
############################################################

共通部

############################################################
*/


.bold {
font-weight: bold;
}

.f-red {
color: red;
}



/*
############################################################

英語TOPリンク

############################################################
*/


.en-link {
margin: 0px auto;
float: left;
width: 440px;
margin-left: 7px;
margin-top: 15px;
}


.en-link h6 {
margin: 0px auto;
font-size: 14px;
text-align: left;
}

.en-link img {
float: left;
margin: 0px auto;
margin-left: 0;
margin-right: 7px;
}

.en-link p {
margin: 0px auto;
font-size: 12px;
text-align: left;
padding-right: 10px;
}