@charset "utf-8";
/* 
Common CSS "Common.css"
*/

@import "sp_reset.css";

/*---------------
 =Font Setting
---------------*/
html{ background:#d4d4d4}
body { font:13px "ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ ProW3","Hiragino Kaku Gothic Pro",Osaka,Sans-Serif; *font-size:small; *font:x-small;color:#333333; }
table { font:100%;}

/*X-Large*/
.xl,
h1{font-size:197%;}
/*Large*/
.l,
.tabContent h3{font-size:123.1%;}
/*Normal*/
.m{font-size:100%;line-height:1.6em;}
/*Small*/
.s{font-size:85%;}
/*X-Small*/
.xs{font-size:77%;}


/* Font-weight*/
em,
dt{font-weight:bold;}

/* Font Color */
.red{ color:#FF0000;}
.gray{ color:#666;}

.tabContent h3{ color:#0093f5; font-weight:bold;margin-bottom:8px;}

/*---------------
 =Link
---------------*/
a{ outline:0;}
a:link {color: #002651;text-decoration:underline;}
a:visited {color: #002651;text-decoration:underline;}
a:hover {color: #002651;text-decoration:none;}
a:active {color: #002651;text-decoration:none;}

div#Header a:link,
div#Header a:visited,
div#Header a:hover,
div#Header a:active,
div#Footer a:link,
div#Footer a:visited,
div#Footer a:hover,
div#Footer a:active { color: #fff;}

/*---------------
 =CleraFix 
---------------*/
.clearfix:after{ content: ".";  display:block;  height:0;  clear:both;  visibility:hidden;}
.clearfix{min-height:1%;}/*IE7*/
/* Hides from MacIE \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from MacIE */

hr{ display:none;}


/*----------------------------------------------
 =Base Layout
-----------------------------------------------*/
div#Header{ width:850px; background:url(../images/common/head_bc.gif) no-repeat 0 0; margin:0 auto;text-align:left;position:relative; z-index:3;}
div#Footer{ width:850px; background:#000;padding:15px 0 20px 0;margin:0 auto;text-align:center;}
div#Content{ width:854px; background:url(../images/common/sp_bc.jpg) repeat-y; margin:0 auto; text-align:center;}

/*---------------
 =Header 
---------------*/
div#Header #bar{line-height:22px; margin-bottom:14px;}
div#Header #bar_ad{line-height:22px; background:#000000!important;}
div#Header p#disc{ color:#fff; float:left; margin-left:20px;}
div#Header p#global{float:right; margin-right:20px; padding-top:4px;}

div#Header2 #bar{line-height:22px;}
div#Header2 p#disc{ color:#fff; float:left; margin-left:20px;}
div#Header2 p#global{float:right; margin-right:20px; padding-top:4px;}

#countrybox{ display:none;width:520px;float:right; background:#333;position:absolute;top:22px; right:10px;}
#countrybox ul{ padding:5px 0 5px 5px; border-bottom:1px solid #444;}
#countrybox li{ float:left; margin:0 4px;width:5.6em;}
#countrybox li img{ margin-right:5px; vertical-align:middle;}
#countrybox li.type1{ width:10em!important;}
#countrybox li.type2{ width:11.2em!important;}

p#SubLink{ float:right;margin:4px 20px 0 0;}
p#SubLink a{ background:url(../images/common/ico_arrow.gif) no-repeat 0 50%; padding-left:8px;margin-left:10px;}


*html div#Header p#disc,
*html div#Header p#global,
*html p#SubLink{ display:inline;}
*html #countrybox li{ display:inline; margin:2px 3px;line-height:15px;}
*html #countrybox{ padding-bottom:5px;width:510px;}

/*---------------
 =maintenance
---------------*/
div#Header #maintenance{
margin:0 0 14px 15px;
background-color:#FFFFFF;
padding:10px;
width:800px;
line-height:18px;
border:1px solid #A0A0A0;
}


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


/*---------------
 =Grobal Navigation
---------------*/
div#Header ul#GN{
	height:34px;
	width:850px;
}

div#Header ul#GN li{
float:left;
text-align:center;
letter-spacing:0.1em;
line-height:2.4;
*line-height:1.8;
_line-height:2.3;
}


div#Header ul#GN li a{
width:100%;
width:146px;
height:34px;
display:block;
font-size:1.1em;
font-weight:bold;
text-decoration:none;
background:url(../images/common/btn_sp.jpg) no-repeat;
}

div#Header ul#GN li a:hover,
div#Header ul#GN li.selected a{
color:#FFFFFF;
background:url(../images/common/btn_sp_OV.jpg) no-repeat;
}

/*---------------
 =PageTop 
---------------*/
.PageUp{  display:block;text-align:right;width:850px;float:right;padding:20px 0;}
.PageUp a{background:url(../images/common/ico_arrow_up.gif) no-repeat left center; padding-left:10px;margin-right:20px;}

.PageUp2{  display:block;text-align:right;width:830px;float:right;padding:20px 0;}
.PageUp2 a{background:url(../images/common/ico_arrow_up.gif) no-repeat left center; padding-left:10px;margin-right:20px;}