@charset "utf-8";
/* CSS Document */

@charset "utf-8";
/* CSS Document */

/*-------------------------------------
 layout
--------------------------------------*/
.left {float:left; display:inline;}
.right {float:right; display:inline;}
.clear {clear:both;}
.tl {text-align:left;}
.tr {text-align:right;}
.tc {text-align:center;}

.ml3 {margin-left:3px;}
.mr3 {margin-right:3px;}
.mt3 {margin-top:3px;}
.mb3 {margin-bottom:3px;}

.ml5 {margin-left:5px;}
.mr5 {margin-right:5px;}
.mt5 {margin-top:5px;}
.mb5 {margin-bottom:5px;}

.ml10 {margin-left:10px;}
.mr10 {margin-right:10px;}
.mt10 {margin-top:10px;}
.mb10 {margin-bottom:10px!important;}

.ml15 {margin-left:15px;}
.mr15 {margin-right:15px;}
.mt15 {margin-top:15px;}
.mb15 {margin-bottom:15px!important;}

.ml20 {margin-left:20px;}
.mr20 {margin-right:20px;}
.mt20 {margin-top:20px;}
.mb20 {margin-bottom:20px!important;}

.ml25 {margin-left:25px;}
.mr25 {margin-right:25px;}
.mt25 {margin-top:25px;}
.mb25 {margin-bottom:25px;}
.mb35 {margin-bottom:35px;}

.ml30 {margin-left:30px;}
.mr30 {margin-right:30px;}
.mt30 {margin-top:30px;}
.mb30 {margin-bottom:30px!important;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px!important;}
.mb80 {margin-bottom:80px;}

.ml40 {margin-left:40px;}
.mr40 {margin-right:40px;}
.mt40 {margin-top:40px;}
.mb40 {margin-bottom:40px;}

.ml45 {margin-left:45px;}
.mr45 {margin-right:45px;}
.mt45 {margin-top:45px;}
.mb45 {margin-bottom:45px;}

.ml50 {margin-left:50px;}
.mr50 {margin-right:50px;}
.mt50 {margin-top:50px;}
.mb50 {margin-bottom:50px;}

.ml60 {margin-left:60px;}
.mr60 {margin-right:60px;}
.mt60 {margin-top:60px;}
.mb60 {margin-bottom:60px;}

.ml80 {margin-left:80px;}
.mr80 {margin-right:80px;}
.mt80 {margin-top:80px;}
.mb80 {margin-bottom:80px;}

.pl5 {padding-left:5px;}
.pr5 {padding-right:5px;}
.pt5 {padding-top:5px;}
.pb5 {padding-bottom:5px;}

.pl10 {padding-left:10px;}
.pr10 {padding-right:10px;}
.pt10 {padding-top:10px;}
.pb10 {padding-bottom:10px;}

.pl15 {padding-left:15px;}
.pr15 {padding-right:15px;}
.pt15 {padding-top:15px;}
.pb15 {padding-bottom:15px;}

.pl20 {padding-left:20px;}
.pr20 {padding-right:20px;}
.pt20 {padding-top:20px;}
.pb20 {padding-bottom:20px;}

.pl30 {padding-left:30px;}
.pr30 {padding-right:30px;}
.pt30 {padding-top:30px;}
.pb30 {padding-bottom:30px;}

.pl40 {padding-left:40px;}
.pr40 {padding-right:40px;}
.pt40 {padding-top:40px;}
.pb40 {padding-bottom:40px;}

.pl50 {padding-left:50px;}
.pr50 {padding-right:50px;}
.pt50 {padding-top:50px;}
.pb50 {padding-bottom:50px;}

.pl60 {padding-left:60px;}
.pr60 {padding-right:60px;}
.pt60 {padding-top:60px;}
.pb60 {padding-bottom:60px;}

.pl80 {padding-left:80px;}
.pr80 {padding-right:80px;}
.pt80 {padding-top:80px;}
.pb80 {padding-bottom:80px;}

