@charset "utf-8";
/* CSS Document */


body#ana_form {
	background-color: #ebebeb;
}

body#ana_form #container {
	width: 800px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	background-color: #fff;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

body#ana_form #header{
	width: 800px;
	margin-bottom: 17px;
	padding-top: 9px;
	background: url("../images/border_header_top.gif") no-repeat top left;
}

body#ana_form #header #logo{
	width: 425px;
	float: left;
	display: inline;
	padding: 15px 0 0 30px;
}

body#ana_form #header img.logo_sub {
	margin-top: 2px;
}

/*
body#ana_form #header-navi{
	width: 115px;
	float: right;
	_margin-right: -10px;
	padding: 19px 120px 15px 0;
	/padding-bottom: 0;
	text-align: right;
}*/

body#ana_form #footer{
	width: 800px;
	background: #eee url("../images/border_footer_top.gif") no-repeat top left;
}

body#ana_form #footer-navi{
	width: 400px;
	float: left;
	display: inline;
	margin: 0;
	padding: 10px 0px 3px 10px;
	font-size: 69%;
}

body#ana_form #footer address{
	width: 340px;
	float: right;
	display: inline;
	padding: 10px 20px 3px 0px;
	font-size: 69%;
	color: #666;
	text-align: right;
}

body#ana_form .pan-navi{
	margin: 5px 0 0 0;
	padding: 0 0 0 30px;
	width: 770px;
}

body#ana_form #main-area{
	width: 650px;
	float: left;
	display: inline;
	margin: 5px 0 0 30px;
}

body#ana_form .go-top-otherpage{
	clear: both;
	text-align: right;
	padding: 20px;
}



/* ------------------------------
 page-title
------------------------------ */
.about-page .page-title{
	margin-top: 10px;
	border-bottom: solid 3px #999;
	line-height: 1.5;
	font-size: 150%;
	color: #000;
}
.about-page .about-page-text{
	margin-top: 15px;
	font-size: 75%;
}

.about-page .about-page-text ul{
        margin-top: 20px;
        padding: 0 50px;
	list-style: disc;
	line-height: 1.4;
}

.about-page .about-page-text li{
	margin-bottom: 0.5em;
}

.about-page .about-page-text dl.boxarea01{
	width: 350px;
	margin: 1.0em 2.0em;
	padding: 10px 15px;
	border: solid 1px #ccc;
}
.about-page .about-page-text dl.boxarea01 dt{
	font-weight: bold;
}

.about-page h2{
	margin-bottom: 10px;
	font-weight: bold;
	color: #093;
}
h2.error{
	margin-bottom: 20px;
	padding: 8px 15px;
	background-color: #f7f7f7;
	border: solid 2px #ccc;
	color: #f00;
}
.link{
	padding-left: 15px;
	background: url("../images/icon_arrow_bgW_off.gif") no-repeat -5px -1px;
}

.link02{
	margin: 20px 0 20px 230px;
	padding-left: 15px;
	background: url("../images/icon_arrow_bgW_off.gif") no-repeat -5px -1px;
	font-size: 120%;
	font-weight: bold;
}


/* ------------------------------
 Top
------------------------------ */
.title-l{
	margin: 20px 0;
	padding: 5px 5px 7px 15px;
	background: #999 url("../images/title_bg_honbunB.gif") no-repeat left bottom;
	font-weight: bold;
	font-size: 86%;
	color: #fff;
}

.form{
	margin: 0 10px;
	line-height: 1.5;
	font-size: 75%;
	color: #000;
}
.form em{
	color: #f00;
	font-weight: bold;
	font-style: normal;
}
.form ul{
	/*margin: 0 0 25px 13px;*/
	margin: 0 30px 13px;
	list-style: disc;
}
.form li{
	margin-bottom: 0.5em;
}
.form ul dl{
	margin: 15px 50px;
	/*margin-bottom: 0.5em;*/
	padding: 10px 10px 5px;
	border: solid 1px #eda97c;
	background-color: #ffffcc;
}
.form ul dt{
	font-weight: bold;
}
.form p.link{
	margin: 0.5em 0;
}

form{
	width: 600px;
	margin: 0 auto;
	color: #333;
}
form dl,
form table{
	margin-bottom: 10px;
}
form h3,
form dl{
	background-color: #e7e7e7;
	border-top: solid 1px #ccc;
}
form h3,
form dt{
	padding: 7px 10px 5px;
	font-weight: bold;
}
form dd{
	padding: 0 10px 7px;
	border-bottom: solid 1px #ccc;
}
form table{
	width: 100%;
	border-top: solid 1px #ccc;
}
form th,
form td{
	border-bottom: solid 1px #ccc;
}
form th{
	width: 25%;
	padding: 10px;
	background-color: #e7e7e7;
	text-align: left;
}
form td{
	width: 75%;
	padding: 6px 15px 6px 10px;
	background-color: #f7f7f7;
}
form input{
	vertical-align: middle;
}
form textarea{
	width: 580px;
	_width: 578px;
	height: 100px;
	_height: 98px;
}
form input.text{
	width: 250px;
	float: left;
}

form input.text02{
	width: 50px;
        margin: 0 5px;
}

form input.text03{
        margin: 0 5px;
}

form input.text04{
        margin: 0 5px 0 15px;
}

form span.example{
	display: block;
	width: 165px;
	float: right;
	margin-top: 1px;
	/margin-top: 3px;
	text-align: left;
	font-size: 90%;
}
form span.zip{
	display: block;
}
form span.zip label{
	display: block;
	float: left;
}
form span.zip input{
	width: 100px;
}
form span.address{
	display: block;
	margin: 6px 10px 0 0;
}
form span.address input.text{
	float: none;
}
form span.address select{
	float: left;
	margin-right: 10px;
}
form span.note{
	display: block;
	margin-top: 0.5em;
	font-weight: normal;
	font-size: 86%;
	color: #f00;
}
form dl label{
	display: inline-block;
	margin: 0 11px 0.5em 0;
	/margin-right: 4px;
}
form p.btn{
	margin: 25px 0 10px;
}
form p.btn a,
form p.btn input{
	display: block;
	width: 107px;
	height: 30px;
	float: left;
	margin-right: 13px;
}

/* VeriSign */
#verisign{
	margin-top: 25px;
	padding: 15px 10px;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}
#verisign div.logo{
	float: left;
	margin-right: 32px;
}
#verisign p{
	height: 100%;
	overflow: hidden;
	font-size: 86%;
}

#verisign p.txt01{
	margin-top: 20px;
}

/* ------------------------------
 Confirm
------------------------------ */
.confirm form{
	margin-top: 35px;
}
.confirm table th,
.confirm table td{
	padding-top: 7px;
	padding-bottom: 7px;
}
.confirm table th{
	width: 27%;
}
.confirm table td{
	width: 73%;
}
.confirm table.enquete th{
	width: 42%;
}
.confirm table.enquete td{
	width: 58%;
}
.confirm form p.btn{
	margin-top: 0;
	padding-top: 10px;
}

/* ------------------------------
 Kanryo
------------------------------ */
.kan_area01 {
        margin: 25px 0;
        text-align: center;
}

.kan_area02 {
        margin: 25px 0;
        padding: 25px 0;
        border-top: 1px solid #ccc;
        text-align: center;
}

/* ------------------------------
 Clearfix
------------------------------ */
form dd,
form span.zip,
form p.btn,
#verisign{
	/height: 100%;
}
form dd:after,
form span.zip:after,
form p.btn:after,
#verisign:after{
	display: block;
	height: 0;
	clear: both;
	content: "";
}