@charset "utf-8";

/* ==================================================

R4 SUPPORT スタイルシート

================================================== */

/* Win版 IE5.x系列用 
--------------------------------------------------------------------*/
@media tty {i{content:"\";/*" "*/}} @import 'common_wie5x.css'; /*";}}/* */

/* 共通 
--------------------------------------------------------------------*/
body,div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,td,th,form {
	margin:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
	font-size:100%;
}
li {
	list-style-type:none;
}
li img {
	vertical-align:top;
}
table {
	border-collapse:collapse;
}
td,th {
	vertical-align:top;
}
th {
	text-align:left;
}
a img {
	border:none;
}

body {
	font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	margin:0 0;
	text-align:center;
	font-size:80%;
	line-height:130%;
	color:#586167;
	background-color:#fff;
}
h3 {
	padding-bottom:3px;
}
.fs {
	font-size:85%;
	line-height:120%;
}
.fl {
	font-size:125%;
	line-height:130%;
}
.b {
	font-weight:bold;
}
.c {
	text-align:center;
}
.r {
	text-align:right;
}
a:link,
a:visited{
	color:#78b432;
	text-decoration:none;
}
a:hover,
a:active {
	color:#78b432;
	text-decoration:underline;
}

br.clear {
	clear:both;
	font:0pt/0pt sans-serif;
}

.warning {
	color:#ff0000;
	background-color:#ffffcc;
	border: 1px solid #ff0000;
	padding:5px;
	margin:10px 0;
}
.bk {
	width:832px;
	margin:0 auto;
}
.bk .bk-line {
	border-left:solid 1px #e6e6e6;
	border-right:solid 1px #e6e6e6;
}
.header {
	background:url(../common/header_bk.gif) repeat-x;
	height:70px;
	width:830px;
	margin:0 auto;
	text-align:left;
}
.header .logo {
	width:640px;
	float:left;
}
.header .seotext p {
	color:#fff;
	padding-left:10px;
	line-height:20px;
}
.header .logo img {
	padding:6px 0 0 20px;
}
.header .logo-r {
	width:190px;
	float:right;
	text-align:left;
}
.header .logo-r img {
	margin-bottom:5px;
}
.header .logo-r img.top {
	margin-top:15px;
}
.main {
	width:830px;
	margin:0 auto;
	text-align:left;
	background:#ffffff;
}
.main-area {
	background:url(../common/lm_bk.gif) repeat-y;
	float:left;
}
.main-area .main-left {
	float:left;
	width:200px;
}
.main-area .main-left-i {
	padding:10px 10px 0 10px;	
	margin-bottom:30px;
}

.main-area .main-right {
	float:right;
	width:630px;
}
.main-area .main-right-i {
	padding:15px 15px 0 15px;
} 
.main-menu {
	margin-bottom:15px;
	text-align:right;
}
.main-menu img {
	margin-bottom:1px;
}
.footer {
	width:830px;
	height:65px;
	background:url(../common/footer_bk.gif) repeat-x;
	margin:0 auto;
}
.footer .bottom_link {
	height:40px;
}
.footer .bottom_link p {
	padding-top:10px;
}
.footer .bottom_link a:link,
.footer .bottom_link a:visited{
	color:#fff;
	text-decoration:none;
}
.footer .bottom_link a:hover,
.footer .bottom_link a:active {
	color:#fff;
	text-decoration:underline;
}
.copyright {
	height:25px;
}
.copyright p {
	color:#fff;
}
.title-area {
	height:66px;
}
.title-area .title {
	float:left;
	width:280px;
}
.title-area .link-navi {
	float:right;
	width:350px;
	text-align:right;
}
.title-area .link-navi p {
	padding:40px 10px 0 0;
}

/* トップページ
--------------------------------------------------------------------*/

