@charset "euc-jp";
/*========================================================================*/
/* GENERAL.CSS */
/*========================================================================*/

/* YUI 2: Reset CSS [http://developer.yahoo.com/yui/reset/]
--------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border:0;
}

sup {
	vertical-align: super;
	*vertical-align: text-top;
}

sub {
	vertical-align: sub;
	*vertical-align: text-top;
}


/* FORM PARTS
------------------------------------------------------------------------*/
textarea {
	width: 95%;
	font-size: 90%;
}

textarea,
select,
input[type="text"],
input[type="file"],
input[type="reset"],
input[type="password"],
input[type="button"],
input[type="submit"] {
	padding: 2px 5px;
	font-family: 'メイリオ',Meiryo,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック', sans-serif;
}

/*
input[type="button"],
input[type="submit"] {
	font-size: 100%;
	font-weight: bold;	
}
*/

label{
	margin: 0 5px;
}


/* BOX-MODEL WIDTH-SIZE */
.w10 { width: 10px; }
.w20 { width: 20px; }
.w30 { width: 30px; }
.w40 { width: 40px; }
.w50 { width: 50px; }
.w100 { width: 100px; }
.w110 { width: 110px; }
.w120 { width: 120px; }
.w130 { width: 130px; }
.w140 { width: 140px; }
.w150 { width: 150px; }
.w200 { width: 200px; }
.w250 { width: 250px; }
.w300 { width: 300px; }
.w350 { width: 350px; }
.w400 { width: 400px; }
.w450 { width: 450px; }
.w500 { width: 500px; }
.w550 { width: 550px; }
.w600 { width: 600px; }
.w650 { width: 650px; }
.w700 { width: 700px; }

/* IMAGE */
img {
/*	vertical-align: bottom;*/
	border: none;
}

img.lft {
	margin: 0px 15px 15px 0;
}

img.rit {
	margin: 0px 0 15px 15px;
}

img.abm {
	margin-bottom: -.45em;
}

/* SHOW POSITION CONTROL */
.hide { display: none;}
.rit  { float: right;}
.lft  { float: left;}

/* FLOAT CLEAR */
.clbth{ clear:both;}
.cllft{ clear:left;}
.clrit{ clear:right;}

/* TEXT ALIGN CONTROL */
.alnrit { text-align: right;}
.alnctr { text-align: center;}
.alnlft { text-align: left;}

/* VERTICAL-ALIGN CONTROL */
.alntop { vertical-align: top;}
.alnmid { vertical-align: middle;}
.alnbtm { vertical-align: bottom;}
.alnbln { vertical-align: baseline;}


/* FONT
------------------------------------------------ */

/* WEIGHT */
.bold{ font-weight: bold !important; }
.normal{ font-weight: normal !important; }


/* COLOR */
.red { color: #ff0000; }
.blue { color: #0b2c79; }
.skyblue { color: #0099ff; }
.pink { color: #ff3399; }
.orange { color: #fa8f2a; }
.green { color: #33A02C; }
.emerald { color: #0e9981; }
.gray { color: #444; }
.white { color: #fff; }
.black { color: #000; }


/* BACKGROUND COLOR */
.bg-white { background-color: #fff !important; }
.bg-lightgray { background-color: #f7f7f7 !important; }
.bg-gray { background-color: #ddd !important; }
.bg-emerald { background-color: #5fc5b3; !important; }
.bg-lightemerald { background-color: #a7eade; !important; }


/* SIZE */
.small { font-size: small;}
.medium { font-size: medium;}
.large { font-size: larger;}
.huge { font-size: x-large;}

.notice {
	color: #666;
	font-size: 80% !important;
	font-weight: normal;
	background: none;
	padding: inherit;
	line-height: 140% !important;
}

p.notice,
ul.notice,
ol.notice {
	font-size: 70% !important;
}

/* DATA TABLE
------------------------------------------------ */
.data_table {
	border-collapse: separate;
	border: none;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

.data_table th,
.data_table td {
	border: none;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 6px 5px;
}

.data_table th {
	white-space: nowrap;
	font-weight: bold;
}

.data_table span {
	font-size: 85%;
	font-weight: normal;
}

.data_table td table {
	border-width: 0;
	border-style: none;
	padding: 0;
	margin: 0 !important;
	font-size: inherit !important;
}

.data_table td table th,
.data_table td table td {
	border: none;
	padding: 2px 1px;
}


#contents .data_table p,
#contents .data_table ol,
#contents .data_table ul {
	font-size: 100%;
	margin: 0;
	padding: 0 1.2em;
}

.no_width {
	width: auto;
}

.full_width {
	width: 100%;
}

.no_border,
.no_border th,
.no_border td {
	border: none;
}

.img-replace {
	font-size: 0.001em;
	text-indent: -9999px;
	text-decoration: none;
	display: block;
}

/* CLEARFIX
------------------------------------------------ */
.clearfix:after {
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
.clearfix {
	min-height: 1px;
	_height: 1px;
}
* html .clearfix {
	height: 1px;
	/* Mac IE5.x Hack */
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}