@charset "shift_jis";
/*---------------------------------------------------------------------------
################################### T O C ################################### 

【大フォントサイズ用のスタイル】

■ 1.フォントのサイズ
■ 2.ボタンの置き換え
■ 3.アイキャッチの位置

---------------------------------------------------------------------------*/


/*---------------------------------------------------------------------------
################################# 1.フォントのサイズ #########################
---------------------------------------------------------------------------*/

body,div,pre,p,blockquote,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,pre,
form,fieldset,input,textarea,select,option,table,th,td,embed,object,address {
font-size: 17px;
line-height:1.4;
}

.fontS{
font-size: 80%;
line-height:1.4;
}

.fontM{
font-size: 100%;
line-height:1.4;
}

.fontL{
font-size: 120%;
line-height:1.4;
}

.fontXL{
font-size: 140%;
line-height:1.4;
}


/*---------------------------------------------------------------------------
################################# 2.ボタンの置き換え ########################
---------------------------------------------------------------------------*/

#fontChange li a{
display:block;
width:17px;
height:17px;
font-size:10px;
text-indent:-9999px;
line-height:normal;
}


/* btnSmall */
#btnSmall a:link,
#btnSmall a:visited{
background:transparent url(../images/font_small_btn_off.gif) left top no-repeat;
}

#btnSmall a:hover,
#btnSmall a:active{
background:transparent url(../images/font_small_btn_on.gif) left top no-repeat;
}

/* btnMedium */
#btnMedium a:link,
#btnMedium a:visited{
background:transparent url(../images/font_medium_btn_off.gif) left top no-repeat;
}

#btnMedium a:hover,
#btnMedium a:active{
background:transparent url(../images/font_medium_btn_on.gif) left top no-repeat;
}

/* #btnLarge */
#btnLarge a:link,
#btnLarge a:visited{
background:transparent url(../images/font_large_btn_on.gif) left top no-repeat;
}

#btnLarge a:hover,
#btnLarge a:active{
background:transparent url(../images/font_large_btn_on.gif) left top no-repeat;
}


/* English
-------------------------------------------------------------------------- */
/* btnSmall */
.english #btnSmall a:link,
.english #btnSmall a:visited{
background:transparent url(../images/e_font_small_btn_off.gif) left top no-repeat;
}

.english #btnSmall a:hover,
.english #btnSmall a:active{
background:transparent url(../images/e_font_small_btn_on.gif) left top no-repeat;
}

/* btnMedium */
.english #btnMedium a:link,
.english #btnMedium a:visited{
background:transparent url(../images/e_font_medium_btn_off.gif) left top no-repeat;
}

.english #btnMedium a:hover,
.english #btnMedium a:active{
background:transparent url(../images/e_font_medium_btn_on.gif) left top no-repeat;
}

/* #btnLarge */
.english #btnLarge a:link,
.english #btnLarge a:visited{
background:transparent url(../images/e_font_large_btn_on.gif) left top no-repeat;
}

.english #btnLarge a:hover,
.english #btnLarge a:active{
background:transparent url(../images/e_font_large_btn_on.gif) left top no-repeat;
}


/*---------------------------------------------------------------------------
#################################　3.アイキャッチの位置 ########################
---------------------------------------------------------------------------*/

/* Arrow
-------------------------------------------------------------------------- */
span.rArrow01{
background:transparent url(../images/icn_arrow_01.gif) 0 8px no-repeat;
}

span.rArrow02{
background:transparent url(../images/icn_arrow_02.gif) 5px 10px no-repeat;
*background:transparent url(../images/icn_arrow_02.gif) 5px 8px no-repeat;
line-height:1.2;
font-size: 80%;
}

span.rArrow03{
background:transparent url(../images/icn_arrow_03.gif) 3px 5px no-repeat;
}

span.rArrow04{
background:transparent url(../images/icn_arrow_04.gif) 0 5px no-repeat;
}

span.rArrow04R{
background:transparent url(../images/icn_arrow_04.gif) 0 50% no-repeat;
}

/* List
-------------------------------------------------------------------------- */
span.dot01{
background:transparent url(../images/icn_dot_01.gif) 3px 8px no-repeat;
}

span.dot02{
background:transparent url(../images/icn_dot_02.gif) 3px 9px no-repeat;
}

span.dot03{
background:transparent url(../images/icn_dot_03.gif) 3px 10px no-repeat;
}

span.dot04{
background:transparent url(../images/icn_dot_04.gif) 3px 7px no-repeat;
}
.yellow span.dot04{
background:transparent url(../images/icn_dot_02.gif) 3px 7px no-repeat;
}


/* sNav Icon
-------------------------------------------------------------------------- */
.sNav01 li a:link,
.sNav01 li a:visited{
background:#E1E1E1 url(../images/snav_dec_01.gif) 4px 7px no-repeat;
}

.sNav01 li a:hover,
.sNav01 li a:active{
background:#F3F3F3 url(../images/snav_dec_01.gif) 4px 7px no-repeat;
}

.sNav02 li a:link,
.sNav02 li a:visited{
background:#DBEAFF url(../images/snav_dec_01.gif) 4px 7px no-repeat;
}

.sNav02 li a:hover,
.sNav02 li a:active{
background:#F1F7FF url(../images/snav_dec_01.gif) 4px 7px no-repeat;
}

/* inServiceBlock
-------------------------------------------------------------------------- */
.inServiceBlock span.arrow{
background:transparent url(../images/icn_arrow_03.gif) 9px 9px no-repeat;
}

/* ul.col3List
-------------------------------------------------------------------------- */
ul.col3List li .rArrow{
background:transparent url(../images/icn_arrow_03.gif) 9px 6px no-repeat;
}

/* ttl06
-------------------------------------------------------------------------- */
.ttl06{
background:transparent url(../images/ttl_dec_03.gif) 0 5px no-repeat;
}