@charset "UTF-8";

/*-----------------------
coded by sure at 2010-01-17
-------------------------*/

/*-----------------------*/
/* 1.BASE&RESET */
/* 2.LAYOUT */
/* 3. */
/*-----------------------*/


/* 1.BASE&RESET
====================================================================================================== */
*{
	margin:0;
	padding:0;
	}

html {
	height: 100%;}

body {
	line-height:1.5;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','メイリオ',Meiryo,sans-serif;
	color: #333;
	background:#f3f0e6;
	height: 100%;}

a{
	outline:none;
	color:#333;
	text-decoration:underline;}
a:hover{
	color:#4e801d;
	text-decoration:none;}

img{
	border:none;
	vertical-align:bottom;}		

table{
	border-collapse:collapse;
	border-spacing:0;}
	td,th{
		border:none;
		text-align:left;}
	
ul li{list-style:none;}		

/* br clear
---------------------------*/
br.clear{
	width:auto;
	clear:both;
	line-height:0%;
	font-size:0;
	display: block;}	
.clear {
	clear: both;}

/* clearfix
---------------------------*/
.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0.1px;
	line-height:0;
	font-size:0.1em;
	visibility: hidden;}
.clearfix{
	display:block;}
* html .clearfix             { zoom: 1; } /* IE6 */  
*+html .clearfix { zoom: 1; } /* IE7 */	
	
/* parts
---------------------------*/	
.bold{font-weight:bold;}
.txt_right{text-align:right;}
.center{text-align:center;}
.red{color:#FF0000;}
.green{color:#669933;}
.brown{color:#4a371c;}
.arrow01{
	background:url(../images/arrow01.gif) no-repeat;
	background-position:0 3px;
	padding-left:13px;}
	
.mb_10{margin-bottom:10px;}
.mb_20{margin-bottom:20px;}
.mb_30{margin-bottom:30px;}
.mb_50{margin-bottom:50px;}
.mr_30{margin-right:30px;}
.pt_5{padding-top:5px;}
.pt_10{padding-top:10px;}
.pt_20{padding-top:20px;}
.pl_20{padding-left:14px;}

/* form
---------------------------*/
.f35{width:35px;}
.f45{width:45px;}	
.f70{width:70px;}
.f90{width:90px;}
.f145{width:145px;}
.f170{width:170px;}
.f175{width:175px;}
.f275{width:275px;}		
.f355{width:355px;}
.f405{width:405px;}

.f100p{width:100%;}

/* 2.LAYOUT
====================================================================================================== */
#wrapper{
	width:900px;
	padding:0 25px;
	margin:0 auto;
	background:url(../images/body_bg.gif) repeat-y;
	min-height:100%;
	height:auto !important;
	height: 100%;}

#header{
	height:85px;
	padding:15px 0 0 12px;
	background:url(../images/header_bg.gif) repeat-x;
	position:relative;}
	.font_size{
		position:absolute;
		top:58px;
		right:107px;}
	#header .font_normal{
		position:absolute;
		top:0;
		left:94px;}
	#header .font_big{
		position:absolute;
		top:0;
		left:138px;}
	#header .font_normal a{
		display:block;
		width:44px;
		height:27px;
		text-indent:-9999px;}
	#header .font_big a{
		display:block;
		width:43px;
		height:27px;
		text-indent:-9999px;}
	#header .logout{
		position:absolute;
		top:0px;
		right:20px;}

#footer{
	width:860px;
	padding:40px 20px 20px 20px;
	clear:both;}
	#footer .pagetop{
		margin:0 20px 5px 0;
		text-align:right;}
		#footer .pagetop a{
			background:url(../images/arrow02.gif) no-repeat;
			background-position:0 2px;
			padding-left:16px;}
		
#footer div{
	position:relative;
	background:#675337;
	padding:7px 10px;
	width:840px;}
	#footer ul li{
		color:#fff;
		display:inline;}
	#footer ul a{
		color:#fff;
		text-decoration:none;}
	#footer ul a:hover{
		text-decoration:underline;}
	#footer .copy{
		position:absolute;
		top:7px;
		right:6px;}
		
