/*-------------------------------------------------------------------------
 * product　個別スタイル　product10.css
 *
 *-------------------------------------------------------------------------*/
.cl {
	clear:both;
}
.clearfix:after {
	content: ".";  
	display: block;  
	clear: both;
	height: 0.1px;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
  /*ﾂ･*//*/
  height: auto;
  overflow: hidden;
  /**/
}


.txt-center{
	text-align:center !important;
}
.txtRed{
color:#f8003f;
}
.txtNavy{
color:#0e3192;
}
.txtDef{
color:#333333;
}

.nonMargin{
margin:0 !important;
}


.small{
font-size:0.8em;
}

.gray{
color:#666666;
}

.Wred{
color:#da1223;    
}

.line {
	border:1px solid #bdd1e6;
	padding:10px;
	clear: both;
	height: 55px;
	line-height: 18px;
}


 /*
 float
----------------------------------------------------------- */

.FloatL {
float: left;
}

.FloatR {
float: right;
}



/* マージン：上方向
--------------------------------------------------------------*/

.mt5{
margin-top:5px !important;
}

.mt10{
margin-top:10px !important;
}

.mt20{
margin-top:20px !important;
}


/* マージン：左方向
--------------------------------------------------------------*/

.ml10{
margin-left:10px !important;
}
.ml20{
margin-left:20px !important;
}
.ml40{
margin-left:40px !important;
}



/* マージン：右方向
--------------------------------------------------------------*/

.mr10{
margin-right:10px !important;
}
.mr20{
margin-right:20px !important;
}
.mr40{
margin-right:40px !important;
}



/* マージン：下方向
--------------------------------------------------------------*/
.mb10{
margin-bottom:10px !important;
}
.mb20{
margin-bottom:20px !important;
}
.mb40{
margin-bottom:40px !important;
}


/* パディング：下方向
--------------------------------------------------------------*/
.pb10{
padding-bottom:10px !important;
}
.pb20{
padding-bottom:20px !important;
}
.pb40{
padding-bottom:40px !important;
}


/*-------------------------------------------------------
 	ﾎﾞﾀﾝのスタイル
-------------------------------------------------------- */
.btnStd_170d_1501{
	margin: 10px 0 0 0;
	width: 150px;
	height: 40px;
	background-color: #33CC33;
	border-top: 0;
	border-right: 2px #006600 solid;
	border-bottom: 2px #006600 solid;
	border-left: 0;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	-webkit-border-radius: 3px; /*for Safari*/
	-moz-border-radius: 3px; 	/*for FF*/
}
/*-------------------------------------------------------
 	10-2. 自動的にスライド処理 
-------------------------------------------------------- */	
#slid_100Wrap{
	margin: 0 0 0 50px;
	width: 600px;
	height: 300px;
	padding: 5px;
	position: relative;
}

#slid_100Prev{
	position:absolute;
	top:65px;
	left:-30px;
	cursor:pointer;
}
#slid_100Next{
	position:absolute;
	top:65px;
	right:-30px;
	cursor:pointer;
}
#slid_100{
	width:100%;
	height:100%;
	overflow:hidden;
	}
#slid_100 li{
	float:left;
	margin-right:10px;
	padding:15px 0 15px 15px;
	list-style-type:none;
	display:inline;
}
#slid_100 li img{
	border:none;
}

/*-------------------------------------------------------
 	10-3. 自動的にスライド処理
-------------------------------------------------------- */	
#slid_300Wrap{
	margin: 0 0 0 20px;
	width: 600px;
	height: 300px;
	padding: 5px;
	position: relative;
}
*html #slid_300Wrap{		/*for IE6 hack*/
	margin: 0 0 0 -10px;
}

#slid_300Prev{
	position:absolute;
	top:65px;
	left:-20px;
	cursor:pointer;
}
*html #slid_300Prev{		/*for IE6 hack*/
	left:-10px;
}

#slid_300Next{
	position:absolute;
	top:65px;
	right:-30px;
	cursor:pointer;
}
*html #slid_300Next{		/*for IE6 hack*/
	right:50px;
}

#slid_300{
	width: 600px;
	height: 300px;
	overflow:hidden;
	}
#slid_300 li{
	float:left;
	margin-right:10px;
	padding:15px 0 15px 15px;
	list-style-type:none;
	display:inline;
}
#slid_300 li img{
	border:none;
}


/*-------------------------------------------------------
 	3-c-6.カルーセルパネルを1画像のみ自動的にスライドさせる　s3-12-2 
-------------------------------------------------------- */	
#carousel_3c6Wrap{
	margin: 0 0 0 50px;
	width: 600px;
	height: 300px;
	padding: 5px;
	position: relative;
}

#carousel_3c6Prev{
	position:absolute;
	top:65px;
	left:-30px;
	cursor:pointer;
}
#carousel_3c6Next{
	position:absolute;
	top:65px;
	right:-30px;
	cursor:pointer;
}
#carousel_3c6{
	width:100%;
	height:100%;
	overflow:hidden;
	}
#carousel_3c6 li{
	float:left;
	margin-right:10px;
	padding:15px 0 15px 15px;
	list-style-type:none;
	display:inline;
}
#carousel_3c6 li img{
	border:none;
}
/*-------------------------------------------------------
 　メッセージ
-------------------------------------------------------- */	
p.msg12{
	margin-left:10px;
	color:red;
	font-weight:bold;
}

/*-------------------------------------------------------
 	21-1 textAreaのスタイル
-------------------------------------------------------- */
.list_211{
	width: auto;
	height: 700px;				/* 表示範囲指定　*/
	overflow: auto;				/* スクロールバー付き */}
.list_211 dt{
	font-size: 14px;
	font-weight: bold;
}
.list_211 dd{
	height: 31px;
}

/*-------------------------------------------------------
 	21-1 textAreaのスタイル
-------------------------------------------------------- */
.input_211{
	width:650px;
	height:200px;
}