﻿@charset "utf-8";

/* ----------------------------------------
 *   style.css
 * ---------------------------------------- */

/** ----- メイン画像・フラッシュスペース ----- **/
#flash-space {
	clear: both;
	width: 760px;
	margin: 0 auto 0 auto;
	padding-top: 15px;
	text-align: center;
	background-image: url(/image/mainimgspacemiddle.gif);
	background-repeat: repeat-y;
}
/** ----- /メイン画像・フラッシュスペース ----- **/

/** ----- トップページコンテンツスペース ----- **/
#sub-disc {
	width: 570px;
	margin: 0;
	padding: 0;
}

#subbg {
	background-image: url(/image/touchsuite.gif);
	background-repeat: no-repeat;
	width: 561px;
	height: 108px;
	text-align: left;
	margin: 0;
}

#more {
	float: left;
	margin-top: 73px;
	margin-left: 150px;
	display: inline;
}

#about-touch {
	float: right;
	margin-right: 65px;
	margin-top: 35px;
	display: inline;
}

#menu-tbl {
	background-image: url(/image/kinoushoukaibtm.gif);
	background-repeat: norepeat;
	background-position: center bottom;
	width: 570px;
	padding-top: 10px;
	padding-bottom: 20px;
}

#menu-list {
	width: 570px;
	margin: 0;
	text-align: center;
}

#menu-tbl .list {
	margin-top: 13px;
	margin-bottom: 13px;
}

#about-one {
	margin: 0;
	padding: 0;
	clear: both;
	background-image: url(../image/about-oneweek.gif);
	background-repeat: no-repeat;
	width: 570px;
	height: 84px;
}

#about-one #about-how {
	float: right;
	display: inline;
	margin-right: 10px;
	margin-top: 60px;
}

#news-title {
	width: 180px;
	height: 31px;
	margin: 0;
}

#news {
	margin: 0;
	padding: 0;
	background-image: url(/image/newsbg.gif);
	background-repeat: repeat-y;
	width: 180px;
	font-size: 12px;
	margin-bottom: -4px;
}

#news #news-test {
	padding: 7px 7px 5px 7px;
}

#news #new-test dl {
	margin: 0;
	padding: 0;
}

#news #news-test dt {
	color: #666666;
	text-align: left;
	background-color: #cff0fa;
	padding: 3px 0 3px 3px;
}

#news #news-test dd {
	color: #cc6600;
	text-align: left;
	line-height: 1.5;
	margin: 0 0 5px 0;
	padding: 3px 0 3px 0;
}

#news #news-test dd a {
	text-decoration: underline;
	color: #cc6600;
}

#newsmore-bg {
	display: block;
	width: 180px;
	margin: 0;
}

#side-info {
	width: 180px;
	margin: 10px 0 0 0;
	padding: 0;
}

#foot-line {
	display: block;
	margin: 0;
	padding: 0;
	background-image: url(/image/footline.gif);
	background-repeat: no-repeat;
	width: 760px;
	text-align: right;
}

#page-top {
	margin: 0;
	padding-top: 10px;
	display: inline;
}
/** ----- /トップページコンテンツスペース ----- **/


/** ----- サイドメニュー ----- **/
#side-menu-title {
	width: 180px;
	height: 31px;
	margin: 0;
	padding: 0;
}

#side-menu {
	margin: 0;
	padding-top: 7px;
	background-image: url(/image/suitemorebtm.gif);
	background-repeat: no-repeat;
	width: 180px;
	height: 539px;
}

#side-menu ul {
	margin: 0;
	padding: 0;
}

#side-menu ul li {
	margin-bottom: 5px;
	padding: 0;
}

#side-menu-btm img {
	margin: 0;
	padding: 0;
}

/** ----- /サイドメニュー ----- **/


/** ----- mailform ----- **/
#mail #contents {
	margin: 10px auto 15px auto;
	padding: 0;
	width: 760px;
}

