@charset "utf-8";


#wrapper {
	background:url(../common/back-wrapper.gif) repeat-y 665px top;
	}
	
#main {
	float:left;
	width:650px;
	}
	
#side {
	float:right;
	width:220px;
	}

/*----- メイン -----*/
.title-1 {
	background:url(../common/title-1.gif) no-repeat left bottom;
	font-weight:bold;
	padding:8px 0 0 20px;
	min-height:27px;
	height:auto !important;
	height:27px;
	font-size:107%;
	letter-spacing:0.1em;
	}
.title-4 {
	background:url(../service/images/title-4.gif) no-repeat left bottom;
	font-weight:bold;
	padding:2px 0 0 20px;
	min-height:23px;
	height:auto !important;
	height:23px;
	}

.title-5 {
	font-weight:bold;
	font-size:107%;
	}
	
#service-img {
	position:relative;
	}
	
#service1 {
	position:absolute;
	left:15px;
	top:51px;
	}
	
#service2 {
	position:absolute;
	left:242px;
	top:51px;
	width:215px;
	}
#service3 {
	position:absolute;
	left:469px;
	top:51px;
	width:167px;
}

#service1-2 {
	position:absolute;
	left:15px;
	top:-30px;
	display:none;
	}
#service2-2 {
	position:absolute;
	left:242px;
	top:-30px;
	display:none;
	}
#service3-2 {
	width: 167px;
	position:absolute;
	left:469px;
	top:-30px;
	display:none;
	}

#service1-2,
#service2-2 {
	width:215px;
	}
.service-inner {
	background:url(../service/images/back-open.gif) no-repeat left bottom;
	min-height:190px;
	height:auto !important;
	height:190px;
	position:relative;
	margin:0;
	}
	
.service-in-img {
	padding:8px 0 0 4px;
	}
.service-in-text1 {
	padding:5px 10px 0;
	color:#b73c00;
	}
.service-in-text2 {
	padding:10px 10px 30px;
	color:#b73c00;
	}
.service-in-text2 a {
	background:url(../common/icon-right.gif) no-repeat left 5px;
	display:inline-block;
	padding-left:10px;
	min-height:12px;
	height:auto !important;
	height:12px;
	}
.service-btn {
	position:absolute;
	bottom:0;
	right:0;
	padding:0 5px 5px 0;
	}

	
#service-box {
	width:650px;
	margin:10px 0 0;
	}
#service-box .s-box1 {
	width:220px;
	float:left;
	}
#service-box .s-box2 {
	width:210px;
	float:left;
	}

#service-box p a {
	background:#e6ecf5 url(../common/icon-right2.gif) no-repeat 10px 9px;
	display:block;
	padding:3px 0 3px 20px;
	width:190px;
	min-height:16px;
	height:auto !important;
	height:16px;
	}
#service-box ul {
	margin:10px 5px 0 20px;
	}
#service-box ul a {
	background:url(../images/icon-right.gif) no-repeat left 5px;
	padding-left:10px;
	display:inline-block;
	min-height:15px;
	height:auto !important;
	height:15px;
	}
	
#service-box2 {
	wdith:650px;
	margin-top:40px;
	}	
#banner {
	width:184px;
	float:left;
	border:1px solid #d4d4d4;
	background-color:#e8edee;
	}
#banner dl {
	padding:5px;
	}


#service-box3 {
	width:448px;
	float:right;
	}	
	
.title-service {
	border:1px solid #d4d4d4;
	padding:1px;
	}
.title-service a {
	display:block;
	background:#0e429b url(../service/images/title-service.gif) no-repeat left top;
	font-weight:bold;
	padding:2px 5px 2px 25px;
	min-height:20px;
	height:auto !important;
	height:20px;
	}
	
.title-service a:link { color:#ffffff; text-decoration:none; }
.title-service a:visited { color:#ffffff; text-decoration:none; }
.title-service a:hover { color:#ffffff; text-decoration:none; }
.title-service a:active { color:#ffffff; text-decoration:none; }	
	
.service3-ul {
	background:url(../service/images/back-service.gif) no-repeat left top;
	margin-top:2px;
	padding:10px 15px 0;
	min-height:135px;
	height:auto !important;
	height:135px;
	}	
.service3-ul li a {
	background:url(../service/images/icon-right.gif) no-repeat left 5px;
	padding-left:10px;
	display:inline-block;
	min-height:12px;
	height:auto !important;
	height:12px;
	}	
.service3-ul p {
	text-align:right;
	margin-top:10px;
	}
	
#service-box3-in {
	width:448px;
	margin-top:20px;
	}
.s-box3-l {
	float:left;
	width:219px;
	}
.s-box3-r {
	float:right;
	width:219px;
	}
	
#s-dl {
	margin:20px 5px 0;
	}
#s-dl dt a {
	display:inline-block;
	background:url(../common/icon-right.gif) no-repeat left 5px;
	padding-left:10px;
	min-height:12px;
	height:auto !important;
	height:12px;
	}
#s-dl dd {
	padding:5px 0 0 15px;
	}

