@charset "utf-8";

/* Table Of Contents
----------------------------------------

# content
# leftSidebar

----------------------------------------*/


/* # content
---------------------------------------------------------------------------- */

div#content {
	float: right;
	padding: 0 15px 0 10px;
	width: 610px;
}

div#content p.sNav {
	background: #e8ecf1;
	font-size: 90%;
	padding: 3px 0px 0px 10px;
}

div#content p.lead {
	margin-top: 10px;
}

div#contentInner {
	color: #4f4f4f;
	width: 610px;
}

div#contentInner div#contentNav {
	padding: 14px 0;
}

div#contentInner div#contentNav li {
	float: left;
	width: auto;
}

div#contentInner div#contentNav li a {
	border-left: 1px solid #4f4f4f;
	color: #4f4f4f;
	font-weight: normal;
	padding: 0 8px;
	text-decoration: underline;
}

div#contentInner div#contentNav li.first a {
	border: none;
}

div#contentInner div#contentNav li a:hover {
	text-decoration: none;
}

div#contentInner div.block {
	background: url(../images/bg_bottom.gif) no-repeat left bottom;
	margin: 0 0 63px;
	padding: 0 0 3px 0;
}

div#contentInner div#melit {
	background: none;
	margin: 0 0 37px;
}

div#contentInner div#example {
	margin: 0 0 43px;
}

div#contentInner div#poster {
	margin: 20px 0 43px;
}

div#contentInner div#signage {
	margin: 0 0 43px;
}

div#contentInner div#special {
	margin: 0 0 43px;
}

div#contentInner div#melit ul li {
	background: url(../images/bg_dotted.gif) repeat-x left bottom;
	padding: 13px 0 9px 11px;
	width: 598px;
}

div#contentInner div.listItem {
	display: inline;
	float: left;
	margin-right: 31px;
	width: 395px;
}
* html div#contentInner div.listItem {
	margin-right: 28px;
}

div#contentInner div.listItem h3 {
	margin: 6px 0 5px 0;
}

div#contentInner div.listItem p.text {
	line-height: 1.6;
	margin-left: 42px
}

div#contentInner div.blockInner {
	border-left: 1px solid #93b5d4;
	border-right: 1px solid #93b5d4;
	padding: 18px 12px 0 14px;
}

div#contentInner div.blockInner div.blockItem {
	padding-bottom: 25px;
}

* html div#contentInner div.blockInner div.blockItem {
	padding-bottom: 22px;
}

div#contentInner div.blockInner div.blockItem h3 {
	margin-bottom: 16px
}	

div#contentInner div.blockInner p.text {
	line-height: 1.6;
	margin-left: 7px;
}

div#contentInner div.blockInner div.blockItem ul.how,
div#contentInner div.blockInner div.blockItem ul.spec {
	background: url(../images/bg_dotted.gif) repeat-x left bottom;
	padding-bottom: 3px;
}

div#contentInner div.blockInner div.blockItem ul.how {
	padding: 24px 0 3px 81px;
}

div#contentInner div.blockInner div.blockItem ul.how li {
	margin-right: 26px;
}

div#contentInner div.blockInner div.blockItem ul li {
	float: left;
	text-align: center;
	width: 191px;
}

div#contentInner div.blockInner div.blockItem ul.spec {
	padding: 1px 0 0 12px
}

div#contentInner div.blockInner div.blockItem ul.spec li {
	width: 186px;
}

div#contentInner div.blockInner div.blockItem ul li p.image {
	margin: 0 0 7px 0;
}

div#contentInner div.blockInner div.blockItem ul li h4 {
	margin-bottom: 7px;
}

div#contentInner div.blockInner div.blockItem ul li p.text,
div#contentInner div.blockInner div.blockItem ul li p.title {
	margin-bottom: 22px;
}

div#contentInner div.blockInner div.blockItem p.search {
	font-size: 113%;
	margin-left: 7px;
	padding-bottom: 12px;
}

div#contentInner div.blockInner div.blockItem div.search {
	background: url(../images/bg_searcharea.gif) no-repeat left top;
	display: inline;
	float: left;
	height: 54px;
	margin: 0 5px;
	padding: 10px 8px 15px 16px;
	width: 256px;	
}