#mail #side-info {
	width: 180px;
	margin: 0 0 10px 0;
	padding: 0;
}

#mail #sub {
	width: 190px;
	margin: 0;
	padding: 0;
	float: right;
	display: block;
	text-align: right;
}

#form-tbl {
	background-image: url(/image/formtblbg.gif);
	background-repeat: norepeat;
	background-position: center bottom;
	width: 570px;
	margin: 0;
}

#form-tbl #form-contents {
	padding: 15px 0 0 0;
	margin: 0 auto 0 auto;
	width: 540px;
	font-size: 12px;
}

#form-tbl #form-contents #form-error-mes {
	width: 540px;
	margin-bottom: 10px;
	padding: 0;
	text-align: left;
	color: #ff0000;
	line-height: 1.5;
}

#form-tbl #form-contents #form-conf-mes {
	width: 540px;
	margin-bottom: 10px;
	padding: 0;
	text-align: left;
	line-height: 1.5;
}

#form-tbl #form-contents #form-conp-mes {
	line-height: 1.5;
}

#form-tbl #form-contents #form-caution {
	width: 540px;
	margin: 0 0 0 0;
	padding: 0 0 20px 0;
	background-image: url(/image/formconfline.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#form-tbl #form-contents #form-caution ul {
	margin: 20px 0 20px 17px;
	padding-bottom: 20px;
}

#form-tbl #form-contents #form-caution ul li {
	list-style-image: url(/image/mailcaution.gif);
	text-align: left;
	margin-top: 5px;
	margin-bottom: 3px;
}

#form-tbl #form-contents input {
	text-align: left;
}

#form-tbl #form-contents textarea {
	text-align: left;
}

#form-input {
	width: 540px;
	margin: 0 0 40px 0;
	text-align: left;
	background-image: url(/image/inputbgline.gif);
	background-repeat: repeat-y;
	background-position: left;
	border-bottom: 1px solid #C0C0C0;
}

#form-input .form-contentsname-bg {
	background-image: url(/image/formcontentsbg.gif);
	border-left: 5px solid #ff7c00;
	width: 520px;
	height: 14px;
	color: #333333;
	font-weight: bold;
	padding: 9px 0 9px 15px;
}

#form-input .form-contentsname-bg .form-need-mark {
	background-image: url(/image/formneedmark.gif);
	background-repeat: no-repeat;
	background-position: 20% center;
	text-align: left;
	padding: 0;
	margin: 0;
}

#form-input .form-contentsname-bg .form-position-mark {
	text-align: left;
	margin: 0;
	padding: 0;
}

.form-area {
	margin: 12px 0 12px 20px;
	text-align: left;
}

#txt-form-area {
	margin: 12px 0 10px 20px;
	text-align: left;
	line-height: 1.8;
}

.address-form-name {
	margin: 20px 0 5px 30px;
	text-align: left;
	background-image: url(/image/formline.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 5px;
	font-weight: bold;
	color: #333333;
}

.address-form-nyuuryoku {
	margin: 5px 0 20px 30px;
	text-align: left;
}

.address-form-nyuuryoku-last {
	margin: 5px 0 30px 30px;
	text-align: left;
}

input.btn {
	text-align: center;
	padding: 5px;
	margin-top: 50px;
}

#form-confirm {
	margin-top: -20px;
	padding-bottom: 40px;
	text-align: left;
	line-height: 1.5;
}

#form-confirm a {
	color: #cc6600;
}

#form-conf-btm {
	background-image: url(/image/formconfbtm.gif);
	background-repeat: no-repeat;
	width: 570px;
	height: 146px;
	margin: 0;
	padding: 0;
}

/** ----- /mailform ----- **/

/** ----- other ----- **/
#other-tbl {
	background-image: url(/image/formtblbg.gif);
	background-repeat: norepeat;
	background-position: center bottom;
	width: 570px;
	margin: 0;
}

