@charset "UTF-8";

body {
	font-size: 15px;
	width:100%;
	height:auto;
}

html,body,header,section,footer,h1,h2,h3,h4,h5,div,p,img{
	margin:0;
	padding:0;
	border:none;
	-webkit-margin-before: 0px;
	-webkit-margin-after: 0px;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	font-size:0;
}
body,input,textarea,select,option,button{
	line-height:1.4;
}
h1 {
	font-size:0;
}
h2,
h3 {
	font-size:0;
}
h4,
h5 {
	font-size:0;
}

img{
	width:100%;
	height:auto;
}

/**
 * [static] 文字組み
 */
.center{
	text-align:center !important;
}
.left{
	text-align:left !important;
}
.right{
	text-align:right !important;
}
.middle{
	vertical-align:middle !important;
}

/**
 * [static] まわりこみ制御
 */
.fl{
	float:left;
}
.fr{
	float:right;
}
.fc{
	float:none;
	clear:both;
}

/**
 * [static] レイアウト制御
 */
.inline{
	display:inline !important;
}
.block{
	display:block !important;
}

/**
 * [static] マージン制御
 */
.mt1em  { margin-top:   1em !important; }
.mt1p5em{ margin-top: 1.5em !important; }
.mt2em  { margin-top:   2em !important; }
.mt0 { margin-top:  0   !important; }
.mt1per { margin-top:  1% !important; }
.mt2per { margin-top:  2% !important; }
.mt3per { margin-top:  3% !important; }
.mt4per { margin-top:  4% !important; }
.mt5per { margin-top:  5% !important; }
.mt6per { margin-top:  6% !important; }
.mt7per { margin-top:  7% !important; }
.mt8per { margin-top:  8% !important; }
.mt9per { margin-top:  9% !important; }
.mt10per{ margin-top: 10% !important; }
.mt15per{ margin-top: 15% !important; }
.mt20per{ margin-top: 20% !important; }
.mt25per{ margin-top: 25% !important; }
.mt30per{ margin-top: 30% !important; }

.mb1em  { margin-bottom:   1em !important; }
.mb1p5em{ margin-bottom: 1.5em !important; }
.mb2em  { margin-bottom:   2em !important; }
.mb0 { margin-bottom:  0   !important; }
.mb1per { margin-bottom:  1% !important; }
.mb2per { margin-bottom:  2% !important; }
.mb3per { margin-bottom:  3% !important; }
.mb4per { margin-bottom:  4% !important; }
.mb5per { margin-bottom:  5% !important; }
.mb6per { margin-bottom:  6% !important; }
.mb7per { margin-bottom:  7% !important; }
.mb8per { margin-bottom:  8% !important; }
.mb9per { margin-bottom:  9% !important; }
.mb10per{ margin-bottom: 10% !important; }
.mb15per{ margin-bottom: 15% !important; }
.mb20per{ margin-bottom: 20% !important; }
.mb25per{ margin-bottom: 25% !important; }
.mb30per{ margin-bottom: 30% !important; }

.ml0 { margin-left:  0   !important; }
.ml1per { margin-left:  1% !important; }
.ml2per { margin-left:  2% !important; }
.ml3per { margin-left:  3% !important; }
.ml4per { margin-left:  4% !important; }
.ml5per { margin-left:  5% !important; }
.ml6per { margin-left:  6% !important; }
.ml7per { margin-left:  7% !important; }
.ml8per { margin-left:  8% !important; }
.ml9per { margin-left:  9% !important; }
.ml10per{ margin-left: 10% !important; }
.ml15per{ margin-left: 15% !important; }
.ml20per{ margin-left: 20% !important; }
.ml25per{ margin-left: 25% !important; }
.ml30per{ margin-left: 30% !important; }

.mr0 { margin-right:  0   !important; }
.mr1per { margin-right:  1% !important; }
.mr2per { margin-right:  2% !important; }
.mr3per { margin-right:  3% !important; }
.mr4per { margin-right:  4% !important; }
.mr5per { margin-right:  5% !important; }
.mr6per { margin-right:  6% !important; }
.mr7per { margin-right:  7% !important; }
.mr8per { margin-right:  8% !important; }
.mr9per { margin-right:  9% !important; }
.mr10per{ margin-right: 10% !important; }
.mr15per{ margin-right: 15% !important; }
.mr20per{ margin-right: 20% !important; }
.mr25per{ margin-right: 25% !important; }
.mr30per{ margin-right: 30% !important; }

/**
 * [static] パディング制御
 */
