@charset "UTF-8";
/* CSS Document */

/* ------------------------------------

汎用スタイルCSS／by Koichi Maxi@Ryukyu Inc.

略語の定義

margin = mgn
padding = pdg
height = hgt
width = wid
top = top
bottom = btm
left = lft
right = rgt 
center = ctr
clear = clr
table = tbl
border = bdr

--------------------------------------- */

/*Firefoxでのフォーカス時の選択範囲を当該リンクブロックのサイズに*/
/*\*/ a { overflow:hidden;}/**/

/*フォントファミリー*/
	.serif { font-family:"游明朝体", "Yu Mincho", YuMincho, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
	.sans { font-family:"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
	.times { font-family:"Times New Roman", Times, serif;}
	.arial { font-family:"Arial Black", Gadget, sans-serif;}

/*フォントサイズ*/
	/*相対値*/
	.r9 { font-size:56.25%;}
	.r10 { font-size:62.5%;}
	.r11 { font-size:68.75%;}
	.r12 { font-size:75%;}
	.r13 { font-size:81.25%;}
	.r14 { font-size:87.5%;}
	.r16 { font-size:100%;}.r18/* 16px | medium | モダンブラウザの初期設定サイズ */
	 { font-size:112.5%;}
	.r21 { font-size:131.25%;}
	.r24 { font-size:150%;}
	.r30 { font-size:187.5%;}
	.r32 { font-size:200%;}
	.r36 { font-size:225%;}
	
	/*絶対値*/
	.a9 { font-size:9px;}
	.a10 { font-size:10px;}
	.a11 { font-size:11px;}
	.a12 { font-size:12px;}
.a12red {
	font-size:12px;
	color: #F00;
	padding-top: 10px;
	padding-bottom: 5px;
}
	.a13 { font-size:13px;}
	.a14 { font-size:14px;}
	.a16 { font-size:16px;}
	.a18 { font-size:18px;}
	.a21 { font-size:21px;}
	.a24 { font-size:24px;}
	.a30 { font-size:30px;}
	.a32 { font-size:32px;}
	.a36 { font-size:36px;}

	/*キーワード*/
	.xxs { font-size:xx-small;}
	.xs { font-size:x-small;}
	.s { font-size:small;}
	.m { font-size:medium;}
	.l { font-size:large;}
	.xl { font-size:x-large;}
	.xxl { font-size:xx-large;}


/*マージン＆パディング*/
	/*パディング*/
		/*全て*/
		.nopdg { padding: 0;}
		.pdg5 { padding: 5px;}
		.pdg10 { padding: 10px;}
		.pdg15 { padding: 15px;}
		.pdg20 { padding: 20px;}
		.pdg25 { padding: 25px;}
		.pdg30 { padding: 30px;}
		.pdg35 { padding: 35px;}
		.pdg40 { padding: 40px;}
		.pdg45 { padding: 45px;}
		.pdg50 { padding: 50px;}

		/*幅のみ*/
		.pdgwid5 { padding: 0 5px;}
		.pdgwid10 { padding: 0 10px;}
		.pdgwid15 { padding: 0 15px;}
		.pdgwid20 { padding: 0 20px;}
		.pdgwid25 { padding: 0 25px;}
		.pdgwid30 { padding: 0 30px;}
		.pdgwid35 { padding: 0 35px;}
		.pdgwid40 { padding: 0 40px;}
		.pdgwid45 { padding: 0 45px;}
		.pdgwid50 { padding: 0 50px;}
		
		/*高さのみ*/
		.pdghgt5 { padding: 5px 0;}
		.pdghgt10 { padding: 10px 0;}
		.pdghgt15 { padding: 15px 0;}
		.pdghgt20 { padding: 20px 0;}
		.pdghgt25 { padding: 25px 0;}
		.pdghgt30 { padding: 30px 0;}
		.pdghgt35 { padding: 35px 0;}
		.pdghgt40 { padding: 40px 0;}
		.pdghgt45 { padding: 45px 0;}
		.pdghgt50 { padding: 50px 0;}
		
		/*上のみ*/
		.pdgtop5 { padding: 5px 0 0 0;}
		.pdgtop10 { padding: 10px 0 0 0;}
		.pdgtop15 { padding: 15px 0 0 0;}
		.pdgtop20 { padding: 20px 0 0 0;}
		.pdgtop25 { padding: 25px 0 0 0;}
		.pdgtop30 { padding: 30px 0 0 0;}
		.pdgtop35 { padding: 35px 0 0 0;}
		.pdgtop40 { padding: 40px 0 0 0;}
		.pdgtop45 { padding: 45px 0 0 0;}
		.pdgtop50 { padding: 50px 0 0 0;}
		
		/*右のみ*/
		.pdgrgt5 { padding: 0 5px 0 0;}
		.pdgrgt10 { padding: 0 10px 0 0;}
		.pdgrgt15 { padding: 0 15px 0 0;}
		.pdgrgt20 { padding: 0 20px 0 0;}
		.pdgrgt25 { padding: 0 25px 0 0;}
		.pdgrgt30 { padding: 0 30px 0 0;}
		.pdgrgt35 { padding: 0 35px 0 0;}
		.pdgrgt40 { padding: 0 40px 0 0;}
		.pdgrgt45 { padding: 0 45px 0 0;}
		.pdgrgt50 { padding: 0 50px 0 0;}
		
		/*下のみ*/
		.pdgbtm5 { padding:0 0 5px 0;}
		.pdgbtm10 { padding:0 0 10px 0;}
		.pdgbtm15 { padding:0 0 15px 0;}
		.pdgbtm20 { padding:0 0 20px 0;}
		.pdgbtm25 { padding:0 0 25px 0;}
		.pdgbtm30 { padding:0 0 30px 0;}
		.pdgbtm35 { padding:0 0 35px 0;}
		.pdgbtm40 { padding:0 0 40px 0;}
		.pdgbtm45 { padding:0 0 45px 0;}
		.pdgbtm50 { padding:0 0 50px 0;}

		/*左のみ*/
		.pdglft5 { padding:0 0 0 5px;}
		.pdglft10 { padding:0 0 0 10px;}
		.pdglft15 { padding:0 0 0 15px;}
		.pdglft20 { padding:0 0 0 20px;}
		.pdglft25 { padding:0 0 0 25px;}
		.pdglft30 { padding:0 0 0 30px;}
		.pdglft35 { padding:0 0 0 35px;}
		.pdglft40 { padding:0 0 0 40px;}
		.pdglft45 { padding:0 0 0 45px;}
		.pdglft50 { padding:0 0 0 50px;}
		
	/*マージン*/
		/*全て*/
		.nomgn { margin: 0;}
		.mgn5 { margin: 5px;}
		.mgn10 { margin: 10px;}
		.mgn15 { margin: 15px;}
		.mgn20 { margin: 20px;}
		.mgn25 { margin: 25px;}
		.mgn30 { margin: 30px;}
		.mgn35 { margin: 35px;}
		.mgn40 { margin: 40px;}
		.mgn45 { margin: 45px;}
		.mgn50 { margin: 50px;}

		/*幅のみ*/
		.mgnwid5 { margin: 0 5px;}
		.mgnwid10 { margin: 0 10px;}
		.mgnwid15 { margin: 0 15px;}
		.mgnwid20 { margin: 0 20px;}
		.mgnwid25 { margin: 0 25px;}
		.mgnwid30 { margin: 0 30px;}
		.mgnwid35 { margin: 0 35px;}
		.mgnwid40 { margin: 0 40px;}
		.mgnwid45 { margin: 0 45px;}
		.mgnwid50 { margin: 0 50px;}
		
		/*高さのみ*/
		.mgnhgt5 { margin: 5px 0;}
		.mgnhgt10 { margin: 10px 0;}
		.mgnhgt15 { margin: 15px 0;}
		.mgnhgt20 { margin: 20px 0;}
		.mgnhgt25 { margin: 25px 0;}
		.mgnhgt30 { margin: 30px 0;}
		.mgnhgt35 { margin: 35px 0;}
		.mgnhgt40 { margin: 40px 0;}
		.mgnhgt45 { margin: 45px 0;}
		.mgnhgt50 { margin: 50px 0;}
		
		/*上のみ*/
		.mgntop5 { padding: 5px 0 0 0;}
		.mgntop10 { padding: 10px 0 0 0;}
		.mgntop15 { padding: 15px 0 0 0;}
		.mgntop20 { padding: 20px 0 0 0;}
		.mgntop25 { padding: 25px 0 0 0;}
		.mgntop30 { padding: 30px 0 0 0;}
		.mgntop35 { padding: 35px 0 0 0;}
		.mgntop40 { padding: 40px 0 0 0;}
		.mgntop45 { padding: 45px 0 0 0;}
		.mgntop50 { padding: 50px 0 0 0;}
		
		/*右のみ*/
		.mgnrgt5 { padding: 0 5px 0 0;}
		.mgnrgt10 { padding: 0 10px 0 0;}
		.mgnrgt15 { padding: 0 15px 0 0;}
		.mgnrgt20 { padding: 0 20px 0 0;}
		.mgnrgt25 { padding: 0 25px 0 0;}
		.mgnrgt30 { padding: 0 30px 0 0;}
		.mgnrgt35 { padding: 0 35px 0 0;}
		.mgnrgt40 { padding: 0 40px 0 0;}
		.mgnrgt45 { padding: 0 45px 0 0;}
		.mgnrgt50 { padding: 0 50px 0 0;}
		
		/*下のみ*/
		.mgnbtm5 { padding:0 0 5px 0;}
		.mgnbtm10 { padding:0 0 10px 0;}
		.mgnbtm15 { padding:0 0 15px 0;}
		.mgnbtm20 { padding:0 0 20px 0;}
		.mgnbtm25 { padding:0 0 25px 0;}
		.mgnbtm30 { padding:0 0 30px 0;}
		.mgnbtm35 { padding:0 0 35px 0;}
		.mgnbtm40 { padding:0 0 40px 0;}
		.mgnbtm45 { padding:0 0 45px 0;}
		.mgnbtm50 { padding:0 0 50px 0;}

		/*左のみ*/
		.mgnlft5 { padding:0 0 0 5px;}
		.mgnlft10 { padding:0 0 0 10px;}
		.mgnlft15 { padding:0 0 0 15px;}
		.mgnlft20 { padding:0 0 0 20px;}
		.mgnlft25 { padding:0 0 0 25px;}
		.mgnlft30 { padding:0 0 0 30px;}
		.mgnlft35 { padding:0 0 0 35px;}
		.mgnlft40 { padding:0 0 0 40px;}
		.mgnlft45 { padding:0 0 0 45px;}
		.mgnlft50 { padding:0 0 0 50px;}


/*テーブル*/
	/*キャプション*/
	table caption {	font-weight: bold; text-align :center; padding: 0.3em;} 
	table caption.none { display: none;} 

	/*ボーダーなし*/
	table.clrbdr { border-collapse: collapse; border: none; width:100%;}
	table.clrbdr th { border: none; padding:0.3em; vertical-align:top; text-align:center;}
	table.clrbdr td { border: none; padding:0.3em; vertical-align:top; text-align:left;}

	/*ボーダーあり*/
	table.bdr1 { border-collapse: collapse; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; width:100%; margin: 0 0 10px 0;}
	table.bdr1 th { border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; font-weight:bold; padding:0.3em; vertical-align:top; white-space:nowrap; text-align: center;}
	table.bdr1 td { border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; font-weight:normal; padding:0.3em; vertical-align:top; text-align:left;}
	
	/*ボーダーあり、テキストセンター揃え*/
	table.bdr1ctr { border-collapse: collapse; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; width:100%; margin: 0 0 10px 0;}
	table.bdr1ctr th { border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; font-weight:bold; padding:0.3em; vertical-align:middle; white-space:nowrap; text-align: center;}
	table.bdr1ctr td { border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; font-weight:normal; padding:0.3em; vertical-align:middle; text-align:center;}

	/*ボーダーあり、テキスト右揃え*/
	table.bdr1rgt { border-collapse: collapse; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; width:100%; margin: 0 0 10px 0;}
	table.bdr1rgt th { border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; font-weight:bold; padding:0.3em; vertical-align:middle; white-space:nowrap; text-align: center;}
	table.bdr1rgt td { border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; font-weight:normal; padding:0.3em; vertical-align:top; text-align:right;}


/*装飾*/
.bold { font-weight: bold;}
.noml { font-style: normal;}
.ital { font-style: italic;}
.nodisp { display:none;}
.nobr { white-space: nowrap;}


/*フォーム*/
form { margin: 0; padding: 0;}
.input50 { width: 50px;}
.input100 { width: 100px;}
.input150 { width: 150px;}
.input200 {
	width: 200px;
	margin-top: 5px;
	text-align: left;
}
.input250 { width: 250px;}
.input300 { width: 300px;}
.input350 { width: 350px;}
.input400 { width: 400px;}
.input500 { width: 500px;}
.input600 {
	width: 600px;
	text-align: left;
	margin-top: 5px;
}
.require { color: #FF0000; font-weight: bold;}
.example { color: #666666; font-size: 0.8em;}
.error { color: #FF0000; font-weight: bold;}


/*回り込み*/
.fltlft {
	float:left;
	margin: 0 20px 20px 0;
}
.fltrgt { float:right; margin: 0 0 20px 20px;}
.fltclr { clear: both; height:0;}


/*テキスト揃え*/
.txtctr { width:100%; text-align:center;}
.txtrgt { width:100%; text-align:right;}
.txtlft { width:100%; text-align:left;}

/*テーブル用揃え*/
.tblctr,
.tblctr th,
.tblctr td {
	text-align:center !important;
	vertical-align: middle !important;
}
.tblrgt,
.tblrgt th,
.tblrgt td {
	text-align:right !important;
	vertical-align: middle !important;
}
.tbllft,
.tbllft th,
.tbllft td {
	text-align:left !important;
	vertical-align: middle !important;
}

/*リスト*/
ul.licir li { list-style-type: circle;}
ul.lidsc li { list-style-type: disc;}
ul.lisqu li { list-style-type: square;}
ol.lidcm li { list-style-type: decimal;}
ol.lialp li { list-style-type: upper-alpha;}
ol.lilalp li { list-style-type: lower-alpha;}
ol.lirom li { list-style-type: upper-roman;}
ol.lilrom li { list-style-type: lower-roman;}
ol.katakana li { list-style-type: katakana;}