@charset "utf-8"

/* =========================================================
■Reset of Default Style
========================================================= */
h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, th, td, img, form {
	margin: 0;
	padding: 0;
	border: none;
	font-style: normal;
	font-size: 100%;
	text-align: left;
}
textarea { font-size: 100%; }
img { vertical-align: bottom; }


/* =========================================================
■body
========================================================= */
body {
	margin: 0;
	padding: 0;
	background: #CCCCCC;
	color: #333333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 93%;
	text-align: center;
}

h1 {
	background-color: #3333CC;
	margin: 10px 0 0 0;
	padding: 5px;
	font-size: 100%;
	font-style: normal;
	font-weight: bolder;
	color: #FFFFFF;
}

h2 {
	background-color: #0066FF;
	padding: 3px;
	font-size: 90%;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-align:left;
}

table {
	min-width: 650;
	margin: 0 auto;
	border-collapse: collapse;
}

th {
	padding: 2px;
	color: #003366;
}

td {
	padding: 2px;
	text-align: left;
	color: #003366;
}

big {
	font-weight: bold;
	font-size: 120%;
	color: #003366;
}

small {
	font-weight: bold;
	font-size: 80%;
	color: #003366;
}

/* =========================================================
■header
========================================================= */
div#header {
	margin: 0 auto;
	width:800px;
	background: #CCCCCC;
}

/* =========================================================
■container
========================================================= */
div#container {
	width: 800px;
	margin: 0 auto;
}

/* =========================================================
■content
========================================================= */
div#content {
	float: inherit;
	width: 800px;
	background: #FFFFFF;
	border: solid 1px #666666;
}


/* =========================================================
■footer
========================================================= */
div#footer {
    clear: both;
	width: 750px;
	margin: 0px auto;
	padding: 5px;
	border-top: solid 1px #666666;
}

div#footer a{
	font-size:9pt;
}

/* =========================================================
■content div
========================================================= */

div#copy-l {
	float: left;
	font-size:11pt;
	text-align:center;
	width:250px;
	margin-top: 50px;
	}

div#copy-r {
	float: right;
	font-size:11pt;
	text-align:center;
	width:250px;
	margin-top: 70px;
	}

div#maintext {
	font-size:11pt;
	text-align:left;
	width:750px;
	padding: 15px;
	}

div.tdcaption-l {
	float: left;
	font-size:9pt;
	text-align:left;
	width:300px;
	padding-left: 5px;
	}
	
div.tdcaption-r {
	float: right;
	font-size:9pt;
	text-align:right;
	width:300px;
	padding-right: 5px;
	}
	

div#login {
	float: left;
	width:590px;
	height:30px;
	text-align:center;
	vertical-align: middle;
	font-size:9pt;
	color:#FFFFFF;
	background-color:#0067C0;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	}

div#login-pw {
	float:right;
	width:190px;
	height:40px;
	text-align:center;
	vertical-align: middle;
	color:#FFFFFF;
	font-size:9pt;
	background-color:#000;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 0px;
	}
div#login-pw a {
	color:#FFFF99;
	}

div#imagebox {
	width:800px;
	height:430px;
	background-image: url(img/mainimage.jpg);
	}

div#update {
	width:800px;
	text-align:center;
	font-size:90%;
	background-color:#FFF;
}

div.text1 {
	width:730px;
	margin: 0 auto;
	padding: 10px;
	font-size: 95%;
	line-height: 140%;
	font-weight: bold;
	color: #003366;
	text-align:left;
	background-color:#F1F1F1;
}

div.text2 {
	float:left;
	width:450px;
	padding: 5px;
	font-size: 85%;
	font-style: normal;
	line-height: 140%;
	font-weight: normal;
	color: #003366;
	text-align:left;
	vertical-align: top;
}


div.featuretext {
	width:720px;
	padding: 15px;
	font-size: 85%;
	font-style: normal;
	line-height: 150%;
	font-weight: normal;
	text-align: left;
	color: #003366;
}

