﻿@charset "utf-8";


/* --------------------------
		clear
-------------------------- */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix { display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hides from IE-mac */

.clear{
	clear:both;
	font-size:0;
	line-height:0;
	padding:0;
	margin:0;
}


/* --------------------------
		border-settings
-------------------------- */
.border01 {
	background: url(../img/common/line01.gif) repeat-x 0 bottom;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.border02 {
	background: url(../img/common/line01.gif) repeat-x 0 0;
	padding-top: 15px;
}


/* --------------------------
		list-settings
-------------------------- */
ul.txtList li {
	padding-left: 1em;
	text-indent: -1em;
	line-height: 1.6;
}


/* --------------------------
		text-color settings
-------------------------- */
.fc01 	{color: #EF8459;}
.fcPink {color: #EAA39A;}
.fcBlue {color: #8FC2C9;}
.fcGreen {color: #9DC239;}
.fcOrange {color: #EF8457;}


/* --------------------------
		font-settings
-------------------------- */
.fs16 {font-size: 16px;}
.fs14 {font-size: 14px;}
.fs13 {font-size: 13px;}

.fs16B {font-size: 16px;font-weight: bold;}
.fs14B {font-size: 14px;font-weight: bold;}
.fs12B {font-size: 12px;font-weight: bold;}
.fs10 {font-size: 10px;}


/* --------------------------
		text-align settings
-------------------------- */
.taRight	{text-align: right;}
.taCenter	{text-align: center;}
.taLeft		{text-align: left;}


/* --------------------------
		margin settings
-------------------------- */
.mrgB05	{margin-bottom: 5px;}
.mrgB10	{margin-bottom: 10px;}
.mrgB15	{margin-bottom: 15px;}
.mrgB20	{margin-bottom: 20px;}
.mrgB25	{margin-bottom: 25px;}
.mrgB30	{margin-bottom: 30px;}
.mrgB35	{margin-bottom: 35px;}
.mrgB40	{margin-bottom: 40px;}
.mrgB45	{margin-bottom: 45px;}
.mrgB50	{margin-bottom: 50px;}
.mrgB55	{margin-bottom: 55px;}
.mrgB60	{margin-bottom: 60px;}
.mrgB65	{margin-bottom: 65px;}
.mrgB70	{margin-bottom: 70px;}
.mrgB75	{margin-bottom: 75px;}
.mrgB80	{margin-bottom: 80px;}

.mrgT50 {margin-top: 50px;}


/* --------------------------
		padding settings
-------------------------- */
.padB05	{padding-bottom: 5px;}
.padB10	{padding-bottom: 10px;}
.padB15	{padding-bottom: 15px;}
.padB20	{padding-bottom: 20px;}
.padB25	{padding-bottom: 25px;}
.padB30	{padding-bottom: 20px;}
.padB35	{padding-bottom: 35px;}
.padB40	{padding-bottom: 40px;}
.padB45	{padding-bottom: 45px;}
.padB50	{padding-bottom: 50px;}
.padB55	{padding-bottom: 55px;}
.padB60	{padding-bottom: 60px;}
.padB65	{padding-bottom: 65px;}
.padB70	{padding-bottom: 70px;}
.padB75	{padding-bottom: 75px;}
.padB80	{padding-bottom: 80px;}

.padL20 {padding-left: 20px;}
.padL35 {padding-left: 35px;}
.padL60 {padding-left: 60px;}

.padR25 {padding-right: 25px;}

.padL20B20 {padding: 0 0 20px 20px;}


/* --------------------------
		icon-settings
-------------------------- */
.icnNew {
	background: url(../img/common/icn_new_circle.gif) no-repeat 0 0;
	padding: 5px 0 5px 36px;
}
.link01 {
	background: url(../img/common/icn_arrow01.gif) no-repeat 0 5px;
	padding-left: 15px;
}


/* --------------------------
		table settings
-------------------------- */
/*table01 */
table.table01 {
	width: 540px;
}
table.table01 th {
	background-color: #FCF3F0;
	width: 164px;
	padding: 8px 0;
	text-align: center;
}
table.table01 th,
table.table01 td {
	background-image: url(../img/common/line01.gif);
	background-position: 0 100%;
	background-repeat: repeat-x;
}
table.table01 td {padding-left: 18px;}
table.table01 td span {font-size: 10px;}
table.table01 tr.borderNone th,
table.table01 tr.borderNone td {background-image: none;}


/* --------------------------
		box settings
-------------------------- */
div.shiningBox {
	background: url(../img/common/bg_shiningbox_middle.jpg) repeat-y 0 0;
	width: 540px;
}
div.shiningBoxBgTop {
	background: url(../img/common/bg_shiningbox_top.jpg) no-repeat 0 0;
	padding-top: 21px;
}
div.shiningBoxBgBtm {
	background: url(../img/common/bg_shiningbox_bottom.jpg) no-repeat 0 100%;
	width: 500px;
	padding: 9px 20px 30px;
}

div.shiningBox2 {
	background: url(../img/common/bg_shiningbox2_middle.jpg) repeat-y 0 0;
	width: 520px;
	margin-left: 15px;
}
div.shiningBo2xBgTop {
	background: url(../img/common/bg_shiningbox2_top.jpg) no-repeat 0 0;
	padding-top: 11px;
}
div.shiningBox2BgBtm {
	background: url(../img/common/bg_shiningbox2_bottom.jpg) no-repeat 0 100%;
	width: 480px;
	padding: 5px 20px 16px;
}


/* --------------------------
		indent settings
-------------------------- */
.indent01 {margin-left: 30px;}
.indent02 {margin-left: 20px;}
.indent03 {margin-left: 15px;}
.indent04 {margin-left: 15px; margin-bottom: 30px; width: 515px;}
.indent05 {margin-left: 10px; margin-bottom: 30px; width: 520px;}
.indent06 {margin-left: 30px; margin-bottom: 15px;}
.indent07 {margin-left: 20px; margin-bottom: 20px;}
.indent08 {margin-left: 30px; margin-bottom: 30px;}
.indent09 {margin-left: 15px; margin-bottom: 15px; width: 515px;}
.indent10 {margin-left: 10px; width: 520px;}
.indent11 {margin-left: 20px; margin-bottom: 20px; width: 510px;}
.indent12 {margin-left: 25px; margin-bottom: 20px; width: 490px;}
.indent13 {margin-left: 20px; width: 500px;}
.indent14 {margin-left: 20px; margin-bottom: 40px;}
.indent15 {margin-left: 20px; margin-bottom: 20px; width: 500px;}
.indent16 {margin-left: 20px; margin-bottom: 40px; width: 510px;}


/* --------------------------
		float settings
-------------------------- */
.floatR {float: right;}
.floatL {float: left;}


/* --------------------------
		width settings
-------------------------- */
.wid150 {width: 150px;}
.wid220 {width: 220px;}
.wid230 {width: 230px;}
.wid255 {width: 255px;}

