@charset "utf-8";

/*-----------------------------------------------------
IMPORT

@import url("style.css");
@import url("print.css");

======================================================*/

/*-----------------------------------------------------




DEFAULT ___ 
======================================================*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	}
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {display: block;}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
html{overflow-y: scroll; /* for mozilla: always display scrollbar */}
fieldset,img {border: 0;}
ul {list-style: none;}
caption,th {text-align: left;}
q:before,q:after {content:'';}
abbr,acronym { border: 0;}
table {border-collapse: collapse;border-spacing: 0;font-size: 100%;font-family: inherit;}
caption, th, td {
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}


a{

	color:#333;
}
a:hover{
	
	color:#555;

}

/*-----------------------------------------------------
FONT_SIZE_BODY base: 13px
======================================================*/
body {
	color: #3f3f3f;
    *font-size:small;
    *font:x-small;
	font-size: 13px;
	*font-size: 82%;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;


	letter-spacing:0;
	  -webkit-text-size-adjust : none;

}


.font10 { font-size:77%;}
.font11 { font-size:85%;}
.font12 { font-size:93%;}
.font13 { font-size:100%;}
.font14 { font-size:108%;}
.font15 { font-size:116%;}
.font16 { font-size:123.1%;}
.font17 { font-size:131%;}
.font18 { font-size:138.5%;}
.font19 { font-size:146.5%;}
.font20 { font-size:153.9%;}
.font21 { font-size:161.6%;}
.font22 { font-size:167%;}
.font23 { font-size:174%;}
.font24 { font-size:182%;}
.font25 { font-size:189%;}
.font26 { font-size:197%;}

.txt_right{ text-align:right;}
.txt_left{ text-align:left;}
.txt_center{ text-align:center;}

/*-----------------------------------------------------
MARGIN_PADDING
======================================================*/

.marT0{margin-top:0px;}
.marT5{margin-top:5px;}
.marT10{margin-top:10px;}
.marT15{margin-top:15px;}
.marT20{margin-top:20px;}
.marT22{margin-top:22px;}
.marT25{margin-top:25px;}
.marT30{margin-top:30px;}
.marT35{margin-top:35px;}
.marT40{margin-top:40px;}
.marT50{margin-top:50px;}

.marB0{margin-bottom:0px;}
.marB3{margin-bottom:3px;}
.marB4{margin-bottom:4px;}
.marB5{margin-bottom:5px;}
.marB7{margin-bottom:7px;}
.marB10{margin-bottom:10px;}
.marB15{margin-bottom:15px;}
.marB20{margin-bottom:20px;}
.marB25{margin-bottom:25px;}
.marB30{margin-bottom:30px;}
.marB35{margin-bottom:35px;}
.marB40{margin-bottom:40px;}
.marB45{margin-bottom:45px;}
.marB50{margin-bottom:50px;}
.marB60{margin-bottom:60px;}
.marB80{margin-bottom:80px;}
.marB95{margin-bottom:95px;}

.marR0{margin-right:0px;}
.marR3{margin-right:3px;}
.marR4{margin-right:4px;}
.marR5{margin-right:5px;}
.marR6{margin-right:6px;}
.marR7{margin-right:7px;}
.marR8{margin-right:8px;}
.marR10{margin-right:10px;}
.marR11{margin-right:11px;}
.marR15{margin-right:15px;}
.marR20{margin-right:20px;}
.marR25{margin-right:25px;}
.marR30{margin-right:30px;}
.marR35{margin-right:35px;}
.marR40{margin-right:40px;}
.marR50{margin-right:50px;}
.marR70{margin-right:70px;}

.marL0{margin-left:0px;}
.marL3{margin-left:3px;}
.marL5{margin-left:5px;}
.marL10{margin-left:10px;}
.marL15{margin-left:15px;}
.marL20{margin-left:20px;}
.marL25{margin-left:25px;}
.marL30{margin-left:30px;}
.marL35{margin-left:35px;}
.marL40{margin-left:40px;}