/* 2+.LAYOUT miniwindow
====================================================================================================== */		
#wrapper-mini{
	width:700px;
	padding:0 25px 0;
	margin:0 auto;
	background:url(../images/body-mini_bg.gif) repeat-y;
	min-height:100%;
	height:auto !important;
	height: 100%;
	}
	#wrapper-mini .logo{
		padding:10px 20px;
		border-top:solid 4px #675337;	
		}
	#wrapper-mini h1{
		margin-left:20px;
		}
#footer-mini{
	width:660px;
	padding:0 20px 20px;
	}
	#footer-mini .pagetop{
		text-align:right;
		margin:0 10px 5px 0;
		}
		#footer-mini .pagetop a{
			background:url(../images/arrow02.gif) no-repeat;
			background-position:0 2px;
			padding-left:16px;}
		
#footer-mini div{
	position:relative;
	background:#675337;
	padding:7px 10px;
	width:640px;
	}
	#footer-mini .copy{
		text-align:right;
		}
	
	
		

/* トップページ 
---------------------------*/
#top_contents{
	width:860px;
	padding:0 20px 0;
	background:url(../images/top_image_bg.jpg) no-repeat;}

#top_left{
	width:620px;
	float: left;}

#top_right{
	width:220px;
	float: right;}
	
#menu-top{
	margin-bottom:20px;}
	
#menu-top1{
	width:200px;
	height: 165px;
	float:left;
	background: url(../images/menu-in_bg_top.gif) no-repeat bottom;}
	#menu-top1 ul{
		line-height:0px;
		padding: 9px 0 0 14px;}
	#menu-top1 li{
		margin-bottom:8px;}
	
#menu-top2{
	width:200px;
	height: 165px;
	float:left;
	margin-left:10px;
	background: url(../images/menu-in_bg_top02.gif) no-repeat bottom;}
	#menu-top2 ul{
		line-height:0px;
		padding: 9px 0 0 14px;}
	#menu-top2 ul .menu-top2-2{
		line-height:0px;
		padding: 5px 0 0 14px;}
	#menu-top2 li{
		margin-bottom:11px;}
		#menu-top2 .menu-top2-2 li{
			display:inline;}
		#menu-top2 .menu-top2-2-1{padding-left:10px;}
		#menu-top2 .menu-top2-2-2{padding-left:4px;}

#menu-top3{
	width:200px;
	height: 165px;
	float:left;
	margin-left:10px;
	background: url(../images/menu-in_bg_top.gif) no-repeat bottom;}
	#menu-top3 ul{
		line-height:0px;
		padding: 9px 0 0 14px;}
	#menu-top3 li{
		margin-bottom:8px;}

#login-top{
	width:220px;}
	#login-top .login{
		border-right:#e9e9e9 7px solid; border-bottom:#e9e9e9 7px solid; border-left:#e9e9e9 7px solid; border-top:#ffffff 1px solid;
		background: #FDFBEC;
		padding: 8px;}
		#login-top .login-top{
			padding: 8px;
			background: url(../images/login_bg_top.gif) no-repeat top #E6E4D1;}
		#login-top .login-bottom{
			background: url(../images/login_bg_bottom.gif) no-repeat bottom #E6E4D1;
			padding: 0 8px 8px 0;
			text-align:right;
			margin-bottom:8px;}
		#login-top .address{
			border:#e9e9e9 7px solid;
			background: #FDFBEC;
			padding: 12px;
			margin-top:10px;}
		#login-top .renew{
			border-right:#e9e9e9 7px solid; border-bottom:#e9e9e9 7px solid; border-left:#e9e9e9 7px solid;
			background: #FDFBEC;
			padding: 12px;}
#info{
}
	#info .info-d{
		padding: 15px 0 0 11px}
		#info .info-d dt{
			width:5.8em;
			clear: left;
			float: left;}
		#info .info-d dd{
			margin-left:5.8em;
			padding-bottom:8px;}
		#info p.info-q{
			background:url(../images/icn_questionnaire.gif) no-repeat 0 3px;
			padding:0 0 0 60px;}
		#info p.info-i{
			background:url(../images/icn_info.gif) no-repeat 0 3px;
			padding:0 0 0 60px;}
		#info p.info-s{
			background:url(../images/icn_seminar.gif) no-repeat 0 3px;
			padding:0 0 0 60px;}

