@charset "utf-8";
* {
   text-align:left;
}
body {
	color: #333;
	margin: 0px 5px;
	background-color: #FFFFFF;
	padding: 0px;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	font-size: 85%;
	line-height: 140%;
	text-align:center;
}

a { color: #555;
	text-decoration: underline;}

a:hover { 
     color: #FF0000;
	 text-decoration: underline;
	 }

img {
    border-style:none;
}


form fieldset {
	border-width: 0px;
}
form legend {
	display: none;
}
form input {
	border: 1px solid #BBB;
	height: 1.6em;
	padding-top: 1px;
	padding-left: 3px;
	line-height: 1.2em;
	vertical-align: middle;
}
form textarea {
	border: 1px solid #BBB;
	padding: 3px;
	font-family: "ＭＳ ゴシック", "Osaka－等幅", monospace;
}
form input, form textarea, form select, form .radio, form .checkbox {
	margin: 1px 0px;
}
form label {
	cursor: pointer;
}
form label input {
	border: 0px;
}
form select {
	vertical-align: middle;
}
form select option {
	padding-right: 4px;
}
form select optgroup option {
	margin-left: 24px;
}
h1 {line-height: 130%;
    font-size: 170%; 
    color: #FF3399;  
    padding: 10px 0px 5px 0px; 
    margin-top: 0px; margin-bottom: 0px;	

	}
	
h2 {font-size: 130%; background-color: #F5F5F5; color: #666; border-left: 8px solid #FF3399; border-bottom: 1px solid #CCCCCC; padding: 7px 5px 5px 8px; margin: 5px 0px;}
h3 {font-size: 100%; border-left: 5px solid #666; padding: 0px 5px ; margin: 15px 0px; color: #666; background-color:#FFF;}

em {
	font-style: normal;
}
ul li {
	margin-left: 16px;
}
ul, p {
	margin: 10px 0px;
}
dl dd {
	margin-left: 25px;
	margin-bottom: 15px;
}
dt, dd, li, p {
	line-height: 1.3em;
}
table {
	width: 100%;
	border-collapse: collapse;
}
table tr th {
	border: 1px solid #D0D0D0;
	padding: 7px 7px 6px 7px;
}
table tr td {
	border: 1px solid #D0D0D0;
	padding: 7px 7px 6px 7px;
}

.example table {
border: 1px #D0D0D0 solid;
padding:10px 0px;
font-size: 50%;
}

.example td {
border: 1px #D0D0D0 solid;
background-color: #FFFFFF;
font-color: #FF0000;
}

.example th {
font-color: #FF0000;
text-align: center;
border: 1px #D0D0D0 solid;
background-color: #FFEEEE;
}


address {
	text-align: center;
}
div#container {
	width: 800px;
	margin: 0px auto;
	text-align: left;
}
div#mainform table,
div#mainform div.box {
	color: inherit;
	background-color: #FAFAFA;
}
div#mainform table th {
	width: 26%;
	text-align: left;
	font-weight: normal;
	color: inherit;
	background-color: #F1F1F1;
}
div#mainform div.box {
	border: 1px solid #BBB;
	padding: 0px 8px;
}

div#ssl {
    background-color: #FFF;
	border: 1px solid #FFF;
	padding: 12px;
	text-align: center;
	margin: 36px 0px;
}

div#sslRight {
	float: left;
　　width:20%;
　　	padding: 0px 10px;
}

div#sslLeft {
    font-size: 90%;
	float: right;
　　width:70%;
}



.clear{ clear: both;}

div#copyright {
	text-align: center;
	margin: 16px 0px;
}
/**
 * フォーム背景をゼブラ柄にする
 */
/*
.zebra0 {
	color: inherit;
	background-color: inherit;
}
.zebra1 {
	color: inherit;
	background-color: #F1F1F1;
}
*/
p.navi {
	color: #BBB;
	background-color: inherit;
}
p.navi em {
	padding: 0px 2px;
	border: 0px solid #DDD;
	color: #000;
	background-color: inherit;
}
p.navi span {
	padding: 0px 2px;
	border: 0px solid #DDD;
	color: #BBB;
	background-color: inherit;
}
p.scrltop {
	text-align: right;
}
em.required {
	margin-left: 2px;
	font-size: 0.9em;
	color: #F60;
	background-color: inherit;
}
/**
 * 必須マークを画像にする
 * ※名称の横に一行で表示するのは難しい
 */
/*
em.required {
	display: block;
	padding: 15px 0px;
	background: url(../image/required.gif) no-repeat 0 0;
}
*/
span.aside, span.bside {
	color: #191970;
	
	
}
*.group-name {
	display: block;
	border-bottom: 1px dashed #DDD;
	font-size: 10px;
	color: #999;
	background-color: inherit;
}
*.group {
	display: block;
	margin: 1px 0px;
	padding: 0px 20px;
}
input[type="radio"],
input[type="checkbox"] {
	margin-right: 2px;
	
}
p.button {
	text-align: center;
}
input.button {
	height: 2.2em;
	text-align: center;
	cursor: pointer;
}
input.cancel {
	width: 6em;
	color: #FFF;
	background-color: #750000;
	letter-spacing: 1px;
}
input.submit {
	width: 20em;
	color: #FFF;
	background-color: #236;
	letter-spacing: 4px;
}
/**
 * livevalidation.js
 */
em.error, ul.error {
	display: block;
	color: #F60;
	background-color: inherit;
}
input.error, textarea.error, select.error, span.error label, span.error input {
	color: inherit;
	background-color: #FFE7D7;
}
em.good {
	display: block;
	color: #4DB35B;
	background-color: inherit;
}
input.good, textarea.good, select.good, span.good label, span.good input {
	color: inherit;
	background-color: #CBE9CF;
}
/**
 * エラー文に画像を使う
 */
/*
em.error {
	padding: 0px 0px 1px 20px;
	background: url(../image/error.gif) no-repeat 0 0;
}
em.good {
	padding: 0px 0px 1px 20px;
	background: url(../image/good.gif) no-repeat 0 0;
}
*/