@charset "UTF-8";

/* =================================================
      
   [1].GLOBAL-CLASS
   [2].MARGIN-CLASS
   [3].PADDING-CLASS
   [4].WIDTH-CLASS
   [5].HEIGHT-CLASS
   [6].FONTSIZE-CLASS
   [7].FLOAT-CLEAR

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


/* [1].GLOBAL-CLASS
================================================= */
.pageTop {
	width: 860px;
	text-align: right;
	margin: 0 auto 20px;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}
.center {
	text-align: center;
}
.arrow01 {
	padding-left: 13px;
	background: url(/common/images/arrow01.gif) no-repeat;
}
.bold {
	font-weight: bold;
}
.attention {
	color: #ff6a00;
}
.vTop {
	vertical-align: top;
}
.vMid {
	vertical-align: middle;
}
.vBottom {
	vertical-align: bottom;
}
.vBS {
	vertical-align: baseline;
}
/* 以下は適宜必要に応じて追加・削除 */
.error-message {
	background: url(../../img/common/icon_error_message.gif) no-repeat scroll 1px 1px transparent;
    color: #FF3300;
    font-size: 85%;
    line-height: 1 !important;
    margin: 5px 0;
    padding-left: 13px;
}

.messageOk{
	padding-left: 13px;
	background: url(../../img/common/icon_ok_message.gif) no-repeat scroll 43px 4px transparent;
}


#message{
	display:block;
	margin:0 auto 5px;
	color:#006633;
	font: inherit;
	font-size: 85%;
/*	padding-left: 13px;
	background: url(../../img/common/icon_ok_message.gif) no-repeat 0 0;*/
}
#message .error-message {
	font-size: 100%;
}

