@charset "UTF-8";

@import url("common02.css");

/* **************************************************************************************

 コンテンツページのスタイル

*************************************************************************************** */

/* --------------------------------------------------------------------------------------
 共通
--------------------------------------------------------------------------------------- */

/* タイトル・リード文
------------------------------------------------------------ */

div#titArea {
	position: relative;
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

div#titArea p.txtTel {
	position: absolute;
	top: 0;
	right: 0;
	width: 228px;
	height: 60px;
	background: url(../img/common_txt_tel.jpg) no-repeat left top;
	text-indent: -900em;
}

div#titArea p.txtMail {
	position: absolute;
	top: 60px;
	right: 0;
}

div#titArea p.btn {
	position: absolute;
	top: 30px;
	right: 206px;
}

p.leadTxt {
	margin-bottom: 25px;
}

p.dummy {
	padding: 200px 0;
	text-align: center;
}

/* --------------------------------------------------------------------------------------
 お問い合わせ
--------------------------------------------------------------------------------------- */

div#cont-contact {
	width: 850px;
	margin: 0 55px;
	background: url(../../contact/img/bg_form.jpg) no-repeat left top;
}

div#cont-contact p.ex {
	margin-bottom: 20px;
}

div#cont-contact span.ex {
	display: block;
	margin-bottom: 10px;
	color: #FE5252;
	font-size: 86%;
	font-weight: normal;
}

div#cont-contact dt {
	font-weight: bold;
}

div#cont-contact dd {
	width: 355px;
	margin-bottom: 15px;
	padding: 10px 0 10px 10px;
	border: 1px solid #D5D503;
	background: #FFF8E4;
}
* html div#cont-contact dd {
	width: 365px;
}

div#cont-contact dd.gray {
	border: 1px solid #CCCCCA;
	background: #F5F5F5;
}
div#cont-contact dd.gray03 {
	width: 800px;
	height: 160px;
	padding: 15px 20px 0;
	border: 1px solid #CCCCCA;
	background: #F5F5F5;
	overflow: auto;
}
* html div#cont-contact dd.gray03 {
	width: 840px;
	height: 190px;
}
div#cont-contact dd.gray04 {
	width: 690px;
	padding: 20px 0 20px 20px;
	border: 1px solid #CCCCCA;
	background: #F5F5F5;
}
* html div#cont-contact dd.gray04 {
	width: 715px;
}

div#cont-contact dd.gray03 p {
	padding-bottom: 15px;
}

div#cont-contact dd span.notes {
	color: #000000;
	font-size: 86%;
}

div#cont-contact dd.gray02 p.sp {
	margin: 5px 0 5px 2em;
}

div#cont-contact p.btn {
	margin: 40px 0;
	text-align: center;
}

div#cont-contact p.btn .sp {
	margin-right: 20px;
}

div#cont-contact p.agreeArea {
	margin: 20px 0 0;
	text-align: center;
}

div#cont-contact input {
	color: #000000;
}
div#cont-contact .inputstyle01 {
	width: 110px;
}
div#cont-contact .inputstyle02 {
	width: 335px;
}
div#cont-contact .inputstyle03 {
	width: 260px;
}
div#cont-contact .textareastyle01 {
	width: 510px;
	height: 85px;
	margin-top: 5px;
	margin-bottom: 10px;
}
div#cont-contact .textareastyle02 {
	width: 670px;
	height: 100px;
}

p.completeTxt {
	margin: 50px 0;
}


/* --------------------------------------------------------------------------------------
 会社概要
--------------------------------------------------------------------------------------- */

div#cont-company {
	width: 881px;
	margin: 0 24px 0 55px;
}
div#cont-company:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div#cont-company { display:inline-block; }
/*\*/
* html div#cont-company { height:1%; }
div#cont-company { display:block; }
/**/

div#cont-company div#companyLeft {
	float: left;
	width: 416px;
}

div#cont-company div#companyLeft table {
	width: 416px;
	border: 1px solid #D3D3D3;
}

div#cont-company div#companyLeft table th,
div#cont-company div#companyLeft table td {
	padding: 11px 0 11px 15px;
	border: 1px solid #D3D3D3;
	text-align: left;
	vertical-align: top;
	font-weight: normal;
	line-height: 1.7;
}

div#cont-company div#companyLeft table th {
	width: 105px;
	background: #EDEDED;
}

div#cont-company div#companyRight {
	float: left;
	width: 465px;
}

div#cont-company div#companyRight div.map {
	width: 401px;
	margin: 0 0 0 20px;
	padding: 16px 0;
	border: 1px solid #D3D3D3;
	text-align: center;
}
* html div#cont-company div#companyRight div.map {
	width: 403px;
}


/* --------------------------------------------------------------------------------------
 新着情報
--------------------------------------------------------------------------------------- */

div.cont-news {
	position: relative;
	width: 911px !important;
	padding: 27px 24px 23px 25px !important;
}
* html div.cont-news {
	width: 960px !important;
}

