@charset "utf-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #ffffff;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
}
.main #container { 
	width: 980px;
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left;
}

/* ----------------- header -----------------------*/
.main #header { 
	background: #FFFFFF; 
	padding: 0 0 15px 0;
} 
.main #header .head_right{
	float: right;
	padding: 3px 2px 0 0;
}
.main #header .head_left{
	background-image: url(../img/header/menu_back.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 0;
}
.main #header .head_left_logo{
	width: 193px;
	float: left;
	padding: 10px 0 0 15px;
}
.main #header .line{
	border-bottom: 1px solid #DDDDDD;
	padding: 0px 0 0 0;
	width: 780px;	
}
.main #header .mn_btn_kojin{
	width: 120px;
	float: left;
	padding: 7px 0 8px 0;
	/*background: #777777;*/
}
.main #header .mn_btn_hojin{
	width: 120px;
	float: left;
	padding: 7px 0 0 0;
}
.main #header .mn_btn_company{
	width: 120px;
	float: left;
	padding: 7px 0 0 0;
}
.main #header .mn_btn_privacy{
	padding: 7px 0 0 0;
}

/* ----------------- sidebar -----------------------*/
.main #sidebar1 {
	width: 195px;
	float: right;
	background: #FFFFFF;
	padding: 0px 0px;
}
.main #sidebar1 .banner {
	padding: 0 0 5px 0;
}

/* ----------------- main -----------------------*/
.main #mainContent { 
	margin: 0 195px 0 0;
	padding: 0 25px 0 0;
} 
.main #main_visual{
	padding: 0 0 20px 0;
}

/* ----------------- footer -----------------------*/
.main #footer { 
	padding: 10px 0;
	text-align: center;
} 
.main #footer .pagetop{
	padding: 0 0 0 0;
}
.main #footer .line{
	border-bottom: 1px solid #DDDDDD;
	padding: 10px 0;
}

/* ----------------- etc -----------------------*/
.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* ------------------ header menu btn ------------------- */
.menu{
	padding: 0 0 0 207px;
}
.menu ul, .menu li{
	font-size: 12px;
	margin: 0px 0 0px 0;
	padding: 0 0;
	list-style: none;			
}
.menu li{
	float: left;
	padding-top: 20px;
	padding-right: 10px;
	padding-left: 0px;
	
}
.menu a, .menu a:link, .menu a:visited{
	text-decoration: none;  
	color: #555555;
	display: inline;
	background-image: url(../img/header/menu_btn_back.gif);	
	background-repeat: no-repeat;
	padding: 10px 10px 10px 23px; 
}

.menu a:hover{
	color: #000000;
	background-image: url(../img/header/menu_btn_back_f2.gif);
	background-repeat: no-repeat;
	padding: 10px 10px 10px 23px;  
}
.menu li.kojin a{
	color: #000000;
	background-image: url(../img/header/menu_btn_back_selected.gif);	
	background-repeat: no-repeat;
	/*padding: 10px 10px 10px 23px;  */
}
.menu li.kojin a:hover {
	color: #999999;
	background-image: url(../img/header/menu_btn_back_selected.gif);	
	background-repeat: no-repeat;
	padding: 10px 10px 15px 23px;
}

/* ------------------ sub menu ------------------- */
.main #mainContent #sub_menu_kojin{
	width: 195px;
	float: left;
}
/* ------------------ 3 column center ------------------- */
.main #mainContent #center_area{
	margin: 0 0 0 220px;
}

/* ------------------ pankuzu ------------------- */
.pan{
	padding: 10px 0px 0px 10px;
	font-size: 12px;
	line-height: 120%;
	color: #333333;
}