#other-tbl #other-contents {
	padding: 15px 0 0 0;
	margin: 0 auto 0 auto;
	width: 540px;
	font-size: 12px;
}

#other-conf-btm {
	background-image: url(/image/formconfbtm.gif);
	background-repeat: no-repeat;
	width: 570px;
	height: 146px;
	margin: 0;
	padding: 0;
}

#other-tbl #other-contents #other-touchsuite-disc {
	width: 540px;
	margin: 0;
	padding: 0;
	text-align: left;
}

#other-disc {
	width: 540px;
	margin: 10px 0 20px 0;
	padding-top: 40px;
	background-image: url(/image/formconfline.gif);
	background-repeat: no-repeat;
	background-position: top;
	text-align: left;
	line-height: 1.5;
}

#other-contents-space {
	width: 540px;
	margin: 0 0 0 0;
	text-align: left;
}

#senyoutanmatsu {
	margin: 0 auto 0 auto;
	padding-bottom: 10px;
	width: 540px;
}

#aboutcontent {
	margin: 0 auto 20px auto;
	width: 540px;
}

#touchsuitetokuchou {
	margin: 0;
	padding: 0;
}

#other-contents-space #point-one {
	margin-top: 15px;
	text-align: left;
	width: 540px;
	background-image: url(/image/point-one.gif);
	background-repeat: no-repeat;
}

#other-contents-space #point-one .disc {
	width: 350px;
	padding: 75px 0 5px 0;
	line-height: 1.5;
	text-align: left;
}

.disc a {
	color: #cc6600;
}

#other-contents-space #point-two {
	margin-top: 15px;
	width: 540px;
	background-image: url(/image/point-two.gif);
	background-repeat: no-repeat;
}

#other-contents-space #point-two .disc {
	padding: 75px 0 5px 0;
	line-height: 1.5;
	text-align: left;
}

#other-contents-space #point-three {
	margin-top: 15px;
	width: 540px;
	background-image: url(/image/point-three.gif);
	background-repeat: no-repeat;
}

#other-contents-space #point-three .disc {
	padding: 75px 0 5px 0;
	line-height: 1.5;
	text-align: left;
}

#other-contents-space #point-three .disc #morespace {
	margin-top: 20px;
	text-align: left;
}

#other-contents-space #point-four {
	margin-top: 15px;
	width: 540px;
	background-image: url(/image/point-four.gif);
	background-repeat: no-repeat;
}

#other-contents-space #point-four .disc {
	padding: 75px 0 5px 0;
	line-height: 1.5;
	text-align: left;
}

#other-contents-space #point-five {
	margin-top: 15px;
	width: 540px;
	background-image: url(/image/point-five.gif);
	background-repeat: no-repeat;
}

#other-contents-space #point-five .disc {
	padding: 75px 0 30px 0;
	line-height: 1.5;
	text-align: left;
}

#other-shiryouseikyuu {
	background-image: url(/image/formconfbtm.gif);
	background-repeat: no-repeat;
	width: 570px;
	height: 146px;
	margin: 0;
	padding-top: 30px;
}

#other-solution {
	background-image: url(/image/solutiondiscbg.gif);
	background-repeat: no-repeat;
	width: 540px;
	height: 55px;
	margin-top: 15px;
}

#other-solution ul {
	margin: 0;
	padding: 0;
}

#other-solution ul li {
	float: left;
	margin-top: 22px;
	padding-left: 27px;
}

#other-solution ul li a {
	color: #cc6600;
	font-weight: bold;
}

#other-solution ul li img {
	vertical-align: middle;
	margin-right: 3px;
}

.solution-nayami {
	margin-top: 20px;
}

.solution-nayami ul {
	margin: 20px 0 0 17px;
}

.solution-nayami ul li {
	list-style-image: url(/image/mailcaution.gif);
	text-align: left;
	margin-top: 5px;
	margin-bottom: 3px;
}

