/*===================================================================

 about this template
 http://hyper-text.org/archives/2007/10/css_switch.shtmlを参考にさせて頂いています。

===================================================================*/

/*----------------------------------------
 __CSS_switch
----------------------------------------*/
/*==================================
   文字サイズ変更
==================================*/


.switch {
position:fixed;
width:30px;
height:150px;
top:7%;
right:0;
background-image:url(../img/text_size/bg_font_size_v.png);
background-repeat:no-repeat;
background-position:1px 0;
z-index:4;
}

*html .switch{
position:absolute;
width:30px;
height:150px;
top:50px;
right:0;
background-image:url(../img/text_size/bg_font_size_v.png);
background-repeat:no-repeat;
background-position:1px 0;
z-index:4;
}/*IE6*/



/*
.switch  {
width:30px;
height:150px;
background-image:url(../img/text_size/bg_font_size_v.png);
background-repeat:no-repeat;
background-position:1px 0;
margin:0;
_position: absolute;
_right:0;
_top:expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ? 
documentElement.scrollTop
+(documentElement.clientHeight-this.clientHeight) - 5
: document.body.scrollTop
+(document.body.clientHeight-this.clientHeight) - 5);
_z-index:4;
}*//*標準モード*/

/* *html .switch {
width:30px;
height:150px;
position: fixed !important;   
position: absolute;   
top:50px;
right:0;
background-image:url(../img/text_size/bg_font_size_v.png)!important;
background-repeat:no-repeat!important;
background-position:1px 0!important;
}
*/





/*
.switch {
width:30px;
height:150px;
margin:auto auto;
padding:0 0;
position:absolute;
top:150px;
right:0;
background-image:url(../img/text_size/bg_font_size_v.png);
background-repeat:no-repeat;
background-position:1px 0;
z-index:4;
}

*/

/**:first-child + html .switch {
width:30px;
height:150px;
margin:auto auto;
padding:0 0;
position:absolute;
top:150px;
right:0;
background-image:url(../img/text_size/bg_font_size_v.png);
background-repeat:no-repeat;
background-position:1px 0;
z-index:4;
}IE7*/

/*
*html .switch {
width:30px;
height:150px;
margin:auto auto;
padding:0 0;
position:absolute;
top:150px;
right:0;
background-image:url(../img/text_size/bg_font_size_v.png);
background-repeat:no-repeat;
background-position:1px 0;
z-index:4;
filter:alpha(opacity=80);
opacity:0.80;
}
*/




/*変更前ul#css_switch {
float:right;
margin:0 5px 0 0;
padding:0 0 5px 0;
font-size:12px;
line-height:1;
list-style:none;
width:150px;
height:21px;
overflow:hidden;
background-image:url(../img/text_size/font_size_title.gif);
background-repeat:no-repeat;
background-position:0 2px;
}*/

/*変更前　*html ul#css_switch {
margin:0 0 5px 0;
padding:0 0 5px 0;
font-size:12px;
line-height:1;
list-style:none;
width:150px;
height:21px;
overflow:hidden;
background-image:url(../img/text_size/font_size_title.gif);
background-repeat:no-repeat;
background-position:0 2px;
}IE6*/




ul#css_switch {
float:right;
margin:2px 1px 0 0;
padding:77px 0 0 2px;
font-size:12px;
line-height:1;
list-style:none;
overflow:hidden;
background-image:url(../img/text_size/font_size_title_v.png);
background-repeat:no-repeat;
background-position:-3px 0;
}

*html ul#css_switch {
float:right;
margin:2px 1px 0 0;
padding:77px 0 0 2px;
font-size:12px;
line-height:1;
list-style:none;
overflow:hidden;
background-image:url(../img/text_size/font_size_title_v.png);
background-repeat:no-repeat;
background-position:-3px 0;
}/*IE6*/






/*印刷時は「文字サイズ」設定を非表示にする*/
@media print {
.switch {
display:none;
}
}

ul#css_switch li {
padding:0;
width:20px;
height:20px;
/*float:right;*/
overflow: hidden;
margin:1px 3px 2px 0;
}

ul#css_switch li.font-size_title {
width:100px;
float:left;
}

/*ul#css_switch li.font_small {
width: 27px;
}*/

ul#css_switch li a {
display: block;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
text-indent:-100em;
overflow: hidden;
}

ul#css_switch li.font_middle a {
background-image:url(../img/text_size/middle_off.gif);
background-repeat:no-repeat;
background-position:left center;
}

ul#css_switch li.font_small a {
background-image:url(../img/text_size/small_off.gif);
background-repeat:no-repeat;
background-position:left center;
}

ul#css_switch li.font_large a {
background-image:url(../img/text_size/large_off.gif);
background-repeat:no-repeat;
background-position:left center;
}