@charset "UTF-8";
/*========================================================================*/
/* 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%;
}

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 15px 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; }
.w160 { width: 160px; }
.w180 { width: 180px; }
.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; }
.w750 { width: 750px; }
.w800 { width: 800px; }
.w850 { width: 850px; }

/* 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: -.35em;
}

/* 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; }
.purple { color: #90C; }
.pink { color: #ff3399; }
.orange { color: #e84f33; }
.green { color: #33A02C; }
.emerald { color: #0e9981; }
.yellow { color: #FC0; }
.gray { color: #444; }
.white { color: #fff; }
.black { color: #000; }


/* BACKGROUND COLOR */
.bg-black { background-color: #000 !important; }
.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; }
.bg-camel { background-color: #efedde !important; }
.bg-yellow { background-color: #FF9 !important; }
.bg-turquoise { background-color: #00a0c6 !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;
}

.nowrap {
	white-space: nowrap;	
}

/* 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: 3px 4px;
}

.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;
}


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

.no_width {
	width: auto;
}

.full_width {
	width: 100%;
}

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


/* 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;
	/**/
}

/* MARGIN&PADDING ADJUST
------------------------------------------------------------------------*/
.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;}
.mt25  { margin-top:25px !important;}
.mt30  { margin-top:30px !important;}
.mt35  { margin-top:35px !important;}
.mt40  { margin-top:40px !important;}
.mt45  { margin-top:45px !important;}
.mt50  { margin-top:50px !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;}
.mb25  { margin-bottom:25px !important;}
.mb30  { margin-bottom:30px !important;}
.mb35  { margin-bottom:35px !important;}
.mb40  { margin-bottom:40px !important;}
.mb45  { margin-bottom:45px !important;}
.mb50  { margin-bottom:50px !important;}
.mb80  { margin-bottom: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;}
.mr25  { margin-right:25px !important; }
.mr30  { margin-right:30px !important;}
.mr35  { margin-right:35px !important;}
.mr40  { margin-right:40px !important;}
.mr45  { margin-right:45px !important;}
.mr50  { margin-right: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;}
.ml25  { margin-left:25px !important;}
.ml30  { margin-left:30px !important;}
.ml35  { margin-left:35px !important;}
.ml40  { margin-left:40px !important;}
.ml45  { margin-left:45px !important;}
.ml50  { margin-left:50px !important;}
.pt0   { padding-top:0px !important;}
.pt5   { padding-top:5px !important;}
.pt10  { padding-top:10px !important;}
.pt15  { padding-top:15px !important;}
.pt20  { padding-top:20px !important;}
.pt25  { padding-top:25px !important;}
.pt30  { padding-top:30px !important;}
.pt35  { padding-top:35px !important;}
.pt40  { padding-top:40px !important;}
.pt45  { padding-top:45px !important;}
.pt50  { padding-top:50px !important;}
.pb0   { padding-bottom:0px !important;}
.pb5   { padding-bottom:5px !important;}
.pb10  { padding-bottom:10px !important;}
.pb15  { padding-bottom:15px !important;}
.pb20  { padding-bottom:20px !important;}
.pb25  { padding-bottom:25px !important;}
.pb30  { padding-bottom:30px !important;}
.pb35  { padding-bottom:35px !important;}
.pb40  { padding-bottom:40px !important;}
.pb45  { padding-bottom:45px !important;}
.pb50  { padding-bottom:50px !important;}
.pr0   { padding-right:0px !important;}
.pr5   { padding-right:5px !important;}
.pr10  { padding-right:10px !important;}
.pr15  { padding-right:15px !important;}
.pr20  { padding-right:20px !important;}
.pr25  { padding-right:25px !important;}
.pr30  { padding-right:30px !important;}
.pr35  { padding-right:35px !important;}
.pr40  { padding-right:40px !important;}
.pr45  { padding-right:45px !important;}
.pr50  { padding-right:50px !important;}
.pl0   { padding-left:0px !important;}
.pl5   { padding-left:5px !important;}
.pl10  { padding-left:10px !important;}
.pl15  { padding-left:15px !important;}
.pl20  { padding-left:20px !important;}
.pl25  { padding-left:25px !important;}
.pl30  { padding-left:30px !important;}
.pl35  { padding-left:35px !important;}
.pl40  { padding-left:40px !important;}
.pl45  { padding-left:45px !important;}
.pl50  { padding-left:50px !important;}

/* LINK IMAGE - HOVER
------------------------------------------------------------------------*/
a.ov:hover img {
	filter:alpha(opacity=80);  /* IE7以下用 */
	-ms-filter: "alpha(opacity=80)"; /* IE8用 */
	-moz-opacity:0.8; /* Firefox 1.5未満, Netscape用 */
	-khtml-opacity: 0.8;  /* Safari 1.x, 他khtmlに対応したブラウザ用  */
	opacity: 0.8; /* Firefox 1.5以上, Opera, Safari用 */
}

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

.errormessage,
.attention {
	margin: 1em !important;
	padding: .4em .6em;
	color: #FF0000;
	border: 1px dashed #F3BDBD;
	background: #FFF5F5;
}


/* PDF ICON
------------------------------------------------------------------------*/
a[href$="pdf"]:after {
	 content: url(../image/ico-pdf.gif);
	 vertical-align: top;
	 margin-left: 5px;
}
a.nonepdf[href$="pdf"]:after {
	display:none;
}