@charset "utf-8";
/* ===================================================================
CSS information
 file name  :  default.css
 style info :  リセット及びbody初期設定 (このスタイルシートは基本的に変更しない)
=================================================================== */




/* --- BASIC setting ----------------------------------------------------------------------------------------- */
html {margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent; }
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
li {
	list-style:none;
}
.ie6_error, .noScript {
	background:#F66;
	padding: 30px;
	text-align:center;
	font-size:150%;
	color:#333;
}
.last-child {
	margin:0 !important;
}



/* --- UTILITY ---------------------------------------------------------------------- */

/* ----------------------------------------------------------------------
 nargin
---------------------------------------------------------------------- */
.m0{margin:0 !important}			/* margin 0px を指定するクラス */
.mt0{margin-top:0 !important}		/* margin-top0px を指定するクラス */
.mr0{margin-right:0 !important}		/* margin-right0px を指定するクラス*/
.mb0{margin-bottom:0 !important}	/* margin-bottom0px を指定するクラス*/
.ml0{margin-left:0 !important}		/* margin-left0px を指定するクラス*/
.m5{margin:5px !important}
.mt5{margin-top:5px !important}
.mr5{margin-right:5px !important}
.mb5{margin-bottom:5px !important}
.ml5{margin-left:5px !important}
.m10{margin:10px !important}
.mt10{margin-top:10px !important}
.mr10{margin-right:10px !important}
.mb10{margin-bottom:10px !important}
.ml10{margin-left:10px !important}
.m15{margin:15px !important}
.mt15{margin-top:15px !important}
.mr15{margin-right:15px !important}
.mb15{margin-bottom:15px !important}
.ml15{margin-left:15px !important}
.m20{margin:20px !important}
.mt20{margin-top:20px !important}
.mr20{margin-right:20px !important}
.mb20{margin-bottom:20px !important}
.ml20{margin-left:20px !important}
.m30{margin:30px !important}
.mt30{margin-top:30px !important}
.mr30{margin-right:30px !important}
.mb30{margin-bottom:30px !important}
.ml30{margin-left:30px !important}
.m40{margin:40px !important}
.mt40{margin-top:40px !important}
.mr40{margin-right:40px !important}
.mb40{margin-bottom:40px !important}
.ml40{margin-left:40px !important}
.m50{margin:50px !important}
.mt50{margin-top:50px !important}
.mr50{margin-right:50px !important}
.mb50{margin-bottom:50px !important}
.ml50{margin-left:50px !important}
.m60{margin:60px !important}
.mt60{margin-top:60px !important}
.mr60{margin-right:60px !important}
.mb60{margin-bottom:60px !important}
.ml60{margin-left:60p !importantx}
.m70{margin:70px !important}
.mt70{margin-top:70px !important}
.mr70{margin-right:70px !important}
.mb70{margin-bottom:70px !important}
.ml70{margin-left:70px !important}
.m80{margin:80px !important}
.mt80{margin-top:80px !important}
.mr80{margin-right:80px !important}
.mb80{margin-bottom:80px !important}
.ml80{margin-left:80px !important}
/* ----------------------------------------------------------------------
 padding
---------------------------------------------------------------------- */
.p0{padding:0 !important}			/* padding-0px を指定するクラス */
.pt0{padding-top:0 !important}		/* padding-top0px を指定するクラス */
.pr0{padding-right:0 !important}	/* padding-right0px を指定するクラス */
.pb0{padding-bottom:0 !important}	/* padding-bottom0px を指定するクラス */
.pl0{padding-left:0 !important}		/* padding-left0px を指定するクラス */
.p5{padding:5px !important}
.pt5{padding-top:5px !important}
.pr5{padding-right:5px !important}
.pb5{padding-bottom:5px !important}
.pl5{padding-left:5px !important}
.p10{padding:10px !important}
.pt10{padding-top:10px !important}
.pr10{padding-right:10px !important}
.pb10{padding-bottom:10px !important}
.pl10{padding-left:10px !important}
.p15{padding:15px !important}
.pt15{padding-top:15px !important}
.pr15{padding-right:15px !important}
.pb15{padding-bottom:15px !important}
.pl15{padding-left:15px !important}
.p20{padding:20px !important}
.pt20{padding-top:20px !important}
.pr20{padding-right:20px !important}
.pb20{padding-bottom:20px !important}
.pl20{padding-left:20px !important}

