@charset "utf-8";


/*
基本設定CSS
==========================================================

	1: 基本設定
	2: テキストリンクの設定
	3: ロールオーバー
	4: 要素
	5: 中央寄せ・左寄せ・右寄せ・クリア
	6: 行間
	7: インデント
	8: 改行
	9: リストスタイル
	10: ボーダー・ライン
	11: フォントサイズ・スタイル
	12: 色
	13: マージン
	14: 幅

==========================================================
*/

/*-----------------------------------------------
1: 基本設定
-----------------------------------------------*/
html { overflow-y:scroll;}
body { margin:0 auto; padding:0; font-size:14px; background-color:#fff; text-align:center; font-family:"メイリオ",Meiryo,"Trebuchet MS","ＭＳ Ｐゴシック",sans-serif;
	color:#333;
	width:100%;
	background-color:#fff;
}

/* IE用印刷設定CSS */ 
@media print{
body {
_zoom: 64%; /*WinIE only */
}
}

h1, h2, h3, h4, h5, h6, pre, address, th, ins { font-size:100%; font-style:normal;}
h1, h2, h3, h4, h5, h6, pre, address, ul, ol, li, dl, dt, dd, form, legend, p { margin:0; padding:0;}
table { border-collapse:collapse; border:0;}
th { text-align:left;}
input,select,textarea { vertical-align:middle;}
img { border:0; vertical-align:middle;}
ins, a { text-decoration:none;}
ul { list-style:none;}
br { letter-spacing: 0;}

/* ‘border’‘padding’の処理：ボックス内にボーダーとパディングを含む */
div, p, ul, ol, li {
	box-sizing:border-box;
	-moz-box-sizing:border-box;	/* Firefoxへの対応 */
	-webkit-box-sizing:border-box; /* Safari、Chromeへの対応 */
	-ms-box-sizing:border-box;	/* IE8への対応 */
}

