@charset "UTF-8";

/* 汎用クラスの指定をしています。
/* 必要に応じて追記可能ですが、汎用クラスの範疇に入らないものは記述しないでください。
--------------------------------------------------------------*/

/* フォントサイズ（サイズ指定は全体の指定に合わせて設定）
--------------------------------------------------------------*/
.fs14 { /* 14px相当 */
	font-size:120%;
}
.fs10 { /* 10px相当 */
	font-size:80%;
}

/* フォントカラー（デザインガイドラインに沿って、よく使うものを設定）
--------------------------------------------------------------*/
.fc000000 {
	color:#000 !important;
}
.fc666666 {
	color:#666 !important;
}
.fcF08300 {
	color:#F08300 !important;
}
.fc00A3D7 {
	color:#00A3D7 !important;
}

/* LINK 
--------------------------------------------------------------*/
a.red,
a.red:link {
	color:#FF0000;
	text-decoration:none;
}
a.red:visited {
	color:#FF0000;
	text-decoration:none;
}
a.red:active {
	text-decoration:underline;
}
a.red:hover {
	text-decoration:underline;
}



/* ライン（デザインガイドラインに沿って、よく使うものを設定）
--------------------------------------------------------------*/
.solidLine {
	display:block;
	clear:both;
	width:auto;
	height:1px;
	overflow:hidden;
	margin:0;
	padding:0;
	font-size:1px;
	line-height:1px;
	background-color:#CCC;
}
.dotLineCCC {/* IEはdot指定はdashと同じになります */
	display:block;
	clear:both;
	width:auto;
	height:1px;
	overflow:hidden;
	margin:0;
	padding:0;
	font-size:1px;
	line-height:1px;
	border-top:dotted 1px #CCC;
}
.dashLineCCC {
	display:block;
	clear:both;
	width:auto;
	height:1px;
	overflow:hidden;
	margin:0;
	padding:0;
	font-size:1px;
	line-height:1px;
	border-top:dashed 1px #CCC;
}


/* 表組み
--------------------------------------------------------------*/
/* 汎用 */



/* フォーム要素の幅（デザインに応じて必要なサイズを設定）
--------------------------------------------------------------*/
input.widthAuto,
textarea.widthAuto,
select.widthAuto {
	vertical-align:middle;
}
input.width50,
textarea.width50,
select.width50 {
	vertical-align:middle;
	width:50px;
}
input.width80,
textarea.width80,
select.width80 {
	vertical-align:middle;
	width:80px;
}
input.width100,
textarea.width100,
select.width100 {
	vertical-align:middle;
	width:100px;
}
input.width130,
textarea.width130,
select.width130 {
	vertical-align:middle;
	width:130px;
}
input.width150,
textarea.width150,
select.width150 {
	vertical-align:middle;
	width:150px;
}
input.width200,
textarea.width200,
select.width200 {
	vertical-align:middle;
	width:200px;
}
input.width240,
textarea.width240,
select.width240 {
	vertical-align:middle;
	width:240px;
}
input.width270,
textarea.width270,
select.width270 {
	vertical-align:middle;
	width:270px;
}
input.width300,
textarea.width300,
select.width300 {
	vertical-align:middle;
	width:300px;
}
input.width400,
textarea.width400,
select.width400 {
	vertical-align:middle;
	width:400px;
}
input.width450,
textarea.width450,
select.width450 {
	vertical-align:middle;
	width:450px;
}
input.width500,
textarea.width500,
select.width500 {
	vertical-align:middle;
	width:500px;
}




/* 以下汎用
--------------------------------------------------------------*/

/* 強い強調 */
em.large { font-size:120%; color:#CC0000; }

/* 強い強調 */
span.large { font-size:120%; font-weight:bold; }

/* 改行禁止 */
.noBr { white-space:nowrap !important; }

/* 単語内改行OK（IEのみ） */
.brAll { word-break:break-all !important; }

/* ボーダーを消す */
.noBd { border:none !important; }

/* バックグラウンド画像をなくす */
.noBg { background:none !important; }

/* 表示 */
.dispNone {
	display:none;
}
.dispBlock {
	display:block;
}
.dispInline {
	display:inline;
}
/* 行揃え */
.alignR {
	text-align: right !important;
}
.alignL {
	text-align: left !important;
}
.alignC {
	text-align: center !important;
}
/* 縦位置 */
.vat {
	vertical-align:top !important;
}
.vam {
	vertical-align:middle !important;
}
.vab {
	vertical-align:bottom !important;
}

/* インラインアイコン */
.iconLeft {
	vertical-align:middle !important;
	margin-right:5px;
}
.iconRight {
	vertical-align:middle !important;
	margin-left:5px;
}

/* リンクリスト */

ul.link li {
	background:url(/common/img/bull_blu.gif) no-repeat 0 0;
	padding-left:15px;
	margin-bottom:5px;
}
ul.linkDwn li {
	background:url(/common/img/bull_blu_down.gif) no-repeat 0 0;
	padding-left:15px;
	margin-bottom:5px;
}
ul.linkInline li {
	display:inline;
	margin-right:15px;
	white-space: nowrap;
	background:url(/common/img/bull_blu.gif) no-repeat 0 0;
	padding-left:15px;
	line-height:1.6;
}
ul.linkInline2 li {
	display:inline;
	line-height:1.6;
}

/* リンクブレット */
a.linkBull {
	background:url(/common/img/bull_blu.gif) no-repeat 0 0;
	padding-left:15px;
}
/* リンクブレット */
a.linkGry {
	background:url(/common/img/bull_gry.gif) no-repeat 0 0.1em;
	padding-left:10px;
}

/* チェックボックス・ラジオボタンリスト */
ul.checkList li {
	margin-bottom:5px;
	text-indent:-20px;
	padding-left:20px;
}
ul.checkList li input {
	vertical-align:middle;
	margin-right:5px;
}

/* ドットリスト */
ul.dotList li {
	text-indent:-1em;
	padding-left:1em;
}

/* 回り込み */
.floLeft {
	display:block;
	float:left;
}
.floRight {
	display:block;
	float:right;
}
/* 回り込み解除 */
.floatClear {
	display:block;
	clear:both;
	width:100%;
	height:1px;
	overflow:hidden;
	margin:-1px 0 0 0;
	padding:0;
	font-size:1px;
	line-height:1px;
	background:transparent;
}

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

/* レタースペーシング */
/* 狭いところになるべく文字を詰め込みたいとき使います */
.lsMinus1 {
	letter-spacing:-1px;
}

/* マイナスインデント */
/* ※あいうえおあいうえお　*/
/* 　あいうえおあいうえお　*/
/* 　というような頭落としをテーブルを使わずに行うとき使います */
.minusIndent {
	padding-left:1em;
	text-indent:-1em;
}


/* マージン：上方向
--------------------------------------------------------------*/
.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;
}
.mt50 {
	margin-top:50px !important;
}

.mb0 { margin-bottom:0 !important; }
.mb10 { margin-bottom:10px !important; }

/* マージン：左方向
--------------------------------------------------------------*/
.ml0{
	margin-left:0px !important;
}
.ml5{
	margin-left:5px !important;
}
.ml10{
	margin-left:10px !important;
}
.ml15{
	margin-left:15px !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;
}