*{

	margin:0;

	padding:0;

	list-style:none;

}

html {

	background:url(../images/bg.png) repeat-x;

}

body {

	line-height:160%;

	font-size:12px;

	color:#999;

	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka−等幅", Osaka-mono, monospace;

	background:url(../images/bg_center.png) no-repeat top center;

}

a:link{

	color:#666;

	text-decoration:underline;

}

a:visited{

	color:#999;

	text-decoration:underline;

}

a:hover{

	color:#5E99AC;

	text-decoration:none;

}

a:active{

	color:#98BECA;

	text-decoration:none;

}

img {

	border:0;

}

.pad {

	padding:20px 0;

}

.center {

	text-align:center;

}

.clear {

	clear:both;

}

.clearfix:after {

  content: ".";  /* 新しい要素を作る */

  display: block;  /* ブロックレベル要素に */

  clear: both;

  height: 0;

  visibility: hidden;

}



.clearfix {

  min-height: 1px;

}



* html .clearfix {

  height: 1px;

  /*\*//*/

  height: auto;

  overflow: hidden;

  /**/

}





#container {

	width:980px;

	margin: 0 auto;
	
	margin-bottom:30px;

}



/* ヘッダー ******************************************************************/



.logo {

	float: left;

}

.login {

	float: right;

}

.logo h1{

	font-size:10px;

	color:#FFFFFF;

	font-weight:normal;

	line-height:25px;

}

#header h2{

	margin:13px 0 0 -27px; 

}

#header .logo {

	float:left;

	width:580px;

}

#header .login {

	float:left;

	width:400px;

}

#header .login .login_form {

	margin:50px 0 0 40px;

}

#header .login .login_form dl {

	width:230px;

	float:left;

	margin:3px 0 0 0;

}

#header .login .login_form p {

	width:130px;

	float:left;

}

#header .login .login_form dl dt{

	float:left;

	width:100px;

	margin:0 0 5px 0;

}

#header .login .login_form dl dd{

	float:left;

	width:130px;

	margin:0 0 5px 0;

}

#header .login .login_form dl dd input{

	border:solid 1px #B6B6B6;

	background:url(../images/input_bg.jpg) repeat-x;

	width:124px;

	padding:2px;

}

#header .login .login_form p.button input{

	display:block;

	background:url(../images/header_button_login.png) no-repeat;

	width:86px;

	height:56px;

	text-indent:-9999px;

	overflow:hidden;

	margin:0 0 0 20px;

	border:none;

	cursor:pointer;

}

#header .login .login_form p.button input:hover{

	background-position:0 -56px;

}

#header .login .additional{

	margin:5px 0 0 40px;

	font-size:10px;

	color:#FFF;

}

#header .login .additional p.memory{

	width:160px;

	float:left;

}

#header .login .additional p.memory input{

	vertical-align:middle;

	margin:0 6px 0 0;

}

#header .login .additional p.forget{

	width:200px;

	float:left;

}

#header .login .additional p.forget a{

	display:block;

	color:#F4E300;

	background:url(../images/icon_header_question.png) no-repeat left center;

	padding:0 0 0 20px;

	margin:0 0 0 10px;

}



/* img　**************************************************************/

.topimg{

	text-align:center;

	padding:10px 0 10px 0;

}





/* 登録メールフォーム *******************************************************/

.signin {

	width:800px;

	padding:0 80px;

	height:270px;

	margin:auto;

	background:url(../images/index_signin_bg.jpg) no-repeat;

	position: relative;
	clear:both;

}



.signin h3{

	padding:20px 0 10px 0;

}



.mail_send_button {

	width: 298px;

	height: 54px;

	position: absolute;

	right: 75px;

	top: 132px;

}



.regText {

	width:462px;

	height:40px;

	line-height:40px;

	font-size:16px;

	color:#999999;

	padding:0 10px;

}



.signin p.att{

	color:#E0E0E0;

	font-size:12px;

	line-height:140%;

	margin-top: 10px;

}



