@charet "UTF-8";
/* 制作者情報 */
/* ブラウザ初期化スタイル */
/* ページ個別のスタイル */

/*--------------------------------------------------------------------
since : 2010/03/01
writer : 
last_editday : 2009/04/20
last_editor : 
--------------------------------------------------------------------*/

/*--------------------------------------------------------------------
common
cssの初期化
--------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p {
	padding: 0;
	margin: 0;
}

body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif, "Hiragino Kaku Gothic Pro";
	font-size: 100%;
	color: #333333;
	background-image: url(../../img/hairsalon_bg.gif);
	background-repeat: repeat;
}


h1, h2, h3, h4, h5, h6, address, div, blockquote, p, pre, ul, ol, li, dl, dt, dd, hr {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif, "Hiragino Kaku Gothic Pro";
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

table, caption, th, td {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif, "Hiragino Kaku Gothic Pro";
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del, a, img, object, iframe {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif, "Hiragino Kaku Gothic Pro";
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: inherit;
	font-size: 100%;
}
a:link {
	color: #2A4A9C;
}
a:visited {
	color: #3366FF;
}
#headline {
	background-image: url(../img/header_bg.jpg);
	background-repeat: repeat-x;
	height: 128px;
	width: 100%;
	min-width: 950px;
	margin-bottom: 15px;
}
#header {
	padding: 0px;
	width: 950px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 128px;
}
#headline #header h1#logo {
	float: left;
	position: absolute;
	top: 20px;
	font-size: 14px;
	font-weight: bolder;
	text-decoration: none;
	width: 637px;
	height: 81px;
}
#headline #header #inquiry {
	width: 258px;
	float: right;
	position: relative;
	top: 10px;
}
#headline #header #inquiry h2 {
	text-decoration: none;
	clear: both;
	line-height: 1.5;
	font-size: 10px;
	text-align: center;
	width: 100%;
	color: #1A4B76;
	margin-bottom: 3px;
}
#headline #header #inquiry ul {
	clear: both;
	width: 255px;
	list-style-type: none;
	margin-bottom: 3px;
}
#headline #header #inquiry li {
	width: 100%;
	line-height: 1;
	font-size: 10px;
}
#headline #header #inquiry #inmail {
	height: 33px;
	width: 258px;
}
#headline #header #inquiry #inmail a {
	display: block;
	height: 33px;
	width: 258px;
}
#wrapper {
	clear: both;
	width: 950px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#wrapper #sidemenu {
	float: left;
	width: 270px;
}
#wrapper #content {
	float: right;
	width: 660px;
}
#wrapper #wrapperinquiry {
	font-size: 11px;
	width: 518px;
	clear: both;
	float: right;
	margin-bottom:15px;
}
#wrapper #wrapperinquiry #telinquiry {
	width: 261px;
	float: left;
	font-size: 10px;
	text-align: center;
}
#wrapper #wrapperinquiry #telinquiry ul {
	font-size: 10px;
	line-height: 1;
	list-style-type: none;
}
#wrapper #wrapperinquiry #mailinquiry {
	width: 257px;
	float: right;
	padding-top: 5px;
	padding-bottom: 5px;
}
#wrapper #wrapperinquiry #mailinquiry a {
	display: block;
	height: 60px;
	width: 257px;
}


#footer {
	width: 950px;
	clear: both;
	overflow: hidden;
	min-width: 950px;
	margin-right: auto;
	margin-left: auto;
}
#footer #footerinquiry {
	font-size: 11px;
	width: 518px;
	clear: both;
	float: right;
	margin-top: 10px;
}
#footer #footerinquiry #telinquiry {
	width: 261px;
	float: left;
	font-size: 10px;
	text-align: center;
}
#footer #footerinquiry #telinquiry ul {
	font-size: 10px;
	line-height: 1;
	list-style-type: none;
}
#footer #footerinquiry #mailinquiry {
	width: 257px;
	float: right;
	padding-top: 5px;
	padding-bottom: 5px;
}
#footer #footerinquiry #mailinquiry a {
	display: block;
	height: 60px;
	width: 257px;
}
#footer #copyright {
	width: 100%;
	clear: both;
	text-align: center;
	padding-bottom: 15px;
	font-size: 75%;
	color: #666666;
	padding-top: 10px;
	height: 31px;
}
#footer #copyright h2 {
	float: left;
	height: 31px;
	width: 96px;
	margin-right: 10px;
}
#footer #copyright p {
	font-size: 12px;
	float: left;
	margin-top: 8px;
	line-height: 1;
}
#wrapper #sidemenu #selfbanner {
	margin-bottom: 15px;
}
#wrapper #sidemenu #localnavi {
	width: 100%;
	list-style-type: none;
}
#wrapper #sidemenu #localnavi h2 {
	width: 100%;
	clear: both;
	margin-bottom: 5px;
}
#wrapper #sidemenu #localnavi dl {
	width: 100%;
	list-style-type: none;
	clear: both;
}
#wrapper #sidemenu #localnavi dt a {
	height: 40px;
	width: 270px;
	line-height: 40px;
	font-size: 18px;
	margin-bottom: 13px;
	background-position: left top;
	text-indent: 10px;
	display: block;
}
#wrapper #sidemenu #localnavi dt#research {
	background-image: url(../img/side_bt_research.jpg);
	background-repeat: no-repeat;
	color: #183869;
}
#wrapper #sidemenu #localnavi dt#research a:link,#wrapper #sidemenu #localnavi dt#research a:visited {
	color: #183869;
	text-decoration: none;
}
#wrapper #sidemenu #localnavi dt#support {
	background-image: url(../img/side_bt_support.jpg);
	color: #8E1856;
}
#wrapper #sidemenu #localnavi dt#support a:link,#wrapper #sidemenu #localnavi dt#support a:visited {
	color: #8E1856;
	text-decoration: none;
}
#wrapper #sidemenu #localnavi dt#training {
	color: #367E3F;
	background-image: url(../img/side_bt_training.jpg);
}
#wrapper #sidemenu #localnavi dt#training a:link,#wrapper #sidemenu #localnavi dt#training a:visited {
	color: #367E3F;
	text-decoration: none;
}
#wrapper #sidemenu #localnavi dt:hover, #wrapper #sidemenu #localnavi dt:focus {
	background-repeat: no-repeat;
	background-position: right top;
}
#wrapper #sidemenu #localnavi dd {
	font-size: 12px;
	line-height: 1.5;
	background-image: url(../img/side_arrow.gif);
	background-repeat: no-repeat;
	background-position: left 10px;
	/*text-indent: 15px;*/
	display: block;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-bottom: 7px;
	padding-top: 7px;
	padding-left:15px;
}
#wrapper #sidemenu #localnavi dd.dotlast {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#topicpath {
	font-size: 12px;
	line-height: 1.2;
	list-style-type: none;
	height: 30px;
	margin-bottom: 10px;
	clear: both;
	width: 100%;
}
#topicpath li {
	float: left;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-top: 10px;
}
#wrapper #content #topicpath li.first {
	background-image: url(../img/topicpas_arrow.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 15px;
}
.pagetop {
	width: 100%;
	clear: both;
	margin-top: 10px;
	margin-bottom: 15px;
}
.pagetop a {
	font-size: 12px;
	line-height: 1.2;
	display: block;
	text-align: right;
}
#wrapper #content p {
	font-size: 13px;
	line-height: 1.8;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif, "Hiragino Kaku Gothic Pro";
	font-weight: normal;
	margin-bottom: 5px;
}
#wrapper #content h2 {
	font-size: 16px;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3", serif, "Hiragino Mincho Pro";
	line-height: 1.5;
	width: 100%;
	height: 24px;
	padding-top: 6px;
	padding-bottom: 10px;
	margin-bottom: 15px;
	text-indent: 1em;
}
#wrapper #content h3 {
	font-size: 20px;
	line-height: 1.5;
	font-weight: bold;
	clear: both;
	width: 100%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif, "Hiragino Kaku Gothic Pro";
	margin-bottom: 15px;
}
#wrapper #content h4 {
	font-size: 16px;
	line-height: 1.5;
	clear: both;
	width: 100%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif, "Hiragino Kaku Gothic Pro";
	margin-bottom: 15px;
	margin-top:15px;
}
#wrapper #content span.brandname {
	font-weight: normal;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif, "Hiragino Kaku Gothic Pro";
	color: #585758;
}
#wrapper #content p.detailslink {
	font-size: 12px;
	width: 100%;
	clear: both;
	text-align: right;
	margin-bottom: 20px;
}
#wrapper #content h1#contenttitle {
	height: 200px;
	width: 660px;
	display: block;
	background-image: url(../img/maintitle_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
}
#wrapper #content #contenttitle img {
	/*height: 90px;
	width: 310px;
	position: relative;
	top: 65px;*//*20111012*/
	height:116px;
	width:415px;
	position:relative;
	top:47px;
}
#wrapper #content #contenttitlebg {
	background-image: url(../img/maintitle_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 200px;
	width: 660px;
	position: relative;
}
#wrapper #content #contenttitlebg h1 {
	font-size: 20px;
	line-height: 1.2;
	height: 24px;
	width: 14em;
	display: block;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-weight: normal;
	position: absolute;
	right: 0px;
	bottom: 20px;
	padding-left: 0.5em;
	color: #FFFFFF;
}
#wrapper #content .columnleft {
	float: left;
	width: 429px;
}
#wrapper #content .columnright {
	float: right;
	width: 220px;
	text-align: center;
}
#wrapper #content #toplead {
	width: 100%;
	clear: both;
	padding-bottom: 20px;
	overflow: hidden;
}
#wrapper #content #toplead h1 {
	font-size: 0px;
	line-height: 0px;
	display: block;
	width: 100%;
	margin-bottom: 20px;
}
#wrapper #content #toplead p {
	text-indent: 1em;
	margin-bottom: 40px;
}
#wrapper #content #contenttitlebg h1#researchtitle {
	background-color: #299CC5;
}
#wrapper #content h2.researchh2 {
	background-image: url(../img/research_h2_bg.gif);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	color: #33A1D7;
}
#wrapper #content h3.researchh3 {
	color: #398BDD;
}
#wrapper #content h4.researchh4{
	border-top:1px dotted #398BDD;
	border-bottom:1px dotted #398BDD;
	color:#398BDD;
}
#wrapper #content #cs dl {
	font-size: 12px;
	font-weight: normal;
	line-height: 1.5;
	width: 100%;
	clear: both;
}
#wrapper #content #cs dt {
	display: block;
	text-align: center;
	width: 10em;
	background-color: #179DD2;
	color: #FFFFFF;
	float: left;
}
#wrapper #content #cs dd {
	width: 480px;
	float: left;
	padding-left: 1em;
	margin-bottom: 12px;
	clear: right;
}
#wrapper #content .package{
	clear:both;
	padding-top:20px;
}
#wrapper #content .package h3.researchh3{
	font-size:18px;
	background-color:#D7E9F4;
	padding:5px 0;
}

