@charset "Shift_JIS";

/* ---------------------------------------------------------
	CSS Document Case Style
--------------------------------------------------------- */

#case p.desc {
	padding-top: 20px;
}

#case h2 {
	margin-left: 10px;
}

#case h3 {
	margin-right: 13px;
	margin-left:  9px;
}

/* ---------------------------------------------------------
	CSS Document Search Form
--------------------------------------------------------- */

#case form#search_form p {
	margin-top: 10px;
	padding: 6px 0;
	border: solid 1px #d5d5d5;
	background: #f3f3f3;
	text-align: center;
	width:550px;
}

#case form#search_sub_form {
	padding-top: 10px;
}

#case form#search_form input ,
#case form#search_sub_form input {
	vertical-align: middle;
}

#case form#search_form input#submit {
	margin-top: 1px;
}
#case form#search_form img {
	margin-top: 1px;
}
.search_form {
	padding-top: 10px;
}
/* ---------------------------------------------------------
	CSS Document HDD Form
--------------------------------------------------------- */

form#hdd_form {
	min-height: 99px;
	margin-top: 10px;
	border: 1px solid #d5d5d5;
	background: #f3f3f3 url(/case-studies/images/search_bg.jpg) no-repeat right top;
	text-align: left;
	width:550px;
	height:120px;
}

form#hdd_form:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

form#hdd_form table.f_right {
	width: 360px;
	margin-top: 12px;
}

form#hdd_form select {
	width: 130px;
	margin: 1px 10px 1px 0;
	vertical-align: middle;
}

form#hdd_form input {
	vertical-align: middle;
}

/* ---------------------------------------------------------
	CSS Document USB Form
--------------------------------------------------------- */

form#usb_form {
	min-height: 98px;
	margin-top: 10px;
	border: solid 1px #d5d5d5;
	background: #f3f3f3 url(/case-studies/images/search_bg.jpg) no-repeat right top;
	text-align: left;
	height:100px;
}

form#usb_form:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

form#usb_form table.f_right {
	width: 360px;
	margin-top: 16px;
}

form#usb_form table.f_right td {
	padding-top: 5px;
	padding-bottom: 5px;
}

form#usb_form select {
	width: 130px;
	margin: 1px 10px 1px 0;
	vertical-align: middle;
}

form#usb_form input {
	vertical-align: middle;
}

/* ---------------------------------------------------------
	CSS Document Logical Form
--------------------------------------------------------- */

form#etc_form {
	min-height: 98px;
	margin-top: 10px;
	border: solid 1px #d5d5d5;
	background: #f3f3f3 url(/case-studies/images/search_bg.jpg) no-repeat right top;
	text-align: left;
	height:100px;
}

form#etc_form:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

form#etc_form table.f_right {
	width: 340px;
	margin-top: 30px;
}

form#etc_form table.f_right td {
	padding-top: 5px;
	padding-bottom: 5px;
}

form#etc_form input#_t_search_keyword {
	width: 190px;
	margin: 1px 5px 1px 0;
	vertical-align: middle;
}

form#etc_form input {
	vertical-align: middle;
}

/* ---------------------------------------------------------
	CSS Document Category List
--------------------------------------------------------- */

#case ul#categories {
	height: 59px;
	margin-top: 10px;
	padding: 10px 0 0 15px;
	border: solid 1px #d5d5d5;
	background: #f3f3f3;
	list-style: none;
	width: 535px;
}

#case ul#categories li {
	float: left;
	width: 130px;
	height: 28px;
}

/* ---------------------------------------------------------
	CSS Document Page Navi
--------------------------------------------------------- */

#case p#pnum {
	height: 25px;
	margin-top: 15px;
	border-bottom: solid 1px #cacaca;
	text-align: right;
	font-size: 90%;
	color: #9a9a9a;
	width: 550px;
}

#case p#pnum em {
	font-style: normal;
	font-weight: bold;
	color: #666;
}

#case p#pnum span {
	color: #666;
}

#case p#pnavi {
	padding-top: 15px;
	text-align: center;
	font-weight: bold;
}