#top h2 {
	padding:10px 0 5px;
}
#top .scroll-info {
	height:27px;
	background:url(../img/information_bar.gif) no-repeat;
}
#top .scroll-info .text {
	line-height:27px;
	padding:0 15px 0 150px;
	color:#ff961e;
}
#top .top-main {
	padding:0 15px;
}
#top .case {
	padding:15px 0 0;
}
#top .case img {
	padding-bottom:10px;
}
#top .case img.next {
	padding-left:9px;
}
#top .support {
	float:left;
	width:395px;
}
#top .customer {
	background:url(../img/support_middle_bk.gif) repeat-y;
}
#top .customer .photo {
	float:left;
	width:90px;
	text-align:right;
}
#top .customer .photo-r {
	float:right;
	width:305px;
}
#top .customer .photo-r img {
	padding-left:10px;
}
#top .customer .photo-r p {
	padding:3px 10px 5px 10px;
}
#top .link {
	float:right;
	width:185px;
}
#top .link img.banner {
	padding-bottom:5px;
}
#top .flash {
	padding:20px 0 30px;
}
#top .flash img {
	float:left;
	width:110px;
	margin-right:10px;
}
#top .flash p {
	float:right;
	width:480px;
	color:#abb0b3;
}
#top .study {
	background-color:#fff;
	margin-bottom:15px;
}
#top .study p {
	background:url(../common/arrow_1.gif) no-repeat 8px 9px;
	padding:5px 0 5px 23px;
	border-bottom:solid 1px #e6e6e6;
	border-left:solid 1px #e6e6e6;
	border-right:solid 1px #e6e6e6;
	font-weight:bold;
}
#top .study p.top {
	border-top:solid 1px #e6e6e6;
}	
#top .info {
	background-color:#fff;
}
#top .info-i {
	border:solid 1px #e6e6e6;
	padding:5px 10px;
}
#top .info img {
	padding:5px 0;
}
#top .info .open {
	color:#abb0b3;
}

/* ケーススタディ トップ
--------------------------------------------------------------------*/

#case .main-right h3 {
	padding-bottom:8px;
}
#case h3.next {
	padding-top:30px;
}
#case h4 {
	font-weight:bold;
	color:#78b432;
	padding-bottom:5px;
}
#case .copy {
	padding-bottom:5px;
}
#case .case-top .photo {
	float:left;
	width:190px;
}
#case .case-top .photo-r {
	float:right;
	width:410px;
}
#case .last{
	padding-bottom:50px;
}
#case .case-area .case-left {
	float:left;
	width:295px;
}
#case .case-area .case-right {
	float:right;
	width:295px;
}
#case .case {
	border:solid 1px #78b432;
	background:url(../case/img/case/case_bk.gif) no-repeat 2px 2px;
	padding:6px 11px 6px 6px;
	margin-bottom:10px;
}
#case .case .photo {
	float:left;
	width:110px;
}
#case .case .photo-r {
	float:right;
	width:165px;
}

#case .case .kuwashiku {
	padding-top:5px;
	text-align:right;
}
#case .case .kuwashiku a {
	color:#ff961e;
}
#case .case .kuwashiku img {
	vertical-align:middle;
	margin-left:3px;
}

/* ケーススタディ 下層共通
--------------------------------------------------------------------*/

.case-under {
	padding-bottom:30px;
}
.case-under h3 {
	padding-bottom:8px;
}
.case-under h3.next {
	padding-top:30px;
}
.case-under .copy {
	padding-bottom:5px;
}
.case-under .case-top .photo {
	float:left;
	width:190px;
}
.case-under .case-top .photo-r {
	float:right;
	width:410px;
}
.case-under .case .photo {
	float:right;
	width:190px;
	text-align:right;
}
.case-under .case .photo-r {
	float:left;
	width:410px;
}
.case-under .line {
	padding-bottom:10px;
	border-bottom:solid 1px #f2f2f2;
	margin-bottom:10px;
}
.case-under .contact {
	padding-top:30px;
	text-align:center;
}
.case-under .taiou {
	padding-top:10px;
}
.case-under .taiou p {
	background:url(../common/arrow_3.gif) no-repeat 5px 8px;
	padding:5px 0 0 12px;
}

/* 遠隔サポート
--------------------------------------------------------------------*/