.pt1em  { padding-top:   1em !important; }
.pt1p5em{ padding-top: 1.5em !important; }
.pt2em  { padding-top:   2em !important; }
.pt0 { padding-top:  0   !important; }
.pt1per { padding-top:  1% !important; }
.pt2per { padding-top:  2% !important; }
.pt3per { padding-top:  3% !important; }
.pt4per { padding-top:  4% !important; }
.pt5per { padding-top:  5% !important; }
.pt6per { padding-top:  6% !important; }
.pt7per { padding-top:  7% !important; }
.pt8per { padding-top:  8% !important; }
.pt9per { padding-top:  9% !important; }
.pt10per{ padding-top: 10% !important; }
.pt15per{ padding-top: 15% !important; }
.pt20per{ padding-top: 20% !important; }
.pt25per{ padding-top: 25% !important; }
.pt30per{ padding-top: 30% !important; }

.pb1em  { padding-bottom:   1em !important; }
.pb1p5em{ padding-bottom: 1.5em !important; }
.pb2em  { padding-bottom:   2em !important; }
.pb0 { padding-bottom:  0   !important; }
.pb1per { padding-bottom:  1% !important; }
.pb2per { padding-bottom:  2% !important; }
.pb3per { padding-bottom:  3% !important; }
.pb4per { padding-bottom:  4% !important; }
.pb5per { padding-bottom:  5% !important; }
.pb6per { padding-bottom:  6% !important; }
.pb7per { padding-bottom:  7% !important; }
.pb8per { padding-bottom:  8% !important; }
.pb9per { padding-bottom:  9% !important; }
.pb10per{ padding-bottom: 10% !important; }
.pb15per{ padding-bottom: 15% !important; }
.pb20per{ padding-bottom: 20% !important; }
.pb25per{ padding-bottom: 25% !important; }
.pb30per{ padding-bottom: 30% !important; }

.pl0 { padding-left:  0   !important; }
.pl1per { padding-left:  1% !important; }
.pl2per { padding-left:  2% !important; }
.pl3per { padding-left:  3% !important; }
.pl4per { padding-left:  4% !important; }
.pl5per { padding-left:  5% !important; }
.pl6per { padding-left:  6% !important; }
.pl7per { padding-left:  7% !important; }
.pl8per { padding-left:  8% !important; }
.pl9per { padding-left:  9% !important; }
.pl10per{ padding-left: 10% !important; }
.pl15per{ padding-left: 15% !important; }
.pl20per{ padding-left: 20% !important; }
.pl25per{ padding-left: 25% !important; }
.pl30per{ padding-left: 30% !important; }

.pr0 { padding-right:  0   !important; }
.pr1per { padding-right:  1% !important; }
.pr2per { padding-right:  2% !important; }
.pr3per { padding-right:  3% !important; }
.pr4per { padding-right:  4% !important; }
.pr5per { padding-right:  5% !important; }
.pr6per { padding-right:  6% !important; }
.pr7per { padding-right:  7% !important; }
.pr8per { padding-right:  8% !important; }
.pr9per { padding-right:  9% !important; }
.pr10per{ padding-right: 10% !important; }
.pr15per{ padding-right: 15% !important; }
.pr20per{ padding-right: 20% !important; }
.pr25per{ padding-right: 25% !important; }
.pr30per{ padding-right: 30% !important; }

/**
 * [static] 幅
 */
