/* Reset */
body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,p,blockquote,th,td {
	padding:0;
	margin: 0px auto;
}

/*==========================================================
+ common
========================================================== */
body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height: 18px;
	color: #000000;
	letter-spacing: 0;
	text-align: center;
	background: url(../img/bg.gif) repeat;
}

a:link {
	text-decoration: none;
	color: #663300;
}

a:visited {
	text-decoration: none;
	color: #666666;
}

a:hover {
	text-decoration: underline;
	color: #663300;
}

a img{
border:none;
}

#title {
	height:25px;
	text-align:left;
	margin:5px 0 0 20px;
	font-size:11px;
	padding:0;
	font-weight:normal;
}
h5{
font-size:12px;
padding:2px;
margin:0;
font-style:normal;
font-weight: normal;
}

h6{
font-size:12px;
padding:2px;
margin:0;
font-style:normal;
font-weight: normal;
}
p {
	margin: 0px;
	padding: 0px;
}


.clear {
	margin: 0px;
	padding: 0px;
	clear: both;
	font-size: 1px;
	line-height: 0px;
}
.clear_both{
display: block;
clear: both;
height: 0;
visibility: hidden;
content: ".";
line-height: 0;
}
.h3_calendar {
	padding:0;
	margin: 0px auto;
}


/*==========================================================
+ font
========================================================== */

.font_brown {
	color: #663300;
}



/*==========================================================
+ layout
========================================================== */

#wrapper {
	margin: 0px auto;
	padding: 0px;
	height: auto;
	font: 12px/16px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #000000;
	text-align: center;
}
#header-bg {
	background: url(../img/con_bg.gif) repeat-x top;
	margin: 0px;
	padding: 0px;
}

#main-bg {
	background: url(../img/bg_top.gif) repeat-y;
	margin: 0px auto;
	padding: 0px;
	height: auto;
	width: 774px;
}


/*==========================================================
+ header
========================================================== */

#header {
	margin: 0px auto;
	padding: 0px;
	height: auto;
	width: 774px;
	text-align: center;
}
#header1 {
	background: url(../img/banner_bg.gif) no-repeat;
	margin: 0px;
	padding: 0px;
	height: 70px;
	width: 774px;
}

#header a {
	text-decoration: none;
	color:#FF6600;
}
#header a:hover {
	text-decoration:underline;
	color:#FF6600;
}

/*==========================================================
+ 
========================================================== */

#logo1 {
	margin: 0px;
	height: 70px;
	text-align: right;
	padding: 0px;
	float: left;
	width: 489px;
}

#logo2 {
	float: right;
	margin: 0px;
	width: 270px;
	text-align: right;
	padding-top: 41px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#header1:after {;
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: visible;
}

/*\*/
* html #header1 {
    height: 1em;
    overflow: visible;
}
/**/


/*==========================================================
+ menu
========================================================== */
/* menu */
#header_menu {
	margin: 0px;
	height: 37px;
	padding: 0px;
	width: 774px;
	text-align: left;
}
#header_menu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#header_menu li {
	font-size: 1px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	list-style-position: inside;
	list-style-type: none;
}
.n01 {
	font-size: 1px;
	line-height: 0px;
	text-indent: -999px;
}

.menu_top {
	background: url(../img/menu2/menu_homeon.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 37px;
	width: 104px;
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
}

.menu_top a {
	background: url(../img/menu2/menu_homeon.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 37px;
	width: 104px;
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
}

.menu_concept, .menu_concept a {
	background: url(../img/menu2/menu_1.gif) no-repeat 0px 0px;
	height: 37px;
	width: 104px;
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
}

.menu_concept a:hover {
	background: url(../img/menu2/menu_1on.gif) no-repeat 0px 0px;
	height: 37px;
	width: 104px;
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;;
}

.menu_event, .menu_event a {
	background: url(../img/menu2/menu_2.gif) no-repeat 0px 0px;
	height: 37px;
	width: 173px;
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
}

.menu_event a:hover {
	background: url(../img/menu2/menu_2on.gif) no-repeat 0px 0px;
	height: 37px;
	width: 173px;
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
}


.menu_member, .menu_member a {
	background: url(../img/menu2/menu_3.gif) no-repeat 0px 0px;
	height: 37px;
	width: 163px;
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
}

.menu_member a:hover {
	background: url(../img/menu2/menu_3on.gif) no-repeat 0px 0px;
	height: 37px;
	width: 163px;
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
}

.menu_masu, .menu_masu a {
	background: url(../img/menu2/menu_4.gif) no-repeat 0px 0px;
	height: 37px;
	width: 124px;
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
}


.menu_masu a:hover {
	background: url(../img/menu2/menu_4on.gif) no-repeat 0px 0px;
	height: 37px;
	width: 124px;
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
}

.menu_contact, .menu_contact a {
	background: url(../img/menu2/menu_5.gif) no-repeat 0px 0px;
	height: 37px;
	width: 106px;
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
}


.menu_contact a:hover {
	background: url(../img/menu2/menu_5on.gif) no-repeat 0px 0px;
	height: 37px;
	width: 106px;
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
}


/*==========================================================
+ main
========================================================== */

#main {
	width: 774px;
	margin: 0px auto;
	height: auto;
	background: url(../img/bg_top.gif) repeat-y;
}


/*==========================================================
+ main-upper
========================================================== */

#main-upper {
	clear: both;
}