/*-----------------------------------------------
2: テキストリンクの設定
-----------------------------------------------*/
a:link { color:#0000b2; text-decoration:underline;}
a:visited {	color:#7c7cb2; text-decoration:underline;}
a.noline:link { color:#0000b2; text-decoration:none;}
a.noline:visited {	color:#7c7cb2; text-decoration:none;}
a.sitemap:link { color:#fff; text-decoration:none;}
a.sitemap:visited {	color:#fff; text-decoration:none;}
a:hover, a.noline:hover { color:#ff4500; text-decoration:none;}
a.sitemap:hover { color:#fc6; text-decoration:none;}

/*-----------------------------------------------
3: ロールオーバー
-----------------------------------------------*/
a:hover img { opacity:0.01; filter:alpha(opacity=1);}
a:hover img.off { opacity:1; filter:alpha(opacity=100);}
img.on { opacity:0.01; filter:alpha(opacity=1);}
a.on { color:#ff4500; background-color:#fdfcfe;}

/*-----------------------------------------------
4: 要素
-----------------------------------------------*/
.block { display:block;}
.inline { display:inline;}
.nodisp { display:none;}
.novisi { visibility:hidden;}

/*-----------------------------------------------
5: 中央寄せ・左寄せ・右寄せ・フロート＆クリア
-----------------------------------------------*/
.ar { text-align:right;}
.al { text-align:left;}
.ac { text-align:center;}
.auto { margin-left:auto; margin-right:auto;}
.vm { vertical-align:middle;}	/* 画像とテキストの縦位置調整 */
.vbs { vertical-align:baseline;}	/* 画像とテキストの縦位置調整 */
.vsup { vertical-align:0.3em; font-size:86%;}	/* 上付き文字 */
.vsub { font-size:86%;}	/* 下付き文字 */

.fr { float:right;}
.fl { float:left;}
.clear { clear:both; font-size:1px; line-height:0.1;}	/* フロート解除（ノーマル～行幅最小） */
.clear2 { clear:both;}	/* フロート解除（ノーマル～行幅継承） */
.clf { overflow:hidden;}	/* フロート解除2（親要素に指定） */
* html .clf { height:1%;}	/* フロート解除2（親要素に指定） */	/* for IE6 */

/*-----------------------------------------------
6: 行間
-----------------------------------------------*/
.lh12 { line-height:1.2;}
.lh14 { line-height:1.4;}
.lh16 { line-height:1.6;}
.lh18 { line-height:1.8;}
.lh20 { line-height:2.0;}
.lh22 { line-height:2.2;}
.lh24 { line-height:2.4;}
.lh25 { line-height:2.5;}

/*-----------------------------------------------
7: インデント
-----------------------------------------------*/
.indent { text-indent:1em;}

/*-----------------------------------------------
8: 改行
-----------------------------------------------*/
.nobr { white-space:nowrap;}

/*-----------------------------------------------
9: リストスタイル
-----------------------------------------------*/
.lsno { list-style:none;}
.lsin { list-style-position:inside;}
.lsout { list-style-position:outside;}
.lmark01 { color:#ffffff; background-color: #0033cc; padding:0 4px;}
.lmark02 { list-style-type:lower-alpha;}
.lmark03 { list-style-type:disc;}

/*-----------------------------------------------
10: ボーダー・ライン
-----------------------------------------------*/
.bdno { border:none;}
.bd01 {	border-bottom:5px solid #1766dc;}
.bd02 {	border-bottom:1px dotted #d1d1d1;}
.bd03 {	border-bottom:1px dashed #d1d1d1;}
.bd04 {	border-bottom:1px dotted #d1d1d1;}
.bd05 {	border:1px solid #cccccc;}
.bd06 {	border-bottom:1px solid #dcdcdc;}
.bd07 {	border-left:5px solid #2c2249;}

/*-----------------------------------------------
11: フォントサイズ・スタイル
-----------------------------------------------*/
/* for IE6 */
* html body { font-size: 88%;}

/* for IE7 */
*:first-child+html body { font-size: 88%;}

.size7 { font-size:50%;}	/*-- xx-smallerと同等 --*/
.size8 { font-size:58%;}	/*-- x-smaller及びh6指定と同等 --*/
.size9 { font-size:65%;}
.size10 { font-size:72%;}
.size11 { font-size:79%;}	/*-- small, smaller及びh5指定と同等 --*/
.size12 { font-size:86%;}
.size13 { font-size:93%;}
.size14 { font-size:100%;}	/*-- medium及びh4指定と同等 --*/
.size15 { font-size:108%;}
.size16 { font-size:115%;}	/*-- large, laeger及びh3指定と同等 --*/
.size17 { font-size:122%;}
.size18 { font-size:129%;}
.size19 { font-size:136%;}
.size20 { font-size:143%;}
.size21 { font-size:150%;}
.size22 { font-size:158%;}	/*-- x-large及びh2指定と同等 --*/
.size23 { font-size:165%;}
.size24 { font-size:172%;}
.size25 { font-size:179%;}
.size26 { font-size:186%;}
.size27 { font-size:193%;}
.size28 { font-size:200%;}
.size29 { font-size:208%;}
.size30 { font-size:215%;}	/*-- xx-large及びh1指定と同等 --*/


.bold { font-weight:bold;}
.italic { font-style:italic;}
.fw_normal { font-weight:normal;}
.fs_normal { font-style:normal;}
.serif { font-family:"ＭＳ Ｐ明朝", serif;}

/*-----------------------------------------------
12: 色
-----------------------------------------------*/
.black { color:black;}
.white { color:white;}
.red { color:red;}
.green { color:green;}
.blue { color:blue;}
.gray { color:gray;}

.bgw { background-color:white !important;}
.bgb { background-color:blue !important;}
.bgg { background-color:gray !important;}
.bgy { background-color:#ffffe0 !important;}
.bgly { background-color:#ffe !important;}
.bgg { background-color:#ccc !important;}
.bglg { background-color:#dcdcdc !important;}
.bgs { background-color:silver !important;}
.bgcorp { background-color:#2c2249 !important;}

/*-----------------------------------------------
13: マージン
-----------------------------------------------*/
.mla { margin-left:auto;}
.ml0 { margin-left:0px;}
.ml2 { margin-left:2px;}
.ml3 { margin-left:3px;}
.ml5 { margin-left:5px;}	.ml10 {	margin-left:10px;}
.ml15 {	margin-left:15px;}	.ml20 {	margin-left:20px;}
.ml25 {	margin-left:25px;}	.ml30 {	margin-left:30px;}
.ml35 {	margin-left:35px;}	.ml40 {	margin-left:40px;}
.ml45 {	margin-left:45px;}	.ml50 {	margin-left:50px;}
.ml55 {	margin-left:55px;}	.ml60 {	margin-left:60px;}
.ml65 {	margin-left:65px;}	.ml70 {	margin-left:70px;}
.ml75 {	margin-left:75px;}	.ml80 {	margin-left:80px;}
.ml85 {	margin-left:85px;}	.ml90 { margin-left:90px;}
.ml95 { margin-left:95px;}	.ml100 { margin-left:100px;}
.ml110 { margin-left:110px;}
.ml120 { margin-left:120px;}
.ml130 { margin-left:130px;}
.ml140 { margin-left:140px;}
.ml150 { margin-left:150px;}

.mra { margin-right:auto;}	.mr0 { margin-right:0px;}
.mr5 { margin-right:5px;}	.mr10 {	margin-right:10px;}
.mr15 {	margin-right:15px;}	.mr20 {	margin-right:20px;}
.mr25 {	margin-right:25px;}	.mr30 {	margin-right:30px;}
.mr35 {	margin-right:35px;}	.mr40 {	margin-right:40px;}
.mr45 {	margin-right:45px;}	.mr50 {	margin-right:50px;}
.mr55 {	margin-right:55px;}	.mr60 {	margin-right:60px;}
.mr65 {	margin-right:65px;}	.mr70 {	margin-right:70px;}
.mr75 {	margin-right:75px;}	.mr80 {	margin-right:80px;}
.mr85 {	margin-right:85px;}	.mr90 { margin-right:90px;}
.mr95 { margin-right:95px;}	.mr100 { margin-right:100px;}

.mt0 { margin-top:0px;}
.mt5 { margin-top:5px;}	.mt10 {	margin-top:10px;}
.mt15 {	margin-top:15px;}	.mt20 {	margin-top:20px;}
.mt25 {	margin-top:25px;}	.mt30 {	margin-top:30px;}
.mt35 {	margin-top:35px;}	.mt40 {	margin-top:40px;}
.mt45 {	margin-top:45px;}	.mt50 {	margin-top:50px;}
.mt55 {	margin-top:55px;}	.mt60 {	margin-top:60px;}
.mt65 {	margin-top:65px;}	.mt70 {	margin-top:70px;}
.mt75 {	margin-top:75px;}	.mt80 {	margin-top:80px;}
.mt85 {	margin-top:85px;}	.mt90 { margin-top:90px;}
.mt95 { margin-top:95px;}	.mt100 { margin-top:100px;}

.mb0 { margin-top:0px;}
.mb5 { margin-bottom:5px;}	.mb10 {	margin-bottom:10px;}
.mb15 {	margin-bottom:15px;}	.mb20 {	margin-bottom:20px;}
.mb25 {	margin-bottom:25px;}	.mb30 {	margin-bottom:30px;}
.mb35 {	margin-bottom:35px;}	.mb40 {	margin-bottom:40px;}
.mb45 {	margin-bottom:45px;}	.mb50 {	margin-bottom:50px;}
.mb55 {	margin-bottom:55px;}	.mb60 {	margin-bottom:60px;}
.mb65 {	margin-bottom:65px;}	.mb70 {	margin-bottom:70px;}
.mb75 {	margin-bottom:75px;}	.mb80 {	margin-bottom:80px;}
.mb85 {	margin-bottom:85px;}	.mb90 { margin-bottom:90px;}
.mb95 { margin-bottom:95px;}	.mb100 { margin-bottom:100px;}


.pla { padding-left:auto;}	.pl0 { padding-left:0px;}
.pl5 { padding-left:5px;}	.pl10 {	padding-left:10px;}
.pl15 {	padding-left:15px;}	.pl20 {	padding-left:20px;}
.pl25 {	padding-left:25px;}	.pl30 {	padding-left:30px;}
.pl35 {	padding-left:35px;}	.pl40 {	padding-left:40px;}
.pl45 {	padding-left:45px;}	.pl50 {	padding-left:50px;}
.pl55 {	padding-left:55px;}	.pl60 {	padding-left:60px;}
.pl65 {	padding-left:65px;}	.pl70 {	padding-left:70px;}
.pl75 {	padding-left:75px;}	.pl80 {	padding-left:80px;}
.pl85 {	padding-left:85px;}	.pl90 { padding-left:90px;}
.pl95 { padding-left:95px;}	.pl100 { padding-left:100px;}
.pl110 { padding-left:110px;}
.pl120 { padding-left:120px;}
.pl130 { padding-left:130px;}
.pl140 { padding-left:140px;}
.pl150 { padding-left:150px;}

.pra { padding-right:auto;}	.pr0 { padding-right:0px;}
.pr5 { padding-right:5px;}	.pr10 {	padding-right:10px;}
.pr15 {	padding-right:15px;}	.pr20 {	padding-right:20px;}
.pr25 {	padding-right:25px;}	.pr30 {	padding-right:30px;}
.pr35 {	padding-right:35px;}	.pr40 {	padding-right:40px;}
.pr45 {	padding-right:45px;}	.pr50 {	padding-right:50px;}
.pr55 {	padding-right:55px;}	.pr60 {	padding-right:60px;}
.pr65 {	padding-right:65px;}	.pr70 {	padding-right:70px;}
.pr75 {	padding-right:75px;}	.pr80 {	padding-right:80px;}
.pr85 {	padding-right:85px;}	.pr90 { padding-right:90px;}
.pr95 { padding-right:95px;}	.pr100 { padding-right:100px;}

.pt0 { padding-top:0px;}
.pt5 { padding-top:5px;}	.pt10 {	padding-top:10px;}
.pt15 {	padding-top:15px;}	.pt20 {	padding-top:20px;}
.pt25 {	padding-top:25px;}	.pt30 {	padding-top:30px;}
.pt35 {	padding-top:35px;}	.pt40 {	padding-top:40px;}
.pt45 {	padding-top:45px;}	.pt50 {	padding-top:50px;}
.pt55 {	padding-top:55px;}	.pt60 {	padding-top:60px;}
.pt65 {	padding-top:65px;}	.pt70 {	padding-top:70px;}
.pt75 {	padding-top:75px;}	.pt80 {	padding-top:80px;}
.pt85 {	padding-top:85px;}	.pt90 { padding-top:90px;}
.pt95 { padding-top:95px;}	.pt100 { padding-top:100px;}

.pb0 { padding-bottom:0px;}
.pb2 { padding-bottom:2px;}
.pb3 { padding-bottom:3px;}
.pb5 { padding-bottom:5px;}	.pb10 {	padding-bottom:10px;}
.pb15 {	padding-bottom:15px;}	.pb20 {	padding-bottom:20px;}
.pb25 {	padding-bottom:25px;}	.pb30 {	padding-bottom:30px;}
.pb35 {	padding-bottom:35px;}	.pb40 {	padding-bottom:40px;}
.pb45 {	padding-bottom:45px;}	.pb50 {	padding-bottom:50px;}
.pb55 {	padding-bottom:55px;}	.pb60 {	padding-bottom:60px;}
.pb65 {	padding-bottom:65px;}	.pb70 {	padding-bottom:70px;}
.pb75 {	padding-bottom:75px;}	.pb80 {	padding-bottom:80px;}
.pb85 {	padding-bottom:85px;}	.pb90 { padding-bottom:90px;}
.pb95 { padding-bottom:95px;}	.pb100 { padding-bottom:100px;}


/*-----------------------------------------------
14: 幅
-----------------------------------------------*/
.wa { width:auto;}	.w100p { width:100%;}
.w20 { width:20px;}	.w30 { width:30px;}	.w40 { width:40px;}
.w50 { width:50px;}	.w60 { width:60px;}	.w70 { width:70px;}
.w80 { width:80px;}	.w90 { width:90px;}	.w100 { width:100px;}
.w110 { width:110px;}	.w120 { width:120px;}	.w130 { width:130px;}	.w140 { width:140px;}	.w150 { width:150px;}
.w160 { width:160px;}	.w170 { width:170px;}	.w180 { width:180px;}	.w190 { width:190px;}	.w200 { width:200px;}
.w210 { width:210px;}	.w220 { width:220px;}	.w230 { width:230px;}	.w240 { width:240px;}	.w250 { width:250px;}
.w260 { width:260px;}	.w270 { width:270px;}	.w280 { width:280px;}	.w290 { width:290px;}	.w300 { width:300px;}
.w320 { width:320px;}	.w340 { width:340px;}	.w350 { width:350px;}
.w400 { width:400px;}	.w420 { width:420px;}	.w450 { width:450px;}	.w480 { width:480px;}
.w500 { width:500px;}	.w520 { width:520px;}	.w550 { width:550px;}	.w580 { width:580px;}


/*-----------------------------------------------
15: その他
-----------------------------------------------*/
p#vtip { display: none; position: absolute; padding: 10px; left: 5px; font-size: 86%; background-color: white; border: 1px solid #a6c9e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999 }
p#vtip #vtipArrow { position: absolute; top: -10px; left: 5px }
