/*-------------------------------------------------------------------------
 * 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;
}


/*-------------------------------------------------------
 	ﾎﾞﾀﾝのスタイル
-------------------------------------------------------- */
.btnSize1{
	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-3. 自動的にスライド処理
-------------------------------------------------------- */	
#slid_100Wrap{
	margin: 0 0 0 20px;
	width: 600px;
	height: 300px;
	padding: 5px;
	position: relative;
}
*html #slid_100Wrap{		/*for IE6 hack*/
	margin: 0 0 0 -10px;
}

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

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

#slid_100{
	width: 600px;
	height: 300px;
	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;
}
/*-------------------------------------------------------
 	31-12.　画像のスライド選択　 
-------------------------------------------------------- */	
#slid_400{
	float:left;
	margin-top: 20px;
	width:640px;
	padding:10px;
}
* html #slid_400{
	width:610px;
	height:425px;
}
/*-------------------------------------------------------
 	31-12.　画像のスライド表示部　 
-------------------------------------------------------- */	
#slid_400-img{
	position: relative;
	float: left;
	width: 295px;
	height: 405px;
	background: url("../images/mv_headback.png") bottom no-repeat scroll transparent;	
/*	background-color: #0099FF;*/
	overflow: hidden;
}
#slid_400-img img{
	margin:0;
}
#slid_400-img p{
	margin:0;
	padding:10px 8px;
	font-size:14px;
	line-height:20px;
	/*background-color:#000;*/
	color:#fff;
}
#slid_400-img p span{
	font-weight:bold;
}
#slid_400-img p span a,
#slid_400-img p span a:active,
#slid_400-img p span a:visited{
	font-weight: bold;
	color: #FF0000;
}
#slid_400-img p span a:hover{
	color: #000080;
}
/*-------------------------------------------------------
 	31-12.　画像の一覧選択部　 
-------------------------------------------------------- */	
#slid_400-list{
	float:right;
	margin:0 30px 0 0;
	padding:0;
	width:280px;
}
#slid_400-list.scrol{
	height: 410px;
	overflow:auto;
}

#slid_400-list li{
	border-bottom:dashed 1px #999;
	padding:3px 3px 6px 17px;
	_padding:3px 3px 3px 18px;
	height:58px;
	list-style-type:none;
}
* html #slid_400-list li{
	height:70px;
}
#slid_400-list li h3{
	margin:0;
	padding-top:4px;
	line-height:14px;
	font-size:13px;
	font-weight:normal;
}
#slid_400-list li h3 a{
	color: #000000;
}
#slid_400-list li h3 span{
	display:block;
	font-size:12px;
	font-weight:normal;
	color:#7d7137;
}
#slid_400-list li.current{
	background:url("../images/feature-back.jpg") no-repeat scroll left center transparent;
	font-weight:bold;
}
#slid_400-list li.current h3{
	font-weight:bold;
	color:#7d7137;
}
#slid_400-list li.current h3 a{
	font-weight: bold;
	color: #0000FF;
}
#slid_400-list li.current h3 span{
	font-weight: bold;
	color: #FF0000;
}
/*-------------------------------------------------------
 	31-12.　画像の選択　 
-------------------------------------------------------- */	
.slid_400-img-item{
	position:absolute;
	display:none;
	left:0px;
	top:0px;
}
.slid_400-img-item img{
	width:300px;
	height:280px;
}
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;
} 

/*-------------------------------------------------------
 	31-05. 簡単に更新できるﾀﾌﾞﾊﾟﾈﾙ　クラス要素
-------------------------------------------------------- */	
.mode_3106{
	width:651px;
}
.mode_3106 ul.tab{
	padding:0;
}
.mode_3106 ul.tab li{
	list-style-type:none;
	width:93px;
	height:40px;
	float:left;
}
.mode_3106 ul.tab li a{
	outline:none;
	background:url("../images/ani_tab.png");
	border-right:1px solid #9FB7D4;
	border-left:1px solid #9FB7D4;
	display:block;
	color:blue;
	line-height:40px;
	text-align:center;
}
.mode_3106 ul.tab li a.selected{
	background: url("../images/ani_tab_selected.png");
	text-decoration: none;
	color: red;
	 font-weight:bold;
	cursor: default;
	font-weight: bold;
}
.mode_3106 p.panel{
	height: 480px;
	clear:both;
	border:1px solid #9FB7D4;
	border-top:none;
	padding :15px 0 10px 50px;
	text-indent: -1em;
	color:#333;
	background-color: #EEFEFF;
}