@charset "utf-8";

/*オフセット事例一覧*/

/*---------------------------------------------------
ナビ上書き
---------------------------------------------------*/

#navi h4#menu04 {
	margin-top: 10px;
	display: block;
	width: 260px;
	height: 35px;
	background: #ddf1bd url(../../img/menu_title04.gif) 0px -35px no-repeat;
	text-decoration: none;
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
}

#navi ul#menulist04 li a#navi40 {
	color: #669933;
	background: #ffffff url(../../img/bg_navi.gif) 0px -60px no-repeat;
}


/*---------------------------------------------------
#mainbox ページ別スタイル設定
---------------------------------------------------*/

#mainbox h3#casetitle {
	margin: 15px 0 0 10px;
	font-size: 0px;
	line-height: 0px;
}

#mainbox p.stxt {
	margin: 0 0 0 10px;
	font-size: 82%;
	color: #999999;
}

#mainbox #caselist {
	margin-top: 0;
	padding-bottom: 15px;
	font-size: 90%;
}
/* for WinIE6・IE7*/
#mainbox #caselist {
	/padding-bottom: 0;
}

#mainbox #caselist li {
	margin: 0;
	padding: 10px 0 0 30px;
	background: #ffffff url(../img/p60_link_mark.gif) 12px 11px no-repeat;
}

#mainbox #caselist0 li a {
	color: #6699cc;
	text-decoration: underline;
}

#mainbox #caselist li a:hover {
	color: #336699;
	text-decoration: underline;
}

.cmsn {
	color: #cccccc;
}

#mainbox .dotted {
	margin: 10px 0 0 10px;
}


.gotop {
	margin: 0;
	padding-top: 10px;
}

.gotop a.pagetop2 {
	margin-left: 417px;
	display: block;
	width: 83px;
	height: 14px;
	background: #ffffff url(../../img/pagetop.gif) 0px 0px no-repeat;
	text-decoration: none;
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
}

.gotop a.pagetop2:hover {
	background: #ffffff url(../../img/pagetop.gif) 0px -14px no-repeat;
}

/*---------------------------------------------------
事例部分スタイル設定
---------------------------------------------------*/
/*事例01*/
#case01box {
	margin: 20px 0 0 9px;
	padding: 10px 0px;
	border: 1px #dddddd solid;
	width: 480px;
}

#case01box h4 {
	margin-left: 15px;
	padding: 5px 0px;
	font-size: 110%;
	font-weight: bold;
}

#case01box #logo {
	margin: 0 0 0 15px;
}

#case01box table {
	margin-top: 10px;
	border-collapse: collapse;
	font-size: 90%;
	line-height: 130%;
	width: 100%;
}

#case01box table th {
	padding: 10px 0 0 5px;
	text-align: right;
	vertical-align: top;
	color: #92ae57;
}

#case01box table td {
	padding: 10px 5px 0 10px;
	text-align: left;
	vertical-align: top;
	width: 78%;
}

#case01box table div.div01 {
	margin-top: 0;
}

#case01box table div.div02 {
	margin-top: 15px;
}

#case01box table img {
	margin-top: 5px;
}

#case01box table ul {
	margin-top: 2px;
}

#case01box table ul li {
	padding-top: 3px;
}


/*事例02*/
#case02box {
	margin: 20px 0 0 9px;
	padding: 10px 0px;
	border: 1px #dddddd solid;
	width: 480px;
}

#case02box h4 {
	margin-left: 15px;
	padding: 5px 0px;
	font-size: 110%;
	font-weight: bold;
}

#case02box #logo {
	margin: 0 0 0 15px;
}

#case02box table {
	margin-top: 10px;
	border-collapse: collapse;
	font-size: 90%;
	line-height: 130%;
	width: 100%;
}


#case02box table th {
	padding: 10px 0 0 5px;
	text-align: right;
	vertical-align: top;
	color: #92ae57;
}

#case02box table td {
	padding: 10px 5px 0 10px;
	text-align: left;
	vertical-align: top;
	width: 78%;
}

#case02box table div.div01 {
	margin-top: 0;
}

#case02box table div.div02 {
	margin-top: 15px;
}

#case02box table img {
	margin-top: 5px;
}

#case02box table ul {
	margin-top: 2px;
}

#case02box table ul li {
	padding-top: 3px;
}


/*事例03*/
#case03box {
	margin: 20px 0 0 9px;
	padding: 10px 0px;
	border: 1px #dddddd solid;
	width: 480px;
}

#case03box h4 {
	margin-left: 15px;
	padding: 5px 0px;
	font-size: 110%;
	font-weight: bold;
}

#case03box #logo {
	margin: 0 0 0 15px;
}

#case03box table {
	margin-top: 10px;
	border-collapse: collapse;
	font-size: 90%;
	line-height: 130%;
	width: 100%;
}


#case03box table th {
	padding: 10px 0 0 5px;
	text-align: right;
	vertical-align: top;
	color: #92ae57;
}

#case03box table td {
	padding: 10px 5px 0 10px;
	text-align: left;
	vertical-align: top;
	width: 78%;
}

#case03box table div.div01 {
	margin-top: 0;
}

#case03box table div.div02 {
	margin-top: 15px;
}

#case03box table div.div03 {
	margin-top: 5px;
}

#case03box table img {
	margin-top: 5px;
}

#case03box table ul {
	margin-top: 2px;
}

#case03box table ul li {
	padding-top: 3px;
}

#case03box span.redtxt {
	color: #cc0066;
}



/*事例04*/
#case04box {
	margin: 20px 0 0 9px;
	padding: 10px 0px;
	border: 1px #dddddd solid;
	width: 480px;
}

#case04box h4 {
	margin-left: 15px;
	padding: 5px 0px;
	font-size: 110%;
	font-weight: bold;
}

#case04box #logo {
	margin: 0 0 0 15px;
}

#case04box table {
	margin-top: 10px;
	border-collapse: collapse;
	font-size: 90%;
	line-height: 130%;
	width: 100%;
}


#case04box table th {
	padding: 10px 0 0 5px;
	text-align: right;
	vertical-align: top;
	color: #92ae57;
}

#case04box table td {
	padding: 10px 5px 0 10px;
	text-align: left;
	vertical-align: top;
	width: 78%;
}

#case04box table div.div01 {
	margin-top: 0;
}

#case04box table div.div02 {
	margin-top: 15px;
}

#case04box table div.div03 {
	margin-top: 5px;
}

#case04box table img {
	margin-top: 5px;
}

#case04box table ul {
	margin-top: 2px;
}

#case04box table ul li {
	padding-top: 3px;
}


#case04box table th.tal {
	padding-left: 22px;
	text-align: left;
}

#case04box table div.tar {
	text-align: right;
}

#case04box table td.vam {
	vertical-align: middle;
}

#case04box table div.rsp {
	padding-right: 36px;
}

#case04box span.redtxt {
	color: #cc0066;
}