/* 共通設定 */
html body {
	overflow-y: auto;
}

*+html body {
	overflow-y: auto;
}

html, body {
	margin: 0;
	padding: 0;
	background: #ffffff url("../image/pagebg.gif");
	font-family: "ＭＳ Ｐゴシック",san-serif;
	overflow-y: scroll;
}

ul, li {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
}

td {
	padding: 0;
}

a {
	text-decoration: none;
}

a img {
	border: 0;
}

br {
	letter-spacing: 0;
}

#container {
	width: 1008px;
	margin: 0 auto;
	padding: 0;
	background:#ffffff url("../image/pagebg_edge.gif") center top repeat-y;
	overflow: hidden;
}

#base {
	width: 1000px;
	margin: 0 auto;
	border-bottom: 1px #c0c0c0 solid;
	position: relative;
	overflow: hidden;
}

#header {
	width: 100%;
	height: 60px;
	background: #ffffff;
}

#main {
	width: 100%;
	font-size: 16px;
	font-weight: normal;
	line-height: 20px;
	letter-spacing: 1px;
	background:#ffffff url(../image/background_world.jpg) no-repeat 50px bottom;
}

#title {
	width: 100%;
	background: #ffffff;
}

#footer {
	width: 100%;
	height: 30px;
	color : #808080;
	background-color: #f4f4f4;
	font-size: 11px;
	font-weight: normal;
	line-height: 14px;
	letter-spacing: 1px;
}

#footer .company {
	float: left;
}

#footer .copyright {
	float: right;
	margin-top: 15px;
}

#menu {
	position: relative;
	margin: 0;
	padding: 0;
	height: 45px;
	background: #ffffff url("../image/menu_back.gif") repeat-x;
}

#menu ul {
	list-style:none;
	position: relative;
	left: 50%;
	float: left;
}


#menu li {
	position: relative;
	left: -50%;
	float: left;
	margin: 0;
	height: 40px;
}

#menu li a {
	color: #676767;
	width: 130px;
	display: block;
	background: url("../image/menu_inactive.gif") no-repeat left bottom;
	padding: 5px 3px 0 0;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
}
#menu li a:hover {
	color: #eba92e;
	background: url("../image/menu_rollover.gif") no-repeat left bottom;
}
#menu li a.current{
	color: #118ede;
	background: url("../image/menu_active.gif") no-repeat left bottom;
}

ul.banner {
	margin-left: auto;
	margin-right: 5px;
	width: 250px;
	list-style: none;
}

ul.banner li {
	padding-bottom: 2px;
}

table.banner {
	border: 0;
	cellpadding: 3;
	border-collapse: separate;
}

td.service {
	color: #ffffff;
	font-size: 30px;
	font-weight: bold;
	filter: shadow(color=#808080,direction=135);
	display: block;
	padding-left: 30px;
}

td.title {
	color: #000000;
	font-size: 24px;
	font-weight: bold;
	display: block;
	padding-left: 60px;
}

a.button{
	background: transparent url("../image/button_left.gif") no-repeat top left;
	display: block;
	float: left;
	font-weight: bold;
	font-size: 14px;
	line-height: 16px; 
	height: 32px;
	text-align: center;
	text-decoration: none;
	padding-left: 11px;
	padding-right: 5px;
}
a:link.button, a:visited.button, a:active.button{
	color: #494949;
}
a.button span{
	background: transparent url("../image/button_right.gif") no-repeat top right;
	display: block;
	padding: 8px 11px 8px 0;
}
a.button:hover{
	background-position: bottom left;
}
a.button:hover span{
	background-position: bottom right;
	color: #000000;
}
.buttonwrapper{
	overflow: hidden;
	width: 100%;
}

/* インデント */
.indent {
	padding-left: 0.6em;
}

/* ぶら下げ */
.indent2 {
	margin-left: 2.0em;
	text-indent: -1.0em;
}

/* ぶら下げ */
.indent3 {
	margin-left: 0.6em;
	text-indent: -0.6em;
}

/* HOME */

/* サービス概要ページ */
td.fieldname {
	background-color: #d5ebfc;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	list-style-type: none;
	color: #3d6fa1;
	width: 180px;
	padding: 0 5px 0 5px;
}

td.detail {
	text-align: left;
	background-color: #ffffff;
	padding: 5px;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 1px;
}

td.schedule {
	text-align: center;
	font-size: 12px;
}

#env {
	border: solid 1px #dfdfdf;
}

