@charset "UTF-8";

/*----------------------------------------
　各種数値など指定
----------------------------------------*/

/* index
--------------------

[1] 初期化
[2] Position
[3] Space
[4] width
[5] font

----------------------------------------------------------------------*/


/*----------------------------------------------------------------------
	[1] 初期化
----------------------------------------------------------------------*/
* {
	margin:0;
	padding:0;
}

img {
	border:0;
	vertical-align:bottom;
}

input, button, select, optgroup, option, textarea {
	position:relative;
	margin-right:2px;
	padding:2px 0;
	vertical-align:middle;
	color:#333;
	font-size:12px;
	line-height:1.4;
}

input[type-"radio"], input[type-"checkbox"] {
top:-2px;
}

select {
	_padding:0;
}/* Mozilla*/

body {
	font-size:12px;
	line-height:1.5;
	color:#333333;
	background:url(../images/bg_ptn.gif) center -50px repeat-y;
}

a, a:visited {
	color:#347bad;
}

a:hover {
	color:#347bad;
}

ul, ol, dl {
	list-style:none;
}

table {
	border:0;
	border-collapse:collapse;
	border-spacing:0;
}



/*----------------------------------------------------------------------
	[2] Position
----------------------------------------------------------------------*/

.align-left { text-align:left; }
.align-center { text-align:center; }
.align-right { text-align:right; }
.float-left { float:left; }
.float-right { float:right; }
.clear-both { clear: both; }
.clear-left { clear: left; }
.valign-top { vertical-align: top; }
.valign-middle { vertical-align: middle; }
.valign-bottom { vertical-align: bottom; }
.img-left { float:left; margin-right: 15px; }
.img-right { float:right; margin-left: 15px; }
.vmiddle-acenter{
	vertical-align: middle;
	text-align: center;

}



/*----------------------------------------------------------------------
	[3] Space
----------------------------------------------------------------------*/

.top0 { margin-top: 0px !important; }
.top5 { margin-top: 5px !important; }
.top10 { margin-top: 10px !important; }
.top15 { margin-top: 15px !important; }
.top20 { margin-top: 20px !important; }
.top25 { margin-top: 25px !important; }
.top30 { margin-top: 30px !important; }
.top40 { margin-top: 40px !important; }
.top50 { margin-top: 50px !important; margin-bottom: 15px!important; }
.top80 { margin-top: 80px !important; margin-bottom: 15px!important; }

.right5 { margin-right: 5px !important; }
.right10 { margin-right: 10px !important; }
.right12 { margin-right: 12px !important; }
.right15 { margin-right: 15px !important; }
.right20 { margin-right: 20px !important; }

.bottom0 { margin-bottom: 0px !important; }
.bottom5 { margin-bottom: 5px !important; }
.bottom10 { margin-bottom: 10px !important; }
.bottom15 { margin-bottom: 15px !important; }
.bottom20 { margin-bottom: 20px !important; }
.bottom30 { margin-bottom: 30px !important; }

.left0 { margin-left: 0px !important; }
.left5 { margin-left: 5px !important; }
.left10 { margin-left: 10px !important; }
.left15 { margin-left: 15px !important; }
.left20 { margin-left: 20px !important; }




/*----------------------------------------------------------------------
	[4] width
----------------------------------------------------------------------*/

.w-5percent{ width: 5%; }
.w-10percent{ width: 10%; }
.w-15percent{ width: 15%; }
.w-20percent{ width: 20%; }
.w-30percent{ width: 30%; }
.w-35percent{ width: 35%; }
.w-40percent{ width: 40%; }
.w-45percent{ width: 45%; }
.w-50percent{ width: 50%; }
.w-60percent{ width: 60%; }
.w-65percent{ width: 65%; }
.w-70percent{ width: 70%; }

.w-280px{ width: 280px; }
.w-300px{ width: 300px; }
.w-350px{ width: 350px; }
.w-380px{ width: 380px; }
.w-400px{ width: 400px; }
.w-450px{ width: 450px; }




/*----------------------------------------------------------------------
	[5] font
----------------------------------------------------------------------*/


.size26 { font-size:197%; }		/* 26px */
.size25 { font-size:189%; }		/* 25px */
.size24 { font-size:182%; }		/* 24px */
.size23 { font-size:174%; }		/* 23px */
.size22 { font-size:167%; }		/* 22px */
.size21 { font-size:161.6%; }		/* 21px */
.size20 { font-size:153.9%; }		/* 20px */
.size19 { font-size:146.5%; }		/* 19px */
.size18 { font-size:138.5%; }		/* 18px */
.size17 { font-size:131%; }		/* 17px */
.size16 { font-size:123.1%; }		/* 16px */
.size15 { font-size:116%; }		/* 15px */
.size14 { font-size:108%; }		/* 14px */
.size13 { font-size:100%; }		/* 13px , default */
.size12 { font-size:93%; }		/* 12px */
.size11 { font-size:85%; }		/* 11px */
.size10 { 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; }

/* color */
.black { color: #3d3d3d; }
.red02 { color: #FF364D; }
.red { color: #b31231; }
.red-bold { color: #b31231; font-weight: bold; }
.orange { color:#FF9900; }
.orange-bold { color: #FF9900; font-weight: bold; }
.green{ color:#006633}
.blue { color: #347BAD; }
.blue-bold { color: #347BAD; font-weight: bold; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.normal { font-style: normal; }
.font-centuryold{ font-family: "Century Old Style" , 'Times New Roman', 'Century Sclool Book', "sans-serif"; }