@charset "utf-8";
/* css description  *************************************

	# NAME: 元素ライブラリ
	# AUTHOR: MLA&DA
	# LAST MODIFIED: 2008-08-20
	# DESCRIPTION: 基本元素
	# version: 1.1
	# Last Editor: yuma 2008-11-23

/* 100. clear-both set
********************************************************* */

.clr { margin: 0; padding: 0; clear: both; font-size: 0px; line-height: 0px; height: 0px; }
.clr5 { margin: 0; padding: 0; clear: both; font-size: 0px; line-height: 5px; height: 5px; }
.clr10 { margin: 0; padding: 0; clear: both; font-size: 0px; line-height: 10px; height: 10px; }
.clr15 { margin: 0; padding: 0; clear: both; font-size: 0px; line-height: 15px; height: 15px; }
.clr20 { margin: 0; padding: 0; clear: both; font-size: 0px; line-height: 20px; height: 20px; }
.clr25 { margin: 0; padding: 0; clear: both; font-size: 0px; line-height: 25px; height: 25px; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix{ zoom:1; /*overflow:hidden;*/ }

/* 200. block level float left right set
********************************************************* */

.bl-left { margin: 0; padding: 0; float: left; }
.bl-right { margin: 0; padding: 0; float: right; }
.bl-left5 { margin: 0px 5px 0px 0px; padding: 0; float: left; }
.bl-right5 { margin: 0px 0px 0px 5px; padding: 0; float: right; }
.bl-left10 { margin: 0px 10px 0px 0px; padding: 0; float: left; }
.bl-right10 { margin: 0px 0px 0px 10px; padding: 0; float: right; }

/* 300. align left right center set
********************************************************* */

.al-left { text-align: left; }
.al-right { text-align: right; }
.al-center { text-align: center; }

/* 350. vertical-align left right center set
********************************************************* */

.val-top { vertical-align:top; }
.val-middle { vertical-align:middle; }
.val-bottom { vertical-align:bottom; }

table th .val-top , table td .val-top { vertical-align:top; }
table th .val-middle , table td .val-middle { vertical-align:middle; }
table th .val-bottom , table td .val-bottom { vertical-align:bottom; }

/* 400. width set
********************************************************* */

.w100pr { width: 100%; }
.w90pr { width: 90%; }
.w80pr { width: 80%; }
.w60pr { width: 60%; }
.w50pr { width: 50%; }
.w45pr { width: 45%; }
.w40pr { width: 40%; }

.w870px { width: 870px; }
.w800px { width: 800px; }
.w770px { width: 770px; }
.w600px { width: 600px; }
.w550px { width: 550px; }
.w500px { width: 500px; }
.w450px { width: 450px; }
.w430px { width: 430px; }
.w420px { width: 420px; }
.w410px { width: 410px; }
.w400px { width: 400px; }
.w380px { width: 380px; }
.w375px { width: 375px; }
.w370px { width: 370px; }
.w365px { width: 365px; }
.w360px { width: 360px; }
.w320px { width: 320px; }
.w300px { width: 300px; }
.w275px { width: 275px; }
.w260px { width: 260px; }
.w250px { width: 250px; }
.w240px { width: 240px; }
.w230px { width: 230px; }
.w225px { width: 225px; }
.w220px { width: 220px; }
.w215px { width: 215px; }
.w200px { width: 200px; }
.w190px { width: 190px; }
.w180px { width: 180px; }
.w160px { width: 160px; }
.w140px { width: 140px; }
.w130px { width: 130px; }
.w120px { width: 120px; }
.w110px { width: 110px; }
.w100px { width: 100px; }
.w90px { width: 90px; }
.w80px { width: 80px; }
.w60px { width: 60px; }
.w50px { width: 50px; }
.w40px { width: 40px; }
.w30px { width: 30px; }
.w25px { width: 25px; }
.w20px { width: 20px; }
.w15px { width: 15px; }
.w10px { width: 10px; }

/* 500. margin set
********************************************************* */

.m50 { margin: 50px; }
.m30 { margin: 30px; }
.m20 { margin: 20px; }
.m15 { margin: 15px; }
.m10 { margin: 10px; }
.m5 { margin: 5px; }
.mT50 { margin-top: 50px; }
.mT30 { margin-top: 30px; }
.mT20 { margin-top: 20px; }
.mT15 { margin-top: 15px; }
.mT10 { margin-top: 10px; }
.mT5 { margin-top: 5px; }
.mT3 { margin-top: 3px; }
.mT2 { margin-top: 2px; }
.mT1 { margin-top: 1px; }
.mR50 { margin-right: 50px; }
.mR30 { margin-right: 30px; }
.mR20 { margin-right: 20px; }
.mR15 { margin-right: 15px; }
.mR10 { margin-right: 10px; }
.mR5 { margin-right: 5px; }
.mR3 { margin-right: 3px; }
.mR2 { margin-right: 2px; }
.mR1 { margin-right: 1px; }
.mB100 { margin-bottom: 100px; }
.mB50 { margin-bottom: 50px; }
.mB30 { margin-bottom: 30px; }
.mB20 { margin-bottom: 20px; }
.mB15 { margin-bottom: 15px; }
.mB10 { margin-bottom: 10px; }
.mB5 { margin-bottom: 5px; }
.mB3 { margin-bottom: 3px; }
.mB1 { margin-bottom: 1px; }
.mL150 { margin-left: 150px; }
.mL130 { margin-left: 130px; }
.mL100 { margin-left: 100px; }
.mL50 { margin-left: 50px; }
.mL30 { margin-left: 30px; }
.mL20 { margin-left: 20px; }
.mL15 { margin-left: 15px; }
.mL10 { margin-left: 10px; }
.mL8 { margin-left: 8px; }
.mL5 { margin-left: 5px; }
.mL3 { margin-left: 3px; }
.mL2 { margin-left: 2px; }

.m-auto { margin-left:auto; margin-right:auto; }

/* 600. padding set
********************************************************* */

.p50 { padding:50px; }
.p30 { padding:30px; }
.p20 { padding:20px; }
.p15 { padding:15px; }
.p10 { padding:10px; }
.p5 { padding:5px; }
.p3 { padding:3px; }
.pT50 { padding-top:50px; }
.pT30 { padding-top:30px; }
.pT20 { padding-top:20px; }
.pT10 { padding-top:10px; }
.pT5 { padding-top:5px; }
.pT3 { padding-top:3px; }
.pB50 { padding-bottom:50px; }
.pB30 { padding-bottom:30px; }
.pB20 { padding-bottom:20px; }
.pB10 { padding-bottom:10px; }
.pB5 { padding-bottom:5px; }
.pB3 { padding-bottom:3px; }
.pR10 { padding-right: 10px; }
.pR5 { padding-right: 5px; }

.pL15 { padding-left:15px; }

/* 700. Line-hight
********************************************************* */
.lh_1-0 { line-height:1.0; }
.lh_1-2 { line-height:1.2; }
.lh_1-4 { line-height:1.4; }
.lh_1-6 { line-height:1.6; }
.lh_2-0 { line-height:2.0; }
.lh_3-0 { line-height:3.0; }


/* 800. background color set
********************************************************* */
/* white gray */
.bg-fff { background:#fff !important; }
.bg-333 { background:#333; }
.bg-666 { background:#666; }
.bg-777 { background:#777; color:#fff; }
.bg-888 { background:#777; color:#fff; }
.bg-999 { background:#999; color:#fff; }
.bg-ccc { background:#ccc; color:#fff; }
.bg-ddd { background:#ddd; color:#333; }

/* table 背景 */
/* 共通 */
/* 上部th */
.bg-ebf { background:#EBF7FF !important; color:#333 !important; }
.bg-e8e { background:#e8e8e8 !important; color:#333 !important; }

/* td */ 
.bg-fcf { background:#fcfcfc; }
.bg-f2f { background:#f2f2f2; }
.bg-f6f { background:#f6f6f6; }
.bg-f5f { background:#f5f5f5; }
.bg-ffc { background:#ffffcc; }

/* ロールオーバー */
.tb-over {	background-color:#EBF7FF; }
.tb01-over , .tb01b-over {	background-color:#EBF7FF; }

/* 背景色 */
.bg-1 { background:#fff; color:#000; }
.bg-2 { background:#999; color:#fff; }
.bg-3 { background:#f66; color:#fff; }
.bg-4 { background:#2b91e1; color:#fff; }
.bg-5 { background:#ffc; color:#000; }
.bg-6 { background:#cf9; color:#000; }
.bg-7 { background:#fc6; color:#000; }
.bg-8 { background:#fcf; color:#000; }
/* 背景色 薄め light */
.bg-1-lt { background:#ffffff; color:#333; }
.bg-2-lt { background:#e3e3e3; color:#333; }
.bg-3-lt { background:#FFECF0; color:#333; }
.bg-4-lt { background:#D8EDFF; color:#333; }
.bg-5-lt { background:#FFFFE7; color:#333; }
.bg-6-lt { background:#ECFFEF; color:#333; }
.bg-7-lt { background:#FFEFDD; color:#333; }
.bg-8-lt { background:#FDEEFF; color:#333; }
/* 背景色 薄め pale */
.bg-1-pl { background:#ffffff; color:#333; }
.bg-2-pl { background:#f9f9f9; color:#333; }
.bg-3-pl { background:#FFF6F9; color:#333; }
.bg-4-pl { background:#EBF6FF; color:#333; }
.bg-5-pl { background:#FFFFF3; color:#333; }
.bg-6-pl { background:#F5FFF7; color:#333; }
.bg-7-pl { background:#FFF7EE; color:#333; }
.bg-8-pl { background:#FFFBFE; color:#333; }

/* 背景　ボーダーボトム　グレー・白ライン */
.bd-btm-ccc { border-bottom:1px solid #ccc; }
hr { margin:15px 0 15px 0; height: 1px; border-top:1px solid #ddd;	}
hr.line { background-color:#ddd; color:#ddd; border:none; height:1px; } 
hr.line-dot { background-color:#ddd; color:#ddd; border:none; height:1px; margin:0 0 0px 0; padding:0 0 0 0; } 
html>/**/body hr.line-dot { margin:0 0 5px 0; }

/* 000. Table Basic
********************************************************* */
table { background:#fff;}
table td { line-height:1.4;}
table img { vertical-align:middle; }
table caption { padding:3px 0; line-height:1.0; }

/* 010. Small Font Table
********************************************************* */
table.small td { font-size: 90%;}
table.xsmall td { font-size:x-small;}
table .stripe {  }

/* 100. 汎用テーブルセット
********************************************************* */
/* tb01 */
.tb01 , .tb01b { margin:0 0 15px 0; padding:0; border:1px #ccc solid; border-collapse:collapse; }
.tb01 th , .tb01b th { padding:4px 2px; border: 1px #ccc solid; background:#666;color:#fff; font-weight:normal; line-height:1.2; }
.tb01 td , .tb01b td { padding:2px 4px; border: 1px #ccc solid; line-height:1.8; }
.tb01 th a ,  .tb01 th a:visited , .tb01b th a , .tb01b th a:visited { color:#fff; text-decoration:none; }
.tb01 th a:hover , .tb01b th a:hover { text-decoration:underline; }
/* tb01c 横ボーダーなし */
.tb01c { margin:0 0 15px 0; padding:0; border:1px #ccc solid; border-collapse:collapse; border-left:none; border-right:none; }
.tb01c th { padding:4px 2px; border: 1px #ccc solid; border-left:none; border-right:none; #666; color:#fff; font-weight:normal; line-height:1.2; }
.tb01c th.tb01c-crt { background:#666; }
.tb01c td { padding:2px 4px; border: 1px #ccc solid; border-left:none; border-right:none; line-height:1.8; }
.tb01c th a , .tb01c th a:visited { color:#fff; text-decoration:none; }
.tb01c th a:hover { text-decoration:underline; }
.tb01c .bd-left { border-left:1px solid #ccc; }
/* tb03 th赤 */
.tb03 { margin:0 0 15px 0; padding:0; border:1px #ccc solid; border-collapse:collapse; }
.tb03 th { padding:4px 2px; border: 1px #ccc solid; background:#F5DFE5; color:#000; font-weight:normal; line-height:1.2; vertical-align:top; vertical-align:text-top; }
.tb03 td { padding:2px 4px; border: 1px #ccc solid; line-height:1.8; }
/* 汎用ボーダーなし  */
.tb04 { margin:0 0 10px 0; padding:0;/* border:1px #fff solid;*/ border:none; border-collapse:collapse; }
.tb04 th { padding:4px 2px; /*border: 1px #fff solid;*/ color:#000; font-weight:normal; line-height:1.2; }
.tb04 td { padding:2px 4px; /*border: 1px #fff solid;*/ border:none; border-bottom:1px dotted #ccc; line-height:1.8; }
