/* =====================================================================
*    Yahoo UI Library Reset CSS
*    Copyright (c) 2009, Yahoo! Inc. All rights reserved.
*    Code licensed under the BSD License:
*    http://developer.yahoo.net/yui/license.txt
*    version: 2.7.0
* =================================================================== */
 
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, table, td, th, pre, code, form, fieldset, legend, input, button, 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;
}
 
li {
	list-style: none;
}
 
caption, th {
	text-align: left;
}
 
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
 
input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}

 
/* =====================================================================
*    Basic Format
* =================================================================== */

html,body {
	height: 100%;
}

body {
	line-height: 2.0;
	letter-spacing: 0.07em;
}
 
hr {
	display:none;
}
 
form {
	margin:0;
	padding:0;
}
 
input, textarea {
	font-family: Helvetica, Arial, sans-serif;
}
 
input {
	line-height: 1.2;
}
 
textarea {
	padding: 0.4em 10px;
}
 
img {
	
	vertical-align: bottom;
}

p {
	
}

abbr {
	border: none;
}

 
body {
	/* for IE6/7 */ 
	*font-size:small;
	/* for IE Quirks Mode */
	*font:x-small; 
	
}

table {
	font-size: inherit;
	font: 100%;
}
 
select, input, textarea {
	font-size: 99%;
}

/*------------------------------------------------------------
	フワッと出す
------------------------------------------------------------*/
.fadein {
	opacity : 0.1;
	transform : translate(0, 100px);
	transition : all 1000ms;
	}

/* 画面内に入った状態 */
.fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
	}
/* =====================================================================
*    Basic Font Format
* =================================================================== */

body {
	font-family: Verdana, 'YuGothic', 'Yu Gothic','游ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
}
*:first-child+html body {
	font-family: Verdana, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
}
* html body {
	font-family: Verdana, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
}


.x-large   { font-size: 174%; }
.large     { font-size: 144%; }
.mid       { font-size: 122%; }
.small     { font-size:  92%; }
.x-small   { font-size:  77%; letter-spacing: 1px; }


/* =====================================================================
*    Basic Hyperlink Format
* =================================================================== */
a         { color: #212121; text-decoration: none; }
a:hover   { color: #FFFFFF; text-decoration: none; }
a:focus   { color: #FFFFFF; text-decoration: none;}

.crumb-inner2 a   { color: #fff; text-decoration: none; }

/* =====================================================================
*    Margin
* =================================================================== */
.w15 {margin: 0 15%!important;}
.mgT5 {margin-top:5px;}
.mgT10 {margin-top:10px;}
.mgT15 {margin-top:15px;}
.mgT20 {margin-top:20px;}
.mgT40 {margin-top:40px;}
.mgB2 {margin-bottom:2px;}
.mgB5 {margin-bottom:5px;}
.mgB10 {margin-bottom:10px;}
.mgB15 {margin-bottom:15px;}
.mgB20 {margin-bottom:20px;}
.mgB30 {margin-bottom:30px;}
.mgB40 {margin-bottom:40px;}
.mgL5 {margin-left:5px;}
.mgL10 {margin-left:10px;}
.mgL20 {margin-left:20px;}
.mgR5 {margin-right:5px;}
.mgR10 {margin-right:10px;}
.mgR20 {margin-right:20px;}
.mgR21 {margin-right:21px;}
.pdT10 {padding-top:10px;}
.pdL5 {padding-left:5px;}
.pdL10 {padding-left:10px;}
.pdR20 {padding-right:20px;}
.pdR25 {padding-right:25px;}




/* =====================================================================
*    table
* =================================================================== */
.tableBox table {
	width: 100%;
	margin: 0 auto;
	border-collapse: collapse;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.tableBox table th {
	padding: 20px;
    text-align: left;
    vertical-align: middle;
    color: #666666;
    background: #eee;
    border-bottom: 1px dotted #999;
    border-left: 1px solid #ccc;
	width: 20%;
}
.tableBox table td {
	padding: 10px;
    border-bottom: 1px dotted #999;
    border-left: 1px solid #ccc;
	line-height: 1.4;
	vertical-align: middle;
}

.tableBox table ul li {
  line-height: 1.8;
}

@media only screen and (max-width: 992.999px){
	.tableBox table {
		width: 100%;
	}
	
	.tableBox table th {
		display: block;
		width: auto;
	}
	.tableBox table td {
		display: block;
		width: auto;
	}
}
/* =====================================================================
*    Float
* =================================================================== */

.flL {float:left;}
.flR {float:right;}

/* =====================================================================
*    Align
* =================================================================== */

.alL {text-align:left;}
.alC {text-align:center;}
.alR {text-align:right;}

/* =====================================================================
*    clearfix
* =================================================================== */

.clearfix {
	display: block;
	min-height: 1%;
}
.clearfix:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix {
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}