#case p#pnavi span {
	padding: 0 3px 0 3px;
	color: #000;
}

#case p#pnavi a {
	padding: 0 3px 0 3px;
}

#case p#pnavi a.gray {
	color: #666;
}

#case p#pnavi img {
	vertical-align: middle;
}

/* ---------------------------------------------------------
	CSS Document LIST
--------------------------------------------------------- */

#case dl {
	border-bottom: solid 1px #cacaca;
	width:550px;
}

#case dt {
	float: left;	
	width: 150px;
	margin-left: 15px;
	padding-top:8px;
	padding-bottom:13px;
	height:100%;
	text-align: left;
	font-weight: bold;
	color: #666;
	clear:both;
}

#case dt img {
	padding-left:3px;
	vertical-align: middle;
}

#case dd {

	float: right;
	width: 330px;
	padding-top:8px;
	padding-bottom:13px;
	height:100%;
	text-align: left;

}

/* ---------------------------------------------------------
	CSS Document Entry
--------------------------------------------------------- */



#case h3 {
	margin-top: 20px;
	padding-bottom: 4px;
	border-bottom: solid 2px #cacaca;
	font-weight: bold;
	font-size: 120%;
	color: #333;
}

#case h4 {
	margin-top: 6px;
	padding-bottom: 4px;
	border-bottom: solid 2px #cacaca;
	font-size: 120%;
	font-weight: normal;
	color: #3d91d9;
}

#case h5 {
	border-bottom: solid 1px #cacaca;
	font-size: 100%;
	color: #777;
}

#case h3 img ,
#case h4 img {
	vertical-align: middle;
}

#case .entry_head {
	padding: 10px 10px 0;
	border: solid 1px #d5d5d5;
	border-top: 0;
	background: #f3f3f3;
}

#case .entry_head p {
	clear: both;
	padding: 10px;
	border-top: solid 1px #d5d5d5;
	color: #000;
}

#case .entry_body {
	padding-top: 20px;
	padding-left: 88px;
	padding-bottom: 60px;
	border-bottom: solid 1px #cacaca;
	background: url(/images/case_a.jpg) no-repeat 10px 20px;
}

/* ---------------------------------------------------------
	CSS Document LiveBito Title
--------------------------------------------------------- */

#livebito_title {
	width: 566px;
	height: 210px;
	overflow: hidden;
	background: url(../images/livebito_title.jpg) no-repeat 0 0;
}

#livebito_title h2 {
	width: 566px;
	height: 158px;
	overflow: hidden;
	text-align: left;
	text-indent: -9999px;
}

#livebito_title form {
	margin-right: 20px;
	text-align: right;
	font-size: 11px;
	font-weight: bold;
}

#livebito_title form input {
	vertical-align: middle;
}

#livebito_title_print {
	display: none;
}

/* ---------------------------------------------------------
	CSS Document LiveBito Desc
--------------------------------------------------------- */

.livebito_body {
	margin-top: 20px;
}

.livebito_body table {
	width:100%; border-collapse: collapse;
}

.livebito_body th {
	padding: 3px 0;
}

.livebito_body td {
	padding: 3px 5px;
}

/* ---------------------------------------------------------
	CSS Document LiveBito Desc
--------------------------------------------------------- */

#livebito_desc table {
	width: 566px;
	border-collapse: collapse;
}

#livebito_desc th {
	width: 80px;
	padding: 3px 0;
	border: solid 1px #dbe2fe;
	background: #cbd4fc;
	text-align: center;
	font-weight: normal;
	color: #669;
}

#livebito_desc td {
	padding: 3px 0;
	border: solid 1px #dbe2fe;
}

#livebito_desc td.head {
	background: #718af8;
	text-align: center;
	color: #fff;
}

/* ---------------------------------------------------------
	CSS Document LiveBito Foot
--------------------------------------------------------- */

#livebito_foot {
	margin-top: 10px;
}

#livebito_foot h3 {
	margin-top: 20px;
}

#livebito_foot p {
	margin: 10px 30px;
}