#wrapper #content #honne dl {
	font-size: 12px;
	font-weight: normal;
	line-height: 1.5;
	width: 100%;
	/*clear: both;*/
	float:left;
	margin-bottom: 20px;
	width:330px;
}
#wrapper #content #honne dt {
	margin-bottom: 3px;
	margin-top: 3px;
}
#wrapper #content #honne dd {
	line-height: 1.8;
}
#wrapper #content #honne dd.indent{
	text-indent:15px;
}

#wrapper #content #honne div.pickup{
	background-color:#179DD2;
	color:#FFF;
	width:110px;
	text-align:center;
	margin-bottom:5px;
	padding:5px;
	border-radius: 5px;        /* CSS3草案 */  
  -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 5px;   /* Firefox用 */  
}

#wrapper #content #honne #pickup{
	border:1px solid #398BDD;
	padding:10px;
}

#wrapper #content #honne h3.pickup{
	margin:0;
	color: #398BDD;
	font-size: 18px;
}

#wrapper #content #honne h4.pickup{
	margin:0;
	font-size: 16px;
	font-weight:bold;
	margin-top:10px;
}


#wrapper #content #showroom dl {
	font-size: 12px;
	font-weight: normal;
	line-height: 1.5;
	width: 100%;
	clear: both;
	margin-bottom: 20px;
}
#wrapper #content #showroom dt {
	margin-bottom: 3px;
	margin-top: 3px;
}
#wrapper #content #showroom dd {
	line-height: 1.8;
}
#wrapper #content #contenttitlebg h1#supporttitle {
	background-color: #EB8098;
}
#wrapper #content h2.supporth2 {
	background-image: url(../img/support_h2_bg.gif);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	color: #E54F6C;
}
#wrapper #content h3.supporth3 {
	color: #E54F6C;
}
#wrapper #content h4.supporth4{
	border-top:1px dotted  #E54F6C;
	border-bottom:1px dotted  #E54F6C;
	color: #E54F6C;
}
#wrapper #content hr.support{
height: 1px;
background-color: #E54F6C;
border: none;
color: #E54F6C;
margin-bottom:10px;
}
#wrapper #content h5.supporth5{
	background:#E54F6C;
	color:#FFFFFF;
	font-size:12px;
	padding:5px;
	width:140px;
	text-align:center;
	margin-bottom:5px;
}