#env tr td {
	text-align: center;
	border: solid 1px #dfdfdf;
	padding: 3px;
}

#time {
	border: solid 1px #b4b4b4;
}

#time tr td {
	text-align: center;
	border: solid 1px #b4b4b4;
	padding: 3px;
}

#fee {
	border: solid 1px #b4b4b4;
}

#fee tr td {
	text-align: center;
	border: solid 1px #b4b4b4;
	padding: 3px;
}

/* セキュリティページ */
.secfield {
	font-size: 16px;
	font-weight: bold;
}

td.secdetail {
	text-align: left;
	background-color: #ffffff;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 1px;
}

.secindent {
	margin-left: 1.1em;
	text-indent: -1.1em;
	text-align: left;
	font-size: 16px;
	font-weight: normal;
	line-height: 24px;
	letter-spacing: 1px;
}

.securitybox {
	margin: 0 auto;
	color: #000000;
	width: 720px;
	padding: 50px;
	background-color: #ffffff;
	border: 1px solid #808080;
	margin-bottom: 10px;
	border-radius:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	position:relative;
}

/* ご利用規定 */
.polfield {
	text-align: left;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 2px;
	line-height: 24px;
	list-style-type: none;
	color: #000000;
	padding: 0 0 30px 80px;
}

.policybox {
	margin: 0 auto;
	color: #000000;
	width: 790px;
	height: 200px;
	padding: 80px 10px 80px 30px;
	background-color:	#ffffff;
	border: 1px solid	#808080;
	margin-bottom: 10px;
	border-radius:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	position:relative;
}

/* Q&Aページ */
.qabox {
	margin: 0 auto;
	color: #000000;
	width: 820px;
	padding: 20px;
	background-color:	#ffffff;
	border: 1px solid	#808080;
	margin-bottom: 10px;
	border-radius:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	position:relative;
}

.qacommon {
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 2px;
	line-height: 24px;
	padding: 5px 0 5px 10px;
	border-left: solid 10px #f19c0b;
	border-bottom: solid 1px #f19c0b;
}

.qafr {
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 2px;
	line-height: 24px;
	padding: 5px 0 5px 10px;
	border-left: solid 10px #6aae2c;
	border-bottom: solid 1px #6aae2c;
}

.qalc {
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 2px;
	line-height: 24px;
	padding: 5px 0 5px 10px;
	border-left: solid 10px #7ac9d4;
	border-bottom: solid 1px #7ac9d4;
}

.qafx {
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 2px;
	line-height: 24px;
	padding: 5px 0 5px 10px;
	border-left: solid 10px #4e99cf;
	border-bottom: solid 1px #4e99cf;
}

.qafd {
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 2px;
	line-height: 24px;
	padding: 5px 0 5px 10px;
	border-left: solid 10px #BF95DD;
	border-bottom: solid 1px #BF95DD;
}

.returntop {
	margin-left: auto;
	margin-right: 0;
	text-align: right;
}

.returntop a:link {
	color: #b7b7b7;
}

.returntop a:visited {
	color: #b7b7b7;
}

.returntop a:hover {
	color: #eba92e;
}

.ul_q1 {
	list-style:none;
}

.ul_q1 li {
	font-weight: bold;
	font-size: 16px;
	margin: 10px 10px 0 30px;
	padding: 5px 0 0 35px;
	background: url(../image/qa_q1.gif) no-repeat 0 0;
}

.ul_q1 li a:hover {
	text-decoration: underline
}

.ul_q2 {
	list-style:none;
}

.ul_q2 li {
	font-weight: bold;
	font-size: 16px;
	margin: 10px 10px 0 30px;
	padding: 5px 0 0 35px;
	background: url(../image/qa_q2.gif) no-repeat 0 0;
}

.ul_q2 li a:hover {
	text-decoration: underline
}

.ul_q3 {
	list-style:none;
}

.ul_q3 li {
	font-weight: bold;
	font-size: 16px;
	margin: 10px 10px 0 30px;
	padding: 5px 0 0 35px;
	background: url(../image/qa_q3.gif) no-repeat 0 0;
}

