﻿/* CSS Document */

/*----------------------------------------------
初期設定
----------------------------------------------*/
body {
	font-family:"ＭＳ Ｐゴシック","MS PGothic";
	font-size: 80%;
	line-height:1.5;
	color: #2A2A2A;
	background: url(../img/bg01.jpg) top left repeat-x;
	background-color:#E1DAC0;
	margin:0px;
	padding:0px;
	text-align:center;
}

p{
	margin:0px;
	padding:0px;
}

dt,dl	{
	margin:0px;
	padding:0px;
}

ul,li {
	list-style:none;
}

ol {
	padding:0 0 0 25px;
	margin:0;
	}

ol li {
	list-style:decimal;
	margin:0 0 5px 0;
	padding:0;
	}

table {
	boreder:0;
}

img {
	margin:0px;
	padding:0px;
	border:0px;
}

h1,h2	{
	margin:0px;
	padding:0px;
}

a,
a:link,
a:visited {
	color:#675E47;
	text-decoration:underline;
}

a:hover,
a:active {
	color:#675E47;
	text-decoration:none;
}

/*----------------------------------------------
レイアウト
----------------------------------------------*/
#haikei	{
	width:970px;
	background: url(../img/bg02.jpg) top center repeat-y;
	margin:0px auto;
}

#wrapper	{
	width:970px;
	background: url(../img/bg03.jpg) top center no-repeat;
	margin:0px auto;
}

#contents	{
	width:950px;
	margin:0px auto;
}

#l_colum	{
	width:724px;
	float:left;
	text-align:left;
}

#l_colum	.m_area	{
	width:699px;
	margin:20px 0px 0px 18px;
}

#l_colum	.m_area2	{
	width:699px;
	margin:0px 0px 0px 18px;
}

#r_colum	{
	width:225px;
	float:left;
	text-align:left;
}

#r_colum	.r_area	{
	width:206px;
	margin:0px 0px 0px 10px;
}

#m_colum	{
	text-align:left;
}

#m_colum	.m_area	{
	width:924px;
	margin:0px 0px 0px 18px;
}

/*----------------------------------------------
ヘッダー
----------------------------------------------*/
#header{
	width:950px;
	height:99px;
}

#header	div.left{
	width:295px;
	float:left;
}

#header	h1.logo {
	background:url(../img/header_logo01.jpg) no-repeat left bottom;
	width:295px;
	height:99px;
	text-indent:-9999px;
}

#header	h1.logo a, #header	h1.logo2 a {
	display:block;
	width:295px;
	height:99px;
	}

#header	h1.logo2 {
	background:url(../img/header_logo02.jpg) no-repeat left bottom;
	width:950px;
	height:99px;
	text-align:left;
	text-indent:-9999px;
}

#header	div.right	{
	width:374px;
	float:right;
	height:85px;
}

#login	{
	width:358px;
	background:url(../img/header_bg01.jpg) left top;
	border:1px solid #D5D5D5;
	margin-top:8px;
	padding-top:5px;
	height:78px;
}

#login span.l_title	{
	float:left;
	width:105px;
}

#login span.t_area	{
	float:left;
	width:177px;
}

#login span.l_btn	{
	float:left;
	width:64px;
	padding:27px 0px 0px 9px;
}

input#mail,
input#pw	{
	width:177px;
	height:auto;
}
/*----------------------------------------------
ヘッダー内バナー広告(2010.07.01)
----------------------------------------------*/
#top_banner	{
	width:274px;
	height:85px;
	margin-top:8px;
	float:left;
}

/*----------------------------------------------
新規登録
----------------------------------------------*/
#toroku_area	{
	width:208px;
	height:200px;
	background: url(../img/right_bg01.jpg) top left;
	padding:10px 9px 10px 9px;
}

#toroku_haikei	{
	background: url(../img/right_bg02.jpg) top left repeat-y;
	width:208px;
	text-align:center;
	padding:3px 0px;
	line-height:18px;
}

#toroku_haikei2	{
	background: url(../img/right_bg02.jpg) top left repeat-y;
	width:208px;
	text-align:center;
	padding:3px 0px 0px 0px;
	line-height:18px;
}

.toroku_line{
	font-size:75%;
	padding-bottom:5px;
	border-bottom:1px dotted #666666;
	margin:0px 3px;
}

/*----------------------------------------------
キーワード検索以下右カラム
----------------------------------------------*/
#right_haikei	{
	background: url(../img/right_bg03.jpg) top left repeat-y;
	width:206px;
	text-align:center;
}

#right_haikei2	{
	background: url(../img/right_bg03.jpg) top left repeat-y;
	width:206px;
	text-align:center;
}

.right_haikei	{
	background: url(../img/right_bg03.jpg) top left repeat-y;
	width:206px;
	text-align:center;
}

input#kensaku	{
	width:145px;
	height:15px;
	margin:5px 0px;
}


/*----------------------------------------------
フッター
----------------------------------------------*/
.footer_link	{
	text-align:center;
	padding:40px 0px 20px 0px;
	width:970px;
}

/*----------------------------------------------
共通
----------------------------------------------*/
.clear {
clear:both;
 height:0px;
 overflow:hidden;
}

.mtb4	{
	margin:4px 0px;
}

.mt10	{
	margin-top:10px;
}

.mt12	{
	margin-top:12px;
}

.mt15	{
	margin-top:15px;
}

.mb15	{
	margin-bottom:15px;
}

.mt2	{
	margin:2px 0px 0px 0px;
}

.ml40	{
	padding-left:40px;
}

.red{
	color:#CB1D1C;
}

/*----------------------------------------------
 elements
----------------------------------------------*/

table.gp_table01 {
	border-collapse:collapse;
	margin:0 0 40px 0;
	width:100%;
	}
	
table.gp_table01 th {
border:1px solid #d5d5d5;
padding:10px;
background:#fefcea;
}

table.gp_table01 td {
border:1px solid #d5d5d5;
padding:10px;
}

table.gp_table02 {
	border-collapse:collapse;
	margin:0 0 40px 0;
	width:100%;
	}
	
table.gp_table02 th {
border:1px solid #d5d5d5;
padding:10px;
background:#efefef;
}

table.gp_table02 td {
border:1px solid #d5d5d5;
padding:10px;
}

.alt_box01 {
	width:670px;
	text-align:left;
	margin:0 auto;
	}

.gp_box {
	border:3px solid #e1dac0;
	padding:20px;
	width:500px;
	margin:0 auto;
	}
	
.gray_box {
	padding:15px;
	background:#efefef;
	}

.marginB05 {
	margin:0 0 5px 0;
	}

.marginB10 {
	margin:0 0 10px 0;
	}
	
.marginB20 {
	margin:0 0 20px 0;
	}
	
.marginB30 {
	margin:0 0 30px 0;
	}
	
.marginB40 {
	margin:0 0 40px 0;
	}
	
.marginB50 {
	margin:0 0 50px 0;
	}
	
.marginB60 {
	margin:0 0 60px 0;
	}

.attention {
	color:#bb0c0c;
	}
	
.aCenter {
	text-align:center;
	}
	
.aRight {
	text-align:right;
	}