#wrapper #content #mysite .columnleft p {
	margin-bottom: 30px;
}
#wrapper #content #housewife p {
	margin-bottom: 30px;
}
#wrapper #content #novelty p {
	margin-bottom: 30px;
}
#wrapper #content #contenttitlebg h1#trainingtitle {
	background-color: #66BC60;
}
#wrapper #content #cost p {
	margin-bottom: 5px;
}
#wrapper #content #cost ul {
	list-style:none;
	font-size:13px;
	margin:5px 10px　15px;
}
#wrapper #content #cost ul li {
	list-style:none;
	text-indent:-15px;
	padding-left:15px;
	line-height: 1.8;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif, "Hiragino Kaku Gothic Pro";
	margin-bottom: 5px;
}

#wrapper #content h2.trainingh2 {
	background-image: url(../img/training_h2_bg.gif);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	color: #3EB140;
}
#wrapper #content h3.trainingh3 {
	color: #3EB140;
}
#wrapper #content #marketing .columnleft p {
	margin-bottom: 50px;
}
#wrapper #content #customvoice p {
	margin-bottom: 30px;
}
.cornertop {
	width: 100%;
	clear: both;
	margin-bottom: 10px;
	padding-top: 20px;
}
.cornertop a {
	font-size: 12px;
	line-height: 1.2;
	display: block;
	text-align: right;
}

