@charset "UTF-8";

/*================================================================================
FileName: common.css
================================================================================*/


/*
clearfix
------------------------------------------------*/
/* float解除用 */
.clearfix:after {  content: " "; display: block; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; }


/*============================================================
共通
============================================================*/

/*list*/
ul,ol{
    padding:5px 5px 5px 25px;
}

ul.list, ul.square, ul.decimal, ul.lower-alpha{
    padding:5px 5px 5px 25px;
}
ul.list li, ul.square li, ul.decimal li, ul.lower-alpha li, ul.dotBorder li, ul.solidBorder li, ul.stripeBorder li{
    list-style:none;
/*     padding:6px 0; */
}

/*ボーダー*/
ul.dotBorder, ul.solidBorder, ul.stripeBorder{padding: 0;}
ul.dotBorder li{
    border-bottom: #cccccc 1px dotted;
}
ul.solidBorder li{
    border-bottom: #cccccc 1px solid;
}
ul.stripeBorder li.even{
    background:#efefef;
}

ul.list li{list-style:disc outside;}
/*四角*/
ul.square li{list-style:square outside;}
/*数字*/
ul.decimal li{list-style:decimal outside;}
/*小文字アルファベット*/
ul.lower-alpha li{list-style:lower-alpha outside;}

/* icon使用の場合
ul.iconList{
    padding:5px 5px 5px 25px;
}
ul.iconList li{
    list-style:none;
    background:url("../images/list_icon.png") 0 10px no-repeat;
    padding:10px 5px 10px 30px;
}
/*



/*------------------------------------------------*/
/*table*/

table{
    border:#ccc 1px solid;
    border-right:none;
    border-left:none;
    border-collapse:collapse;
    width:100%;
    margin:0 0 30px 0;
    background:#ffffff;
}
td{
    border:#ccc 1px solid;
    border-right:none;
    border-left:none;
    padding:8px;
    font-weight: normal;

}
th{
    border:#ccc 1px solid;
    padding:8px;
    text-align:center;
    font-weight: bold;
}
tbody th{
    border-right:none;
    border-left:none;
    background:#f3f3f3;
    text-align:left;
}

.lineTable th, .lineTable td{
    border:#ccc 1px solid;
}


/* .odd td,
.odd th{
    border:#ccc 1px solid;
    padding:8px;
    background:#f3f3f3;
} */
thead th{
    background:#dfdfdf;
    color:#333333;
    text-align:center;
}
tfoot td{
    background:#dfdfdf;
    color:#666666;
    text-align:center;
}

/*underline_tb*/

table.underlineTbl{
    border:none;
    border-collapse:collapse;
    width:100%;
}
table.underlineTbl td,
table.underlineTbl th{
    border:none;
    border-bottom:#535353 1px dotted;
    padding:8px;
}



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

/* float */
.imgL {
	float: left;
}
.imgR {
	float: right;
}
.left{
	float:left;
}
.right{
	float:right;
}


/* display */
.block{
	display:block;
}
.inline{
	display:inline;
}
.none{
	display:none;
}


/* Font */
.tCenter{
	text-align:center;
}
.tLeft{
	text-align:left;
}
.tRight{
	text-align:right;
}

.bold {
	font-weight:bold;
}
/* .small{
	font-size:80%;
	letter-spacing:0.1em;
} */

.white{
	color:white;
}
.black{
	color:black;
}
.red{
	color:red;
}

.blue{
	color:blue;
}
.pink{
	color:#FF55BB;
}




/* font-size */

.f120{
    font-size:120%;
}
.f140{
    font-size:140%;
}
.f160{
    font-size:160%;
}
.f180{
    font-size:180%;
}
.f200{
    font-size:200%;
}

/* line-height */
.line100{
    line-height:100%;
}
.line140{
    line-height:140%;
}
.line160{
    line-height:160%;
}
.line180{
    line-height:180%;
}
.line200{
    line-height:200%;
}



/* margin */
.marT5 {
	margin-top:5px;
}
.marT10 {
	margin-top:10px;
}
.marT20 {
	margin-top:20px;
}
.marT30 {
	margin-top:30px;
}
.marT40 {
	margin-top:40px;
}
.marT50 {
	margin-top:50px;
}


.marB10 {
	margin-bottom:10px;
}
.marB15 {
	margin-bottom:15px;
}
.marB18 {
	margin-bottom:18px;
}
.marB20 {
	margin-bottom:20px;
}
.marB25 {
	margin-bottom:25px;
}
.marB30 {
	margin-bottom:30px;
}
.marB40 {
	margin-bottom:40px;
}
.marB50 {
	margin-bottom:50px;
}
.marB60 {
	margin-bottom:60px;
}

.marL10 {
	margin-left:10px;
}
.marL20 {
	margin-left:20px;
}
.marL30 {
	margin-left:30px;
}

.marR10 {
	margin-right:10px;
}
.marR20 {
	margin-right:20px;
}
.marR30 {
	margin-right:30px;
}


/* padding */
.padT10 {
	padding-top: 10px;
}
.padT20 {
	padding-top: 20px;
}
.padT30 {
	padding-top: 30px;
}

.padB10 {
	padding-bottom: 10px;
}
.padB20 {
	padding-bottom: 20px;
}
.padB30 {
	padding-bottom: 30px;
}

.padR10 {
	padding-right: 10px;
}
.padR20 {
	padding-right: 20px;
}
.padR30 {
	padding-right: 30px;
}

.padL10 {
	padding-left: 10px;
}
.padL20 {
	padding-left: 20px;
}
.padL30 {
	padding-left: 30px;
}