.signin a.form_link {

	color: #FC0;

}







/*　メインコンテンツ　*******************************************************/

#main {

	margin:0 -6px 0 -6px;

	_margin:0 -6px 0 6px;

	padding:0 6px 20px 6px;

	width:980px;

	background:url(../images/contents_middle.png) repeat-y;

}



p.main_top_bg {

	background:url(../images/contents_top.png) no-repeat;

	height:10px;

	margin:0 -6px;

	_margin:0 -6px 0 6px;

	_width:992px;

}

p.main_bottom_bg {

	background:url(../images/contents_bottom.png) no-repeat;

	height:10px;

	margin:0 -6px;

	_margin:0 -6px 0 6px;

	_width:992px;

}

body#usr #main {

	background:url(../images/contents_middle_white.png) repeat-y;

	_margin:0 -6px 0 6px;

}

body#usr p.main_bottom_bg {

	background:url(../images/contents_bottom_white.png) no-repeat;

}









.contents{

	width:980px;

	float:left;

	margin-top: 10px;
	margin-bottom:20px;



}



.explain {

	width:681px;

	float:left;

}



.explain img{

	vertical-align:bottom;

}



.side {

	width:280px;

	float:left;

	margin:0 0 10px 10px;

}



.side h3{

	margin:0 0 5px 0;

}

.side .result_wrap {

	background:url(../images/index_result_bg.jpg) no-repeat;

	margin:0 0 10px 0;

	border:solid 1px #FBF2A7;

	padding:0 0 14px 0;

}

.side .result_wrap p.info{

	font-weight:700;

	color:#43260C;

	padding:14px 20px 0 20px;

	font-size:10px;

}

.side .result_wrap h4{

	font-size:32px;

	color:#FF0000;

	font-weight:700;

	padding:10px 0 10px 12px;

	line-height:90%;

}

.side .result_wrap h4 span{

	display:block;

	font-size:18px;

	color:#43260C;

	padding:0 0 0 2px;

}

.side .result_wrap p.txt{

	width:231px;

	margin:0 auto 0 auto;

	padding:10px;
	
	color:#000000;

	background:url(../images/index_result_bg_txt.jpg) no-repeat;

}

.side .mobile {

	border:solid 1px #787878;

	background:#000;

	margin:25px 0 20px 0;

}

.side .mobile h3{

	margin:-5px -1px 10px -1px;

	position:relative;

}

.side .mobile a{

	display:block;

	text-align:center;

}

.side .mobile p{

	width:240px;

	margin:10px auto 20px auto;

	font-weight:normal;

	color:#FFFFFF;

}

.side .offer {

	border:solid 1px #787878;

	background:#000;

	padding:0 0 8px 8px;

}

.side .offer ul li{

	width:128px;

	float:left;

	line-height:0;

	margin:8px 6px 0 0;

}

.side .offer ul li a:hover img{

	filter: alpha(opacity=70);

	-moz-opacity:0.7;

	opacity:0.7;

}



/*　メニュー　*******************************************************/

.index_navigation {

	margin:0 0 40px 0;

}

.index_navigation ul{

	margin:0 0 0 10px;

}

.index_navigation li{

	width:232px;

	float:left;

	margin:0 10px 0 0;

}

.index_navigation li p{

	height:40px;

	margin:-40px 0 0 0;

	text-align:center;

}

.index_navigation li p a{

	background:url(../images/icon_tri_blue.png) no-repeat left center;

	padding:0 0 0 10px;

	color:#FFFFFF;

}

.voc{

	margin:0 auto 20px auto;

	width: 960px;

	background: #663300;

}

.voc h3{

	margin:0 auto;

	width: 960px;

}

.voc ul li.tile1{

	border:solid 1px #B2B2B2;

	padding:10px;

	width:453px;

	height: 240px;

	float:left;

	margin:10px 10px 0 0;

}



.voc ul li.tile2{

	border:solid 1px #B2B2B2;

	padding:10px;

	width:453px;

	height: 240px;

	float:left;

	margin:10px 0 0 0;

}