/* ------------- link ------------- */
a:link{ color:#2E982F; text-decoration:underline; }
	/* リンクの通常の状態*/
a:visited { color:#2E982F; text-decoration:underline; }
	/* 訪問済みリンクの状態*/
a:active { color:#D0121C; text-decoration:underline;}
	/* クリックした時の状態*/
a:hover { color:#D0121C; text-decoration:underline;}
	/* カーソルを合わせた状態*/


/* -------------------------- top -------------------------- */
.top_flash{
	height: 420px;	
}

/* ------------------ kodawari contents ------------------- */
.ko_cont_main{
	padding: 0px 0px 0px 10px;
}
.ko_cont_kodawari{
	background-image: url(../img/index/illust_kodawari.jpg);	
	background-repeat: no-repeat;
	padding: 15px 10px 20px 10px;
}
.ko_cont_consulting{
	background-image: url(../img/index/illust_consulting.jpg);	
	background-repeat: no-repeat;
	padding: 15px 350px 20px 10px;
}
.ko_cont_salon{
	background-image: url(../img/index/illust_salon.jpg);	
	background-repeat: no-repeat;
	padding: 15px 10px 20px 10px;
}
.ko_cont_library{
	background-image: url(../img/index/illust_library.jpg);	
	background-repeat: no-repeat;
	padding: 15px 10px 20px 10px;
}

.ko_kodawari_rect_all{
	background-image: url(../img/ko_kodawari/rect_all_back.gif);
	/*background-color: #CCE098;*/
	width: 542px;	
}
.ko_kodawari_rect1{
	width: 150px;
	float: left;
	padding: 13px 13px;
	margin: 0 2px;
}
.ko_kodawari_rect2{
	text-align: center; 
	margin-bottom: 10px;
	padding: 10px 0px;
	background-color: #8FC320;	
}


/* ------------------ text pagetitle ------------------- */
.t_page_title{
	padding: 0px 0px 0px 10px;
}

/* -------------------------- moshikomi form -------------------------- */
#form_area{
	padding: 10px 10px;
	background-color: #DDDDDD;	
}
#form_area .in{
	padding: 20px 20px;
	background-color: #FFFFFF;	
}
#form_area .fm_list{
	list-style-type: none;
	padding: 0; 
	margin: 0;
	/*clear: left;*/
}
#form_area .fm_komoku{
	float: left; 
	width: 210px; 
	margin-right: 5px; 
	padding: 2px 0;  
}
#form_area .fm_field{
	/*float: left;*/ 
	/*width: 300px; */
	margin-right: 5px; 
	padding: 2px 0;  
}
#form_area .line{
	border-bottom: 1px solid #DDDDDD;
	padding: 1px 0 0 0;
	/*width: 780px;	*/
}
/* -------------------------- kojin salon -------------------------- */
.step_tx{
	margin-right: 2px; 
	padding: 2px 0px;
	background-color: #CCE098;		
}
.salon_allow{
	padding: 0px 0px 0px 252px;
}
.salon_inquiry{
	padding: 5px 0px 0px 165px;
}

.area1{
	padding: 10px 0 0 0; 
}
.area1 .left{
	float: left; 
	width: 90px;
}
.area1 .right{
	padding: 0 0 0 90px;
}
.area1 .clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.area2{
	padding: 10px 0 0 0; 
}
.area2 .left{
	width: 333px;
}

.area2 .right{
	float: right; 
	width: 185px;
}
.area2 .clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.area2 .line{
	padding: 15px 0;
}
.area2 .comment{
	margin: 0 0 0 24px;
	padding-left:1em;
}
.area2 .dtl{
	text-indent:-1em;
    list-style-type:none;
}

/* -------------------------- company -------------------------- */
.company_in{
	padding: 25px 10px 30px 10px;
}
.company_in .midashi{
	width: 120px; 
	float: left; 
}
.company_in .president_pic{
	width: 120px; 
	float: left;
	/*padding: 0 0 0 0px;*/
}
.company_in .president_tx{
	padding: 0px 20px 0px 120px;
}
.company_in .staff{
	width: 180px;
	float: left; 
}
.company_in .info1{
	float: left; 
	width: 60px;
}
.company_in .info2{
	width: 290px;
	float: left; 
}

/* -------------------------- hojin -------------------------- */
.hojin_copy{
	padding: 15px 10px 30px 10px;
}
.hojin_in2{
	padding: 0;
}
.hojin_in2 .left{
	float: left; 
	width: 165px;
}
.hojin_in2 .right{
	padding: 0 0 0 165px;
}
.hojin_in2 .in_left{ 
	float: left; 
	width: 325px;
}
.hojin_in2 .in_right{
	float: left; 
	padding: 0 0 0 15px;
	/*float: right; */
}
.hojin_in2 .clearfloat {
	clear:left;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


.hojin_in2 .list{
	/*list-style-type: none;*/
	padding: 0px 0px; 
	margin: 0 0 0 15px; 
	/*clear: left;*/
}
.hojin_in2 .dtl1{
	/*float: left; */
	/*width: 105px; */
}