@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%;
	font-size: 90%;
}

textarea,
select,
input[type="text"],
input[type="file"],
input[type="reset"],
input[type="password"],
input[type="button"],
input[type="submit"] {
}

input[type="button"],
input[type="submit"] {
	-webkit-appearance: button;
}

label{
	margin: 0 15px 0px 0px;
}


/* BOX-MODEL WIDTH-SIZE */
.w10 { width: 10px !important; }
.w20 { width: 20px !important; }
.w30 { width: 30px !important; }
.w40 { width: 40px !important; }
.w50 { width: 50px !important; }
.w60 { width: 60px !important; }
.w70 { width: 70px !important; }
.w80 { width: 80px !important; }
.w90 { width: 90px !important; }
.w100 { width: 100px !important; }
.w110 { width: 110px !important; }
.w120 { width: 120px !important; }
.w130 { width: 130px !important; }
.w140 { width: 140px !important; }
.w150 { width: 150px !important; }
.w160 { width: 160px !important; }
.w170 { width: 170px !important; }
.w180 { width: 180px !important; }
.w190 { width: 190px !important; }
.w200 { width: 200px !important; }
.w250 { width: 250px !important; }
.w300 { width: 300px !important; }
.w350 { width: 350px !important; }
.w400 { width: 400px !important; }
.w450 { width: 450px !important; }
.w500 { width: 500px !important; }
.w550 { width: 550px !important; }
.w600 { width: 600px !important; }
.w650 { width: 650px !important; }
.w700 { width: 700px !important; }
.w750 { width: 750px !important; }
.w800 { width: 800px !important; }
.w850 { width: 850px !important; }


/* IMAGE */
img {
/*	vertical-align: bottom;
	border: none;
	border-radius: 0 !important;
	box-shadow: none !important;*/
	max-width: 100%;
	height: auto;
}

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

/* DISPLAY HIDDEN */
.hidden { display: none !important;}


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

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

/* STYLE */
.italic { font-style: italic !important; }
.oblique { font-style: oblique !important; }

/* COLOR */
.red { color: #b70e10; }
.blue { color: #0b2c79; }
.skyblue { color: #0099ff; }
.purple { color: #90C; }
.pink { color: #ff3399; }
.orange { color: #fa8f2a; }
.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-blue { background-color: #0b2c79 !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; }


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

.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: 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 {
	padding: 2px 1px;
	border: none !important;
}

/* DOT */
.bdr-top-dot { border-top-style: dotted !important; }
.bdr-rit-dot { border-right-style: dotted !important; }
.bdr-btn-dot { border-bottom-style: dotted !important; }
.bdr-lft-dot { border-left-style: dotted !important; }

/* NONE */
.bdr-top-non { border-top-style: none !important; }
.bdr-rit-non { border-right-style: none !important; }
.bdr-btn-non { border-bottom-style: none !important; }
.bdr-lft-non { border-left-style: none !important; }

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

/* TABLE ORNAMENTATION
------------------------------------------------------------------------*/
table.col {
	border-left: none;
}

table.col th,
table.col td {
	padding: 8px 10px;
	text-align: left;
	border-bottom-style: dotted;
}

table.col th {
	border-right: none;
	background-color: #f7f7f7;
}

table.col th a {
}

table.col td {
	border-bottom: 1px dotted #ccc;
}

table.col tr:last-child th,
table.col tr:last-child td {
	border-bottom-style: solid;
}

table.col td:last-child,
table.col .last-child {
	border-right-width: 0px;
}

table.col .first-child.last-child,
table.col .bdr {
	border-right-width: 1px;
}

table.row {
	border-left: none;
}

table.row caption {
	caption-side: bottom;
}

table.row th,
table.row td {
	padding: 8px 10px;
}

table.row thead th {
	text-align: center;
	background-color: #65543f;
	font-weight: normal;
	color: #e8e5dd;
	border-right: 1px solid #94826c;
}

table.row th {
	background-color: #efedde;
	font-weight: normal;
	color: #65543f;
	border-right: none;
}

table.row td {
	border-right-style: dotted;
}

table.row td:last-child,
table.row .last-child {
	border-right-width: 0px;
}

table.row .first-child.last-child,
table.col .bdr {
	border-right-width: 1px;
}


/* STRIPE (by jQuery) */
table.stripe .even td {
	background-color: #f7f7f7;
}


/* DL LIST
------------------------------------------------------------------------*/
dl.list {
	margin-top: 0;
}

dl.list dt {
	padding: 0px;
	float: left;
	font-weight: normal;
}

/* DEFAULT '1.3em' */
dl.list dd {
	padding: 0px 0px 0px 1.3em;
	margin: 0;
}

dl.list.dt-w1em dd { padding-left: 1em;}
dl.list.dt-w2em dd { padding-left: 2em;}
dl.list.dt-w3em dd { padding-left: 3em;}
dl.list.dt-w3em dd { padding-left: 3em;}
dl.list.dt-w4em dd { padding-left: 4em;}
dl.list.dt-w5em dd { padding-left: 5em;}
dl.list.dt-w6em dd { padding-left: 6em;}
dl.list.dt-w7em dd { padding-left: 7em;}
dl.list.dt-w8em dd { padding-left: 8em;}
dl.list.dt-w9em dd { padding-left: 9em;}
dl.list.dt-w10em dd { padding-left: 10em;}


/* DL ANOOTATION
------------------------------------------------------------------------*/
dl.annotation {
	margin-top: 0;
}

dl.annotation dt {
	padding: 0px;
	float: left;
	clear: both;
}

/* DEFAULT '1.3em' */
dl.annotation dd {
	padding: 0px 0px 0px 1.3em;
	margin: 0;
}

dl.annotation.dt-w1em dd { padding-left: 1em;}
dl.annotation.dt-w2em dd { padding-left: 2em;}
dl.annotation.dt-w3em dd { padding-left: 3em;}
dl.annotation.dt-w3em dd { padding-left: 3em;}
dl.annotation.dt-w4em dd { padding-left: 4em;}
dl.annotation.dt-w5em dd { padding-left: 5em;}
dl.annotation.dt-w6em dd { padding-left: 6em;}
dl.annotation.dt-w7em dd { padding-left: 7em;}
dl.annotation.dt-w8em dd { padding-left: 8em;}
dl.annotation.dt-w9em dd { padding-left: 9em;}
dl.annotation.dt-w10em dd { padding-left: 10em;}


/* INDENT
------------------------------------------------------------------------*/
.in1 { text-indent:-1em;margin-left:1em; }
.in2 { text-indent:-2em;margin-left:2em; }


/* 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.btn:hover,
a:hover img,
a.ov:hover img,
input[type="reset"]:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
	filter:alpha(opacity=70);  /* IE7以下用 */
	-ms-filter: "alpha(opacity=70)"; /* IE8用 */
	-moz-opacity:0.7; /* Firefox 1.5未満, Netscape用 */
	-khtml-opacity: 0.7;  /* Safari 1.x, 他khtmlに対応したブラウザ用  */
	opacity: 0.7; /* Firefox 1.5以上, Opera, Safari用 */
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