.w01per { width: 1% !important;}
.w02per { width: 2% !important;}
.w03per { width: 3% !important;}
.w04per { width: 4% !important;}
.w05per { width: 5% !important;}
.w06per { width: 6% !important;}
.w07per { width: 7% !important;}
.w08per { width: 8% !important;}
.w09per { width: 9% !important;}
.w10per { width: 10% !important;}
.w11per { width: 11% !important;}
.w12per { width: 12% !important;}
.w13per { width: 13% !important;}
.w14per { width: 14% !important;}
.w15per { width: 15% !important;}
.w16per { width: 16% !important;}
.w17per { width: 17% !important;}
.w18per { width: 18% !important;}
.w19per { width: 19% !important;}
.w20per { width: 20% !important;}
.w21per { width: 21% !important;}
.w22per { width: 22% !important;}
.w23per { width: 23% !important;}
.w24per { width: 24% !important;}
.w25per { width: 25% !important;}
.w26per { width: 26% !important;}
.w27per { width: 27% !important;}
.w28per { width: 28% !important;}
.w29per { width: 29% !important;}
.w30per { width: 30% !important;}
.w31per { width: 31% !important;}
.w32per { width: 32% !important;}
.w33per { width: 33% !important;}
.w34per { width: 34% !important;}
.w35per { width: 35% !important;}
.w36per { width: 36% !important;}
.w37per { width: 37% !important;}
.w38per { width: 38% !important;}
.w39per { width: 39% !important;}
.w40per { width: 40% !important;}
.w41per { width: 41% !important;}
.w42per { width: 42% !important;}
.w43per { width: 43% !important;}
.w44per { width: 44% !important;}
.w45per { width: 45% !important;}
.w46per { width: 46% !important;}
.w47per { width: 47% !important;}
.w48per { width: 48% !important;}
.w49per { width: 49% !important;}
.w50per { width: 50% !important;}
.w51per { width: 51% !important;}
.w52per { width: 52% !important;}
.w53per { width: 53% !important;}
.w54per { width: 54% !important;}
.w55per { width: 55% !important;}
.w56per { width: 56% !important;}
.w57per { width: 57% !important;}
.w58per { width: 58% !important;}
.w59per { width: 59% !important;}
.w60per { width: 60% !important;}
.w61per { width: 61% !important;}
.w62per { width: 62% !important;}
.w63per { width: 63% !important;}
.w64per { width: 64% !important;}
.w65per { width: 65% !important;}
.w66per { width: 66% !important;}
.w67per { width: 67% !important;}
.w68per { width: 68% !important;}
.w69per { width: 69% !important;}
.w70per { width: 70% !important;}
.w71per { width: 71% !important;}
.w72per { width: 72% !important;}
.w73per { width: 73% !important;}
.w74per { width: 74% !important;}
.w75per { width: 75% !important;}
.w76per { width: 76% !important;}
.w77per { width: 77% !important;}
.w78per { width: 78% !important;}
.w79per { width: 79% !important;}
.w80per { width: 80% !important;}
.w81per { width: 81% !important;}
.w82per { width: 82% !important;}
.w83per { width: 83% !important;}
.w84per { width: 84% !important;}
.w85per { width: 85% !important;}
.w86per { width: 86% !important;}
.w87per { width: 87% !important;}
.w88per { width: 88% !important;}
.w89per { width: 89% !important;}
.w90per { width: 90% !important;}
.w91per { width: 91% !important;}
.w92per { width: 92% !important;}
.w93per { width: 93% !important;}
.w94per { width: 94% !important;}
.w95per { width: 95% !important;}
.w96per { width: 96% !important;}
.w97per { width: 97% !important;}
.w98per { width: 98% !important;}
.w99per { width: 99% !important;}
.w100per { width: 100% !important;}

/**
 * [parts] 文字サイズ
 */
.xxlarge{
	font-size:150%;
}
.xlarge{
	font-size:125%;
}
.large{
	font-size:116.6%;
}
.medium{
	font-size:100%;
}
.small{
	font-size: 83.3%;
}
.xsmall{
	font-size: 75%;
}
.xxsmall{
	font-size: 66.6%;
}


/**
 * [parts] リンク
 */
a:link { color: #336699; text-decoration: none; }
a:visited { color: #663366; }
a:hover { text-decoration: underline; }


/**
 * [parts] ページトップリンク .page_top
 */
.page_top{
	margin-top: 30px;
	text-align:right;
}
.page_top a {
	display: inline-block;
	padding-right: 45px;
	min-height: 36px;
	background: url(../../../../files/user/common/img/icn_pagetop.png) no-repeat 100% 0;
	line-height: 36px;
}
.page_top a:visited {
	color: #006699;
}

/**
 * [parts] 赤文字
 */
.red {
	color: #CC0000;
}

/**
 * [parts] 強調色
 */
.orange {
	color: #CC6600;
}
.green {
	color: #006600;
}
.blue {
	color: #004830;
}

/**
 * [parts] 太字
 */
.bold {
	font-weight: bold;
}

/**
 * [parts] 読み上げブラウザ対応のための隠しナビゲーション
 */
.aural{
	display: block;
	visibility: hidden;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	width: 0;
	height: 0;
	background-color: transparent;
}


/**
 * [parts] 通常のリスト
 */
ul{}
ul li{
	list-style-type:disc;
	text-indent:0;
}


/**
 * [parts] 注釈リスト
 */
ul.notes{}
ul.notes li.notes-li{
	list-style-type:none;
	text-indent:-1em;
}

/**
 * [parts] リストマークがないリスト
 */
ul.nomark{
	margin-left:0;
	padding-left:0;
}
ul.nomark li {
	list-style-type:none;
	margin-bottom: 3px;
}

/**
 * clearfix
 */

.clearfix:after {
	content:".";display:block;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	clear:both
}