.voc ul li div {

	color:#E0E0E0;

	margin:10px 0;

}

.voc ul li div span{

	color:#FFD944;

	font-weight:700;

}

.voc ul li div span.att{

	background:#FFEC44;

	color:#F00;

	padding:0 3px;

	margin:0 3px;

}



/*　フッター　*******************************************************/

body#usr ul.offer{

	margin:20px 0 10px -9px;

	_margin:20px 0 10px 0;

	width:989px;

}

body#usr ul.offer li{

	margin:0 0 0 9px;

	_margin:0 0 0 7px;

	float:left;

}

#pagetop {

	width:980px;

	margin:auto;

	text-align:right;
	
	background-color:#FFFFFF;

}

#pagetop img{

	vertical-align:bottom;

}

#footer {

	background:#996633;

	margin: 0;

	padding: 0;

}

#footer .inner{

	width:980px;

	margin:auto;

	padding:20px 0 0 0;

}

#footer h2{

	margin:0 0 40px 0;

	width:320px;

	float:left;

}

#footer div.menu{

	width:600px;

	float:left;

	margin:0 0 0 25px;

}

#footer div.menu ul{

	margin:7px 0;

}

#footer div.menu ul li{

	display:inline;

}

#footer div.menu ul li a{

	background:url(../images/icon_tri_yellow.png) no-repeat left center;

	padding:0 0 0 15px;

	margin:0 25px 0 0;

	color:#FFF;

	white-space:nowrap;

	line-height:20px;

}

#footer div.menu p.copy {

	color:#B8CEDC;

	font-size:10px;

}





/* 今週の見所　**********************************************************/

#midokoro {

	margin: 15px 0 10px 10px;

	padding: 0;

	width: 960px;

	height: 400px;

	background: url(../images/midokoro_bg.jpg) no-repeat;

}



#lw_tekichu {

	margin: 0;

	padding: 0;

	width: 659px;

	height: 100px;

	background: url(../files/site/tekichu.png) no-repeat;

	position: relative;

	top: 85px;

	left: 10px;

}



.midokoro_txt {

	width: 617px;

	height: 156px;

	font-size: 12px;

	color: #996633;

	position: relative;

	top: 115px;

	left: 35px;

	line-height: 18px;

}

.kuzu1 {
	width:960px;
	height:37px;
	margin: 0 auto;
	padding: 0;
	line-height:40px;
	background-image: url(../images/pankuzu_bg.jpg);
	background-repeat:repeat-x;
}

.kuzu1 p {
	margin: 0;
	padding-left: 10px;
}

#kiyaku {
	width: 980px;
	margin: 25px -6px 0 -5px;
	padding:0 6px 20px 6px;
	font-size:12px;
	background:url(../images/contents_middle.png) repeat-y;

}


#kiyaku_title {
	width: 960px;
	height: 45px;
	margin: 0 auto;
	padding:15px 0 15px 0;
	background-color:#FFFFFF;
}

#kiyaku_title img {
	margin: 0 auto;
	padding-left: 10px;
	width: 940px;
	height: 45px;
}

#kiyaku_line {
	margin: 0 auto;
	width: 960px;
	padding: 0;
	background-repeat: repeat-y;
	background-color: #FFFFFF;
}

#kiyaku_line dl{
	margin: 0 auto;
	padding: 0;
	width: 940px;
}

#kiyaku_line dt{
	padding:0 0 0 13px;
	color:#FFFFFF;
	background-repeat: repeat-x;
	background-image: url(../images/kiyaku_sub.jpg);
}

#kiyaku_line dd {
	width: 920px;
	margin: 0;
	padding: 10px;
}


#kiyaku_line dd p{
	color:#996633;
	font-weight:bold;
}



#kiyaku_bottom {
	width: 980px;
	height: 30px;
}

#sitemap {
	width: 980px;
	margin: 25px -6px 0 -5px;
	_margin:0 -6px 0 6px;
	padding:0 6px 20px 6px;
	font-size:12px;
	background: url(../images/contents_middle.png) repeat-y;

}