div.cont-news p.rss {
	position: absolute;
	top: 11px;
	left: 609px;
}

div.cont-news div#newsArea {
	width: 911px;
	background: url(../../news/img/bg_news_rp.gif) repeat-y;
}
div.cont-news div#newsArea:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.cont-news div#newsArea { display:inline-block; }
/*\*/
* html div.cont-news div#newsArea { height:1%; }
div.cont-news div#newsArea { display:block; }
/**/

div.cont-news div#newsLeft {
	float: left;
	width: 610px;
	margin-left: 30px;
	padding: 35px 0;
}
* html div.cont-news div#newsLeft {
	display: inline;
}

div.cont-news div#newsRight {
	float: right;
	width: 241px;
	padding: 22px 0;
}

div.cont-news div#newsLeft p.pageSelect {
	text-align: right;
	color: #DA6F01;
	font-size: 86%;
}
div.cont-news div#newsLeft p.pageSelect a:link,
div.cont-news div#newsLeft p.pageSelect a:visited,
div.cont-news div#newsLeft p.pageSelect a:hover,
div.cont-news div#newsLeft p.pageSelect a:active {
	color: #DA6F01;
}

div.cont-news div.entry {
	width: 610px;
	padding-bottom: 30px;
}

div.cont-news div.entry div.date {
	margin-bottom: 3px;
	color: #78C102;
	font-weight: bold;
}

div.cont-news div.entry h2 {
	margin-bottom: 15px;
	padding: 0 0 8px;
	background: url(../../news/img/line_dot_gray.gif) repeat-x left bottom;
	font-size: 117%;
	font-weight: bold;
}

div.cont-news div.entry p {
	margin-bottom: 20px;
}

div.cont-news div.pagetop {
	margin: 15px 0 0;
	text-align: right;
	font-size: 86%;
}

div.cont-news div.calendarArea {
	width: 210px;
	margin: 0 0 15px 15px;
}

div.cont-news div.calendarArea h3 {
	text-align: center;
}

div.cont-news div.calendarAreaIn {
	padding: 10px 10px 5px;
	border: 6px solid #D3D3D3;
	background: #FFFFFF;
}

div.cont-news div.calendarAreaIn table {
	width: 178px;
	border-collapse: separate;
	border-spacing: 4px;
}

div.cont-news div.calendarAreaIn table caption {
	padding-bottom: 3px;
	border-bottom: 1px solid #BABABA;
	color: #6C6B6B;
	font-size: 86%;
}

div.cont-news div.calendarAreaIn table th,
div.cont-news div.calendarAreaIn table td {
	text-align: center;
	font-weight: normal;
	color: #000000;
	font-size: 86%;
}

div.cont-news div.calendarAreaIn table th.sat {
	color: #0895C4;
}
div.cont-news div.calendarAreaIn table th.son {
	color: #F31616;
}

div.cont-news div.calendarAreaIn table td.col {
	background: #5DEBE9;
}

div.cont-news div.category {
	margin: 0 15px 25px;
}
div.cont-news div.category span {
	color: #000000;
	font-size: 86%;
	font-weight: bold;
}
div.cont-news div.category select {
	vertical-align: middle;
}

div.cont-news div.listBox01 {
	width: 210px;
	margin: 0 0 25px 15px;
}
div.cont-news div.listBox02 {
	width: 210px;
	margin: 0 0 25px 15px;
}
div.cont-news div.listBox02:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.cont-news div.listBox02 { display:inline-block; }
/*\*/
* html div.cont-news div.listBox02 { height:1%; }
div.cont-news div.listBox02 { display:block; }
/**/

div.cont-news div.listBox02Left {
	float: left;
	width: 92px;
}

div.cont-news div.listBox02Right {
	float: right;
	width: 108px;
}

div.cont-news div.listBox01 h3,
div.cont-news div.listBox02 h3 {
	margin-bottom: 5px;
}

div.cont-news div.listBox01 ul li {
	padding-left: 1em;
	text-indent: -1em;
	color: #015C6F;
}

div.cont-news div.listBox01 ul li a {
	margin-left: .5em;
}

div.cont-news div.listBox02 ul li {
	color: #015C6F;
}

div.cont-news div.listBox01 ul li a:link,
div.cont-news div.listBox01 ul li a:visited,
div.cont-news div.listBox01 ul li a:hover,
div.cont-news div.listBox01 ul li a:active {
	color: #015C6F;
}
div.cont-news div.listBox02 ul li a:link,
div.cont-news div.listBox02 ul li a:visited,
div.cont-news div.listBox02 ul li a:hover,
div.cont-news div.listBox02 ul li a:active {
	color: #015C6F;
}

div.cont-news div.bnr01 {
	width: 200px;
	margin-left: 15px;
	margin-bottom: 10px;
	font-size: 86%;
	line-height: 1.3;
}

div.cont-news div.bnr01 img {
	margin-bottom: 3px;
}