/* 中ページ 
---------------------------*/
#left{
	width:180px;
	padding-left:20px;
	float:left;}
#right{
	width:660px;
	padding-right:20px;
	float:right;}	

#pankuzu{
	width:860px;
	background:url(../images/contents_bg.gif) no-repeat;
	padding:7px 20px;}

#menu-in{
	padding-bottom:10px;}
#menu-in ul{
	line-height:0px;}
#menu-in li{
	margin:0 0 8px 0;}
#menu-in .menu-in1{
	width:152px;
	padding:9px 14px 2px;
	background:url(../images/menu-in_bg1.gif) no-repeat bottom;}
#menu-in .menu-in2{
	width:152px;
	padding:9px 14px 2px;
	background:url(../images/menu-in_bg2.gif) no-repeat bottom;}
	#menu-in .menu-in2_06{
		margin:5px 0 2px 0;}
	#menu-in .menu-in2_06 li{
		display:inline;}
	#menu-in .menu-in06-1{padding-left:24px;}
	#menu-in .menu-in06-2{padding-left:4px;}
#menu-in .menu-in3{
	width:152px;
	padding:9px 14px 3px;
	background:url(../images/menu-in_bg3.gif) no-repeat bottom;}
	
#menu-in .menu-inMember{
	background-color: #726852;
	padding:6px 9px 3px;
	margin-bottom: 10px;}
#menu-in .menu-inMember li{
	margin:0 0 6px 0;}

.login-in{
	padding:4px 10px 8px;
	background:#fdfbec;
	border-right:#e9e9e9 7px solid; border-bottom:#e9e9e9 7px solid; border-left:#e9e9e9 7px solid;}
	.f140{
		width:140px;}
	.f_login-in{
		margin:10px 0 0 80px;}

#contents-in{padding:15px 20px 0 20px;}

.address{
	border:#e9e9e9 1px solid;
	background: #FDFBEC;
	padding: 12px;
	margin-top:20px;
	font-style: normal;}

/* photo */
.photo_right{
	margin:0 0 10px 10px;
	float:right;
	display:inline;}
.photo_right_l{
	margin:0 0 10px 20px;
	float:right;
	display:inline;}
.photo_left{
	margin:0 10px 10px 0;
	float:left;
	display:inline;}

/* トップログイン
---------------------------*/
/* 会員専用ページ
====================================================================================================== */
#headerMemberL{
	height:64px;
	padding:14px 0 0 14px;
	background:url(../images/header_bgL.gif) repeat-x;
	position:relative;}
	#headerMemberL .font_size{
		position:absolute;
		top:36px;
		right:107px;}
	#headerMemberL .font_normal{
		position:absolute;
		top:0;
		left:94px;
		}
	#headerMemberL .font_big{
		position:absolute;
		top:0;
		left:138px;
		}
	#headerMemberL .font_normal a{
		display:block;
		width:44px;
		height:27px;
		text-indent:-9999px;
		}
	#headerMemberL .font_big a{
		display:block;
		width:43px;
		height:27px;
		text-indent:-9999px;
		}
	#headerMemberL .logout{
		position:absolute;
		top:4px;
		right:20px;}

#titleMemberL{
	text-align:center;}

#login_box{
	padding:60px 0 65px;}
#login_box .login_title{
	padding-bottom:0px;}
#login_box .top-login{
	width:390px;
	margin:0 auto;}
	#login_box .top-login .login{
		border:#e9e9e9 7px solid;
		background: #FDFBEC;
		padding: 40px 5px 20px;}
		#login_box .top-login p{
			margin-bottom:10px;}
			#login_box .top-login .logintext{
				float:left;
				width:115px;
				padding-right: 8px;
				text-align:right;}
			#login_box .top-login .btn{
				margin: 0 0 0 250px;}
			#login_box .top-login .f140{width:185px; height:1.3em;}