@charset "utf-8";

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

*　■classes

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







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

　■float解除

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

.clearfix:after {

	content: ".";

	display: block;

	height: 0; 

	clear: both; 

	visibility: hidden;

	

}

.clearfix {

	display: inline-table;

	min-height: 1%; /* IE 7対策 */

}



/* Hides from IE-mac \*/

* html .clearfix{height:1%;}

.clearfix{display:block;}

/* End hide from IE-mac */





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

　■テキスト揃え

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

.t-left{ text-align: left; }

.t-center{ text-align:center; }

.t-right{ text-align:right; }

.center{ text-align:center; }



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

　■テキスト装飾

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

/* 電話番号 */

.tel-number{

	color: #600;

	font-size: 1.1em;

	font-weight: bold;

}



/* 色で強調 */

.color-em{

	color: #600;

}



/* 『円(税込)』の表記 */

.lab-tax{

	/*font-size: 11px;*/

	font-size: 0.8em;

}



.price {

	font-weight: bold;

}



.color-red{

	color: #e60214;

}



.txt-small {

	font-size: 0.8em;

}





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

　■画像の位置変更

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

.floatLeft{float:left;}

.floatRight{float: right;}

.floatClear{

	clear: both;

}





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

■画像透過装飾

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

.imgAlpha a:hover img{

	filter:alpha(opacity=60); /*IE*/

	-moz-opacity:0.60; /*Firefox・Netscape*/

	opacity:0.60; /*Opera・Safari*/

}



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

■テーブル装飾

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

table.tbl-style1 {

	width: 100%;

	border-collapse:separate;

	border-spacing:0px;

	border-top: 1px solid #CCCCCC;

	border-right: 1px solid #CCCCCC;

	border-left: 1px solid #CCCCCC;

}

table.tbl-style1 th {

	font-weight: bold;

	text-align: left;

	padding: 10px;

	width: 160px;

	border-bottom: 1px solid #CCCCCC;

	vertical-align: top;

	line-height: 1.4;

	background: #F5F5F5;

	border-top: 1px solid #FFFFFF;

	border-right: 1px solid #CCCCCC;

	border-left: 1px solid #FFFFFF;

}

table.tbl-style1 td {

	padding: 10px;

	vertical-align: top;

	line-height: 1.4;

	border-top: 1px solid #FFFFFF;

	border-right: none;

	border-bottom: 1px solid #CCCCCC;

	border-left: 1px solid #FFFFFF;

}



table.tbl-style2 {

	width: 100%;

	border-collapse:separate;

	border-spacing:0px;

	border-top: 1px solid #CCCCCC;

	border-right: 1px solid #CCCCCC;

	border-left: 1px solid #CCCCCC;

}

table.tbl-style2 th {

	font-weight: bold;

	text-align: left;

	padding: 10px;

	width: 90px;

	border-bottom: 1px solid #CCCCCC;

	vertical-align: top;

	line-height: 1.4;

	background: #F5F5F5;

	border-top: 1px solid #FFFFFF;

	border-right: 1px solid #CCCCCC;

	border-left: 1px solid #FFFFFF;

}

table.tbl-style2 td {

	padding: 10px;

	vertical-align: top;

	line-height: 1.4;

	border-top: 1px solid #FFFFFF;

	border-right: none;

	border-bottom: 1px solid #CCCCCC;

	border-left: 1px solid #FFFFFF;

}





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

■非表示

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

.none {

	display: none;

}



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

■IE6用PNG透過クラス（dreamweaver選択簡易用にカラ記述）

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

.png-bg {

}



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

■汎用段落

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

div.paragraph30 {

	margin-bottom: 30px;

}

div.paragraph30 div.sentence {

	padding-right: 15px;

	padding-left: 15px;

}



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

■PDFリンク

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

a.pdf {

	background: url(../image/common/icon_pdf.gif) no-repeat right center;

	margin-right: 3px;

	padding: 1px 18px 1px 0px;

}

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

■太字、赤文字（※商品停止時等に）

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

.alart{
	color: #D1211F;
    font-weight: bold;
}


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

■「※離島及び・・・できません。」フォントサイズ

------------------------------*/
p.notice{
	font-size:90%;
}