@charset "UTF-8";

/* ******************************************
 背景　定義
****************************************** */
div.ct_home01 {
	background:transparent url(../img/MV1.jpg) no-repeat scroll center top !important;
	padding-top: 120px !important;
}

div.ct_home02 {
	background:transparent url(../img/MV2.jpg) no-repeat scroll center top !important;
	padding-top: 120px !important;
}

div.ct_home03 {
	background:transparent url(../img/MV3.jpg) no-repeat scroll center top !important;
	padding-top: 120px !important;
}

div#container #MVMessage{
	width: 900px;
	margin:0 auto;
	text-align:left;
}

div.ct_home01 #MVMessage p#topMessage01{
	background: url(../img/img_MV_Message01.png) no-repeat;
	height: 99px;
	margin: 0 0 0 120px;
	padding-bottom: 100px;
}

div.ct_home02 #MVMessage p#topMessage01{
	background: url(../img/img_MV_Message02.png) no-repeat;
	height: 99px;
	margin: 0 0 0 120px;
	padding-bottom: 100px;
}

div.ct_home03 #MVMessage p#topMessage01{
	background: url(../img/img_MV_Message03.png) no-repeat;
	height: 99px;
	margin: 0 0 0 120px;
	padding-bottom: 100px;
}


/* ******************************************
 コンテンツ内容　定義
****************************************** */
#areaLeft p#newMessage{
	width: 650px;
	margin-bottom: 20px;
	text-align: right;
}

#areaLeft p#newMessage span{
	color: #ff2778;
}

#areaLeft .contentsListBlock{
	margin-bottom: 60px;
}

#areaLeft .prgBlockRow{
	padding-top: 16px;
}

#areaLeft .prgBlockLeft{
	float: left;
	border: 4px #999999 solid;
	width: 308px;
	min-height:180px;
	height: auto !important;
	height: 180px;
}

#areaLeft .prgBlockLeft:hover{
	cursor: pointer;
	border: 4px #565151 solid;
}

#areaLeft .prgBlockRight{
	float: left;
}

#areaLeft .prgRightInBox{
	border: 4px #999999 solid;
	width: 308px;
	margin: 0 0 0 20px;
	min-height:180px;
	height: auto !important;
	height: 180px;
}

#areaLeft .prgRightInBox:hover{
	cursor: pointer;
	border: 4px #565151 solid;
}

#areaLeft div.inBoxLeft {
	float: left;
	padding: 10px 14px 0 10px;
}

#areaLeft div.inBoxLeft a img{
	padding: 1px;
	border: 1px #d0d0d0 solid;
	width: 100px;
	height: 90px;
	display: block;
}

#areaLeft div.inBoxLeft a:hover img{
  filter: alpha(opacity=85);
  -moz-opacity:0.85;
  opacity:0.85;
}

#areaLeft div.inBoxLeft div{
	margin: 10px 0 0 0;
}

#areaLeft div.inBoxLeft div img{
	margin-right: 3px;
}


#areaLeft div.inBoxRight {
	float: left;
	padding: 12px 0 0 0;
	width: 170px;
	
}

#areaLeft div.inBoxRight .prgTitle{
	padding-bottom: 9px;
	padding-left: 3px;
	width: 165px;
	line-height: 150%;
}

#areaLeft div.inBoxRight .prgTitle a{
	color: #0774ec;
}

#areaLeft div.inBoxRight .prgTitle a:hover{
	color: #ffae00;
}

#areaLeft div.inBoxRight .prgTitle span{
	color: #ff2778;
}

#areaLeft div.inBoxRight div{
	background: url(../img/img_border.gif) no-repeat;
	height: 1px;
	width: 170px;
	display: block;
	padding-bottom: 7px;
}

* html #areaLeft div.inBoxRight div{
	padding-bottom: 0;
}

#areaLeft div.inBoxRight .prgText{
	line-height: 150%;
	padding-left: 3px;
	padding-bottom: 5px;
	width: 165px;
}