@charset "UTF-8";

/* default.css */

/* ********************************

Created: 2012/07/15
Last Modified: 2012/07/30
Editor(s): Mio Ishikawa
Last Editor: Mio Ishikawa

******************************** */

/* index
================================================

	[1] Resets
	[2] Font
	[3] Font Size
	[4] Position
	[5] Link
	[6] Space
	[7] CSS Hack
	[8] noscript
	[9] table
	[10] btnFontSize

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


/* [1] Resets
================================================ */

li{
	list-style: none;
}

p,ul,li{
	margin: 0;
	padding: 0;
}

p{
	line-height: 1.8em;
}

/* [2] Font
================================================ */

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
body{font:13px/1.231 verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;*font-size:small;*font:x-small;}
select,input,button,textarea,button{verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;*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%;}
h1,h2,h3,h4,h5,h6,td,th{font-size:100%;}

body{ color: #333; }

/* [3] Font Size
================================================ */

.fz26 { font-size:197%; }		/* 26px */
.fz25 { font-size:189%; }		/* 25px */
.fz24 { font-size:182%; }		/* 24px */
.fz23 { font-size:174%; }		/* 23px */
.fz22 { font-size:167%; }		/* 22px */
.fz21 { font-size:161.6%; }		/* 21px */
.fz20 { font-size:153.9%; }		/* 20px */
.fz19 { font-size:146.5%; }		/* 19px */
.fz18 { font-size:138.5%; }		/* 18px */
.fz17 { font-size:131%; }		/* 17px */
.fz16 { font-size:123.1%; }		/* 16px */
.fz15 { font-size:116%; }		/* 15px */
.fz14 { font-size:108%; }		/* 14px */
.fz13 { font-size:100%; }		/* 13px , default */
.fz12 { font-size:93%; }		/* 12px */
.fz11 { font-size:85%; }		/* 11px */
.fz10 { font-size:77%; }		/* 10px */

/* line-height */
.lh0 { line-height: 0; }
.lh10 { line-height: 1; }
.lh12 { line-height: 1.2; }
.lh14 { line-height: 1.4; }
.lh16 { line-height: 1.6; }
.lh18 { line-height: 1.8; }
.lh20 { line-height: 2; }
.lh24 { line-height: 2.4; }

/* [4] Position
================================================ */

.taLeft { text-align:left; }
.taCenter { text-align:center; }
.taRight { text-align:right; }
.flL { float:left; }
.flR { float:right; }
.clearBoth { clear: both; }
.clearLeft { clear: left; }
.vaTop { vertical-align: top; }
.vaMiddle { vertical-align: middle; }
.vaBottom { vertical-align: bottom; }
.flImgL { float:left; margin-right: 15px; }
.flImgR { float:right; margin-left: 15px; }

/* [5] Link
================================================ */

a:link,
a:visited{
	color: #333;
	background-color: transparent;
	text-decoration: none;
}
a:hover,
a:active{
	color: #7151e9;
	background-color: transparent;
	text-decoration: underline;
}

.link{
	background: url(../img/ico/ico_link.gif) 0 center no-repeat;
	background: url(../img/ico/ico_link.gif) 0 0 no-repeat\9;
	padding: 2px 0 2px 20px;
	display: block;
}

.external{
	background: url(../img/ico/ico_window.gif) 0 center no-repeat;
	padding-left: 20px;
}

#pageTop{
	cursor: pointer;
}

/* [6] Space
================================================ */

.mt0 { margin-top: 0px !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mt80 { margin-top: 80px !important; }

.mr0 { margin-right: 0px !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }

.mb0 { margin-bottom: 0px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }

.ml0 { margin-left: 0px !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml50 { margin-left: 50px !important; }

.w05per{ width: 5%; }
.w10per{ width: 10%; }
.w15per{ width: 15%; }
.w20per{ width: 20%; }
.w25per{ width: 25%; }
.w30per{ width: 30%; }
.w35per{ width: 35%; }
.w40per{ width: 40%; }
.w45per{ width: 45%; }
.w50per{ width: 50%; }
.w60per{ width: 60%; }
.w65per{ width: 65%; }
.w70per{ width: 70%; }

/* [7] CSS Hack
================================================ */

/* clearfix */
.clearfix:after,
ul:after,
dl:after{
	content: "";
    display: block;
    clear: both;
}
.clearfix,ul,dl {zoom:1;}

/* [8] noscript
================================================ */

noscript{
	clear: both;
	color: red;
	text-align: center;
}

/* [9] table
================================================ */

.tableWrap{
width: 670px;
background: url("../img/bg/bg_table01.gif") 0 0 repeat-y;
padding: 3px;
margin: 15px 0;
}

table {
width: 664px;
line-height: 1.5em;
}

table tr td {
background: #FFF;
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
padding: 8px 10px;
vertical-align: top;
}

table tr th {
width: 20%;
background: #FFF;
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
padding: 8px 10px;
text-align: left;
vertical-align: top;
font-weight: normal;
}

/* [10] btnFontSize
================================================ */
#btnFontSizeNormal,#btnFontSizeLarge{
	outline: none;
}