@charset "utf-8";

/***************************************************
	スタイルシート
	index.css
	トップページレイアウトスタイル定義
***************************************************/

/* トップページ index.html
------------------------------------------------------------ */
#mainvisual01 {
	width: 920px;
	height: 270px;
	margin: 4px 0 18px;
	background: url(../images/index/main01.jpg) 0 0 no-repeat;
	text-indent: -9999px;
}
#mainvisual02 {	display: none;}

#contents #solution {	margin-bottom: 18px;}
#contents #solution h3 {	margin-bottom: 12px;}
#contents #solution ul {	margin-bottom: 12px;}
#contents #solution li {
	float: left;
	width: 219px;
	padding-right: 15px;
}
#contents #solution li.n03 {	padding-right: 14px;}
#contents #solution li.n04 {	padding-right: 0;}
#contents #solution li a:hover img {
	-moz-opacity:0.85;
	opacity:0.85;
	filter: alpha(opacity=85);
}
#contents #solution h4 {
	width: 920px;
	height: 28px;
	background: url(../images/index/solution_t01.png) 0 0 no-repeat;
	text-indent: -9999px;
}

#contents #main {
	float: left;
	width: 700px;
}
#contents #main #service {	margin-bottom: 18px;}
#contents #main #service .banner{ margin-bottom: 10px;}
#contents #main #service #likebox { margin-left: 7px;}
#contents #main #service ul {
	padding: 12px 0 0;
	border: 1px solid #dfdfdf;
	border-top: none;
}
#contents #main #service ul li {
	float: left;
	width: 114px;
	padding: 0 0 12px 21px;
	line-height: 1.2;
}
#contents #main #service ul li a {	text-decoration: none;}
#contents #main #service ul li a dfn {
	display: block;
	padding: 2px 5px;
	text-decoration: underline;
}
#contents #main #service ul li a:hover dfn {
	text-decoration: none;
}
#contents #main #service ul li a:hover img {
	-moz-opacity:0.85;
	opacity:0.85;
	filter: alpha(opacity=85);
}
#contents #main #service ul li.btn {
	float: none;
	width: auto;
	text-align: right;
	padding: 0;
}

#contents #main #service #service_detail {
	margin: 12px 0 0;
}

/* ↓#solution_detail colorbox.js 共通↓ */
.solution_content {
	padding: 0 5px 12px;
	text-align: left;
}
.solution_content h3 {	margin-bottom: 12px;}
.solution_content p.lead {	margin-bottom: 10px;}
.solution_content p.text {
	margin-bottom: 15px;
	padding: 10px 10px 10px 30px;
	background: url(../images/index/ico_01.jpg) 10px 8px no-repeat;
	background-color: #f6f6f6;
}
/* ↑#solution_detail colorbox.js 共通↑ */

/* ↓javascript OFF設定↓ */
#contents #solution_detail {	padding: 15px 0;}
#contents #solution_detail .solution_content {
	float: left;
	width: 450px;
}
/* ↑javascript OFF設定↑ */

/* ↓#service_detail colorbox.js 共通↓ */
.service_content {
	padding: 0 5px 12px;
	text-align: left;
}
.service_content h3 {	margin-bottom: 12px;}
.service_content p.text {
	min-height: 114px;
	_height: 114px;
	padding: 0 0 0 130px;
}
#s01.service_content p.text {	background: url(../images/index/service01.jpg) 0 0 no-repeat;}
#s02.service_content p.text {	background: url(../images/index/service02.jpg) 0 0 no-repeat;}
#s03.service_content p.text {	background: url(../images/index/service03.jpg) 0 0 no-repeat;}
#s04.service_content p.text {	background: url(../images/index/service04.jpg) 0 0 no-repeat;}
#s05.service_content p.text {	background: url(../images/index/service05.jpg) 0 0 no-repeat;}
#s06.service_content p.text {	background: url(../images/index/service06.jpg) 0 0 no-repeat;}
#s07.service_content p.text {	background: url(../images/index/service07.jpg) 0 0 no-repeat;}
#s08.service_content p.text {	background: url(../images/index/service08.jpg) 0 0 no-repeat;}
#s09.service_content p.text {	background: url(../images/index/service09.jpg) 0 0 no-repeat;}
#s10.service_content p.text {	background: url(../images/index/service10.jpg) 0 0 no-repeat;}
/* ↑#service_detail colorbox.js 共通↑ */

/* ↓javascript OFF設定↓ */
#contents #main #service #service_detail .service_content {	float: left;	width: 340px;}
#contents #main #service #service_detail .service_content p.text {	font-size: 91%;}
/* ↑javascript OFF設定↑ */

#contents #main #topics {
	float: left;
	width: 340px;
}
#contents #main #faq {
	float: right;
	width: 340px;
}
#contents #main #faq ul {	margin: 6px 12px 0;}
#contents #main #faq li {	padding-bottom: 3px;}
#contents #main #faq li a {
	display: block;
	margin-left: 1.5em;
	text-indent: -1.5em;
	text-decoration: none;
}
#contents #main #faq li dfn {
	padding-right: 5px;
	font-weight: bold;
	color: #FF9900;
}

#contents #snavi {
	float: right;
	width: 200px;
}