div.fulltext {
	width:760px;
	padding: 15px;
	font-size: 90%;
	font-style: normal;
	line-height: 200%;
	font-weight: normal;
	color: #003366;
}

div.kiyaku {
	width:760px;
	padding: 10px;
	text-align: left;
	font-size: 80%;
	line-height: 130%;
}

div.steps {
	background-color: #0066FF;
	font-size: 80%;
	font-weight: normal;
	color: #FFFFFF;
}

div.steps strong{
	color: #FFFF99;
}

div#adbox{
	width: 780px;
	margin: 0;
}

/* =========================================================
■cardmenu
========================================================= */

#cardmenu, #cardmenu li{
	margin:0 auto;
	padding: 0 5px 0 5px;
}

#cardmenu {
	width:780px;
	height:140px;
	list-style:none;
}

#cardmenu li,
#cardmenu li a{
	width:120px;
	height:90px;
	overflow:hidden;
}

#cardmenu li{
	float:left;
}

#cardmenu li a{
	display:block;
	text-indent:-9999px;
	background-image:url('img/allcard.jpg');
	background-repeat:no-repeat;
}

#cardmenu1 a:link,
#cardmenu1 a:visited,
#cardmenu1 a:active { background-position:0 0; }
#cardmenu1 a:hover { background-position:0 -90px; }

#cardmenu2 a:link,
#cardmenu2 a:visited,
#cardmenu2 a:active { background-position:-120px 0; }
#cardmenu2 a:hover { background-position:-120px -90px; }

#cardmenu3 a:link,
#cardmenu3 a:visited,
#cardmenu3 a:active { background-position:-240px 0; }
#cardmenu3 a:hover { background-position:-240px -90px; }

#cardmenu4 a:link,
#cardmenu4 a:visited,
#cardmenu4 a:active { background-position:-360px 0; }
#cardmenu4 a:hover { background-position:-360px -90px; }

#cardmenu5 a:link,
#cardmenu5 a:visited,
#cardmenu5 a:active { background-position:-480px 0; }
#cardmenu5 a:hover { background-position:-480px -90px; }

#cardmenu6 a:link,
#cardmenu6 a:visited,
#cardmenu6 a:active { background-position:-600px 0; }
#cardmenu6 a:hover { background-position:-600px -90px; }

#cardmenutop, #cardmenutop li{
	margin:0 auto;
	padding: 0 5px 0 5px;
}

#cardmenutop {
	width:780px;
	height:80px;
	list-style:none;
}

#cardmenutop li,
#cardmenutop li a{
	width:120px;
	height:90px;
	overflow:hidden;
}

#cardmenutop li{
	float:left;
}

#cardmenutop li a{
	display:block;
	text-indent:-9999px;
	background-image:url('img/allcard.jpg');
	background-repeat:no-repeat;
}

/* =========================================================
■web menu
========================================================= */

a#demobtn {
	margin:0 auto;
	display: block;
	width: 180px;
	height: 90px;
	background: url("img/topbtn.jpg") no-repeat;
	background-position: 0 0;
}
a#demobtn:hover {
	background-position: 0 -90px;
}

a#regbtn {
	margin:0 auto;
	display: block;
	width: 180px;
	height: 90px;
	background: url("img/topbtn.jpg") no-repeat;
	background-position: -180px 0;
}
a#regbtn:hover {
	background-position: -180px -90px;
}
a em {
	display: none;
}

/* =========================================================
■class
========================================================= */

.featureimage {
	text-align: center;
}

.useimage {
	float:right;
	text-align: center;
}

.error {
	color:red;
}

.news {
    margin: 5px 10px;
}

.newsdate {
	width:100px;
	font-size:80%;
	text-align:center;
	vertical-align:top;
	}

.newsbody {
	width:660px;
	font-size:80%;
	text-align:left;
}

.tdcaption {
    clear: both;
	font-size:9pt;
	text-align:right;
	width:100%;
}