/**コンテンツ内レシピバナー**/
.bunner{
	text-align:right;
	margin-bottom:10px;
}

/**gasワークショップ**/
#ws p{
	padding-bottom: 15px;
}

#ws img{
	display:block;
	padding-bottom:20px;
}

#ws p img{
	padding-bottom:0px;
}

#ws dl {
	font-size: 12px;
	font-weight: normal;
	line-height: 1.5;
	width: 100%;
	clear: both;
	padding-top:20px;
}
#ws dt {
	display: block;
	text-align: center;
	width: 10em;
	background-color: #3EB140;
	color: #FFFFFF;
	float: left;
}
#ws dd {
	width: 480px;
	float: left;
	padding-left: 1em;
	margin-bottom: 20px;
	clear: right;
}

#ws dd strong {
	color:#3EB140;
}

#ws02{
	padding-bottom:30px;
}

#ws02 dl {
	font-size: 12px;
	font-weight: normal;
	line-height: 1.5;
	width: 100%;
	clear: both;
	margin-bottom: 20px;
}
#ws02 dt {
	margin-bottom: 2px;
	margin-top: 3px;
}
#ws02 dd {
	line-height: 1.8;
	padding-left:14px;
}



#ws02 dd.box{
	font-size:105%;
	border:1px solid #009933;
	padding:5px;
	margin-top:10px;
	margin-bottom:10px;
	width:300px;
	margin-left:14px;
}