#main-upper-left {
	float: left;
	padding: 5px;
	clear: none;
}

#main-upper-right {
	float: left;
	background-image: url(../img/top/main_upper_r_back2.gif);
	background-repeat: no-repeat;
	margin: 5px;
	width: 250px;
	height: 392px;
}

#main-upper-right-event {
	width: 236px;
	background: url(../img/top/main_upper_r_event_img.gif) no-repeat left;
	padding: 0px;
	margin-top: 7px;
}

#main-upper-right-event-img{
	float: left;
}

#main-upper-right-event-nav{
	text-align: right;
	width: 236px;
	margin: 0px;
	padding: 0px;
}

#main-upper-right-salon {
	padding-top: 5px;
}
.main-upper-right-salon {
	padding-top: 5px;
}

/*==========================================================
+ main-body
========================================================== */

#main-body {
	clear: both;
	float: left;
}


/*==========================================================
+ content
========================================================== */

#content {
	float: left;
	padding: 0px;
	width: 498px;
}

.title-img{
	padding-bottom: 5px;
	width:496px;
	height:35px;
	clear: both;
}
.title-img2{
	padding-bottom: 5px;
	background:url(../img/top/content_whatsnew_title.gif) no-repeat;
	width:496px;
	height:35px;
	clear: both;
}
.undertxt {
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right:5px;
	text-align:right;
	font: 12px/16px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #000000;
}
.banner-wide{
	margin-top: 5px;
	margin-bottom: 5px;
	clear: both;
}


/*==========================================================
+ What's New
========================================================== */
.recruit {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	text-align:left;
	font: 12px/16px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#FF0000;
	font-weight:bold;
}


#new {
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 5px;
}

#osusume {
	margin-bottom: 10px;
	padding:0;
	background-color:#FFFFF5;
	background:url(../img/top/osusume_bg2.jpg) top left repeat-y;
	text-align:left;
	width:499px;
}
#osusume .osusume_top{
	margin:0;
	padding:0;
	height:27px;
}
#osusume .osusume_bottom{
	margin:0;
	padding:0;
	height:5px;
}
#osusume .osusume_box{
	margin:0;
	padding:0;
	background:url(../img/top/osusume_bg.jpg) top left no-repeat;
	}
#osusume .osusume_box_left{
	margin:0 0 5px 10px;
	padding:5px 5px 0 5px;
	width:315px;
	float:left;
	}
#osusume .osusume_box_photo{
	width:150px;
	padding:0 5px 5px 5px;
	float:left;
	}
#new-textarea {
	border-bottom-width: 1px;
	border-left-width: 7px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin-top: 3px;
	margin-bottom: 3px;
}

#new-textarea li{
	list-style-position: inside;
	text-align: left;
	padding-top: 2px;
	padding-bottom: 2px;
	background-image: url(../img/top/content_whatsnew_bt.gif);
	list-style-type: none;
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 10px;
	text-indent: 15px;
}


/*==========================================================
+ Event & Seminar
========================================================== */

#event {
	margin-top: 10px;
	margin-bottom: 20px;
}

#event2 {
	margin-top: 10px;
	margin-bottom: 20px;
}

.event-detail {
	float: left;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 3px;
	margin-top: 3px;
}

.event-detail-left {
	float: left;
	width: 145px;
	padding: 5px;
}

.event-detail-right {
	clear: right;
	float: right;
	text-align: left;
	padding: 5px;
	width: 325px;
}

.event-detail-text {
	padding: 3px;
}


/*==========================================================
+ Blog & Mailmagazine
========================================================== */

#blog-mg {
	margin-top: 10px;
	margin-bottom: 10px;
	clear: both;
}

