/* PR情報
---------------------------------------------------*/

ul.pickupList{
	margin:0 0 10px;
	padding:0 10px 5px;
	list-style: none;
	width: auto;
	padding: 5px 10px;
	background-color: #fff8e7;
}

ul.pickupList li{
	margin:0 0 5px;
	padding: 0;
}

ul.pickupList li a{
	margin:0;
	padding:0 0 0 52px;
	display:block;
	background:url(../images/contents/icon_pickup.png) no-repeat 0 50%;
}

/* メッセージ
---------------------------------------------------*/

dl#messageList{
	margin:0 0 10px;
	padding:0;
	border-top:1px dotted #999;
}

dl#messageList dt{
	padding: 5px;
	margin: 0 0 10px;
	border-bottom:2px solid #33ccff;
	font-weight: bold;
	background:url(../images/contents/bg_dot_option.gif);
}

dl#messageList dt.self{
	background:none #FFC;
}

dl#messageList dt a{
	font-weight:normal;
}

dl#messageList dt span{
	font-weight:normal;
}

dl#messageList dd{
	margin:0;
	padding:0 5px 25px;
	border-bottom:1px dotted #999;
}

dl#messageList dd strong{
	background:url(../images/list/icon_message.gif) no-repeat 0 50%;
	padding:0 0 0 25px;
	display: block;
	margin:0 0 5px;
	color: #042858;
}


dl#messageList dd p{
	margin:0 -5px 10px;
	padding:5px 10px;
	background:url(../images/contents/bg_dot_option.gif);
}

/* サムネイルリスト
---------------------------------------------------*/

ul.thumbList{
	margin:0 0 10px;
	padding:0;
	list-style: none;
	height:100%;
	width: 700px;
	overflow: hidden;
	position: relative;
}

ul.thumbList:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

ul.thumbList li{
	margin:0 10px 10px 0;
	float: left;
	border: 5px solid #f4f4f4;
	position: relative;
}

ul.thumbList li a{
	margin:0;
	width: 142px;
	height:142px;
	text-indent:-9999px;
	display: block;
}

ul.thumbList li .title{
	background:#ff2a7f;
	position:absolute;
	bottom: 1px;
	padding: 2px 5px;
	color: #FFF;
	width: 130px;
	text-align: center;
	letter-spacing: 1px;
	font-size: 11px;
	margin: 0 1px;
	height: 20px;
	overflow:hidden;
}

/* コンテンツリスト
---------------------------------------------------*/

ul.objList{
	margin:0 0 10px;
	padding:0;
	list-style: none;
	height:100%;
	width: 600px;
	overflow: hidden;
	border-top:1px dotted #CCC;
}

ul.objList:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

ul.objList li{
	margin:0;
	float: left;
	padding: 0;
	border-bottom: 1px dotted #CCC;
}

ul.objList li table{
	border-collapse: collapse;
	width: 600px;
	margin: 15px 0;
}

ul.objList li table th{
	text-align: left;
	line-height: 100%;
	padding: 0;
	width: 104px;
}

ul.objList li table td {
vertical-align:top;
padding:0px 0px 0px 15px;
}

ul.objList li strong {
margin:0px 0px 5px;
display:block;
font-size:13px;
color:#ff2a7f;
}

ul.objList li a{
margin:0;
padding:0;
}

ul.objList li a.title{
padding:0;
font-size:14px;
margin:0px 0px 5px;
font-weight: bold;
display:block;
line-height:135%;
padding:2px 0px 2px 30px;
background:no-repeat 0 50%;
color:#ff2a7f;
}

ul.objList.case li a.title {
background-image:url(/contents/img/bg_title_class.png);
}


ul.objList li p{
	margin:0 0 5px;
}

ul.objList li p.statusArea{
	line-height:170%;
}



ul.objList li p span,#statusArea span {
color:#FFF;
font-size:10px;
padding:1px 5px;
margin:0px 5px 0px 0px;
border-radius:2px;        /* CSS3草案 */
-webkit-border-radius:2px;    /* Safari,Google Chrome用 */
-moz-border-radius:2px;   /* Firefox用 */
white-space:nowrap;
background-color:#ff2a7f;
}




ul.objList li th a.thumbnail{
	text-indent:-9999px;
	width: 98px;
	height: 98px;
	background:no-repeat 50% 50%;
	border: 1px solid #FFF;
	display:block;
}

