@charset "Shift_JIS";

/*---JapanBrake.co.jp Base Style Module---*/

*{margin:0;padding:0;}
html{font-size:100%;}
body{color:#000000; width:760px; background:#FFFFFF url("/images/j_brake/body_bg.jpg") repeat-y;}
em{font-style:normal;}
fieldset{border:0;}

a:link    {color:#08427c;text-decoration:none;}
a:visited {color:#990099;text-decoration:none;}
a:hover   {color:#2a5f9e;text-decoration:underline;}
a[name]:hover   {color:#000000;text-decoration:none;}
a:active  {color:#2a5f9e;text-decoration:underline;}

img{border:0;vertical-align:bottom;}
ul,
ol{list-style-type:none;}

.clearFix:after{content:""; display:block; height:0; clear:both;visibility: hidden;}

.clearFix{display:inline-block;}

/* Hides from IE-mac \*/
* html .clearFix{height:1%;}
.clearFix{display:block;}
/* End hide from IE-mac */

/*--------------------------------------------------*/


/*--- Search Area ---*/
#searchArea{
float:right;
margin:0;
padding:10px 15px 8px 15px;
width:159px;
min-height:60px;
color:#ffffff;
background-color:#b3b3b3;
border-bottom:1px solid #ffffff;
}

#searchArea fieldset{border:0;}
/* hide from Mac IE \*/
* html #searchArea legend{margin-left:-5px;}
/* */ 

#searchArea legend,
#searchArea p{
color:#ffffff;
background-color:#b3b3b3;
font-size:67%;
font-weight:normal;
}
#searchArea p input{
margin:1px 0 2px 0;
vertical-align:middle;
border:0;
}

#searchArea p input#searchTextBox{
width:110px;
height:1.25em;
}

#advancedSearch{
display:block;
float:right;
width:auto;
margin-top:3px;
margin-bottom:0;
padding-left:12px;
font-size:67%;
background: url("/images/j_brake/bg_search.gif") 0 1px no-repeat;
}

body.gatewayContents #searchArea{float:none;}

#advancedSearch a:link    {color:#ffffff; text-decoration:none;}
#advancedSearch a:visited {color:#ffffff; text-decoration:none;}
#advancedSearch a:hover   {color:#fff667; text-decoration:underline;}
#advancedSearch a:active  {color:#ffff99; text-decoration:underline;}
/*--------------------------------------------------*/

/*---PageTopNavigation ---*/
#pageTopNavi{
position:inherit;
/* Hides from IE-mac \*/
right:204px;
bottom:0;
/* End hide from IE-mac */
padding-bottom:10px;
text-align:right;
font-size:67%;
}

#pageTopNavi p{
float:right;
/* Hides from IE-mac \*/
padding-left:16px;
background: url("/images/mc_outer/top_link.gif") 0 30% no-repeat;
/* End hide from IE-mac */
line-height:1.5;
}
/*--------------------------------------------------*/

/*---Banner Area ---*/
#BannerArea{ text-align:center; width:189px;}
/*--------------------------------------------------*/

/*---Utility Area ---*/
.utilityArea{width:179px;
margin-top:10px;
margin-left:4px;
padding-top:5px;
border:1px solid #bbbbbb;
background:#ffffff url("/images/mc_outer/bg_utilityarea.gif") 0 0 no-repeat;
}

.utilityArea h2{ padding:9px; font-size:67%; font-weight:bold;}
.utilityArea p{ margin:0 9px 9px 9px; font-size:67%;}
.utilityArea .detailsLink{
padding-left:6px;
background:url("/images/mc_contents/list_link_s.gif") 0 0.3em no-repeat;
line-height:1.5;
}

.utilityArea .imageArea{text-align:center;}
/*--------------------------------------------------*/