/* ----------------------------------------------------------------------
 font-utility
---------------------------------------------------------------------- */
/* フォントサイズ px % */
.fs10{font-size:10px}
.fs11{font-size:11px}
.fs12{font-size:12px}
.fs13{font-size:13px}
.fs14{font-size:14px}
.fs16{font-size:16px}
.fs18{font-size:18px}
.fs24{font-size:24px}
.fs32{font-size:32px}
.fs36{font-size:36px}
.fp70{font-size:70%}
.fp80{font-size:80%}
.fp90{font-size:90%}
.fp100{font-size:100%}
.fp110{font-size:110%}
.fp120{font-size:120%}
.fp130{font-size:130%}
.fp140{font-size:140%}
.fp150{font-size:150%}
.fp160{font-size:160%}
.fp170{font-size:170%}
.fp180{font-size:180%}
.fp190{font-size:190%}
.fp200{font-size:200%}
/* テキストデコレーション */
.b{font-weight:bold}				/* 太字 */
.u{text-decoration:underline}	/* 下線 */
/* テキストカラー */
.color-red{color:red}				/* 赤色 */
.color-blue{color:#2ca9e1}		/* 青色 */
.color-green{color:#82ae46}		/* 緑色 */
.color-orange{color:#ff7d00}		/* 橙色 */
.color-yellow{color:#fff000}		/* 黄色 */
.color-pink{color:#ff0084}		/* ピンク */
.color-gray{color:#999}		/* グレー */
.color-black{color:#000}	/* 黒 */
.color-white{color:#FFF}	/* 黒 */
/* テキスト背景色 */
.bg-yellow{background:#ff0}		/* 黄色の文字背景 */
.bg-blue{background:#4ab0f5}	/* 青色の文字背景 */
.bg-red{background:red}			/* 赤色の文字背景 */
.bg-gray{background:#CCC}			/* 灰色の文字背景 */
.bg-black{background:#000}			/* 黒色の文字背景 */

/* インデント設定（文字数別） */
.ind1em{
	padding-left: 1em;

　　　 text-indent:-1em; 	text-indent: -1em;
}
.ind2em{
	padding-left: 2em;

　　　 text-indent:-2em; 	text-indent: -2em;
}
/* ラインハイト */
.lh100{line-height:1em !important}
.lh150{line-height:1.5em !important}
.lh200{line-height:2em !important}
.lh300{line-height:3em !important}
.uline_yellow {
	background-image: url(../images/common/uline_yellow.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.uline_blue01 {
	background-image: url(../images/common/uline_blue.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.uline_blue02 {
	background-image: url(../images/common/uline_blue2.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.uline_blue3 {
	background-image: url(../images/common/uline_blue3.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.uline_lgreen {
	background-image: url(../images/common/uline_lgreen.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.uline_purple {
	background-image: url(../images/common/uline_purple.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}

/* ----------------------------------------------------------------------
 align
---------------------------------------------------------------------- */
/* テキストアライン */
.alignC{text-align:center !important}	/* 中央寄せ */
.alignR{text-align:right !important}	/* 右寄せ */
.alignL{text-align:left !important}		/* 左寄せ */
/* ヴァーチカルアライン */
.valignT {vertical-align:top !important}
.valignM {vertical-align:middle !important}
.valignB {vertical-align:bottom !important}
/* ----------------------------------------------------------------------
 float
---------------------------------------------------------------------- */
.fltR{
	float: right;
}	/* 右に回り込み */
.fltL{
	float: left;
}	/* 左に回り込み */
.fltClear{clear:both}			/* 回り込みの解除 */
/* ----------------------------------------------------------------------
 img
---------------------------------------------------------------------- */
img.centered {margin-left:auto;
				margin-right:auto;
				display:block;
}
/* ----------------------------------------------------------------------
 br
---------------------------------------------------------------------- */
br {
	margin-bottom: 0.3em;
	letter-spacing: normal;
	display: block;
}
/* ----------------------------------------------------------------------
 hr
---------------------------------------------------------------------- */
hr {
	padding: 0;
	background-color: #CCCCCC; /* 線の色(NN用) */
	color: #CCCCCC; /* 線の色(IE用) */
	border: 0; /* 枠の太さ */
	height: 1px; /* 線の太さ */
	width: 100%; /* 線の長さ */
	margin-top: 1em;
	margin-right: auto;
	margin-bottom: 1em;
	margin-left: auto;
	text-align: center;
	clear: both;
	width: 98% !important;
}
/* ----------------------------------------------------------------------
 borderBox
---------------------------------------------------------------------- */
.borderBox {
	margin-right: auto;
	margin-left: auto;
	border: thick solid;
	margin-bottom: 20px;
	background-color: #FFFFFF;
	padding: 0.5em;
}
/* ----------------------------------------------------------------------

 clearfix

---------------------------------------------------------------------- */
/*フロートクリアー*/
.clear {clear: both;}
/*IE以外向け*/
.clearfix:after, section:after, dl:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix, section, dl {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix, * html section, * html dl {height: 1%;}
.clearfix, section, dl {display: block;}
/* End hide from IE-mac */