@charset "UTF-8";

/* 
init.css
Version : 1.7
Update  : 10.11.02
*/


/* RESET
============================================================ */

div,p,dl,dt,dd,
ul,ol,li,h1,h2,h3,h4,h5,h6,
blockquote,pre,
form,fieldset,textarea,
input,th,td  { padding:0; margin:0; }
fieldset,img,
abbr,acronym { border:0; }
em,strong    { font-style:normal; font-weight:bold; }
table        { border-collapse: collapse; border-spacing:0; }
caption,th   { text-align:left; }
input,textarea,th,td { font-size: 100%; }

/* FONT-FAMILY
============================================================ */

body {
	font-family:
		Georgia,
		Serif,
		Osaka,
		"MS PGothic",
		"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF",
		"Hiragino Kaku Gothic Pro",
		"\30D2\30E9\30AE\30CE\89D2\30B4\20Pro\20W3";
	}

/* Safari 3 + above */
@media screen and (-webkit-min-device-pixel-ratio:0){
	body { font-family: Georgia, "Hiragino Kaku Gothic Pro"; }
	}

/* FONT-SIZE
============================================================ */

body {
	font-size: 13px; /* without IE */
	*font-size: 81.25%; /* IE6,IE7 */
	}

html>/**/body {
	font-size /*\**/: 81.25%\9; /* IE8 */
	}

/*
--------------------
09px = 70%
10px = 77%
11px = 85%
12px = 93%
13px = 100%
14px = 108%
15px = 116%
16px = 123.1%
17px = 131%
18px = 138.5%
19px = 146.5%
20px = 153.9%
21px = 161.6%
22px = 167%
23px = 174%
24px = 182%
25px = 189%
26px = 197%
36px = 273.5%
--------------------
*/

.fs-sss { font-size: 70%; }    /* 9px */
.fs-ss  { font-size: 77%; }    /* 10px */
.fs-s   { font-size: 85%; }    /* 11px */
.fs-m   { font-size: 93%; }    /* 12px */
.fs-l   { font-size: 108%; }   /* 14px */
.fs-ll  { font-size: 123.1%; } /* 16px */
.fs-lll { font-size: 138.5%; } /* 18px */



/* CLEAR FLOAT
============================================================ */

.clear      { clear:both; }
.clear hr   { display:none; }
.clearfloat { overflow: hidden; zoom: 1; }

/* clearfix */
.clearfix        { display: block; min-height: 1%; }
.clearfix:after  { clear: both; content:"."; display: block; height: 0; visibility: hidden; }
* html .clearfix { height: 1%; /*\*//*/ height: auto; overflow: hidden; /**/ }



/* FOR EXCEPTIONALLY SITUATION / DO NOT USE FREQUENTLY
============================================================ */

.align-l  { text-align: left    !important; }
.align-c  { text-align: center  !important; }
.align-r  { text-align: right   !important; }

.valign-t { vertical-align: top    !important; }
.valign-m { vertical-align: middle !important; }
.valign-b { vertical-align: bottom !important; }

.float-l  { float: left  !important; }
.float-r  { float: right !important; }

.block    { display: block  !important; }
.inline   { display: inline !important; }
.hide     { display: none   !important; }

.static   { position:static   !important; }
.relative { position:relative !important; }

.fw-n     { font-weight:normal    !important; }
.fw-b     { font-weight:bold      !important; }
.fs-n     { font-style: normal    !important; }
.fs-i     { font-style: italic    !important; }
.fs-o     { font-style: oblique   !important; }
.td-n     { text-decoration: none !important; }
.td-u     { text-decoration: underline    !important; }
.td-s     { text-decoration: line-through !important; }

.red      { color: #e00 !important; }
.blue     { color: #00F !important; }
.green    { color: #0F0 !important; }
.yellow   { color: #FF0 !important; }
.orange   { color: #F90 !important; }
.white    { color: #FFF !important; }
.black    { color: #000 !important; }
.gray     { color: #666 !important; }

.bg-red   { background: #e00 !important; }
.bg-blue  { background: #00F !important; }
.bg-green { background: #0F0 !important; }
.bg-yellow{ background: #FF0 !important; }
.bg-orange{ background: #F90 !important; }
.bg-white { background: #FFF !important; }
.bg-black { background: #000 !important; }
.bg-gray  { background: #999 !important; }
.bg-none  { background: none !important; }
.bg-trans { background: transparent !important; }

.lh100    { line-height:100% !important; }
.lh110    { line-height:110% !important; }
.lh120    { line-height:120% !important; }
.lh130    { line-height:130% !important; }
.lh140    { line-height:140% !important; }
.lh150    { line-height:150% !important; }
.lh160    { line-height:160% !important; }
.lh170    { line-height:170% !important; }
.lh175    { line-height:175% !important; }
.lh180    { line-height:180% !important; }
.lh190    { line-height:190% !important; }
.lh200    { line-height:200% !important; }

.margin0  { margin:  0 !important; }
.padding0 { padding: 0 !important; }

.mt0  { margin-top: 0    !important; }
.mt5  { margin-top: 5px  !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt70 { margin-top: 70px !important; }
.mt80 { margin-top: 80px !important; }
.mt90 { margin-top: 90px !important; }
.mt100 { margin-top: 100px !important; }

.mr0  { margin-right: 0    !important; }
.mr5  { margin-right: 5px  !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }
.mr60 { margin-right: 60px !important; }
.mr70 { margin-right: 70px !important; }
.mr80 { margin-right: 80px !important; }
.mr90 { margin-right: 90px !important; }
.mr100 { margin-right: 100px !important; }

.mb0  { margin-bottom: 0    !important; }
.mb5  { margin-bottom: 5px  !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb100 { margin-bottom: 100px !important; }

.ml0  { margin-left: 0    !important; }
.ml5  { margin-left: 5px  !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }
.ml60 { margin-left: 60px !important; }
.ml70 { margin-left: 70px !important; }
.ml80 { margin-left: 80px !important; }
.ml90 { margin-left: 90px !important; }
.ml100 { margin-left: 100px !important; }