@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; }
.bl-left15 { margin: 0px 15px 0px 0px; padding: 0; float: left; }

/* 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; }
.w680px { width: 680px; }
.w650px { width: 650px; }
.w640px { width: 640px; }
.w630px { width: 630px; }
.w600px { width: 600px; }
.w560px { width: 560px; }
.w550px { width: 550px; }
.w540px { width: 540px; }
.w530px { width: 530px; }
.w520px { width: 520px; }
.w510px { width: 510px; }
.w500px { width: 500px; }
.w490px { width: 490px; }
.w480px { width: 480px; }
.w470px { width: 470px; }
.w460px { width: 460px; }
.w450px { width: 450px; }
.w440px { width: 440px; }
.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; }
.w340px { width: 340px; }
.w335px { width: 335px; }
.w320px { width: 320px; }
.w300px { width: 300px; }
.w280px { width: 280px; }
.w275px { width: 275px; }
.w270px { width: 270px; }
.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; }
.mL200 { margin-left: 200px; }
.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; }
.bg-9-lt { background:#FBF6EB; }
/* 背景色 薄め 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; }
.bg-9-pl { background:#FBF6EB; }
/* 背景　ボーダーボトム　グレー・白ライン */
.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 {  }

/* Font-color set
********************************************************* */
.fcl3 { color:#333;}
.fcl4 { color:#444;}
.fcl5 { color:#555;}
.fcl6 { color:#666;}
.fcl7 { color:#777;}
.fcl8 { color:#888;}
.fcl9 { color:#999;}
.fclA { color:#aaa;}
.fclB { color:#bbb;}
.fclC { color:#ccc;}
.fclD { color:#ddd;}
.fclE { color:#eee;}
.red { color:#F00;}
.sred { color:#f30; font-weight:bold;}
.error { color:#f30; font-weight:bold;}

/* 100. 汎用テーブルセット
********************************************************* */
th { text-align:centerl;}
/* tb01 */
.tb01 , .tb01b { margin:0 0 15px 0; padding:0; border:1px #ccc solid; border-collapse:collapse; }
.tb01 th , .tb01b th { padding:2px; border: 1px #ccc solid; background:#888;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; }
/* tb02 */
.tb02 , .tb02b { margin:0 0 15px 0; padding:0; border:1px #ccc solid; border-collapse:collapse; }
.tb02 th , .tb02b th { padding:4px 2px; border: 1px #ccc solid; background:#aaa;color:#fff; font-weight:normal; line-height:1.2; }
.tb02 td , .tb02b td { padding:2px 4px; border: 1px #ccc solid; line-height:1.8; }
.tb02 th a ,  .tb02 th a:visited , .tb01b th a , .tb01b th a:visited { color:#fff; text-decoration:none; }
.tb02 th a:hover , .tb02b th a:hover { text-decoration:underline; }
/* tb05 */
.tb05 , .tb05b { margin:0 0 15px 0; padding:0; border:1px #ccc solid; border-collapse:collapse; }
.tb05 th , .tb05b th { padding:2px 1px; border: 1px #ccc solid; background:#888;color:#fff; font-weight:normal; line-height:1.1; }
.tb05 td , .tb05b td { padding:2px 1px; border: 1px #ccc solid; line-height:1.8; }
.tb05 th a ,  .tb05 th a:visited , .tb05b th a , .tb05b th a:visited { color:#fff; text-decoration:none; }
.tb05 th a:hover , .tb05b 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; }


/* tb06 */
.tb06  { margin:0 0 15px 0; padding:0; border:1px #ccc solid; border-collapse:collapse; }
.tb06 th { padding:1px; border: 1px #ccc solid; background:#F3DCC1;color:#333; font-weight:normal; line-height:1.2; }
.tb06 th.dos { padding:1px; border: 1px #ccc solid; background:#FFF7F5;color:#333; font-weight:normal; line-height:1.2; }
.tb06 td { padding:1px 2px; border: 1px #ccc solid; line-height:1.6; }
.tb06 th a , .tb06 th a:visited  { color:#333; text-decoration:none; }

/* tb07 */
.tb07  { margin:0 0 15px 0; padding:0; border:1px #ccc solid; border-collapse:collapse; }
.tb07 th { padding:1px; border: 1px #ccc solid; background:#E7C7C3;color:#333; font-weight:normal; line-height:1.2; }
.tb07 th.dos { padding:1px; border: 1px #ccc solid; background:#FFF7F5;color:#333; font-weight:normal; line-height:1.2; }
.tb07 td { padding:1px 2px; border: 1px #ccc solid; line-height:1.6; }
.tb07 th a , .tb07 th a:visited  { color:#333; text-decoration:none; }

/* tb08 */
.tb08  { margin:0 0 15px 0; padding:0; border:1px #ccc solid; border-collapse:collapse; }
.tb08 th { padding:1px; border: 1px #ccc solid; background:#DCDDCB;color:#333; font-weight:normal; line-height:1.2; }
.tb08 th.dos { padding:1px; border: 1px #ccc solid; background:#FFFFF7;color:#333; font-weight:normal; line-height:1.2; }
.tb08 td { padding:1px 2px; border: 1px #ccc solid; line-height:1.6; }
.tb08 th a , .tb08 th a:visited  { color:#333; text-decoration:none; }

/* tb09 */
.tb09  { margin:0 0 15px 0; padding:0; border:1px #ccc solid; border-collapse:collapse; }
.tb09 th { padding:1px; border: 1px #ccc solid; background:#DCD8DD;color:#333; font-weight:normal; line-height:1.2; }
.tb09 th.dos { padding:1px; border: 1px #ccc solid; background:#F9F3F7;color:#333; font-weight:normal; line-height:1.2; }
.tb09 td { padding:1px 2px; border: 1px #ccc solid; line-height:1.6; }
.tb09 th a , .tb09 th a:visited  { color:#333; text-decoration:none; }

/* ダミー領域セット
********************************************************* */
.dummy { float:left; display:block; width:186px; height:186px;}
p.dummy500 { margin-bottom: 500px; }
p.dummy800 { margin-bottom: 800px; }
p.dummy1000 { margin-bottom: 1000px; }


/* ブロッククォート
********************************************************* */
blockquote { display:block; margin:10px 0; padding:10px; border:1px dotted #E7D2B9; background:#FFFAF7; font-size:small; color:#444; line-height:1.5;}

/* テキストサイズ
********************************************************* */
.x-small { font-size:x-small; line-height:1.4;}
.xx-small { font-size:xx-small; line-height:1.2;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(../../../shared/css/macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}