#remote .main-right h3 {
	padding-bottom:15px;
}
#remote .main-right h3.next {
	padding-top:30px;
}
#remote .top-image {
	text-align:center;
	padding:5px 0 20px;
	border-bottom:dotted 1px #d9d9d9;
	margin-bottom:15px;
}
#remote .copy {
	padding-bottom:5px;
}
#remote .text {
	padding-top:3px;
	color:#ff1a00;
}
#remote h4 {
	color:#ff7800;
	font-weight:bold;
	padding:15px 0 3px;
}
#remote .support-area {
	background:url(../remote/img/box_bk.gif) repeat-y;
	padding:0 15px;
}
#remote .support-area dt {
	font-weight:bold;
	padding-bottom:3px;
}
#remote .support-area dd {
	padding:0 0 7px 13px;
	border-bottom:dotted 1px #ffc583;
	margin-bottom:7px;
}
#remote .support-area dd.last {
	margin-bottom:0 !important;
	border-bottom:none !important;
	padding-bottom:0 !important;
}
#remote .support .photo {
	float:left;
	width:180px;
}
#remote .support .photo-r {
	float:right;
	width:405px;
}
#remote .support .contact {
	font-weight:bold;
	background:url(../common/arrow_1.gif) no-repeat 0 9px;
	padding:5px 0 0 15px;
}
#remote .support .contact a {
	color:#ff7800;
}
#remote .flow-area {
	border-bottom:dotted 1px #d9d9d9;
	padding:20px 0;
}
#remote .flow-top {
	padding-top:0 !important;
}
#remote .flow-area .flow-left {
	float:left;
	width:230px;
}
#remote .flow-area .flow-right {
	float:right;
	width:350px;
}
#remote .flow-area h5 {
	padding-bottom:7px;
}
#remote .btn {
	padding:30px 0 100px;
	text-align:center;
}


/* 料金表
--------------------------------------------------------------------*/

#price .price-table {
	width:600px;
	margin-bottom:80px;
}
#price th,
#price td {
	border:solid 1px #dcdcdc;
}
#price th.head {
	background:#fff0d9;
}
#price th.head p {
	padding:5px;
	text-align:center;
}
#price th {
	background:#f1f7ea;
}
#price th p {
	padding:10px;
}
#price td p {
	padding:10px;
}
#price td p.pr {
	color:#ff1a00;
	text-align:center;
}

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

#contact h3.top {
	padding-bottom:5px;
}
#contact h3.next {
	padding-top:30px;
}
#contact .copy {
	padding-bottom:5px;
}
#contact .text {
	padding:5px 0;
	color:#ff961e;
}
#contact .contact {
	padding-bottom:50px;
}
#contact .contact th {
	width:110px;
	border-bottom:solid 1px #dcdcdc;
}
#contact .contact td {
	width:490px;
	border-bottom:solid 1px #dcdcdc;
}
#contact .contact th p {
	background:url(../common/arrow_3.gif) no-repeat 10px 12px;
	padding-left:22px;
	color:#78b432;
}
#contact .contact td p {
	padding-left:10px;
}
#contact .contact th p,
#contact .contact td p {
	padding-top:5px;
	padding-bottom:5px;
}
#contact .form {
	padding-bottom:15px;
}
#contact .btn {
	padding-top:5px;
}
#contact .require {
	color:#d26464;
	padding-left:5px;
}
#contact .last-info {
	text-align:center;
	margin:50px 0 150px 0;
}
#contact .form-2 {
	border-bottom:solid 1px #dcdcdc;
}

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

#company .company {
	padding-bottom:80px;
}
#company th {
	width:110px;
	border-bottom:solid 1px #dcdcdc;
}
#company th p {
	padding:6px 0 6px 15px;
	background:url(../common/arrow_3.gif) no-repeat 5px 12px;
	color:#78b432;
}
#company td {
	width:490px;
	border-bottom:solid 1px #dcdcdc;
}
#company td p {
	padding:6px 0;
}

/* プライバシーポリシー
--------------------------------------------------------------------*/

#privacy .main-right h3 {
	padding-bottom:5px;
}
#privacy .privacy-top {
	padding-bottom:10px;
	border-bottom:solid 1px #dcdcdc;
}
#privacy .privacy {
	padding-bottom:80px;
}
#privacy th {
	width:25px;
	border-bottom:solid 1px #dcdcdc;
}
#privacy th p {
	padding:6px 0 6px 5px;
}
#privacy td {
	width:575px;
	border-bottom:solid 1px #dcdcdc;
}
#privacy td p {
	padding:6px 0;
}