ul.objList li th div{
	border:5px solid #f4f4f4;
	width: 100px;
	position: relative;
	margin-left: 5px;
}

ul.objList li td div a{
	padding:1px 5px;
	text-decoration: none;
	background: #042858;
	color: #FFF;
	font-weight: normal;
	font-size: 10px;
	width: 50px;
	text-align: center;
	margin: 0 5px 5px 0;
	letter-spacing: 0px;
}

ul.objList li table th div span{
	width: 96px;
	letter-spacing:0;
	color: #FFF;
	text-align:center;
	font-weight: normal;
	text-decoration: none;
	text-indent:0;
	bottom:0px;
	padding: 2px 0 2px 2px;
	margin: 1px;
	font-size: 10px;
	display:block;
	position: absolute;
}

/* 企業 */
.corp h1 {
background-image:url(../images/contents/bg_h1_corp.gif);
}

.corp h2 {
border-color:#ff2a7f;
}

/*ul.objList.corp li table th div span,ul.objList.corp li p span,.corp #statusArea span{background-color:#ff2a7f;}*/
ul.objList.corp li table th div span,ul.thumbList.corp li div{background-color:#ff2a7f;}

ul.thumbList.corp li:hover,ul.objList.corp div:hover,ul.objList.corp li:hover div{
border-color:#ff2a7f;
-webkit-transition: 0.3s ease-in-out;
}

/* 実績 */
.case h1{background-image:url(../images/contents/bg_h1_case.gif);}
.case h2{border-color:#ff2a7f;}

ul.objList.case li table th div span,ul.thumbList.case li div {
background-color:#ff2a7f;
}

ul.thumbList.case li:hover,ul.objList.case div:hover,ul.objList.case li:hover div {
border-color:#ff2a7f;
-webkit-transition: 0.3s ease-in-out;
}

/* プラン */
.plan h1{background-image:url(../images/contents/bg_h1_plan.gif);}
.plan h2{border-color:#fa9f10;}

/*ul.objList.plan li table th div span,ul.objList.plan li p span,.plan #statusArea span{background-color:#fa9f10;}*/
ul.objList.plan li table th div span,ul.thumbList.plan li div{background-color:#fa9f10;}

ul.thumbList.plan li:hover,ul.objList.plan div:hover,ul.objList.plan li:hover div{
	border-color:#fa9f10;
	-webkit-transition: 0.3s ease-in-out;
}

ul.objList.corp div:hover,ul.objList.plan div:hover{
	background-color:#FFF;
}

ul.objList li .btnArea{
	text-align:right;
	padding: 5px 0 0;
	position:relative;
	height: 36px;
}

ul.objList li .btnArea form{
	display:inline;
}

ul.objList li .btnArea div{
	position:absolute;
	display: none;
	right: 20px;
	bottom: 28px;
}

ul.objList li div.btnArea a{
	background-color:transparent;
	width:auto;
	padding:0;
	margin:0;
}

ul.objList li .btnArea img{
	cursor:pointer;
}

/* 締め切り有り */

ul.objList li .date{
	vertical-align:middle;
	width:60px;
	padding: 0 5px;
	border-right: 1px dotted #CCC;
	font-size: 14px;
}

ul.objList li .date span{
	color:#666;
	font-size:10px;
	display: block;
	font-weight: normal;
}

ul.objList li .date span.before{
	padding: 10px 0 0;
	text-align:center;
}

ul.objList li .date span.before strong{
	display:inline;
	color:#C00;
}

/* ニュースリスト
---------------------------------------------------*/

#newsListArea{
	margin-bottom:15px;
}

dl#newsList{
	margin:0 0 10px;
	padding:10px 30px 5px;
	list-style: none;
	height:100%;
}


dl#newsList:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

dl#newsList dt{
	margin:0;
	padding:0;
	float:left;
	width: 110px;
	color: #0E3659;
	font-weight: bold;
	letter-spacing: 2px;
	text-align: right;
}

dl#newsList dd{
	margin:0 0 5px;
	padding:0 5px;
	float:left;
	width: 560px;
}

/* 通常リスト
---------------------------------------------------*/

#contents ul.list{
	margin:0 10px 20px;
	padding:0;
	list-style:none;
}

#contents ul.list > li{
	background:url(../images/contents/icon_arrow02.gif) no-repeat 0 6px;
	padding:0 0 0 12px;
	margin: 0 0 5px;
}