.ul_q3 li a:hover {
	text-decoration: underline
}

.ul_q4 {
	list-style:none;
}

.ul_q4 li {
	font-weight: bold;
	font-size: 16px;
	margin: 10px 10px 0 30px;
	padding: 5px 0 0 35px;
	background: url(../image/qa_q4.gif) no-repeat 0 0;
}

.ul_q4 li a:hover {
	text-decoration: underline
}

.ul_q5 {
	list-style:none;
}

.ul_q5 li {
	font-weight: bold;
	font-size: 16px;
	margin: 10px 10px 0 30px;
	padding: 5px 0 0 35px;
	background: url(../image/qa_q5.gif) no-repeat 0 0;
}

.ul_q5 li a:hover {
	text-decoration: underline
}

.q1 {
	font-weight: bold;
	margin: 10px 10px 0 30px;
	padding: 5px 0 0 35px;
	background: url(../image/qa_q1.gif) no-repeat 0 0;
}

.a1 {
	margin: 5px 10px 30px 30px;
	padding: 5px 0 5px 35px;
	background: url(../image/qa_a1.gif) no-repeat 0 0;
}

.q2 {
	font-weight: bold;
	margin: 10px 10px 0 30px;
	padding: 5px 0 0 35px;
	background: url(../image/qa_q2.gif) no-repeat 0 0;
}

.a2 {
	margin: 5px 10px 30px 30px;
	padding: 5px 0 5px 35px;
	background: url(../image/qa_a2.gif) no-repeat 0 0;
}

.q3 {
	font-weight: bold;
	margin: 10px 10px 0 30px;
	padding: 5px 0 0 35px;
	background: url(../image/qa_q3.gif) no-repeat 0 0;
}

.a3 {
	margin: 5px 10px 30px 30px;
	padding: 5px 0 5px 35px;
	background: url(../image/qa_a3.gif) no-repeat 0 0;
}

.q4 {
	font-weight: bold;
	margin: 10px 10px 0 30px;
	padding: 5px 0 0 35px;
	background: url(../image/qa_q4.gif) no-repeat 0 0;
}

.a4 {
	margin: 5px 10px 30px 30px;
	padding: 5px 0 5px 35px;
	background: url(../image/qa_a4.gif) no-repeat 0 0;
}


.q5 {
	font-weight: bold;
	margin: 10px 10px 0 30px;
	padding: 5px 0 0 35px;
	background: url(../image/qa_q5.gif) no-repeat 0 0;
}

.a5 {
	margin: 5px 10px 30px 30px;
	padding: 5px 0 5px 35px;
	background: url(../image/qa_a5.gif) no-repeat 0 0;
}
/* ログインページ */
.loginbox {
	margin: 0 auto;
	color: #000000;
	width: 820px;
	padding: 20px;
	text-align: center;
	background-color:	#ffffff;
	border: 1px solid	#808080;
	margin-bottom: 10px;
	border-radius:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	text-align: left;
	position:relative;
}

.helpdesk {
	margin: 0 auto;
	color: #000000;
	width: 300px;
	padding: 20px;
	text-align: center;
	background-color:	#ffd5aa;
	border: 1px solid	#000;
	margin-bottom: 10px;
	border-radius:15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}

.logincenter {
	text-align: center;
}

.loginleft {
	text-align: left;
}

.loginindent {
	margin-left: 1.5em;
	text-indent: -1.5em;
}

.loginindent2 {
	padding-left: 1.5em;
}

/* 体験版 */
.trifield {
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 2px;
	line-height: 24px;
	list-style-type: none;
	color: #000000;
	padding: 0 25px 30px 25px;
}

.trialbox {
	margin: 0 auto;
	color: #000000;
	width: 790px;
	height: 600px;
	padding: 40px 30px 40px 30px;
	background-color:	#ffffff;
	border: 1px solid	#808080;
	margin-bottom: 10px;
	border-radius:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	position:relative;
}

.triindent {
	margin-left: 1.1em;
	text-indent: -1.1em;
	text-align: left;
	font-size: 16px;
	font-weight: normal;
	line-height: 24px;
	letter-spacing: 1px;
}