.title-strong {
	font-weight:bold;
	margin:10px 5px 0;
	padding-left:20px;
	min-height:16px;
	height:auto !important;
	height:16px;
	}
#strong1,
.strong1 {
	background:url(../service/images/icon-1.gif) no-repeat left 1px;
	}
#strong2,
.strong2 {
	background:url(../service/images/icon-2.gif) no-repeat left 1px;
	}
#strong3,
.strong3 {
	background:url(../service/images/icon-3.gif) no-repeat left 1px;
	padding-left:20px;
	}
#strong4,
.strong4 {
	background:url(../service/images/icon-4.gif) no-repeat left 1px;
	}
#strong5,
strong5 {
	background:url(../service/images/icon-5.gif) no-repeat left 1px;
	}
#strong6,
.strong6 {
	background:url(../service/images/icon-6.gif) no-repeat left 1px;
	}
.strong-p {
	margin:5px 5px 0 25px;
	}
	
.service-ul {
	list-style:decimal;
	margin:3px 5px 3px 30px;
	}
.service-ul2 {
	margin:10px 5px 0 10px;
	}
.service-ul2 li {
	background:url(../common/icon-circle-b.gif) no-repeat left 7px;
	padding-left:15px;
	min-height:12px;
	height:auto !important;
	height:12px;
	}
#service-ul3 {
	margin:20px 5px 0;
	width:640px;
	}
#service-ul3 li {
	float:left;
	margin-bottom:2px;
	}
#service-ul3 li a {
	display:inline-block;
	background:url(../common/icon-bottom.gif) no-repeat 5px 7px;
	padding:0 8px 0 17px;
	border-left:1px solid #9db1d2;
	white-space:nowrap;
	min-height:12px;
	height:auto !important;
	height:12px;
	}
#service-ul3 li a.last {
	border-right:1px solid #9db1d2;
	}
	
.service-title {
	border-top:1px dashed #bdbdbd;
	padding-top:30px;
	}
	
.service-box {
	width:640px;
	margin:10px 5px 0;
	}
.service-box .s-box1 {
	width:215px;
	float:left;
	}
.service-box .s-box2 {
	width:210px;
	float:left;
	}

.service-box p a {
	background:#e6ecf5 url(../common/icon-right2.gif) no-repeat 10px 9px;
	display:block;
	padding:3px 0 3px 20px;
	width:190px;
	min-height:16px;
	height:auto !important;
	height:16px;
	}
.service-box ul {
	margin:10px 5px 0 20px;
	}
.service-box ul a {
	background:url(../images/icon-right.gif) no-repeat left 5px;
	padding-left:10px;
	display:inline-block;
	min-height:15px;
	height:auto !important;
	height:15px;
	}
	
.keyword-box {
	margin:20px 5px 0;
	}
.keyword-l {
	float:left;
	min-width:320px;
	width:auto !important;
	width:320px;
	}
.keyword-r {
	float:left;
	min-width:250px;
	width:auto !important;
	width:250px;	
	}
.keyword-l p,
.keyword-r p {
	font-weight:bold;
	margin-bottom:5px;
	}
	
#product-company-box {
	margin:10px 5px 0;
	border:1px dashed #bdbdbd;
	padding:10px;
	}
#product-company-box a {
	background:url(../common/icon-right.gif) no-repeat left 5px;
	padding-left:10px;
	display:inline-block;
	min-height:12px;
	height:auto !important;
	height:12px;
	}
	
#product-pc-box {
	margin:10px 5px 0;
	width:640px;
	}
#product-pc-box #pc-img {
	width:357px;
	float:left;
	}
#product-pc-box #pc-text {
	width:283px;
	float:left;
	}
#product-pc-box #pc-text ul {
	margin-top:10px;
	}
#product-pc-box #pc-text li {
	background:url(../common/icon-circle-b.gif) no-repeat left 6px;
	padding:0 0 10px 10px;
	min-height:11px;
	height:auto !important;
	height:11px;
	}
#product-pc-box #pc-text .atte {
	padding:10px 0 0 0;
	margin:0 0 0 1em;
	}	
#product-pc-box #pc-text .atte span {
	margin:0 0 0 -1em;
	}
	
	
/*----- サイド -----*/	
#lnavi-box2 li {
	background:url(../service/images/border-bottom-side.gif) no-repeat left bottom;
	min-height:31px;
	height:auto !important;
	height:31px;
	}
#lnavi-box2 li a {
	display:block;
	width:180px;
	min-height:21px;
	height:auto !important;
	height:21px;
	background:url(../common/icon-right.gif) no-repeat 15px 12px;
	padding:5px 5px 5px 35px;
	}
#lnavi-box2 li a:link { color:#0c419a; text-decoration:none; }
#lnavi-box2 li a:visited { color:#0c419a; text-decoration:none; }
#lnavi-box2 li a:hover { color:#ff5806; text-decoration:underline; }
#lnavi-box2 li a:active { color:#0c419a; text-decoration:none; }
#lnavi-box2 li a.now { color:#ff5806; }