@charset "utf-8";
/* CSS Document */


/* ================= 目次 ======================

　1.レイアウト
　2.マージン　パディング
　3.横幅
　4.clear
　5.Efect	

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

/* 1. レイアウト
---------------------------------------------- */
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.centerBox {
	text-align: center;
}
.rightBox {
	text-align: right;
}


/* 2. マージン　パディング
---------------------------------------------- */
/* 上 */
.mgTop1{
	margin-top:1px;
}

.mgTop2{
	margin-top:2px;
}

.mgTop5{
	margin-top:5px;
}

.mgTop10{
	margin-top:10px;
}

.mgTop15{
	margin-top:15px;
}

.mgTop20{
	margin-top:20px;
}

.mgTop30{
	margin-top:30px;
}

.pdTop1{
	padding-top:1px;
}

.pdTop2{
	padding-top:2px;
}

.pdTop5{
	padding-top:5px;
}

.pdTop10{
	padding-top:10px;
}

.pdTop15{
	padding-top:15px;
}

.pdTop20{
	padding-top:20px;
}

.pdTop30{
	padding-top:30px;
}
.pdTop50{
	padding-top:50px;
}

/* 右 */
.mgRight1{
	margin-right:1px;
}

.mgRight2{
	margin-right:2px;
}

.mgRight5{
	margin-right:5px;
}

.mgRight10{
	margin-right:10px;
}

.mgRight15{
	margin-right:15px;
}

.mgRight20{
	margin-right:20px;
}

.mgRight25{
	margin-right:25px;
}

.mgRight30{
	margin-right:30px;
}

.pdRight1{
	padding-right:1px;
}

.pdRight2{
	padding-right:2px;
}

.pdRight5{
	padding-right:5px;
}

.pdRight10{
	padding-right:10px;
}

.pdRight15{
	padding-right:15px;
}

.pdRight20{
	padding-right:20px;
}

.pdRight25{
	padding-right:25px;
}

.pdRight30{
	padding-right:30px;
}

.pdRight40{
	padding-right:40px;
}

.pdRight50{
	padding-right:50px;
}

.pdRight80{
	padding-right:80px;
}
.pdRight100{
	padding-right:100px;
}


/* 左 */
.mgLeft1{
	margin-left:1px;
}

.mgLeft2{
	margin-left:2px;
}

.mgLeft5{
	margin-left:5px;
}

.mgLeft10{
	margin-left:10px;
}

.mgLeft15{
	margin-left:15px;
}

.mgLeft20{
	margin-left:20px;
}

.mgLeft30{
	margin-left:30px;
}

.pdLeft1{
	padding-left:1px;
}

.pdLeft2{
	padding-left:2px;
}

.pdLeft5{
	padding-left:5px;
}

.pdLeft10{
	padding-left:10px;
}

.pdLeft15{
	padding-left:15px;
}

.pdLeft20{
	padding-left:20px;
}

.pdLeft25{
	padding-left:25px;
}

.pdLeft30{
	padding-left:30px;
}
.pdLeft40{
	padding-left:40px;
}
.pdLeft50{
	padding-left:50px;
}
.pdLeft80{
	padding-left:80px;
}
.pdLeft100{
	padding-left:100px;
}
.pdLeft120{
	padding-left:120px;
}



/* 下 */
.mgBottom1{
	margin-bottom:1px;
}

.mgBottom2{
	margin-bottom:2px;
}

.mgBottom5{
	margin-bottom:5px;
}

.mgBottom10{
	margin-bottom:10px;
}

.mgBottom15{
	margin-bottom:15px;
}

.mgBottom20{
	margin-bottom:20px;
}

.mgBottom30{
	margin-bottom:30px;
}

.pdBottom1{
	padding-bottom:1px;
}

.pdBottom2{
	padding-bottom:2px;
}

.pdBottom5{
	padding-bottom:5px;
}

.pdBottom10{
	padding-bottom:10px;
}

.pdBottom15{
	padding-bottom:15px;
}

.pdBottom20{
	padding-bottom:20px;
}

.pdBottom20{
	padding-bottom:30px;
}

.pdBottom30{
	padding-bottom:30px;
}


/* 3. 横幅
---------------------------------------------- */
.wd50{
width:50px;
}

.wd100{
width:100px;
}

.wd150{
width:150px;
}

.wd200{
width:200px;
}

.wd250{
width:250px;
}

.wd270{
width:270px;
}

.wd300{
width:300px;
}

.wd350{
width:350px;
}

.wd400{
width:400px;
}

.wd450{
width:450px;
}

.wd500{
width:500px;
}

.wd550{
width:550px;
}

.wd600{
width:600px;
}

.wd650{
width:650px;
}


.wd700{
width:650px;
}


/* 4. clear
---------------------------------------------- */
.clear {
	clear: both;
	_zoom:1;
	overflow:hidden;
	font-size:0;
	line-height:0;
}

/* cssハック */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix{
	display:inline-block;
}

/*hides IE-mac \*/
*html .clearfix{height:1%}
.clearfix{display:block;}
/*hide  IE-mac */



/* 5. Efect
---------------------------------------------- */

/*banner rollover end etc*/
a:hover img.overBtn{
 filter: alpha(opacity=70);
    -moz-opacity:0.80;
    opacity:0.80;
}


/*for txt float  */
/*------------------------------*/
.floatNext{
	overflow:auto;
	zoom:1;
	
}

/*for txt float2  */
/*------------------------------*/
.floatOver{
	overflow:hidden;
	_zoom:1;
}

/*相対値  */
/*------------------------------*/
.parentsArea {
	position: relative; 
}
