@charset "UTF-8";

/* トップページスタイル
------------------------------------------------------------- */
ul#gnavi li a#gnavi_top {
	background:url(../common/images/gnavi/gnavi_top.gif) 0 -50px no-repeat;
}

div#wrap div#wrap_inner div#content div#right_content div#top_img {
	width: 620px;
	height: 300px;
	margin: 0 0 35px 0;
}



/* タイトルスタイル */
div#main_content h3 {
	font-size: 0;
	text-indent: -9999px;
	line-height: 0;
	width: 620px;
	height: 37px;
	margin: 0 0 20px 0;
}




/* メッセージスタイル */
div#main_content div#message {
	margin: 0 0 40px 0;
	width: 620px;
}

div#main_content div#message h3 {
	background:url(../images/h3_title01.gif) 0 0 no-repeat;
}

div#main_content div#message img {
	margin: 0 0 20px 0;
}

div#main_content div#message p {
	margin: 0 0 20px 0;
}

div#main_content div#message p#text_bottom {
	margin: 0;
}




/* 導入事例スタイル */
div#main_content div#case_list {
	width: 620px;
}

div#main_content div#case_list h3 {
	background:url(../images/h3_title02.gif) 0 0 no-repeat;
}

div#main_content div#case_list ul {
	background:url(../common/images/border.gif) 0 bottom repeat-x;
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
}

div#main_content div#case_list ul li {
	width: 200px;
	float: left;
}

div#main_content div#case_list ul li#institution_middle {
	margin: 0 10px;
}

div#main_content div#case_list ul li h4 {
	background:url(../common/images/contents/h4_title_bg.gif) 0 0 no-repeat;
	width: 190px;
	height: 16px;
	margin: 0 0 15px 0;
	padding: 7px 0 7px 10px;
	font-weight: bold;
}

*:first-child+html div#main_content div#case_list ul li h4 {
	padding: 6px 0 8px 10px;
}

* html body div#main_content div#case_list ul li h4 {
	width: 200px;
}

div#main_content div#case_list ul li dl dt {
	width: 90px;
	float: right;
	margin: 0 0 0 10px;
}

* html body div#main_content div#case_list ul li dl dt {
	margin: 0 0 0 7px;
}

div#main_content div#case_list ul li dl dd {
	width: 100px;
}

div#main_content div#case_list ul li dl dd p {
	margin: 0 0 15px 0;
}

div#main_content div#case_list ul li dl dd a {
	background:url(../images/detail_btn.gif) 0 0 no-repeat;
	width: 50px;
	height: 17px;
	font-size: 0;
	text-indent: -9999px;
	line-height: 0;
	display: block;
	margin: 0 0 0 50px;
}

div#main_content div#case_list ul li dl dd a:hover {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}


div#main_content div#case_list p#case_detail_list {
	margin: 0 0 0 482px;
}


/* 導入事例一覧はこちらボタンスタイル */
div#main_content div#case_list p#case_detail_list a {
	background:url(../images/case_datail_btn.gif) 0 0 no-repeat;
	width: 138px;
	height: 14px;
	font-size: 0;
	text-indent: -9999px;
	line-height: 0;
	display: block;
}

div#main_content div#case_list p#case_detail_list a:hover {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}