div#contentInner div.blockInner div.blockItem div.search p.title {
	margin: 0 0 9px 13px;
}

div#contentInner div.blockInner div.blockItem div.search li {
	float: left;
	width: auto;
}

div#contentInner div.blockInner div.blockItem div.search input.text {
	background: url(../images/bg_input.gif) no-repeat left top #FFF;
	border: none;
	color: #4f4f4f;
	margin: 0 0 0 8px;
	height: 16px;
	padding: 8px 0 5px 9px;
	width: 151px;
}

* html div#contentInner div.blockInner div.blockItem div.search input.btn {/*IE6に適用*/
	margin-top: 1px;
}

*:first-child+html div#contentInner div.blockInner div.blockItem div.search input.btn {/*IE7に適用*/
	margin-top: 1px;
}

div#contentInner div.blockInner div.blockItem div.search  p.button {
	padding-left: 7px
}

div#contentInner div#contact ul {
	padding: 12px 0 21px 0;
	position: relative;
	text-align: center;
}

div#contentInner div#contact ul li a {
	display: block;
	height: 23px;
	left: 290px;
	position: absolute;
	top: 85px;
	width: 160px;
}

div#contentInner div#example div.blockInner p.caseText {
	margin-left: 7px;
}

div#contentInner div#example div.blockInner ul.caseList {
	padding: 35px 0 7px 15px;
}

div#contentInner div#example div.blockInner ul.caseList li {
	float: left;
	margin: 0 8px 0 0;
	padding-bottom: 10px;
	text-align: center;
	width: 178px;
}

div#contentInner div.blockInner .example {
	color: #999;
}



div#contentInner div#poster div.blockInner p.caseText {
	margin-left: 7px;
}

div#contentInner div#poster div.blockInner ul.caseList {
	padding: 35px 0 7px 15px;
}

div#contentInner div#poster div.blockInner ul.caseList li {
	float: left;
	margin: 0 8px 0 0;
	padding-bottom: 10px;
	text-align: center;
	width: 178px;
}

div#contentInner div.blockInner .poster {
	color: #999;
}



div#contentInner div#signage div.blockInner p.caseText {
	margin-left: 7px;
}

div#contentInner div#signage div.blockInner ul.caseList {
	padding: 35px 0 7px 15px;
}

div#contentInner div#signage div.blockInner ul.caseList li {
	float: left;
	margin: 0 8px 0 0;
	padding-bottom: 10px;
	text-align: center;
	width: 178px;
}

div#contentInner div.blockInner .signage {
	color: #999;
}



div#contentInner div#special div.blockInner p.caseText {
	margin-left: 7px;
}

div#contentInner div#special div.blockInner ul.caseList {
	padding: 35px 0 7px 15px;
}

div#contentInner div#special div.blockInner ul.caseList li {
	float: left;
	margin: 0 8px 0 0;
	padding-bottom: 10px;
	text-align: center;
	width: 178px;
}

div#contentInner div.blockInner .special {
	color: #999;
}



/* # leftSidebar
---------------------------------------------------------------------------- */

div#leftSidebar {
	float: left;
	padding-left:15px;
	width: 250px;
}

div#leftSidebar p {
	padding-bottom: 20px;
}

div#leftSidebar div.bnrArea {
	position: relative;
	margin-bottom: 10px;
}

div#leftSidebar div.bnrArea img.bnrComment {
	left: -48px;
	position: absolute;
	top: 29px;
}

div#leftSidebar div.bnrArea img.bnrContact {
	left: 17px;
	position: absolute;
	top: 91px;
}

div#leftSidebar ul.subNav {
	background: #e8ecf1;
	padding: 8px;
}


/* # clearfix
---------------------------------------------------------------------------- */

div#contentInner div.blockInner div.blockItem,
div#contentInner div.blockInner ul.caseList,
div#contentInner div.blockInner div.blockItem ul,
div#contentInner ol li,
div#contentInner div#contentNav,
div#content div.figPanels {
	zoom: 1;
}

div#contentInner div.blockInner ul.caseList:after,
div#contentInner div.blockInner div.blockItem:after,
div#contentInner div.blockInner div.blockItem ul:after,
div#contentInner ol li:after,
div#contentInner div#contentNav:after,
div#content div.figPanels:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}