@charset "utf-8";

/*------------------------初期化------------------------*/
/* html {color: #000; background: #fff;} */

body,h1,h2,h3,h4,h5,h6,div,p,span,ul,ol,li,dl,dt,dd,hr {margin: 0; padding: 0;}
/* hasLayout {zoom: 1;} */
/* hasLayoutはIE8でなくなる？ */
/* 未初期化タグ pre,code,fieldset,legend,textarea,blockquote,th,td,iframe,form,input,select,object,param */
li {list-style: none;}
/* table {border-collapse:collapse; border-spacing: 0;} */
fieldset,img {border: 0; vertical-align: bottom;}

body {
margin:0;
padding: 0;
color: #b38848;
background: #f9f7f0 url(../img_gelnail/gelnail_bg.jpg) no-repeat center top;
font-size: 12px;
font-family : "Hiragino Mincho Pro","ヒラギノ明朝 Pro W3",Osaka,serif;
line-height: 1.6;
text-align: center;
}

/* ++++++++++++++++++++++++++++++ [Start for Windows] +++++++++++++ */
/* Win IE フォントサイズ */

/* Win Iternet Explorer 7フォント関連 */
*:first-child+html body {font-size: 12px; line-height: 1.4;
/* フォント指定したいとき */ font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
font-size: small; /* IE 標準準拠モード */
/* font:x-small; IE6後方互換モード */
}
/* Win Iternet Explorer 6などフォント関連 */
* html body {font-size: 12px; line-height: 1.4;
/* フォント指定したいとき */ font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
font-size: small; /* IE 標準準拠モード */
/* font:x-small; IE6後方互換モード */
}
/* ++++++++++++++++++++++++++++++ [/End for Windows] +++++++++++++ */

/*table {font-size: inherit; font: 100%;}*/
table th {font-weight: normal;}
h1,h2,h3,h4,h5,h6 {font-size: 100%; font-weight: normal;}
input,textarea,select {
font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
font-size: 100%;
font-weight: inherit;
}
/*input,textarea,select {*font-size: 100%;}*/

a {outline: none;}
a,a:link,a:visited {color: #7f6255; text-decoration: none;}
a:active,a:hover {color: #6ac3c2;}

hr {display: none;} /*CSS無効時の区切り線*/

/*floatのクリア*/
.clbth:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clbth {display: inline-block;}
/* hide IE-MAC \*/
* html .clbth {height: 1%;}
.clbth {display: block;}
/* end hide IE-MAC */

/* 共有クラス */
.resetfl {clear: both;}
.posLeft {float: left;}
.posRight {float: right;}
.txtLeft {text-align: left;}
.txtRight {text-align: right;}
.txtCenter {text-align: center;}
.txtSmall {font-size: 85%;}
.txtBold {font-weight: bold;}
.notice {color: #f00;}
.noneBR {white-space: nowrap;}
/* ++++++++++++++++++++++++++++++ [Start for Windows] +++++++++++++ */
*:first-child+html .txtSmall {font-size: 75%;}
* html .txtSmall {font-size: 80%;}
/* ++++++++++++++++++++++++++++++ [/End for Windows] +++++++++++++ */

.imgover, .mapLink {border: 0;}

/* ####################################### */
/* 共通 */
/* 背景色 #f9f7f0
/* 水色 #6ac3c2 */
/* 茶色 #b38848 */
/* 灰色 #f0ede5 */
/* ####################################### */
#gelnailArea {
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding: 0;
width: 860px;
}

#gelnailArea h1 {
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 30px;
padding-right: 0;
padding-bottom: 30px;
padding-left: 0;
font-size: 170%;
text-align: left;
text-indent: 30px;
border-bottom: 1px solid #b38848;
}

.aboutGelnail {
margin: 0;
padding-top: 30px;
padding-right: 30px;
padding-bottom: 0;
padding-left: 30px;
width: 800px;
text-align: left;
}
p.aboutGelnail {
margin: 0;
padding-top: 30px;
padding-right: 30px;
padding-bottom: 20px;
padding-left: 30px;
border-bottom: 1px solid #b38848;
}

#calbioArea {
margin: 20px auto;
padding-top: 15px;
padding-right: 0;
padding-bottom: 15px;
padding-left: 0;
width: 800px;
text-align: left;
}