/* リンク集
---------------------------------------------------*/

#contents ul.links{
	font-size:10px;
}

#contents ul.links a{
	font-size:12px;
	display:block;
}

/* 利用の流れ
---------------------------------------------------*/

dl#flowList{
	margin:0 0 25px;
	padding:0;
}

dl#flowList dt{
	padding: 5px;
	margin: 0;
	border-radius:5px;        /* CSS3草案 */
	-webkit-border-radius:5px;    /* Safari,Google Chrome用 */
	-moz-border-radius:5px;   /* Firefox用 */
	border:2px solid #0090d4;
}

dl#flowList.corp dt{
	border:2px solid #0baaeb;
}

dl#flowList dt h2{
	border:none;
	padding:0;
	margin:0;
	text-align: center;
}

dl#flowList dt h3{
	margin:0 0 5px;
}

dl#flowList dt table{
	border-collapse:collapse;
}

dl#flowList dt table th{
	border-radius:5px;        /* CSS3草案 */
	-webkit-border-radius:5px;    /* Safari,Google Chrome用 */
	-moz-border-radius:5px;   /* Firefox用 */
	background: #0090d4;
	padding: 0 10px;
	white-space: nowrap;
	width: 120px;
}

dl#flowList dt table th img{
	margin:10px 0;
}

dl#flowList dt table td{
	padding:10px 0 10px 15px;
}

dl#flowList dd{
	margin: -10px 0 0;
	padding:0px;
	height:20px;
	text-align: center;
	background: url(../images/contents/flow/arrow.png) no-repeat 65px 0;
}

dl#flowList dd p{
	margin:0 0 10px;
}

dl#flowList dd ul{
	margin:0;
	padding:0;
}

/* Twitterリスト
---------------------------------------------------*/

#twitterArea{
	height:200px;
	overflow-y:scroll;
	margin:0 0 5px;
}

ul#twitterList{
	margin:0;
	padding:5px 0;
	list-style: none;
	font-size: 10px;
	line-height: 150%;
}

ul#twitterList li{
	margin:0 0 3px;
	padding:5px;
	border-bottom: 1px dotted #CCC;
	word-break: break-all;
}

ul#twitterList li span a{
	color: #999;
	letter-spacing: 1px;
	display: block;
	text-align: right;
	text-decoration: none;
}

/* ニュースリスト
---------------------------------------------------*/

dl#newsList{
	margin:0 0 20px;
	padding:0 0 10px;
	list-style: none;
	height:150px;
	width: 690px;
	overflow-y: scroll;
}

* html dl#newsList{
	margin:0;
}

dl#newsList:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

dl#newsList dt,dl#newsList dd{
	width:670px;	
}

dl#newsList dt{
	margin:0;
	padding:0;
	font-weight: bold;
	letter-spacing: 2px;
	color: #0090D4;
	text-align: left;
	font-size: 10px;
}

dl#newsList dd{
	margin:0 0 10px;
	padding:0 0 10px;
	border-bottom: 1px solid #f4f4f4;
}



/* よくあるご質問
---------------------------------------------------*/

dl.questionList{
	margin:0 0 25px;
	padding:0;
	border-top: 1px dotted #CCCCCC;
}

dl.questionList dt{
	font-weight: bold;
	padding: 10px 0 0 52px;
	background:url(../images/contents/icon_question.gif) no-repeat 0 12px;
	margin: 0 5px 6px;
	color: #0090D4;
}

dl.questionList dd{
	border-bottom:1px dotted #CCCCCC;
	padding: 0 10px 10px 57px;
	background:url(../images/contents/icon_answer.gif) no-repeat 5px 2px;
	margin: 0;
}

dl.questionList dd p{
	margin:0 0 10px;
}

dl.questionList dd ul{
	margin:0 10px;
	padding:0;
}

/* カテゴリ一覧
---------------------------------------------------*/

ul.categoryList{
	margin:-5px 0 0 10px;
	padding:0 0 15px;
	list-style: none;
	height:100%;
}

ul.categoryList:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

ul.categoryList li{
	margin:0 0 5px;
	line-height: 150%;
	width: 170px;
	float: left;
	padding: 0;
	font-size: 12px;
}

ul.categoryList li a{
	background:url(../images/contents/icon_arrow02a.gif) no-repeat 0 50%;
	padding: 0 0 0 16px;
}