@charset "shift_jis";

/*
  Summary: Common Styles Tools
  Created: 2007-11-15
  Last update: 2007-11-15 by Garyu

  File name: tool.css
  Author: Garyu, Mutsuki
  Copyright: (c) CGFM LLC.
*/

/*
----------------------------------------------------------------------------- 
[1]Common Class
----------------------------------------------------------------------------- */
.clear{ clear:both;}
hr{display:none;}
img{ vertical-align:text-bottom; }
.hidden{display:none;}
.disp_none{display:none;}

/*-- clearfix --*/
/* modern browser */
.clearfix:after {
	content: url(../img_common/spacer.gif);
	display: block;
	clear: both;
	height: 0; 
}
/* Win IE5.5-7 */
.clearfix { display: inline-block; }
.clearfix { display: block; }
/* mac / ie ¥*/
.clearfix { overflow: hidden; }
/* */

/*------- table ---------- */
.cel_nowrap {white-space: nowrap;}

/*------- parts class ---------- */
/* float */
.float_left {float:left;}
.float_right{float:right;}

.ta_c{text-align:center;}
.ta_l{text-align:left;}
.ta_r{text-align:right;}

.va_b{ vertical-align:bottom;}

.w02{width: 20px;}
.w05{width: 50px;}
.w08{width: 80px;}
.w10{width:100px;}
.w12{width:120px;}
.w15{width:150px;}
.w16{width:160px;}
.w18{width:180px;}
.w20{width:200px;}
.w25{width:250px;}
.w30{width:300px;}
.w32{width:320px;}
.w35{width:350px;}
.w40{width:400px;}
.w45{width:450px;}
.w48{width:480px;}

.w05p{width: 5%;}
.w10p{width: 10%;}
.w20p{width: 20%;}
.w25p{width: 25%;}
.w30p{width: 30%;}
.w40p{width: 40%;}
.w50p{width: 50%;}
.w60p{width: 60%;}
.w70p{width: 70%;}
.w75p{width: 75%;}
.w80p{width: 80%;}
.w90p{width: 90%;}
.w100p{width: 100%;}


.h05{height: 50px;}
.h06{height: 60px;}
.h09{height: 90px;}
.h10{height:100px;}
.h12{height:120px;}
.h15{height:150px;}
.h18{height:180px;}
.h20{height:200px;}
.h21{height:210px;}
.h25{height:250px;}
.h30{height:300px;}
.h35{height:350px;}
.h40{height:400px;}
.h45{height:450px;}


.mt05e{margin-top:0.5em;}
.mt1e {margin-top:1em;}
.mt15e{margin-top:1.5em;}
.mt2e {margin-top:2em;}

.mt0{margin-top:0px;}
.mt02{margin-top:2px;}
.mt05{margin-top:5px;}
.mt10{margin-top:10px;}
.mt12{margin-top:12px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}

.mb05e{margin-bottom:0.5em;}
.mb1e {margin-bottom:1em;}
.mb15e{margin-bottom:1.5em;}
.mb2e {margin-bottom:2em;}

.mb0{margin-bottom:0px;}
.mb02{margin-bottom:2px;}
.mb05{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb12{margin-bottom:12px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}

.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}

.ml05e{margin-left:0.5em;}
.ml10e{margin-left:1em;}
.ml15e{margin-left:1.5em;}
.ml20e{margin-left:2em;}
.ml25e{margin-left:2.5em;}
.ml30e{margin-left:3em;}

.mr10{margin-right:10px;}

.pl05e{padding-left:0.5em;}
.pl1e{padding-left:1em;}
.pl15e{padding-left:1.5em;}
.pl2e{padding-left:2em;}

