@charset "utf-8";


/*-------------------------------------
■ 00:container
+ ページ全体
-------------------------------------*/
#container {
	width:970px;
	min-height:100%;
	background:url(../img/bg/body_back.jpg) repeat-y;
	margin:0px auto;
	text-align:center;
}

/*-------------------------------------
■ 01:header_login
+ ヘッダー(ログイン、会員登録用)
-------------------------------------*/
.header_login {
	background:url(../img/bg/header_back.jpg) no-repeat;
	width:960px;
	margin:0px auto;
}
.header_login .header_left {
	float:left;
	padding-left:15px;
}
.header_login .header_left img {
	margin:10px auto;
}
.header_login .header_right {
	float:right;
	/margin-bottom:-70px; /* IE用 */
}
.header_login .font_size_area {
	margin-top:45px;
}
.header_login .font_size_area dd {
	float:left;
	margin-right:10px;
}
.header_login .font_size_text {
	color:#666666;
	margin-top:4px;
}

/*-------------------------------------
■ 01:header
+ ヘッダー
-------------------------------------*/
.header {
	background:url(../img/bg/header_back.jpg) no-repeat;
	width:960px;
	margin:0px auto;
}
.header .header_left {
	float:left;
	padding-left:15px;
}
.header .header_left img {
	margin:10px auto;
}
.header .header_right {
	float:right;
	padding-right:10px;
	text-align:right;
}
.header .font_size_area {
	font-size:10pt;
	padding-top:15px;
}
.header .font_size_area dd {
	float:left;
	margin-right:10px;
}
.header .logout_b_area {
	margin:5px 15px 10px 0px;
}
.header .font_size_text {
	color:#666666;
	margin-top:4px;
}
.login_member {
	border-bottom:1px dotted #cccccc;
	font-weight:700;
	text-align:left;
	margin-bottom:10px;
	vertical-align:bottom;
}

/*-------------------------------------
■ 02:footer
+ フッター
-------------------------------------*/
.footer {
	background:url(../img/bg/footer_back.jpg) no-repeat;
	height:40px;
	width:970px;
	margin-top:30px;

}
.copylight {
	color:#626161;
	font-size:8pt;
	margin-right:10px;
	padding-top:6px;
	text-align:right;

}

/*-------------------------------------
■ 03:menu_area
+ サイドメニュー
-------------------------------------*/
.menu_area {
	float:left;
	margin-left:20px;
	/margin-left:10px;	/* IE用 */
	margin-top:10px;
	width:250px;
}
/* IE7用 */
*:first-child+html .menu_area {
	margin-left:30px;
}
.menu_area dd {
	margin-bottom:3px;
	text-align:left;
}
.menu_area .menu1 a {
	background:url(../img/bg/sidemenu1_bk.jpg) no-repeat;
	border:1px solid #BFBFBC;
	color:#1D2973;
	display:block;
	min-height:37px;
	overflow:hidden;
	padding-left:50px;
	text-decoration:none;
	width:198px;

}
.menu_area .menu1 a:hover {
	background:url(../img/bg/sidemenu1_bk_ov.jpg) no-repeat;
	color:#C84F39;
}

.menu_area .menu2 a {
	background:url(../img/bg/sidemenu2_bk.jpg) no-repeat;
	border:1px solid #BFBFBC;
	color:#1D2973;
	display:block;
	min-height:37px;
	overflow:hidden;
	padding-left:50px;
	text-decoration:none;
	width:198px;
}
.menu_area .menu2 a:hover {
	background:url(../img/bg/sidemenu2_bk_ov.jpg) no-repeat;
	color:#C84F39;
}

.submenu {
	background-color:#ffffff;
	position: absolute;
	visibility: hidden;
	margin-left:255px;
	margin-top:-41px;
	width:168px;
	z-index: 3;
	text-decoration: none;
}

.submenu a {
	display: block;
	font: 11pt arial;
	text-align: left;
	text-decoration: none;
	color: #ffffff;
	width:168px;
	line-height:340%;
	margin-bottom:2px;
	font-size:90%;
}

.submenu a:hover {
	background: #C16768;
	color: #ffffff;
}

/*-------------------------------------
■ 04:main_contents
+ メインコンテンツ
-------------------------------------*/
.main_contents {
	float:right;
	margin:20px 25px 0px 0px;
	/margin:20px 10px 0px 0px;	/* IE用 */
	width:650px;
}
/* IE7用 */
*:first-child+html .main_contents {
	margin:20px 20px 0px 0px;
}

/*-------------------------------------
■ 05:pagetop
+ ページトップへ
-------------------------------------*/
.pagetop {
	margin:10px auto;
	text-align:right;
	width:920px;
}

/*-------------------------------------
■ 99:common
+ 共通スタイル
-------------------------------------*/
.clear {
	clear:both;
}
.line_height150 {
	line-height:150%;
}
.line_height300 {
	line-height:300%;
}
.margin_top3 {
	margin-top:3px;
}
.margin_top5 {
	margin-top:5px;
}
.margin_top10 {
	margin-top:10px;
}
.margin_top15 {
	margin-top:15px;
}

.margin_bottom40 {
	margin-top:40px;
}
.margin_left50 {
	margin-left:50px;
}
.padding_all5 {
	padding:5px;
}
.padding_all10 {
	padding:10px;
}
.padding_left30 {
	padding-left:30px;
}
.padding_left50 {
	padding-left:50px;
}
.padding_left80 {
	padding-left:80px;
}
.padding_bottom40 {
	padding-bottom:40px;
}
.fcolor_red {
	color:#C84F39;
	display:inline;
}
.fcolor_blue {
	color:#0000FF;
	display:inline;
}
.fsize_15pt {
	font-size:15pt;
}
.fweight_bold {
	font-weight:bold;
}
.fsize_120 {
	font-size:120%;
}
.talign_l {
	text-align:left;
}
.talign_r {
	text-align:right;
}
.talign_c {
	text-align:center;
}
.ime_mode {
	ime-mode:disabled;
}
.width30 {
	width:30px;
}
.width66 {
	width:66px;
}
.width80 {
	width:80px;
}
.width100 {
	width:100px;
}
.width105 {
	width:105px;
}
.width114 {
	width:114px;
}
.width120 {
	width:120px;
}
.width138 {
	width:138px;
}
.width150 {
	width:150px;
}
.width170 {
	width:170px;
}
.width200 {
	width:200px;
}
.width220 {
	width:220px;
}
.width250 {
	width:250px;
}
.width280 {
	width:280px;
}
.width300 {
	width:300px;
}
.width450 {
	width:450px;
}
.width550 {
	width:550px;
}
.width650 {
	width:650px;
}
.height0 {
	height:0px;
}
.height5 {
	height:5px;
}
.disp_none {
	display: none;
}
.border_red {
	border:1px solid #FF0000;
}
.border_blue {
	border:1px solid #0000FF;
}