@charset "Shift_JIS";

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



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

.clear{
	clear:both;
}

a{
	outline: none !important;
}
a:link, a:visited, a:active {
	color:#000;
	text-decoration: none;
}
a:hover {
	color:#000;
	text-decoration: underline;
}

table {
	border-collapse:collapse;
}


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

/* ロールオーバー */
a:hover img {
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}

a.no_alpha:hover img,
.no_alpha a:hover img{
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

/* エラー文字 */
.atentionFont{
	color:#CC0033;
	font-weight:bold;
	*white-space:nowrap;
}
	

/* 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,
.al_c{
	text-align:center !important;
}
.tLeft,
.al_l{
	text-align:left !important;
}
.tRight,
.al_r{
	text-align:right !important;
}

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

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

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

.underLine a{
	text-decoration:underline;
	}


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



/* margin */
.marginT5 {
	margin-top:5px;
}
.marginT10 {
	margin-top:10px;
}
.marginT20 {
	margin-top:20px;
}
.marginT25{
	margin-top:25px;
	}
.marginT30 {
	margin-top:30px;
}
.marginT40 {
	margin-top:40px;
}

.marginB10 {
	margin-bottom:10px;
}
.marginB15 {
	margin-bottom:15px;
}
.marginB18 {
	margin-bottom:18px;
}
.marginB20 {
	margin-bottom:20px;
}
.marginB25 {
	margin-bottom:25px;
}
.marginB30 {
	margin-bottom:30px;
}
.marginB40 {
	margin-bottom:40px;
}
.marginB60 {
	margin-bottom:60px;
}

.marginL10 {
	margin-left:10px;
}
.marginL20 {
	margin-left:20px;
}
.marginL30 {
	margin-left:30px;
}

.marginR10 {
	margin-right:10px;
}
.marginR15 {
	margin-right:15px;
}
.marginR20 {
	margin-right:20px;
}
.marginR30 {
	margin-right:30px;
}


/* padding */
.paddingT3 {
	padding-top: 3px;
}
.paddingT10 {
	padding-top: 10px !important;
}
.paddingT20 {
	padding-top: 20px !important;
}
.paddingT25{
	padding-top: 25px;
}
.paddingT30 {
	padding-top: 30px;
}
.paddingT40 {
	padding-top: 40px;
}

.paddingB10 {
	padding-bottom: 10px;
}
.paddingB15 {
	padding-bottom: 15px;
}
.paddingB20 {
	padding-bottom: 20px;
}
.paddingB30 {
	padding-bottom: 30px;
}
.paddingB40 {
	padding-bottom: 40px;
}

.paddingR10 {
	padding-right: 10px !important;
}
.paddingR20 {
	padding-right: 20px !important;
}
.paddingR30 {
	padding-right: 30px !important;
}

.paddingL10 {
	padding-left: 10px !important;
}
.paddingL20 {
	padding-left: 20px !important;
}
.paddingL30 {
	padding-left: 30px !important;
}

/* width */
.w100{
	width: 100px !important;
}
.w300{
	width: 300px !important;
}
.w320{
	width: 320px !important;
}
.w500{
	width: 500px !important;
}


/*============================================================
フレームワーク用
============================================================*/

/* flash-message */
.flash-success{
    background:url("/common/icon/check.png") 7px 7px no-repeat #F4FFF7;
    border:#BDF500 1px solid;
    padding:5px 5px 5px 28px;
    margin:0 0 10px 0;
    color:#18B301;
    font-weight:bold;
}
.flash-notice{
    background:url("/common/icon/warning_triangle.png") 7px 7px no-repeat #FFFFF4;
    border:#FFC900 1px solid;
    padding:5px 5px 5px 28px;
    margin:0 0 10px 0;
    color:#D3A70E;
    font-weight:bold;
}
.flash-error{
    background:url("/common/icon/remove.png") 7px 7px no-repeat #FFF7F4;
    border:#FF93A0 1px solid;
    padding:5px 5px 5px 28px;
    margin:0 0 10px 0;
    color:#ED0016;
    font-weight:bold;
}

/*エラー*/
.errorMessage{
    color:#FF005E;
}
span.required{
    color:#FF005E;
    font-size:120%;
    font-weight:bold;
}

.errorSummary{
    border:#FF4C59 1px solid;
    padding:10px;
    margin:0 0 15px 0;
    color:#FF005E;
}
.errorSummary p{
    font-weight:bold;
    margin:0 0 10px 0;
}
.errorSummary ul{
    padding:10px;
    background:#FFE8EA;
}
.errorSummary li{
    padding:2px 5px;
    list-style:disc inside;
}