.padT0{padding-top:0px;}
.padT5{padding-top:5px;}
.padT10{padding-top:10px;}
.padT15{padding-top:15px;}
.padT20{padding-top:20px;}
.padT25{padding-top:25px;}
.padT30{padding-top:30px;}
.padT35{padding-top:35px;}
.padT40{padding-top:40px;}

.padB0{padding-bottom:0px;}
.padB5{padding-bottom:5px;}
.padB10{padding-bottom:10px;}
.padB15{padding-bottom:15px;}
.padB20{padding-bottom:20px;}
.padB25{padding-bottom:25px;}
.padB30{padding-bottom:30px;}
.padB35{padding-bottom:35px;}
.padB40{padding-bottom:40px;}

.padR0{padding-right:0px;}
.padR5{padding-right:5px;}
.padR10{padding-right:10px;}
.padR15{padding-right:15px;}
.padR20{padding-right:20px;}
.padR25{padding-right:25px;}
.padR30{padding-right:30px;}
.padR35{padding-right:35px;}
.padR40{padding-right:40px;}

.padL0{padding-left:0px;}
.padL5{padding-left:5px;}
.padL10{padding-left:10px;}
.padL15{padding-left:15px;}
.padL18{padding-left:18px;}
.padL20{padding-left:20px;}
.padL25{padding-left:25px;}
.padL30{padding-left:30px;}
.padL35{padding-left:35px;}
.padL40{padding-left:40px;}

.pad0{padding:0px;}
.pad5{padding:5px;}
.pad10{padding:10px;}
.pad15{padding:15px;}
.pad20{padding:20px;}
.pad25{padding:25px;}
.pad30{padding:30px;}
.pad35{padding:35px;}
.pad40{padding:40px;}

a{
	text-decoration:none;
}

.imgRight{
	float:right;
	padding:0 0 20px 20px;
}
.imgLeft{
	float:left;
	margin:0 20px 20px 0;
}

.relative{
	position:relative;
}
/*-----------------------------------------------------
CLEARFIX
======================================================*/
/* For modern browsers */
.clearfix:before,
.clearfix:after {
	content:"";
	display:table;
}

.clearfix:after {
	clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.clearfix {
	zoom:1;
}
/*-----------------------------------------------------
TABLE
======================================================*/

table{
	width:100%;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}
table.normal{

}
table.normal th{
	padding:10px;
	background:#999;
	color:#fff;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}
table.normal th.gr{
	background:#999;
	font-weight:bold;
}
table.normal th.or{
	background:#F60;
	font-weight:bold;
}


table.normal td{
	padding:10px 10px;
	background:#fafafa;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}

table.normal td.design1{
	background:#efefef;
	color:#333;
	font-weight:bold;
	padding:10px 10px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}

.stripe th,
.stripe td{
  padding: 10px;
  border: 1px solid #666;
  
}
.stripe .odd{
  background: #fafafa;
}
.stripe thead{
  color: #fff;
  background: #3f4551;
  background: -webkit-gradient(linear, left top, left bottom, from(#3f4551), to(#222));
  background: -moz-linear-gradient(top,  #3f4551,  #222);
  background: -o-linear-gradient(top,  #3f4551,  #222);
  background: -ms-linear-gradient(top,  #3f4551,  #222);
  background: linear-gradient(top,  #3f4551,  #222);
  -pie-background: linear-gradient(top,  #3f4551,  #222);
  background: -webkit-gradient(linear, left top, left bottom, from(#3f4551), to(#222));
  box-shadow:  0 0 1px #ccc;
  behavior: url(PIE.htc);
}
.stripe thead th{
  border-right: 1px solid #ccc;
}
.stripe thead th:last-child{
  border-right: 1px solid #666;
}
.stripe td span{
  background: #333;
  color: #fff;
  border-radius: 2px;
  padding: 2px 5px;
  font-size: 10px;
  behavior: url(PIE.htc);
}