@charset "utf-8";

/*背景切替でのちらつきを解消(IEのバグ)*/
/*expressionはIE独自のプロパティ*/
html {  filter: expression(document.execCommand("BackgroundImageCache",  false, true));
}

body { margin: 0; padding: 0; color:#333333;  }

div { text-align:left; }

/*
IE7にのみ適用
*/
*:first-child+html body { }



div,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
img,
table,
th,
td,
dl,
dt,
dd,
form { padding:0; border:0; top: 0px; left: 0px; outline-width:0; zoom: 1;          /*←IE float背景対策*/ position: relative; font: normal 100%/100% Osaka, Arial, Helvetica, "Luxi-sans", "Nimbus Sans L", sans-serif; color: #000000;line-height:1.3; }


h1,
h2,
h3 { text-indent: -9999px; font-size:1px; }

ul { list-style:none; }

 li { list-style-image:none; list-style-position:outside; list-style-type:none; text-align: left; }


img { vertical-align:bottom; border-style: none; }

fieldset,
img { border:0; }


address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var { font-style:normal; font-weight:normal;}
/*============================================================================================

											ＦＯＮＴ
			
============================================================================================*/
font { font-size:12px !important;  }

body { font-size:12px; *font-size:small;
*font:x-small;
}

table { font-size:inherit; font:100%; }

pre,
code,
kbd,
samp,
tt { font-family:monospace; *font-size:108%;
line-height:100%; }

.fs11 {font-size:85%;}  /*renders 11px */ 
.fs13 {font-size:100%;} /*renders 13px */  
.fs14 {font-size:108%;} /*renders 14px */ 
.fs16 {font-size:123.1%;} /*renders 16px */ 
.fs18 {font-size:138.5%;} /*renders 18px */ 

.tc { text-align: center; }
.tr { text-align: right; }
.tl { text-align: left;}
/*txt*/
.lh02 { line-height:1.2; }
.lh2 { line-height:2; }


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

											ＬＩＮＫ
			
============================================================================================*/
a:link,
a:visited { font-weight: normal; text-decoration: none; color:#4357A7; }

a:hover,
a:active { font-weight: normal; text-decoration:underline; color:#FF9900; }

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

											ＴＡＢＬＥ
			
============================================================================================*/
table,
td,
tr,
th { border-collapse:collapse; border-spacing:0pt; empty-cells:show; text-align:left;  }

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

											float CLEAR
			
============================================================================================*/
/*ボックスの最後に見えない内容を追加し、それにclear:bothしてfloatをクリアする*/

.clf:after { content: ".";        /*←ボックスの中の一番最後に新たなテキストや画像を挿入*/ display: block;      /*←挿入したものをブロック要素化*/ clear: both;         /*←ボックス内のfloatをすべて解除*/ height: 1px; overflow: hidden; }

/*IE7とMac版IE5に対して*/
.clf { overflow: hidden;          /*← MacIE で背景色を表示させる*/
 clear: both; }

/*windows版IE6以前*/
/*\*/                  /*Windows版だけ*/
* html .clf {    /*← WinIE5.0～6.0のみ指定*/ height: 1%; overflow: visible; }

/**/

.clb{clear: both;}

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

											ＣＬＡＳＳ
			
============================================================================================*/



.fr { float: right; }

.fl { float: left; }

.ti { text-indent: -2000px; }
.tl td{ text-align:left;}

/*padding*/

.p5 { padding: 5px; }

.p10 { padding: 10px; }

.p20 { margin: 20px; }

.pt3 { padding-top:3px; }
.plr5{ padding-right: 5px; padding-left: 5px; }

/*margin*/
.ma { margin: auto; }

.m10 { margin: 10px; }

.m20 { margin: 20px; }

.ml30 { margin-left: 30px; }

.ml10 { margin-left: 10px; }

.ml120 { margin-left: 120px; }

.ml100 { margin-left: 100px; }

/*width*/
.w100 { width:100px; }

.w120 { width:120px; }

.w130 { width:130px; }

.w150 { width:150px; }

.w166 { width:166px; }

.w170 { width:170px; }

.w190 { width:190px; }

.w200 { width:200px; }
.w230 { width:230px; }


.w260 { width:260px; }

.w300 { width:300px; }

.w350 { width:350px; }
.w400 { width:400px; }

.w500 { width:500px; }


.w520 { width:520px; }

.w540 { width:540px; }


.w550 { width:550px; }

.w570 { width:570px; }

.w600 { width:600px; }
.w650 { width:650px; }
.w700 { width:700px; }

.w730 { width:730px; }

.h120 { hight:120px; }

.dot { background: url(../images/common/dot.png) no-repeat; }


.tablegb { background: repeat-y right; border: 1px solid #666666; }

.backB { text-align: center; }

.hidden { visibility: hidden; }


select { font-size: 12px; }
/*ol リスト*/

.number li { text-indent: -1em; padding-left : 1em; padding-top: 10px; }