* {
	margin: 0;
	padding: 0;
}

/*----------------------------------------------------------------------
会員専用ページ基本レイアウト
----------------------------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	line-height: 140%;
	color: #222222;
	font-family: "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", arial, helvetica, clean, sans-serif;
	font-size: 100.01%;
	background-color: #ffffff;
	
}

#wrapper {
	width: 800px;
	background-color: #ffffff;
	text-align: center;
	margin: 0 auto;
	
}

h1 {
	text-align: center;
	margin: 0 auto;
	background-color: #0000FF;
	color: #ffffff;
	font-size: 115%;
	font-weight: bold;
	padding: 4px 0;

}

h1.different {
	text-align: center;
	margin: 0 auto;
	background-color: #009966;
	color: #ffffff;
	font-size: 115%;
	font-weight: bold;
	padding: 4px 0;

}


/*
コンテンツ（共通）
---------------------------------------------------*/
#contents {
	text-align: center;
	margin: 12px auto;
	padding: 0 0;

}


/*----------------------------------------------------------------------
パターン1
----------------------------------------------------------------------*/
.toptitle1 {
	clear: both;
	text-align: left;
	font-size: 105%;
	font-weight: bold;
	padding: 17px 0 0 48px;
	margin-bottom: 10px;
	background: url(../images/toptitle1_bg.gif) 0 0 no-repeat;
	width: 752px;
	height: 28px;

}


.toptitle2 {
	clear: both;
	text-align: left;
	font-size: 105%;
	font-weight: bold;
	padding: 17px 0 0 48px;
	margin-bottom: 10px;
	background: url(../images/toptitle2_bg.gif) 0 0 no-repeat;
	width: 752px;
	height: 28px;

}


ul.btn_navi {


}

ul.btn_navi li {
	float: left;
	padding: 7px 7px 2px 0;

}

ul.btn_navi li a {
	text-indent: -9999px;
	text-align: center;
	/*overflow: hidden;*//*デザインモードで表示されなくなったら外す*/
	display: block;
	padding: 0;
	width: 40px;
	height: 20px;
}

.navi1 a {
	background: url(../images/btn_navi1.gif) 0 0 no-repeat;
}

.navi1 a:hover {
	background: url(../images/btn_navi1.gif) 0 -20px no-repeat;
}

.navi2 a {
	background: url(../images/btn_navi2.gif) 0 0 no-repeat;
}

.navi2 a:hover {
	background: url(../images/btn_navi2.gif) 0 -20px no-repeat;
}


/*
左ボックス
---------------------------------------------------*/
#left_box {
	clear: both;
	float: left;
	text-align: left;
	width: 500px;

}

.left_title {
	clear: both;
	text-align: left;
	font-weight: bold;
	padding: 7px 0 0 0;
	
}

.left_txt {
	text-align: left;
	padding: 0 0 5px 0;
	border-bottom: 1px dotted #dddddd;

}

.left_txt a {
	text-decoration: underline;
	color: #0000FF;

}

.left_txt a:hover {
	text-decoration: none;
	color: #0369FF;

}

.left_txt_l {
	text-align: left;
	padding: 0 0 5px 0;
	margin-bottom: 8px;
	border-bottom: 1px dotted #dddddd;

}

.left_txt_l a {
	text-decoration: underline;
	color: #0000FF;

}

.left_txt_l a:hover {
	text-decoration: none;
	color: #0369FF;

}

/*
右ボックス
---------------------------------------------------*/
#right_box {
	float: right;
	padding-bottom: 5px;

}

.mainimage {
	padding-bottom: 7px;

}

ul.imagelist {

}

ul.imagelist img {
	padding: 2px;
	border: 1px solid #cccccc;

}

ul.imagelist li {
	float: left;
	padding: 0px 5px 2px 0;

}

ul.imagelist li.last {
	float: left;
	padding: 0px 5px 2px 0;

}

.atttention {
	clear: both;
	text-align: right;
	font-size: 75%;
	padding: 0;
}



/*
本文
---------------------------------------------------*/
.main_txt {
	clear: both;
	text-align: left;
	line-height: 160%;
	padding: 2px 0 5px 0;

}

.main_txt a {
	text-decoration: underline;
	color: #0000FF;

}

.main_txt a:hover {
	text-decoration: none;
	color: #0369FF;

}


.main_txt2 {
	text-align: left;
	line-height: 160%;
	padding: 10px 0 0 0;

}

.main_txt2 a {
	text-decoration: underline;
	color: #0000FF;

}

.main_txt2 a:hover {
	text-decoration: none;
	color: #0369FF;

}






/*
アクセス
---------------------------------------------------*/
.accessmap {


}


/*----------------------------------------------------------------------
パターン2
----------------------------------------------------------------------*/
.toptitle1 .titleimage {
	position: relative;
	bottom: 22px;

}

.toptitle1 .titleimage img {
	float: right;
	padding: 0 5px 0 0;
	
}


/*
左ボックス
---------------------------------------------------*/
#left_box2 {
	clear: both;
	float: left;
	padding-bottom: 5px;

}

#left_box2 .mainimage img {
	padding: 2px;
	border: 1px solid #dddddd;

}


/*
右ボックス
---------------------------------------------------*/
#right_box2 {
	float: right;
	text-align: left;
	width: 500px;

}

.right_title {
	text-align: left;
	font-weight: bold;
	padding: 10px 0 0 0;
	
}

.right_txt {
	text-align: left;
	padding: 0 0 5px 0;
	border-bottom: 1px dotted #dddddd;

}

.right_txt a {
	text-decoration: underline;
	color: #0000FF;

}

.right_txt a:hover {
	text-decoration: none;
	color: #0369FF;

}



/*----------------------------------------------------------------------
パターン3
----------------------------------------------------------------------*/
.toptitle3 {
	clear: both;
	text-align: left;
	font-size: 100%;
	font-weight: bold;
	padding: 17px 0 0 48px;
	margin-bottom: 10px;
	background: url(../images/toptitle3_bg.gif) 0 0 no-repeat;
	width: 452px;
	height: 28px;

}







/*
ページトップに戻るアンカーの設定（共通）
---------------------------------------------------*/
.gototop {
	clear: both;
	text-align: right;
	padding: 10px 10px 0px 0;
	margin: 0px 0px 0px 0;

}

.gototop a {
	font-size: 70%;
	text-decoration: none;
	color: #222222;
	background-color: #ffffff;
	
}

.gototop a:hover {
	text-decoration: none;
	color: #777777;
	
}


/*
フッター（共通）
---------------------------------------------------*/
#footer {
	clear: both;
	border-top: 2px solid #222222;
	color: #222222;
	text-align: right;
	font-size: 65%;
	padding: 1px 7px 5px 0;

}