@charset "utf-8";

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

	class - 基本クラス定義

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

/*#####################################
	global
#####################################*/

/*-------------------------------------
	color
-------------------------------------*/

.c000 { color: #000; }
.c008 { color: #008; }
.c00F { color: #00F; }
.c080 { color: #080; }
.c088 { color: #088; }
.c08F { color: #08F; }
.c0F0 { color: #0F0; }
.c0F8 { color: #0F8; }
.c0FF { color: #0FF; }
.c800 { color: #800; }
.c808 { color: #808; }
.c80F { color: #80F; }
.c880 { color: #880; }
.c888 { color: #888; }
.c88F { color: #88F; }
.c8F0 { color: #8F0; }
.c8F8 { color: #8F8; }
.c8FF { color: #8FF; }
.cF00 { color: #F00; }
.cF08 { color: #F08; }
.cF0F { color: #F0F; }
.cF80 { color: #F80; }
.cF88 { color: #F88; }
.cF8F { color: #F8F; }
.cFF0 { color: #FF0; }
.cFF8 { color: #FF8; }
.cFFF { color: #FFF; }

/*-------------------------------------
	clear
-------------------------------------*/

.clr {	clear: both;}

/*-------------------------------------
	insert
-------------------------------------*/

.insL {	float: left;	margin-right: 12px;	margin-bottom: 12px;}
.insR {	float: right;	margin-left: 12px;	margin-bottom: 12px;}

/*-------------------------------------
	float
-------------------------------------*/
.fll {
	float: left;
}

.flr {
	float: right;
}

/*-------------------------------------
	text-align
-------------------------------------*/

.taC {	text-align: center;}
.taL {	text-align: left;}
.taR {	text-align: right;}

/*-------------------------------------
	font-size
-------------------------------------*/

.fs10 {	font-size: 10px;}
.fs12 {	font-size: 12px;}
.fs14 {	font-size: 14px;}
.fs16 {	font-size: 16px;}
.fs18 {	font-size: 18px;}
.fs20 {	font-size: 20px;}

/*-------------------------------------
	margin-top
-------------------------------------*/

.mt00 {	margin-top: 0!important;}
.mt08 {	margin-top: 8px!important;}
.mt16 {	margin-top: 16px!important;}
.mt24 {	margin-top: 24px!important;}
.mt32 {	margin-top: 32px!important;}

/*-------------------------------------
	margin-bottom
-------------------------------------*/

.mb00 {	margin-bottom: 0!important;}
.mb08 {	margin-bottom: 8px!important;}
.mb16 {	margin-bottom: 16px!important;}
.mb24 {	margin-bottom: 24px!important;}
.mb32 {	margin-bottom: 32px!important;}

/*-------------------------------------
	block-align
-------------------------------------*/

.boxC {	margin-left: auto;	margin-right: auto;}
.boxL {	margin-left: 0;		margin-right: auto;}
.boxR {	margin-left: auto;	margin-right: 0;}

/*-------------------------------------
	white-space
-------------------------------------*/

.pre { white-space: pre;}
.nowrap { white-space: nowrap;}

/*#####################################
	span
#####################################*/

span.input_error_header {
	color: #F00;
	font-weight: bold;
}
span.input_error {
	background-color: #FF6;
	font-weight: bold;
}

/*#####################################
	table
#####################################*/

/*-------------------------------------
	layout-table
-------------------------------------*/

table.lt02 td {
	padding: 2px;
	vertical-align: middle;
}
table.lt04 td {
	padding: 4px;
	vertical-align: middle;
}
table.lt08 td {
	padding: 8px;
	vertical-align: middle;
}

/*#####################################
	p
#####################################*/

p.forwardlink {
	text-align: right;
	margin: 0;
	margin-top: 8px;
}
p.forwardlink a {
	background-image: url(../img/bg/icon_arrow_r.gif);
	background-position: 0 2px;
	background-repeat:	no-repeat;
	padding-left: 16px;
}
p.backlink {
	text-align: left;
	margin: 0;
	margin-top: 8px;
}
p.backlink a {
	background-image: url(../img/bg/icon_arrow_l.gif);
	background-position: 0 2px;
	background-repeat:	no-repeat;
	padding-left: 16px;
}
p.story_hr {
	text-align: center;
}

/*#####################################
	div
#####################################*/

div.hr {
	font-size: 0;
	height: 1px;
	overflow: hidden;
}

/*#####################################
	ul
#####################################*/

ul.menu {
	padding-left: 0;
	list-style-type: none!important;
}
ul.menu li {
	margin: 0;
}
ul.menu li,
ul.menu li a,
ul.menu li a span {
	height: 1%;
	background-repeat: no-repeat;
}
ul.menu li a {
	display: block;
	text-decoration: none;
}

ul.iconlist,
ul.iconlist-s {
	list-style-type: none;
	padding-left: 16px;
}
ul.iconlist-s {
	padding-left: 8px;
}
ul.iconlist li,
ul.iconlist-s li {
	background-image: url(../img/bg/icon_dot.gif);
	background-position: 0 10px;
	background-repeat: no-repeat;
	padding-left: 14px;
	line-height: 2.5;
}
ul.iconlist-s li {
	line-height: 1.75;
}
ul.iconlist li ul,
ul.iconlist-s li ul {
	list-style-type: none;
	margin: 0;
	font-size: 12px;
	padding-left: 8px;
}

ul.catch-top {
	list-style-type: none;
	padding: 0;
	text-align: center;
}
ul.catch-top li {
	margin-bottom: 8px;
}

/*#####################################
	table
#####################################*/

table.table1 {
	margin-left: auto;
	margin-right: auto;
	border: #974ccd 1px solid;
}
table.table1 th,
table.table1 td {
	border: #974ccd 1px solid;
	padding: 4px;
}
table.table1 th {
	text-align: right;
	background-color: #f7e9ff;
}
table.table1 td {
	background-color: #FFF;
}

/*#####################################
	cl
#####################################*/

.cl {
	display: inline-block;
}   
.cl:after {
	content: "";
	display: block;
	clear: both;
}