.pl0{padding-left:0px;}
.pl02{padding-left:2px;}
.pl05{padding-left:5px;}
.pl10{padding-left:10px;}
.pl12{padding-left:12px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl25{padding-left:25px;}
.pl30{padding-left:30px;}
.pl35{padding-left:35px;}

.lh20{ line-height:2.0em;}



/* -- list -- */


ul.li_inline li{
	display:inline;
}

ul.ul-decimal li{
	list-style-position:inside;
	list-style-type: disc;
}
ul.ul-circle li{
	list-style-position:inside;
	list-style-type:circle;
}
ul.ul-square li{
	list-style-position:inside;
	list-style-type:square;
}
/* ------- icon list class ---------- */
.list_note{
	padding-left:16px !important;
	background:url(../img_common/icon_note1.gif) no-repeat 0px 2px;
}

ul.list_note { background:none;}
ul.list_note li{
	padding-left:16px !important;
	background:url(../img_common/icon_note1.gif) no-repeat 0px 0px;
}


ul.link_arrow1{
	list-style:none;
}
	ul.link_arrow1 li{
		margin-bottom:0.4em;
		padding-left:20px !important;
		padding-top:2px;
		padding-bottom:2px;
		padding-right:0.5em;
		background:url(../img_common/list01.gif) no-repeat 0px 0px;
	}

ul.list2{
}
ul.list2 li{
	padding:0 0 2px 15px;
	background:url(../img_public/list02.jpg) no-repeat 0px 2px;
}
ul.list3 li{}
	ul.list3 li a,
	.link_btn_s a{
		padding:0 0 3px 18px;
		background:url(../img_common/list01.jpg) no-repeat 0 0;
	}
	
ul.list4 li a{
	padding:0 0 2px 10px;
	background:url(../img_public/menu/list.gif) no-repeat 0em 0.1em;
}
ul.list_q{
	margin-bottom:30px;
}
	ul.list_q li {
		padding:2px 0 5px 30px;
		background:url(../img_common/list_q.gif) no-repeat 0px 0px;
	}
	ul.list_q li a{
		padding-bottom:5px;
	}



/* ------- link icon class ---------- */

/* arrow */
.arrow1,
span.arrow1 a,
li.arrow1 a,
a.arrow1{
	padding-left:20px !important;
	padding-bottom:3px;
	background:url(../img_common/list01.gif) no-repeat center left;
}

.arrow2,
span.arrow2 a,
li.arrow2 a,
a.arrow2{
	padding-left:16px !important;
	background:url(../img_common/list02.gif) no-repeat center left;
}


/* icon_arrow1 */
.icon_arrow1,
a.link_other{
	padding-left:20px !important;
	padding-bottom:3px;
	background:url(../img_common/list01.gif) no-repeat 0px 0px;
}
.icon_arrow1_left,
a.link_other_left{
	padding-left:20px !important;
	padding-bottom:3px;
	background:url(../img_common/list01left.gif) no-repeat 0px 0px;
}
.icon_arrow1_up,
a.link_other_up{
	padding-left:20px !important;
	padding-bottom:3px;
	background:url(../img_common/list01up.gif) no-repeat 0px 0px;
}
.icon_arrow1_down,
a.link_other_down{
	padding-left:20px !important;
	padding-bottom:3px;
	background:url(../img_common/list01down.gif) no-repeat 0px 0px;
}
/* icon_arrow2 */
.icon_arrow2,
a.link_other2{
	padding-left:16px !important;
	background:url(../img_common/list02.gif) no-repeat 0px 2px;
}
.icon_arrow2_left,
a.link_other2_left{
	padding-left:16px !important;
	background:url(../img_common/list02left.gif) no-repeat 0px 0px;
}
.icon_arrow2_up,
a.link_other2_up{
	padding-left:16px !important;
	background:url(../img_common/list02up.gif) no-repeat 0px 0px;
}
.icon_arrow2_down,
a.link_other2_down{
	padding-left:16px !important;
	background:url(../img_common/list02down.gif) no-repeat 0px 0px;
}
.pdf_link{
	padding:3px 0 3px 20px;
	background:url(../img_common/icon_pdf.gif) no-repeat 0px 0px;
}
li.pdf_link{
	background:url(../img_common/icon_pdf.gif) no-repeat 0px 1px !important;
}

/* link_button */
.link_btn a{
	padding:1px 35px 1px 0;
	background:url(../img_common/link_btn.gif) no-repeat right center;
}
/* for Link List on DB (asp)  */
a.link_btn_db{
	padding-right:30px;
}
	a.link_btn_db span{
		padding:1px 32px 1px 0;
		background:url(../img_common/link_btn.gif) no-repeat right center;
	}

.link_btn_l a{
	padding:1px 0px 1px 37px;
	background:url(../img_common/link_btn.gif) no-repeat 0em 0.2em;
}

.pre_order_border{
	padding:3px 5px;
	margin-right:3px;
	border:1px solid #ccc;
}

.link_btn_arrow1{
	padding:3px 5px;
	margin-right:3px;
	border:1px solid #ccc;
}
	.link_btn_arrow1 a{
		padding-left:20px !important;
		padding-bottom:3px;
		background:url(../img_common/list01.gif) no-repeat 0px 0px;
	}
.link_btn_arrow2{
	padding:3px 5px;
	margin-right:3px;
	border:1px solid #ccc;
}
	.link_btn_arrow2 a{
		padding-left:16px !important;
		background:url(../img_common/list02.gif) no-repeat 0px 2px;
	}

/* ol class */
ol.ol_decimal{
	list-style-type:decimal;
	margin-left:20px;
	line-height:1.8;
}
ol.ol_decimal li{
	margin-bottom:15px;
}

/* qa common */
.q{
	padding-left:40px;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dotted #ccc;
	background:url(../img_common/q.gif) no-repeat 0px 0px;
}
.a{
	padding-left:40px;
	padding-bottom:10px;
	margin-bottom:5px;
	border-bottom:3px solid #ddd;
	background:url(../img_common/a.gif) no-repeat 0px 0px;
}

/* pagetop class "/Library/link_pagetop.lbi" */
p.p_link_pagetop{
	margin-bottom:20px;
	text-align:right;
}
	p.p_link_pagetop a{
		padding-left:12px !important;
		background:url(../img_common/list02up.gif) no-repeat center left;
		font-size:small;
	}

/* text */
pre{
	padding:1em;
	margin:1em;
	font-size:1em;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	xfont-family:"Courier New", Courier, mono;
	xfont-family:Arial, Helvetica, sans-serif;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-family:Verdana, "ƒqƒ‰ƒMƒmŠpƒS Std W8", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
}
	pre strong{
		color:red;
		font-weight:bold;
	}
pre.sorce_css{

	background-color:#FFFFCC;
	border:2px dotted #CC6633;
}
pre.sorce_html{
	background-color:#DDFFDD;
	border:2px dotted #009933;
}


/*
----------------------------------------------------------------------------- 
[99] hack ,debug, etc
----------------------------------------------------------------------------- */