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

	# NAME: 元素ライブラリ
	# AUTHOR: MLA&DA
	# LAST MODIFIED: 2009-02-28
	# DESCRIPTION: 基本元素
	# version: 1.1
	# Last Editor: Shige

----------------------------------------------------------
	
	目次

	000. 初期化set (YUI)
	100. body
	200. link
	300. clear and clearfix set
	400. float set
	500. text-align set
	400. width set	
	500. margin set
	600. padding set
	700. Line-hight
	800. background color set
	900. line

----------------------------------------------------------

// css description ************************************* */

/* 000. 初期化set  The Yahoo! User Interface Library (YUI)
********************************************************* */
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#222;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
h1{/*font-size:138.5%;*/font-size:108%;}
h2{/*font-size:123.1%;*/font-size:108%;}
h3{font-size:108%;}
h1,h2,h3,h4,h5,h6{margin:0 0 1em 0;}
h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}
abbr,acronym{border-bottom:1px dotted #000;cursor:help;}
em{font-style:italic;}
blockquote,ul,ol,dl{margin:1em;}
ol,ul,dl{margin-left:2em;}
ol li{list-style:decimal outside;}
ul li{list-style:disc outside;}
dl dd{margin-left:1em;}
th,td{border:1px solid #000;padding:.5em;}
th{font-weight:bold;text-align:center;}
caption{margin-bottom:.5em;text-align:center;}
p,fieldset,table,pre{margin-bottom:1.2em;}
/* input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;} */


/* 100. body
********************************************************* */
body { text-align:center; background:#fff; background:url(/shared/images/bg-base.jpg) repeat-x; color:#222; font-size:84%; font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, sans-serif; }
*:first-child+html body { font-family: Meiryo, "メイリオ", "MS P Gothic", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif; }

/* 200. link
********************************************************* */
a {	text-decoration:none; outline:none; }
a:link {	color: #06c; text-decoration:underline; }
a:visited {	color: #969; }
a:hover {	color: #06c; text-decoration:none; }
a:active {	color: #06c; }

.link_csr { cursor:pointer; }

/* 300. clear and clearfix 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;*/ }

/* 400. 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; }

/* 500. align left right center set
********************************************************* */
.al-left { text-align: left; }
.al-right { text-align: right; }
.al-center { text-align: center; }

/* 510. 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; }

/* 600. width set
********************************************************* */
.w100pr { width: 100%; }
.w90pr { width: 90%; }
.w80pr { width: 80%; }
.w60pr { width: 60%; }
.w50pr { width: 50%; }
.w45pr { width: 45%; }
.w40pr { width: 40%; }
.w30pr { width: 30%; }
.w20pr { width: 20%; }

.w870px { width: 870px; }
.w800px { width: 800px; }
.w770px { width: 770px; }
.w600px { width: 600px; }
.w550px { width: 550px; }
.w500px { width: 500px; }
.w450px { width: 450px; }
.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; }

/* 700. 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; }
.mB50 { margin-bottom: 50px; }
.mB30 { margin-bottom: 20px; }
.mB20 { margin-bottom: 20px; }
.mB15 { margin-bottom: 15px; }
.mB10 { margin-bottom: 10px; }
.mB5 { margin-bottom: 5px; }
.mB3 { margin-bottom: 3px; }
.mB1 { margin-bottom: 1px; }
.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:0 auto; }

/* 750. padding set
********************************************************* */
.p50 { padding: 50px; }
.p30 { padding: 30px; }
.p20 { padding: 20px; }
.p15 { padding: 15px; }
.p10 { padding: 10px; }
.p5 { padding: 5px; }
.p3 { padding:3 px; }
.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; }


/* 800. background color set
********************************************************* */
/* white gray */
.bg-fff { background:#fff}
.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; }

.bg-4b4 { background:#4b4b4b !important; color:#fff !important; }
.bg-ccd { background:#CCDEE1 !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; }


/* 900. Line-hight
********************************************************* */
.lh-10 { line-height:1.0; }
.lh-12 { line-height:1.2; }
.lh-14 { line-height:1.4; }
.lh-16 { line-height:1.6; }
.lh-20 { line-height:2.0; }
.lh-30 { line-height:3.0; }

/* 950. line
********************************************************* */
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; padding:0; } 
html>/**/body hr.line-dot { margin:0 0 5px 0; }

hr.line-ccc { margin:2px 0; padding:0; background-color:#ccc; color:#ccc; border:none; height:1px; line-height:1.0; font-size:1px; } 
/*div.line-c-dot { border:none; height:2px; margin:5px 0 5px 0; padding:0;background:url(/shared/images/common/bg-ccc-dot.gif) repeat-x bottom; } */


.bd-btm-ccc { border-bottom:1px solid #ccc; }
.bg-2line-btm { background:url(/shared/images/common/bg-2line-btm.gif) repeat-x bottom; }
.line-dot2 { border-top:1px dotted #ccc; }


/* 1000. display
********************************************************* */
.hidden { display: none; }