.blog-mg-detail {
	float: left;
	margin-right: auto;
	margin-left: auto;
	margin-top: 3px;
	margin-bottom: 3px;
}

.blog-mg-ceo {
	float: left;
	width: 235px;
	height: 61px;
	text-align: left;
	margin-right: 5px;
	margin-left: 5px;
}

.blog-mg-report {
	clear: right;
	float: left;
	text-align: left;
	width: 235px;
	height: 61px;
	margin-right: 5px;
	margin-left: 5px;
}

.blog-mg-mailmagazine {
	float: left;
	width: 235px;
	height: 69px;
	text-align: left;
	margin-right: 5px;
	margin-left: 5px;
}
.banner-small-left{
	float: left;
	padding: 5px;
}

.banner-small-right{
	clear: right;
	float: right;
	padding: 5px;
}

/*==========================================================
+ sidebar
========================================================== */
#sidebar {
	float: left;
	width: 260px;
	height: auto;
}
#qr .qr_bg{
	text-align: center;
	text-indent: 8px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FF9900;
	border-bottom-color: #FF9900;
	border-left-color: #FF9900;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom:10px;
	}
#calendar ul {
	text-align: left;
	text-indent: 8px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: dotted;
	border-left-style: solid;
	border-right-color: #FF9900;
	border-bottom-color: #FF9900;
	border-left-color: #FF9900;
	margin: 0px 5px;
	list-style: none;
}
#calendar li {
	margin: 0px;
	padding: 2px 0px;
	list-style: none outside;
	border-top: 1px none #FF9900;
	border-right: 1px none #FF9900;
	border-bottom: 1px dashed #FF9900;
	border-left: 1px none #FF9900;
}
#calendar p {
	margin-bottom: 5px;
}

.calendar-daytxt{
margin:10px 0 0 0;
padding:0;
font-size:10px;
}
.calendar-day{
	text-align: left;
	text-indent: 8px;
	height: 23px;
	width: auto;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: dotted;
	border-left-style: solid;
	border-right-color: #FF9900;
	border-bottom-color: #FF9900;
	border-left-color: #FF9900;
	margin-right: 5px;
	margin-left: 5px;
	line-height: 30px;
}

.calendar-lastday{
	text-align: left;
	text-indent: 8px;
	height: 25px;
	width: auto;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FF9900;
	border-bottom-color: #FF9900;
	border-left-color: #FF9900;
	margin-right: 5px;
	margin-left: 5px;
	line-height: 30px;
}

.sidebar-border{
	margin-top: 10px;
	margin-bottom: 10px;
}

.sidebar-banner-left{
	float: left;
	padding: 5px;
}

.sidebar-banner-right{
	clear: right;
	float: right;
	padding: 5px;
}

.sidebar-banner-text{
	width: auto;
	clear: left;
}

.sidebar-banner-text li{
	text-align: left;
	background-image: url(../img/top/sidebar_bnarea_bt.gif);
	list-style-type: none;
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-left: 15px;
	text-indent: 15px;
}

#sidebar-renew-blog{
	margin-top: 10px;
	margin-bottom: 10px;
}

#sidebar-renew-blog-body{
	text-align:left;
	font-size:12px;
	line-height: 16px;
	background-image: url(../img/top/sidebar_blog_back.gif);
	background-repeat: repeat-y;
	margin-right: 2px;
	margin-left: 4px;
	padding: 10px;
}

#sidebar-ceo-blog{
	margin-top: 10px;
	margin-bottom: 10px;
}

#sidebar-ceo-blog-body{
	text-align:left;
	font-size:12px;
	line-height: 16px;
	background-image: url(../img/top/sidebar_blog_back.gif);
	background-repeat: repeat-y;
	margin-right: 2px;
	margin-left: 4px;
	padding: 10px;
	text-indent: 10px;
	list-style-position: inside;
}


/*==========================================================
+ footer
========================================================== */

#footer {
	height: 40px;
	background-image: url(../img/copyright.gif);
	background-repeat: no-repeat;
	clear: both;
	background-position: bottom;
	text-align: left;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/*==========================================================
+ blog-parts
========================================================== */
#blog-parts {
	margin-left: 10px;
	margin-right: 10px;

}

.blog-parts-left {
	padding: 5px;
	float: left;
	height: auto;
	width: 180px;
	margin-top: 10px;
}
.blog-parts-right {
	padding: 5px;
	float: right;
	height: auto;
	width: 180px;
	margin-top: 10px;
}