#sitemap_title {
	width: 960px;
	height: 45px;
	margin: 0 auto;
	padding:15px 0 15px 0;
	background-color:#FFFFFF;
}

#sitemap_title img {
	margin: 0 auto;
	padding-left: 10px;
	width: 940px;
	height: 45px;
}

#sitemap_line {
	margin: 0 auto;
	padding-bottom: 20px;
	width: 960px;
	background-color:#FFFFFF;
}


#sitemap_line ul{
	padding:0px 0px 0px 20px;
}



#sitemap_line li{
	width:300px;
	padding:10px 0 ;
	border-bottom:1px solid #cccccc

}


#sitemap_line a{
color:#075884;
font-size:12px;

}

#company {
	width: 980px;
	margin: 25px -6px 0 -5px;
	_margin:0 -6px 0 6px;
	padding:0 6px 20px 6px;
	font-size:12px;
	background: url(http://b-record.com/pc/images/contents_middle.png) repeat-y;

}

#company_title {
}

#company_line {
	width: 960px;
	margin: 0 auto;
	padding-bottom: 20px;
	background-image: url(http://b-record.com/pc/images/bg_960b.gif);
	background-repeat: repeat-y;
	text-align:center;
	background-color:#FFFFFF;
}
#company_line img{
	margin:0 auto;
	margin-top:30px;
}


/* regist　**********************************************************/
.paragraph_wrapper {
	border-top: none;
	width: 698px;
	overflow: hidden;
	background-color: #fff;
	margin:0 auto;
}

.paragraph_wrapper .announce {
	margin: 20px 30px;
}

.paragraph_wrapper .announce strong {
		color: #f00;
	}
	
.paragraph_wrapper ul {
	margin-left: 70px;
}

.paragraph_wrapper ul li {
	margin-top: 10px;
	overflow: hidden;
}

.paragraph_wrapper ul li:first-child {
	margin-top: 0;
}

.paragraph_wrapper ul li h4,
.paragraph_wrapper ul li .value {
	float: left;
}

.paragraph_wrapper ul li h4 {
	width: 230px;
	clear: both;
}

.paragraph_wrapper ul li .value {
	width: 320px;
}

.paragraph_wrapper ul li .value input[type="text"],
.paragraph_wrapper ul li .value input[type="password"] {
	margin: 5px 0;
	border: 1px solid #996633;
	height: 28px;
	font-size: 16px;
	text-align: center;
}

.paragraph_wrapper ul li .value input[type="text"],
.paragraph_wrapper ul li .value select,
.paragraph_wrapper ul li .value option {
	width: 320px;
	text-align: center;
}

.paragraph_wrapper ul li .select_wrapper {
	padding-top: 10px;
	margin-bottom:30px;
}
.paragraph_wrapper ul li .value input.year {
	margin-right: 5px;
	width: 110px;
}

.paragraph_wrapper ul li .value input.month,
.paragraph_wrapper ul li .value input.day {
	margin-left: 5px;
	margin-right: 5px;
	width: 70px;
}

input[type="image"],
img.login {
	margin: 0 auto 30px;
	display: block;
}

/* end */

.paragraph_wrapper.end {
	border: 1px solid #996633;
	border-top: none;
	padding: 20px 70px  0px;
	width: 558px;
	overflow: hidden;
	background: #fff url(../images/regist_img_back.png) no-repeat right bottom;
}

.paragraph_wrapper.end .lead,
.paragraph_wrapper.end h3 {
	font-size: 15px;
	font-weight: bold;	
}

.paragraph_wrapper.end .lead {
	margin: 0;
	color: #f00;
}

.paragraph_wrapper.end h3 {
	margin: 30px 0;
	text-indent: 2px;
}

.paragraph_wrapper.end .welcome {
	margin-bottom: 65px;
	line-height: 23px;
}

#login_btn {
text-align:center;
margin:30px auto 30px auto;
padding-bottom:60px;
}