#resolution {
	margin: 0 auto 0 auto;
	padding: 40px 0;
	text-align: center;
}

#solution-tempo-img {
	background-image: url(/image/solution-tempo-img.gif);
	background-repeat: no-repeat;
	background-position: center right;
}

#solution-event-img {
	background-image: url(/image/solution-event-img.gif);
	background-repeat: no-repeat;
	background-position: center right;
}

#solution-kassei-img {
	background-image: url(/image/solution-kassei-img.gif);
	background-repeat: no-repeat;
	background-position: center right;
	height: 79px;
}

#other-function {
	background-image: url(/image/functiondiscbg.gif);
	background-repeat: no-repeat;
	width: 540px;
	height: 135px;
	margin-top: 15px;
}

#other-function table {
	margin-top: 10px;
	padding: 0;
	width: 540px;
}

#other-function table tr td {
	width: 180px;
	padding: 7px 7px 7px 12px;
	margin: 0;
	text-align: left;
}

#other-function table tr td.full {
	width: 360px;
}

#other-function a {
	color: #cc6600;
	font-weight: bold;
}

#other-function img {
	vertical-align: middle;
	margin-right: 3px;
}

#function-point-img {
	background-image: url(/image/functionpoint.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 275px;
	text-align: left;
}

#function-game-img {
	background-image: url(/image/functiongame.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 255px;
	text-align: left;
}

.function-kyoutsuu-bgdisc {
	width: 390px;
	text-align: left;
	line-height: 1.8;
}

.function-kyoutsuu-disc {
	width: 540px;
	text-align: left;
	line-height: 1.8;
}

#function-coupon-img {
	background-image: url(/image/functioncoupon.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 250px;
	text-align: left;
}

#function--img {
	background-image: url(/image/.gif);
	background-repeat: no-repeat;
	background-position: center right;
	height: 79px;
}

.function-contents-disc {
	margin-top: 20px;
}

.service-composition {
	width: 540px;
	height: 32px;
	margin-top: 10px;
	background-image: url(/image/servicecompositionbg.gif);
	background-repeat: no-repeat;
	padding-top: 8px;
}

.service-composition .service-composition-sukima {
	text-align: left;
	margin-left: 30px;
	color: #333333;
	font-size: 14px;
	font-weight: bold;
}

.service-composition-disc {
	text-align: left;
	margin-bottom: 10px;
	line-height: 1.8;
}

.service-about-title {
	margin-top: 30px;
}

#service-shousai {
	background-image: url(/image/serviceshousaibg.gif);
	background-repeat: no-repeat;
	width: 540px;
	height: 172px;
	margin-top: 10px;
	margin-bottom: 20px;
}

#service-shousai ul {
	margin: 0 0 0 17px;
	padding-top: 10px;
	padding-left: 20px;
}

#service-shousai ul li {
	list-style-image: url(/image/mailcaution.gif);
	text-align: left;
	margin-top: 7px;
	margin-bottom: 3px;
}

#service-shousai-ichiran {
	display: block;
	padding-bottom: 30px;
	text-align: left;
	line-height: 1.3;
}
#service-shousai-ichiran table {
	border: 1px solid #cccccc;
	border-bottom: 5px solid #006699;
	width: 100%;
	margin-bottom: 5px;
}
#service-shousai-ichiran table th {
	border: 1px solid #cccccc;
	font-size: x-small;
	padding: 5px;
	background-color: #006699;
	color: #ffffff;
}
#service-shousai-ichiran table td {
	border: 1px solid #cccccc;
	padding: 5px;
}
#service-shousai-ichiran .td-gray {
	background-color: #f5f5f5;
}
#service-shousai-ichiran .fsx-small {
	font-size: x-small;
}
#service-shousai-ichiran span {
	font-size: small;
	font-weight: bold;
}

/** ----- /other ----- **/
