/*

 File Name  : base.css
 Author     : 
 Style Info : 共通利用

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


/* ----------------------- font-color */
.txt-red,.pricetd em{
	color: red;
}
.txt-yel{
	color: #8d9029;
}
.txt-blue{
	color: blue;
}

/* ----------------------- font-align */
.txt-center{ text-align: center; }
.txt-right,.resulttd { text-align: right;  }
.txt-left  { text-align: left;   }

/* ----------------------- font-etc */
.txt-cap {
	padding-left: 1em;
	text-indent: -1em;
}

/* ----------------------- float */
.fl-right { float: right; }
.fl-left  { float: left;  }

/* ----------------------- display */
.none{ display:none;}
.active{ display:block;}
.cursor{cursor:pointer;}

label{cursor:pointer;}
label input{
margin-right:2px;
}

/* 各入力ボックス
----------------------------------------------- */
.mini{
	font-size: 85%;
}
.mini em{
	color:#FF0000;
}
.box_inquiry {
    padding: 2px;
    border: 1px solid #ccc;
}
.box60 {
	width: 54px;
	border: 1px solid #ccc;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 2px;
}
.box120 {
    width: 114px;
	border: 1px solid #ccc;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 2px;
}
.box140 {
    width: 134px;
	border: 1px solid #ccc;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 2px;
}
.box160 {
    width: 154px;
	border: 1px solid #ccc;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 2px;
}
.box180 {
    width: 174px;
	border: 1px solid #ccc;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 2px;
}
.box200 {
    width: 120px;
    padding: 2px;
    border: 1px solid #ccc;
}
.box260 {
    width: 260px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
}
.box300 {
    width: 300px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
}
.box320 {
    width: 320px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
}
.box380 {
    width: 380px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
}
.box400 {
    width: 400px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
}

.area380 {
	width: 420px;
	height: 380px;
	padding: 5px;
	border: 1px solid #ccc;
	font-size: 93%;
	color: #333333;
}
.area470 {
	width: 700px;
	height: 510px;
	padding: 5px;
	border: 1px solid #ccc;
	font-size: 93%;
	color: #333333;
}
.zipimg img {
    margin: 15px 0 0 0;
}

/* ----------------------- padding */
.pd5{
	padding:5px;
}
.pd10{
	padding:10px;
}
.pd15{
	padding:15px;
}
.pd20{
	padding:20px;
}
.pd25{
	padding:25px;
}
.pd30{
	padding:30px;
}

.pdT5{
	padding-top: 5px;
}
.pdT10{
	padding-top: 10px;
}
.pdT15{
	padding-top: 15px;
}
.pdT20{
	padding-top: 20px;
}
.pdT25{
	padding-top: 25px;
}
.pdT30{
	padding-top: 30px;
}

.pdL5{
	padding-left: 5px;
}
.pdL10{
	padding-left: 10px;
}
.pdB5{
	padding-bottom: 5px;
}
.pdB10{
	padding-bottom: 10px;
}
.pdB15{
	padding-bottom: 15px;
}
.pdB30{
	padding-bottom: 30px;
}

.pdR5{
	padding-right: 5px;
}
.pdR10{
	padding-right: 10px;
}
.pdR15{
	padding-right: 15px;
}
.pdR20{
	padding-right: 20px;
}
.pdR25{
	padding-right: 25px;
}
.pdR30{
	padding-right: 30px;
}

/* ----------------------- margin */
.mgT5{
	margin-top: 5px;
}
.mgT10{
	margin-top: 10px;
}
.mgT15{
	margin-top: 15px;
}
.mgT20{
	margin-top: 20px;
}
.mgT25{
	margin-top: 25px;
}
.mgT30{
	margin-top: 30px;
}
.mgB5{
	margin-bottom: 5px;
}
.mgB10{
	margin-bottom: 10px;
}
.mgB15{
	margin-bottom: 15px;
}
.mgB20{
	margin-bottom: 20px;
}
.mgB25{
	margin-bottom: 25px;
}
.mgB30{
	margin-bottom: 30px;
}
.mgB35{
	margin-bottom: 35px;
}
.mgB40{
	margin-bottom: 40px;
}
.mgR5{
	margin-right: 5px;
}
.mgR10{
	margin-right: 10px;
}
.mgR15{
	margin-right: 15px;
}
.mgR20{
	margin-right: 20px;
}
.mgR25{
	margin-right: 25px;
}
.mgR30{
	margin-right: 30px;
}
.mgR35{
	margin-right: 35px;
}
.mgR40{
	margin-right: 40px;
}

.mgL5{
	margin-left: 5x;
}
.mgL9{
	margin-left: 9px;
}
.mgL10{
	margin-left: 10px;
}
.mgL15{
	margin-left: 15px;
}
.mgL20{
	margin-left: 20px;
}
.mgL23{
	margin-left: 23px;
}
.mgL40{
	margin-left: 40px;
}