@charset "utf-8";

/*こんな事でお困りではありませんか？
--------------------------------------------------*/

#problem {
	height: 180px;
	margin: 0px 0px 30px 0px;
}
#problem .sam {
	width: 210px;
	float: left;
}
#problem .exp {
	float: left;
	width: 590px;
	background-image: url(/hp/img/index/bg_problem_exp.jpg);
	background-repeat: no-repeat;
	height: 180px;
}
#problem .exp ul {
	padding: 55px 0px 0px 30px;
}
#problem .exp li {
	background-image: url(/hp/img/index/icon_problem.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding: 0px 0px 0px 23px;
	line-height: 190%;
}

/*メインメニュー
--------------------------------------------------*/

.title_index {
	clear: both;
	overflow: hidden;
}
.title_index h2 {
	font-size: 16px;
	background-image: url(/hp/img/common/main/bg_h1_white.jpg);
	background-repeat: no-repeat;
	padding: 0px 0px 8px 25px;
	background-position: 5px 6px;
	letter-spacing: 0px;
	float: left;
}
#main_menu {
	margin: 0px 0px 30px -19px;
	width: 819px;
	clear: both;
	overflow: hidden;
}
#main_menu .box {
	width: 222px;
	height: 270px;
	background-image: url(/hp/img/index/bg_main_menu.jpg);
	background-repeat: no-repeat;
	float: left;
	display: inline;
	margin: 0px 0px 0px 19px;
	padding: 10px 16px 0px 16px;
}
#main_menu .exp {
	padding: 5px 0px 8px 0px;
}
#main_menu .exp p {
	font-size: 12px;
	line-height: 1.6;
	padding: 0px 0px 10px 5px;
	letter-spacing: 0px;
}
#main_menu .button {
	text-align: center;
	background-color: #eee;
	padding: 10px 0px 10px 0px;
}

/*ホームページ更新例
--------------------------------------------------*/

#example {
	background-image: url(/hp/img/index/bg_example.jpg);
	background-repeat: no-repeat;
	width: 800px;
	height: 250px;
	clear: both;
	overflow: hidden;
}
#example ul {
	float: left;
	padding: 23px 0px 0px 25px;
}
#example li {
	background-image: url(/hp/img/index/bg_example_dot.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	padding: 8px 0px 8px 10px;
	line-height: 190%;
	width: 460px;
	margin: 0px 10px 0px 0px;
}
#example li strong {
	color: #005500;
}
#example img {
	margin: 8px 0px 0px 0px;
}

/*ホームページ更新例
--------------------------------------------------*/

#summary {
	height: 160px;
	width: 800px;
}
#summary .sam {
	float: left;
	width: 200px;
	margin: 0px 20px 0px 0px;
	display: inline;
}
#summary .exp {
	width: 500px;
	float: left;
}
#summary .exp p {
	text-align: left;
}
#summary .exp img {
	margin: 0px 0px 10px 0px;
}