@charset "utf-8";

/* ////////////////////////////////////////////////////////////////////////////////////////////////////
 *
 *　　フォントの基本設定 （  font-size(基本) / font-weight / color / letter-spacing / text-decoration ）
 * 
 *  ★ヘッダー文字サイズ変更ボタンによるスタイルシート切り替えで、font-sizeのみ変更されます。
 *  ★fireFoxのみ文字間隔が元々広いので、ところどころハックかけてます
 *
 * ///////////////////////////////////////////////////////////////////////////////////////////////// */
 
/* ----------------------------------------------------------------------------------------------------
 * ▼　1. 基本設定 ( Basic setting )
 * --------------------------------------------------------------------------------------------------*/
body {
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Osaka,Sans-Serif;
	color: #353535 ;
	line-height: 1.5;
	letter-spacing: 0.06em;
}
p,
h3,
h4,
ul li,
ol li,
th,
td,
dt,
dd,
address {
	font-size: 1.1em;
}/* 1.2em=12px  at 　body's font-size:62.5% */	

/* -- フォーム関連のフォントサイズは固定　------------------*/
textarea {
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Osaka,Sans-Serif;
	font-size: 12px !important;
}
input {
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Osaka,Sans-Serif;
	font-size: 12px !important;
}
/* -- 基本の色設定　------------------*/
a {
	color: #3366cc;
	text-decoration: underline;
}
a:hover,
a:active {
	color: #3366cc;
	text-decoration: none;
}
p {
	color: #353535;
}
h3,
h4 {
	font-weight: bold;
	color:#3366cc;
}
/* -- 文字サイズ切り替えボタン　--------------------------------------------------------------------------------*/
dl#textSwitch dd#small a {background: url(../img/share/size_s.gif) no-repeat left top;}
dl#textSwitch dd#middle a {background: url(../img/share/size_m.gif) no-repeat left top;}
dl#textSwitch dd#large a {background: url(../img/share/size_l.gif) no-repeat left top;}

dl#textSwitch dd#small a:hover {background: url(../img/share/size_s.gif) no-repeat left bottom;}
dl#textSwitch dd#middle a:hover {background: url(../img/share/size_m.gif) no-repeat left bottom;}
dl#textSwitch dd#large a:hover {background: url(../img/share/size_l.gif) no-repeat left bottom;}
/* ----------------------------------------------------------------------------------------------------
 * ▼　2. 文字サイズ変更ボタン　と　ヘッダーナビの固定
 * --------------------------------------------------------------------------------------------------*/
#Head dl dt,
#Head dl dd,
#Head p,
#Head h1,
#Head ul li,
#Head ul li a {
	font-size: 0px !important;
}

/* ----------------------------------------------------------------------------------------------------
 * ▼　3.トップページ -index.php-