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

*{
	margin:0;
	padding:0;
}

html, body{
	overflow-y:auto;
}

/* General settings */
body{
	width:100%;
	text-align: left;
	line-height: 20px;
	font-size: 12px;
/*	font-family: sans-serif,"ＭＳＰ ゴシック","ヒラギノ角ゴ Pro W3",Osaka;*/
	font-family:"ＭＳＰ ゴシック","ヒラギノ角ゴ Pro W3",'helvetica neue',helvetica,arial,sans-serif;
	color: black;
}
a{
	color:#003d4c;
	text-decoration:underline;
}
a:hover{
	color:#003d4c;
	text-decoration:none;
}

a img{
	border:none;
}

h1,h2,h3,h4,h5,h6{
	clear:both;
}

h5{
	color:#df5a15;
	font-size:16px;
}
h6{
	font-size:100%;
	color:#76abd3;
}
ul{
	list-style:none;
}

div.error-message{
	font-style:italic;
	color:#FF0000;
}

/* each header */
div.strheader{
/*	width:470px;*/
	height:96px;
	margin:20px 0px;
	border-top:2px #CCC solid;
	border-bottom:2px #CCC solid;
	background-color:#fff;
}
div.strheader div{
	margin-left:5px;
	font-size:28px;
	line-height:30px;
	height:30px;
	color:#4d4d4d;
}
div.strheader div.root{
	margin-top:18px;
	color:#39C;
}

/* by class*/
.container{
	margin:0 auto;
}
.underline{
	border-bottom:2px #76abd3 dotted;
}

/* by ID */
#display{
	position:relative;
	width: 500px;
/*	height:600px;
	margin-top:25px;*/
	display:block;
}
.mainpane{
/*	width: 450px;
	height:600px;*/
}
.header{
	text-align:center;
/*	width: 450px;*/
	margin:0 25px 25px 25px;
	height:72px;
	border-bottom:2px #df5a15 dotted;
}
.contents{
	margin:0px 25px;
}
.header img{
	margin-top:10px;
}
.sbDummy{
/*	width: 450px;*/
	overflow-y:auto;
}
#regDummy{
	height:475px;
}
#smallDummy{
	height:275px;
}
.paragraph_block{
	text-align:left;
	margin:25px 0px 25px 0px;
}
.paragraph_block p{
	margin:3px 0px 5px 0px;
}
ol.numbers{
	list-style-position:outside;
	margin-left:25px;
}
#summary{
	border-bottom:2px #76abd3 dotted;
}
div.signupdesc{
	text-align:left;
	border-bottom:2px #76abd3 dotted;
	margin:10px 25px;
	min-height:40px;
	width:450px;
}
div.signupdesc p{
	margin:3px 0px 5px 0px;
}
div.signupdesc div.stepsdesc{
	height:40px;
	line-height:40px;
	float:left;
}
div.signupdesc div.steps{
	margin-left:225px;
}
div.signupdesc div.steps div{
	float:left;
	width:32px;
	height:32px;
	margin:2px;
	background-repeat:none;
}
div.signupdesc div.steps div.step1{
	background:url(/img/lblFcTrs_step1.gif) no-repeat;
}
div.signupdesc div.steps div.step2{
	background:url(/img/lblFcTrs_step2.gif) no-repeat;
}
div.signupdesc div.steps div.step3{
	background:url(/img/lblFcTrs_step3.gif) no-repeat;
}
div.signupdesc div.steps div.step4{
	background:url(/img/lblFcTrs_step4.gif) no-repeat;
}
div.signupdesc div.steps div.step5{
	background:url(/img/lblFcTrs_step5.gif) no-repeat;
}
div.signupdesc div.steps div.step6{
	background:url(/img/lblFcTrs_step6.gif) no-repeat;
}
div.signupdesc div.steps div.now{
	background-position:0px -35px;
}
div.signupdesc div.steps div.follows{
	background-position:0px 0px;
}
div.signupdesc div.steps div.done{
	background-position:0px -70px;
}


#detail{
	border-bottom:2px #76abd3 dotted;
}
#detail p{
	clear:both;
}
#detail dl.ag dt{
	color:#000;
	border:none;
	width:40px;
	float:left;
}
#detail dl.ag dd{
	width:375px;
	float:left;
}
dl.accordion dt{
	border-top:2px #76abd3 dotted;
	color:#df5a15;
	height:25px;
}
.footer{
	text-align:center;
	margin:0 auto;
}
.footer img{
	margin:25px 0px;
}

/* scrollbars ===========*/
a.jScrollArrowUp {
	background: url(/img/sbArrowUp.gif) no-repeat 0 0;
}
a.jScrollArrowDown {
	background: url(/img/sbArrowDown.gif) no-repeat 0 0;
}
.jScrollPaneTrack{
	background: url(/img/sbTrack.gif) repeat-y scroll 0%;
}
.jScrollPaneDrag{
	background:transparent url(/img/sbDrag.gif) repeat-y scroll 0pt 50%;
}


/*  form ================================================*/
form .required{
	color:#F30;
}
form ul{
	border-bottom:2px dotted #CCC;
}
form ul li{
	clear:both;
	border-top:2px dotted #CCC;
	min-height:25px;
	padding:5px 0px;
}
form li div{
	float:left;
	display:block;
	min-height:25px;
	line-height:25px;
}
form.inquiry li div.term{
	width:125px;
}
form.login li div.term{
	width:125px;
}
form.mail li div.term{
	width:100px;
}
form.mail li div.field{
	min-width:170px;
}
form.mail li div.term2{
	margin-left:10px;
	min-width:40px;
}
form li div.field input,
form li div.field textarea,
form li div.field select{
	margin-top:2px;
}
/* ======================================================*/

/* -------------------------------------------------------------------
// paginate style
--------------------------------------------------------------------*/
.paging{
	color:#666;
	text-align:center;
	margin: 10px auto;
	padding: 8px 20px;
}
.paging span{
	margin:auto 2px;
}
.paging a{
	padding: 2px 3px;
	text-decoration:none;
	color:#4F92EB;
	background-color:#f7f7f7;
	border:solid 1px #dedede;
}
.paging a:hover{
	color:#333;
	border:solid 1px #ddd;
}
.paging .current{
	padding:2px 3px;
	border: solid 1px #fff;
	font-weight:bold;
}
/*-----------------------------------------------------------------------*/