div.cont-news div.bnr03 {
	background: #FFFFFF url(../../news/img/bnr04_02.gif) no-repeat left bottom;
}
div.cont-news div.bnr04 {
	background: #683A1A url(../../news/img/bnr05_02.gif) no-repeat left bottom;
}

div.cont-news div.bnr03 p.sp {
	margin: 0 10px;
	padding-bottom: 6px;
}

div.cont-news div.bnr04 p {
	background: url(../img/bnr05_03.gif) no-repeat left top;
}

div.cont-news div.bnr04 span {
	display: block;
	margin: 0 10px;
	padding-bottom: 6px;
}

div.cont-news div.bnr01 a:link,
div.cont-news div.bnr01 a:visited,
div.cont-news div.bnr01 a:hover,
div.cont-news div.bnr01 a:active {
	color: #FFFFFF;
}
div.cont-news div.bnr03 a:link,
div.cont-news div.bnr03 a:visited,
div.cont-news div.bnr03 a:hover,
div.cont-news div.bnr03 a:active {
	color: #6B6B6A;
}
div.cont-news div.bnr04 a:link,
div.cont-news div.bnr04 a:visited,
div.cont-news div.bnr04 a:hover,
div.cont-news div.bnr04 a:active {
	color: #F5D9C6;
}


/* --------------------------------------------------------------------------------------
 協力会
--------------------------------------------------------------------------------------- */

div.cont-link {
	width: 911px !important;
	padding: 27px 24px 50px 25px !important;
}
* html div.cont-link {
	width: 960px !important;
}

div.cont-link div#linkArea {
	position: relative;
	width: 911px;
	background: url(../../link/img/bg_link.jpg) no-repeat left top;
}

div.cont-link div#linkArea p.lead {
	padding: 50px 230px 60px 130px;
	color: #000000;
	line-height: 1.8;
}

div.cont-link div#linkArea p.btn {
	position: absolute;
	top: 19px;
	left: 687px;
}

div.cont-link div#linkArea div#categoryArea {
	width: 890px;
	margin: 0 0 0 20px;
}
div.cont-link div#linkArea div#categoryArea:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.cont-link div#linkArea div#categoryArea { display:inline-block; }
/*\*/
* html div.cont-link div#linkArea div#categoryArea { height:1%; }
div.cont-link div#linkArea div#categoryArea { display:block; }
/**/

div.cont-link div#linkArea div#categoryArea dl {
	float: left;
	width: 213px;
	margin-right: 7px;
	background: url(../../link/img/bg_category_rp.gif) repeat-y;
}

div.cont-link div#linkArea div#categoryArea dl dd {
	background: url(../../link/img/bg_category_bt.gif) no-repeat left bottom;
}

div.cont-link div#linkArea div#categoryArea dl ul {
	padding-bottom: 10px;
}

div.cont-link div#linkArea div#categoryArea dl li {
	margin-bottom: 5px;
	text-align: center;
}

div.cont-link div.pagetop {
	margin: 50px 20px 0;
	text-align: right;
	font-size: 86%;
}


/* --------------------------------------------------------------------------------------
 導入事例
--------------------------------------------------------------------------------------- */

div.cont-example {
	width: 911px !important;
	padding: 27px 24px 50px 25px !important;
}
* html div.cont-example {
	width: 960px !important;
}

div.cont-example div#exampleArea {
	width: 911px;
	background: url(../../example/img/bg_example.jpg) no-repeat left top;
}

div.cont-example div#exampleArea p.lead {
	text-align: center;
}

div.cont-example div#exampleArea ul.list {
	width: 890px;
	margin: 0 0 0 20px;
}
div.cont-example div#exampleArea ul.list:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.cont-example div#exampleArea ul.list { display:inline-block; }
/*\*/
* html div.cont-example div#exampleArea ul.list { height:1%; }
div.cont-example div#exampleArea ul.list { display:block; }
/**/

div.cont-example div#exampleArea ul.list li {
	float: left;
	width: 284px;
	margin: 0 7px 7px 0;
	border: 1px solid #CACACA;
	background: #EAEAEA;
}
* html div.cont-example div#exampleArea ul.list li {
	width: 286px;
}

div.cont-example div#exampleArea ul.list li div {
	margin: 10px 9px 0;
	padding: 1px 1px 6px; 
	background: #FFFFFF;
}

div.cont-example div#exampleArea ul.list li div span {
	display: block;
	margin: 0 6px;
	color: #417801;
	font-size: 117%;
	font-weight: bold;
}

div.cont-example div#exampleArea ul.list li div img {
	display: block;
	margin-bottom: 7px;
}

div.cont-example div#exampleArea ul.list li p {
	padding: 7px 10px 20px;
	color: #000000;
}

div.cont-example div#exampleArea ul.list li p span.bold {
	font-weight: bold;
}

div.cont-example div.pagetop {
	margin: 50px 20px 0;
	text-align: right;
	font-size: 86%;
}

#formline {
	margin: 25px auto;
}