@charset "UTF-8";

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

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


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

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;}
	
/* 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(/app/top-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;}
.mr_30{margin-right:30px;}
.pt_10{padding-top:10px;}
.pt_20{padding-top:20px;}

/* 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(/app/top-images/body_bg.gif) repeat-y;
	min-height:100%;
	height:auto !important;
	height: 100%;}

#header{
	height:85px;
	padding:15px 0 0 12px;
	background:url(/app/top-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(/app/top-images/arrow02.gif) no-repeat;
		background-position:0 2px;
		padding-left:17px;}
		
#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;}

/* トップページ 
---------------------------*/
#top_contents{
	width:860px;
	padding:0 20px 0;
	background:url(/app/top-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(/app/top-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(/app/top-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(/app/top-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(/app/top-images/login_bg_top.gif) no-repeat top #E6E4D1;}
		#login-top .login-bottom{
		background: url(/app/top-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(/app/top-images/icn_questionnaire.gif) no-repeat 0 3px;
			padding:0 0 0 60px;}
		#info p.info-i{
			background:url(/app/top-images/icn_info.gif) no-repeat 0 3px;
			padding:0 0 0 60px;}
		#info p.info-s{
			background:url(/app/top-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(/app/top-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(/app/top-images/menu-in_bg1.gif) no-repeat bottom;}
#menu-in .menu-in2{
	width:152px;
	padding:9px 14px 2px;
	background:url(/app/top-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(/app/top-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;
}