#ws02 dd.box a{
	display:block;
	background-image:url(../img/icon_pdf.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:20px;
	margin-bottom:0px;
}

#ws03{
	font-size:14px;
	margin-top:20ox;
	display:block;
	border:1px solid #367E3F;
	padding:10px;
	width:638px;
	margin-bottom:20px;

}

#ws03 h4{
	font-weight:bold;
	color:#367E3F;
	font-size:16px;
	padding:3px;
	padding-left:10px;
	margin-bottom:5px;
	border-left:5px solid #367E3F;
}
	
#ws03 ul{
	list-style:square
}

#ws03 ul li{
	margin-left:40px;
	margin-right:20px;
	padding-bottom:2px;
	
}

.clear{
	clear:both;
}

/**カンレンダー**/
#novelty .inquiry {
	font-size: 14px;
	font-weight: normal;
	line-height: 1.5;
	width: 100%;
	clear: both;
	margin-bottom: 20px;
}
#novelty .inquiry p {
	margin-bottom: 2px;
	margin-top: 3px;
}


#novelty .inquiry .box{
	line-height: 1.8;
	font-size:105%;
	padding:10px;
	margin-top:5px;
	margin-bottom:0px;
	width:590px;
	margin-left:14px;
	border-top: 1px solid #E54F6C;
	border-right: 1px solid #E54F6C;
	border-bottom: 1px dashed #E54F6C;
	border-left: 1px solid #E54F6C;
}

#novelty .inquiry .box02{
	line-height: 1.8;
	font-size:105%;
	padding:10px;
	margin-bottom:20px;
	width:590px;
	margin-left:14px;
	border-right: 1px solid #E54F6C;
	border-bottom: 1px solid #E54F6C;
	border-left: 1px solid #E54F6C;
}


#novelty .inquiry .pdflink {
	display:block;
	background-image:url(../img/icon_pdf.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:20px;
	margin-bottom:0px;
}

#novelty .sup{
	font-size:12px;
}


/**リサーチセミナー**/
/**#seminar .inquiry02{
	border:2px solid #0075C1;
	font-size:14px;
	text-align:center;
	padding:15px;
	margin:auto;
	width:612px;
	background-color:#FFFAC6;
	margin-bottom:20px;
}

#seminar .box{
	margin-bottom:20px;
	padding-left:5px;
	padding-right:4px;
}

#seminar .box p{
	width:630px;
	margin:auto;
	margin-top:5px;
}

#seminar strong{
	color:#e50038;
}

#seminar .inquiry {
	font-size: 14px;
	font-weight: normal;
	line-height: 1.5;
	width: 100%;
	clear: both;
	margin-bottom: 20px;
}
#seminar .inquiry p {
	margin-bottom: 2px;
	margin-top: 3px;
}


#seminar .inquiry .box{
	line-height: 1.8;
	font-size:105%;
	padding:5px;
	margin-top:5px;
	margin-bottom:0px;
	width:600px;
	margin-left:14px;
	border-top: 1px solid #0075C1;
	border-right: 1px solid #0075C1;
	border-bottom: 1px dashed #0075C1;
	border-left: 1px solid #0075C1;
}

#seminar .inquiry .box02{
	line-height: 1.8;
	font-size:105%;
	padding:5px;
	margin-bottom:20px;
	width:600px;
	margin-left:14px;
	border-right: 1px solid #0075C1;
	border-bottom: 1px solid #0075C1;
	border-left: 1px solid #0075C1;
}


#seminar .inquiry .pdflink {
	display:block;
	background-image:url(../img/icon_pdf.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:20px;
	margin-bottom:0px;
}

#seminar .sup{
	font-size:12px;
}**/

/**新年あいさつ**/

#newyear{
	border:15px solid #EBF8FE;
	margin-bottom:5px;
}