#aboutCalgel {
margin: 0;
padding: 0;
float: left;
width: 380px;
color: #6ac3c2;
background-color: #e3eee6;
}
#aboutBiogel {
margin: 0;
padding: 0;
float: right;
width: 380px;
color: #eb7aab;
background-color: #f6e0da;
}
#aboutCalgel h2,#aboutBiogel h2 {
margin: 0;
padding: 0 0 10px 0;
background-color: #f9f7f0;
text-align: center;
}
#aboutCalgel p {
padding: 15px 30px 0 30px;
font-size: 85%;
text-indent: -1em;
}
#aboutBiogel p {
padding: 15px 30px 0 30px;
font-size: 85%;
text-indent: -1em;
}

#calbioShareArea {
margin: 20px auto;
padding-top: 15px;
padding-right: 0;
padding-bottom: 15px;
padding-left: 0;
width: 860px;
text-align: center;
border-bottom: 1px solid #b38848;
}
#calbioShareArea table {
margin: 15px auto 15px auto;
padding: 0;
border-collapse: collapse;
border-spacing: 0;
width: 800px;
background-color: #f0ede5;
font-size: 100%;
}
#calbioShareArea table th {
width: 320px;
font-size: 100%;
border-bottom: 4px solid #f9f7f0;
}
#calbioShareArea table td {
padding: 1em;
font-size: 90%;
text-align: left;
border-bottom: 4px solid #f9f7f0;
}

#homeMainteBg {
margin: 20px auto;
padding-top: 10px;
padding-right: 0;
padding-bottom: 10px;
padding-left: 0;
width: 830px;
text-align: center;
background: #eeead7 url(../img_gelnail/homemainte_bg.gif) no-repeat left top;
}
#homeMainteArea {
margin: 0 auto;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
width: 800px;
text-align: center;
background-color: #fff;
}
#homeMainteArea:before {
display: block;
content: url(../img_gelnail/homemainte_top.gif);
height: 10px;
line-height: 10px;
}
#homeMainteArea:after {
display: block;
content: url(../img_gelnail/homemainte_btm.gif);
height: 10px;
line-height: 10px;
}

#homeMainte {
margin: 10px auto;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
width: 780px;
border-top: 1px solid #b38848;
border-bottom: 1px solid #b38848;
}

.itemArea {
margin: 0 auto;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
width: 780px;
border-bottom: 1px dotted #b38848;
}
#lastitemArea {border-bottom: none !important;}
.itemArea dl {
margin: 0;
padding: 0;
float: left;
width: 252px;
text-align: left;
font-size: 90%;
border-left: 1px dotted #b38848;
}
.itemArea dl.firstDl {border-left: none !important;}
.itemArea dl.lastDl {border-right: 1px dotted #b38848 !important;}

.itemArea dt {padding: 15px 15px 0 15px;}
.itemArea dd {padding: 15px;}
.itemArea dd img {
margin-right: 10px;
border: 1px solid #b38848;
vertical-align: bottom;
}

/* ####################################### */
/* Footer */
/* ####################################### */
#footer {
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding: 8px 10px;
font-size: 10px;
text-align: center;
}
/* ++++++++++++++++++++++++++++++ [Start for Windows] +++++++++++++ */
*:first-child+html #footer {font-size: 11px;}
* html #footer {font-size: 11px;}
/* ++++++++++++++++++++++++++++++ [/End for Windows] +++++++++++++ */

#copyright {
margin: 0;
padding: 0;
float: right;
width: 400px;
text-align: right;
}

/* IE-MAC Only \*//*/
/**/