/*-------------------------------------
 縺昴・莉匁ｱ守畑繝代・繝?
--------------------------------------*/
/*table*/
.genericTable {border-collapse:collapse;border:1px solid #d5cfb2;}
.genericTable th {background:#ebe8d9;padding:10px;border:1px solid #d5cfb2;}
.genericTable td {background:#fff;padding:10px;border:1px solid #d5cfb2;}

/*ol*/
.genericOL {margin-left:40px;}
.genericOL li {list-style-type:decimal; list-style-position:outside;margin-bottom:10px;}

.reset th,.reset td {border:none;padding:0;margin:0;line-height:100%;background:none;}
.vab { vertical-align:baseline;}

.l ,
a.l { text-decoration:underline!important; }
a:hover.l { text-decoration:none!important; }

/*-------------------------------------
 font
--------------------------------------*/
.bold {font-weight:bold;}
.larger {font-size:117%;}
.smaller {font-size:83%;}
.smallest {font-size:10px;}
.ls {letter-spacing:-0.1em;}
.normal { font-weight:normal; }

.red {color:#CC0000;}
.orange {color:#FF6600;}
.blue {color:#0066FF;}
.green {color:#97b532;}
.yellow {color:#FFFF00;}
.black {color:#000000;}
.white {color:#FFFFFF;}
.gray {color:#999999;}

/*-------------------------------------
 text
--------------------------------------*/
p {line-height:160%;}


/* 繧､繝ｳ繝・Φ繝亥・逅? */
.ind1H { text-indent:-1.5em; margin-left:1.5em; }
.ind2 { text-indent:-2em; margin-left:2em; }
.ind2H { text-indent:-2.5em; margin-left:2.5em; }
.ind3 { text-indent:-3em; margin-left:3em; }


.lh12 { line-height:120%!important; }
.lh14 { line-height:140%!important; }
.lh16 { line-height:160%!important; }
.lh18 { line-height:180%!important; }
.lh20 { line-height:200%!important; }

/*-------------------------------------
 form
--------------------------------------*/
fieldset {border:1px solid #ccc; margin-bottom:1em; padding:0 1em 1em 1em;}

input, textarea {line-height:1.4; padding:0; vertical-align:middle; border:1px solid #ccc; margin-bottom:5px; }

input[type="checkbox"],
input[type="radio"] {vertical-align:text-bottom;}
input[type="submit"] {padding:0.1em;}
input[type="image"] {border:none;}

legend {background:#fff; padding:0.3em;}
select {padding:0;}

	/* for IE6 */
	* html input {padding:0.1em;}
	
	* html input.checkbox,
	* html input.radio {vertical-align:-0.3em;}

	* html input.submit {line-height:1.2; padding-top:0.2em;}
	
	* html select {vertical-align:-0.2em;}
	
	/* for IE7 */
	*+html input {padding:0.1em;}
	
	*+html input.submit {line-height:1.2; padding-top:0.2em;}
	
	*+html select {vertical-align:-0.2em;}

	/* for Opera9.27 */
	html:first-child input {padding:0.1em;}
	
	html:first-child input[type="checkbox"],
	html:first-child input[type="radio"] {vertical-align:middle;}

	html:first-child input[type="submit"] {padding:0.3em;}
	
	html:first-child select {padding:0.2em 0.5em;}

	/* for Opera9.5+ [Safari3 & Chrome] */
	body:first-of-type input {padding:0.1em;}

	body:first-of-type input[type="checkbox"],
	body:first-of-type input[type="radio"] {vertical-align:text-top;}
	
	body:first-of-type input[type="submit"] {padding:0.3em 0.3em 0.2em 0.3em;}

	/* for Safari3 & Chrome */
	html:not(:only-child:only-child) input {padding:0; vertical-align:baseline;}
	
	html:not(:only-child:only-child) select {vertical-align:0;}	


/*-------------------------------------
 clearfix
--------------------------------------*/
.clearfix:after { content:" "; display:block; height:0; clear:both; visibility:hidden; font-size:0.1em; line-height:0; }
.clearfix { display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* End hide from IE-mac */

	/* for IE6 */
	* html .clearfix {display:inline-block;}
	
	/* for IE7 */
	*+html .clearfix {display:inline-block;}