.must {
	/*color: #ff3300 !important;*/
	color: #e1000f !important;	/*ロゴの赤と揃えます*/
}
.noBorder {
	border: none !important;
}
.blue01 { color: #0066cc; }
.red01  { color: #ff0000; }
.red02  { color: #e1000f; }


/* [2].MARGIN-CLASS
================================================= */
.mTop05{ margin-top:  5px; }
.mTop10{ margin-top: 10px; }
.mTop15{ margin-top: 15px; }
.mTop20{ margin-top: 20px; }
.mTop25{ margin-top: 25px; }
.mTop30{ margin-top: 30px; }
.mTop35{ margin-top: 35px; }
.mTop40{ margin-top: 40px; }
.mTop45{ margin-top: 45px; }
.mTop50{ margin-top: 50px; }

.mLeft05{ margin-left:  5px; }
.mLeft10{ margin-left: 10px; }
.mLeft15{ margin-left: 15px; }
.mLeft20{ margin-left: 20px; }
.mLeft25{ margin-left: 25px; }
.mLeft30{ margin-left: 30px; }
.mLeft35{ margin-left: 35px; }
.mLeft40{ margin-left: 40px; }
.mLeft45{ margin-left: 45px; }
.mLeft50{ margin-left: 50px; }
.mLeft100{ margin-left: 100px; }
.mLeft160{ margin-left: 160px; }

.mRight05{ margin-right:  5px; }
.mRight10{ margin-right: 10px; }
.mRight15{ margin-right: 15px; }
.mRight20{ margin-right: 20px; }
.mRight25{ margin-right: 25px; }
.mRight30{ margin-right: 30px; }
.mRight35{ margin-right: 35px; }
.mRight40{ margin-right: 40px; }
.mRight45{ margin-right: 45px; }
.mRight50{ margin-right: 50px; }

.mBottom05{ margin-bottom:  5px; }
.mBottom10{ margin-bottom: 10px; }
.mBottom15{ margin-bottom: 15px; }
.mBottom20{ margin-bottom: 20px; }
.mBottom25{ margin-bottom: 25px; }
.mBottom30{ margin-bottom: 30px; }
.mBottom35{ margin-bottom: 35px; }
.mBottom40{ margin-bottom: 40px; }
.mBottom45{ margin-bottom: 45px; }
.mBottom50{ margin-bottom: 50px; }


/* [3].PADDING-CLASS
================================================= */
.pTop05{ padding-top:  5px; }
.pTop10{ padding-top: 10px; }
.pTop15{ padding-top: 15px; }
.pTop20{ padding-top: 20px; }
.pTop25{ padding-top: 25px; }
.pTop30{ padding-top: 30px; }
.pTop35{ padding-top: 35px; }
.pTop40{ padding-top: 40px; }
.pTop45{ padding-top: 45px; }
.pTop50{ padding-top: 50px; }

.pLeft05{ padding-left:  5px; }
.pLeft10{ padding-left: 10px; }
.pLeft15{ padding-left: 15px; }
.pLeft20{ padding-left: 20px; }
.pLeft25{ padding-left: 25px; }
.pLeft30{ padding-left: 30px; }
.pLeft35{ padding-left: 35px; }
.pLeft40{ padding-left: 40px; }
.pLeft45{ padding-left: 45px; }
.pLeft50{ padding-left: 50px; }
.pLeft55{ padding-left: 55px; }
.pLeft60{ padding-left: 60px; }
.pLeft65{ padding-left: 65px; }
.pLeft70{ padding-left: 70px; }

.pRight05{ padding-right:  5px; }
.pRight10{ padding-right: 10px; }
.pRight15{ padding-right: 15px; }
.pRight20{ padding-right: 20px; }
.pRight25{ padding-right: 25px; }
.pRight30{ padding-right: 30px; }
.pRight35{ padding-right: 35px; }
.pRight40{ padding-right: 40px; }
.pRight45{ padding-right: 45px; }
.pRight50{ padding-right: 50px; }

.pBottom05{ padding-bottom:  5px; }
.pBottom10{ padding-bottom: 10px; }
.pBottom15{ padding-bottom: 15px; }
.pBottom20{ padding-bottom: 20px; }
.pBottom25{ padding-bottom: 25px; }
.pBottom30{ padding-bottom: 30px; }
.pBottom35{ padding-bottom: 35px; }
.pBottom40{ padding-bottom: 40px; }
.pBottom45{ padding-bottom: 45px; }
.pBottom50{ padding-bottom: 50px; }


/* [4].WIDTH-CLASS
================================================= */
.w005 { width:   5px; }
.w010 { width:  10px; }
.w015 { width:  15px; }
.w020 { width:  20px; }
.w025 { width:  25px; }
.w030 { width:  30px; }
.w035 { width:  35px; }
.w040 { width:  40px; }
.w045 { width:  45px; }
.w050 { width:  50px; }
.w055 { width:  55px; }
.w060 { width:  60px; }
.w065 { width:  65px; }
.w070 { width:  70px; }
.w075 { width:  75px; }
.w080 { width:  80px; }
.w085 { width:  85px; }
.w090 { width:  90px; }
.w095 { width:  95px; }
.w100 { width: 100px; }
.w110 { width: 110px; }
.w120 { width: 120px; }
.w130 { width: 130px; }
.w140 { width: 140px; }
.w150 { width: 150px; }
.w160 { width: 160px; }
.w170 { width: 170px; }
.w180 { width: 180px; }
.w190 { width: 190px; }
.w200 { width: 200px; }
.w210 { width: 210px; }
.w220 { width: 220px; }
.w230 { width: 230px; }
.w240 { width: 240px; }
.w250 { width: 250px; }
.w260 { width: 260px; }
.w270 { width: 270px; }
.w280 { width: 280px; }
.w290 { width: 290px; }
.w300 { width: 300px; }
.w310 { width: 310px; }
.w320 { width: 320px; }
.w330 { width: 330px; }
.w340 { width: 340px; }
.w350 { width: 350px; }
.w360 { width: 360px; }
.w370 { width: 370px; }
.w380 { width: 380px; }
.w390 { width: 390px; }
.w400 { width: 400px; }
.w450 { width: 450px; }
.w500 { width: 500px; }
.w550 { width: 550px; }
.w600 { width: 600px; }
.w650 { width: 650px; }
.w700 { width: 700px; }
.w750 { width: 750px; }
.w800 { width: 800px; }


/* [5].HEIGHT-CLASS
================================================= */
.h050 { height: 50px; }
.h080 { height: 80px; }
.h090 { height: 90px; }
.h100 { height: 100px; }
.h110 { height: 110px; }
.h120 { height: 120px; }
.h130 { height: 130px; }
.h140 { height: 140px; }
.h150 { height: 150px; }
.h160 { height: 160px; }
.h170 { height: 170px; }
.h180 { height: 180px; }
.h190 { height: 190px; }
.h200 { height: 200px; }
.h210 { height: 210px; }
.h220 { height: 220px; }
.h230 { height: 230px; }
.h240 { height: 240px; }
.h250 { height: 250px; }
.h260 { height: 260px; }
.h270 { height: 270px; }
.h280 { height: 280px; }
.h290 { height: 290px; }
.h300 { height: 300px; }
.h310 { height: 310px; }
.h320 { height: 320px; }
.h330 { height: 330px; }
.h340 { height: 340px; }
.h350 { height: 350px; }
.h360 { height: 360px; }
.h370 { height: 370px; }
.h380 { height: 380px; }
.h390 { height: 390px; }
.h400 { height: 400px; }


/* [6].FONTSIZE-CLASS
================================================= */
.text10 { font-size:76.9%; }
.text11 { font-size:84.6%; }
.text12 { font-size:92.3%; }
.text13 { font-size:100%; }
.text14 { font-size:107.6%; }
.text15 { font-size:115.3%; }
.text16 { font-size:123.1%; }
.text17 { font-size:130.8%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.1%; }
.text20 { font-size:153.8%; }
.text21 { font-size:161.5%; }
.text22 { font-size:169.2%; }
.text23 { font-size:176.9%; }
.text24 { font-size:184.6%; }
.text25 { font-size:192.3%; }
.text26 { font-size:200%; }


/* [7].FLOAT-CLEAR
================================================= */
/*
.clearfix:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix { display: inline-block; }
*/
/* start horry-hack \*/
/** html .clearfix { height: 1%; }
.clearfix { display: block; }
*/


.clearfix:after,
.unit:after {
 content: ".";
 display: block;
 font-size: 0;  
 clear: both;
 height: 0;
 visibility: hidden;
}
.clearfix,
.unit {
 display:inline-table;
 zoom:1;
/*↓これが有効になってると、*/
/*「写真をみる」の写真フォルダ移動で見え方がおかしくなるので*/
/*コメントアウトとしました。 稲垣*/
/* overflow: hidden;*/
}
/* exlude MacIE5 \*/
* html .clearfix{height:1%;overflow:visible;}
* html .unit{height:1%;overflow:visible;}
.clearfix,.unit{display:block;}
/* end MacIE5 */






.clear {
	clear: both;
}