/* CSS Document */

/*===========================================================
  Created: 2007 MAR
  Modified: 2013 OCT 13
  Licence: www.comadori.com
===========================================================*/

*{ margin: 0; padding: 0; line-height: 140%; font-size: 100%; font-weight: normal; }
ul,ol{ list-style: none; }
img{ border: 0; }
.clearfix:after{ content: " "; display: block; clear: both; } /* IE8, ModanBrowser */
.clearfix{ width: 100%; } /* clearfix IE 6, 7 */

/*===========================================================*/

/* DEFAULT SET
------------------------------------------------------------------------*/
html, body{
	height: 100%;
	font-size: 1em;
	/*font-family: Verdana, Arial Rounded MT Bold, Helvetica, 'Hiragino Maru Gothic Pro', 'ヒラギノ丸ゴ Pro', Osaka, "メイリオ", Meiryo, 'ＭＳ Ｐゴシック', sans-serif;*/
	font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", sans-serif;
	color: #444;
}
.wrapper{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -350px; /* SAME VALUE WITH CLASS PUSH */
}

a{
	color: #946726;
}

a:hover{
	color: #c3ae96;
}

.button{
	margin: 10px 0;
	text-align: center;
}

.button img,
.button input{
	margin: 0 15px;
	display: inline-block;
}


/* INLINE-BLOCK DEFAULT SET
------------------------------------------------------------------------*/
/*#inline-block,
#inline-block .box {
	margin: 0;
	padding: 0;
}
#inline-block{
	letter-spacing: -.40em;
}

#inline-block .box{
    display: inline-block;
    width: 200px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    letter-spacing: normal;
	background: #ccc;
	border: 1px solid #666;
	*display: inline;
	*zoom: 1;
}*/

/* LAYOUT
------------------------------------------------------------------------*/
#container{
	margin: 20px auto;
	width: 960px;	
}

header{
	width: 100%;
	height: 214px;
	background: url(../images/bg-header.png) repeat-x;
}

header .inner{
	position: relative;
	margin: 0 auto;
	width: 960px;
}

header h1{
	margin-left: -20px;
}

#content{
	float: left;
	width: 685px;
}

aside{
	float: right;
	width: 248px;
}

footer,
.push{
	height: 350px; /* SAME VALUE WITH CLASS PUSH , CLASS PUSH AND FOOTER MUST BE SAME VALUE */
}

footer{
	width: 100%;
	background: url(../images/bg-footer.png) repeat-x;
}


/* TOPICPATH
------------------------------------------------------------------------*/
#topicpath{
	position: absolute;
	left: 140px;
	top: 187px;
	color: #fff;
}

#topicpath li{
	display: inline;
	font-size: 11px;
}

#topicpath a:after{
	padding: 0 15px;
	content: url(../images/ico-topicpatharrow.gif);
}

#topicpath a{
	color: #fff;
}



/* GROBAL NAVI
------------------------------------------------------------------------*/
nav.global{
	position: absolute;
	top: 110px;
	right: 0;
	width: 900px;
}

nav.global ul{
	letter-spacing: -.40em;
	font-size: 0.75em;
	text-align: right;
}

nav.global ul li{
    display: inline-block;
    letter-spacing: normal;
    border-left: 1px solid #520a0e;
    text-align: center;
	*display: inline;
	*zoom: 1;
}

nav.global ul li:first-child{
    border-left: none;
}

nav.global ul li a{
	display: block;
	color: #fff;
	text-decoration: none;
}

nav.global ul li a:hover{
	color: #dca700;
}

nav.global ul li a span{
	color: #dca700;
	font-size: 0.9em;
}


nav.global ul li.companyinfo,
nav.global ul li.companyinfo a{
	width: 90px;
}
nav.global ul li.contact,
nav.global ul li.contact a{
	width: 100px;
}
nav.global ul li.depic,
nav.global ul li.depic a{
	width: 110px;
}
nav.global ul li.bodypaint,
nav.global ul li.bodypaint a{
	width: 110px;
}
nav.global ul li.teresa,
nav.global ul li.teresa a{
	width: 125px;
}
nav.global ul li.cooking,
nav.global ul li.cooking a{
	width: 80px;
}

nav.global ul li.teresa{
	position: relative;
	padding-bottom: 20px;
}

nav.global ul li ul.child{
	position: absolute;
	top: 40px;
	left: -8px;
	z-index: 1;
	margin: 0;
	padding: 20px 10px 10px 10px;
	display: none;
	background: url(../images/icn-pulldownmenu.gif) no-repeat center 12px #76140b;
	font-size: 1em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

nav.global ul li ul.child li{
	margin: 0 5px;
	padding: 5px 0;
	text-align: left;
	border-top: 1px solid #943e08;
	border-left: none;
}

nav.global ul li ul.child li:first-child{
	border-top: none;
}

nav.global ul li ul.child li a{
	border: none;
}

/* ASIDE
------------------------------------------------------------------------*/
aside .companyinfo{
	padding: 20px;
	width: 205px;
	border: 1px solid #e3dcac;
	background: #f5f3e2;
}

aside h2{
	margin: 15px 0;
	color: #a00d00;
	font-weight: bold;
}

aside p{
	margin: 0 0 10px;
	font-size: 0.85em;
	line-height: 160%;
}

aside .telnum{
	margin: 10px 0;
	padding: 8px;
	background: #e3dcac;
	color: #a00d00;
	font-size: 1.2em;
}

aside .banner{
	margin: 20px 0 10px;
	font-size: 0.7em;
	text-align: center;
}

aside .banner a{
	color: #946726;
}
aside .banner a:hover{
	color: #b0803b;
}


/* ENTRY
------------------------------------------------------------------------*/
.entry h2{
	margin: 20px 0;
	padding: 7px 0 10px 25px;
	font-size: 1.4em;
	color: #910c00;
	background: url(../images/h2style.gif) no-repeat 0 0;
}

.entry h2.title{
	margin: 0 0 20px;
}

.entry h2 span{
	margin-left: 20px;
	display: inline-block;
	vertical-align: middle;
	font-size: 0.75em;
}

.entry h3{
	margin: 15px 0;
	font-size: 1.2em;
	color: #910c00;
}


.entry p{
	margin: 0 0 15px;
	font-size: 0.85em;
	line-height: 175%;
}

.entry ul,
.entry ol{
	padding: 0 0 0 1.4em;
	font-size: 0.85em;
}

.entry ul li{
	margin: 0 0 7px;
	list-style: url(../images/icn-red.gif) outside;
}

.entry ol li{
	margin: 0 0 7px;
	list-style: decimal;
}

.entry .center{
	text-align: center;
	margin: 25px auto;
}

.entry .floatleft{
	margin: 0 15px 10px 0;
	float: left;
}

.entry .floatright{
	margin: 0 0 10px 15px;
	float: right;
}

.entry table{
	margin: 25px 0;
	width: 100%;
	font-size: 0.8em;
}

.entry table,
.entry th,
.entry td{
	border-collapse: collapse;
	border: 1px solid #dadada;
}

.entry th,
.entry td{
	padding: 10px;
}

.entry th{
	width: 10%;
	white-space: nowrap;
	background: #f0f0f0;
	text-align: left;
}

.entry caption{
	padding: 0;
	margin: 0;
}

.entry caption p{
	font-size: 1em;
	padding: 0;
	margin: 0;
	text-align:left;
}



/* FORM
------------------------------------------------------------------------*/
form .name,
form .mail{
	margin: 5px 0;
	width: 50%;
	padding: 4px;
}

form .message{
	width: 60%;
	margin: 5px 0;
}

/* FOOTER
------------------------------------------------------------------------*/
footer .inner{
	margin: 0 auto;
	padding-top: 20px;
	width: 960px;
	letter-spacing: -.40em;
	font-size: 0.78em;
	color: #fff;
}

footer nav.footer,
footer .news,
footer .map{
    display: inline-block;
    letter-spacing: normal;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
}

footer h2{
	margin-bottom: 15px;
	padding: 10px 0;
	color: #fff;
	font-weight: bold;
	font-size: 1.4em;
	border-bottom: 1px solid #b65a4d;
}

footer a{
	color: #fff;
}

footer a:hover{
	color: #dca700;
}


footer nav.footer{
	margin-right: 40px;
	width: 200px;
}

footer nav.footer ul li{
	margin: 8px 0;
}

footer .news{
	margin-right: 40px;
	width: 230px;
}

footer .map{
	width: 450px;
}

footer .map p{
	margin: 0 0 15px;
}

footer .map strong{
	font-weight: bold;
	font-size: 1.4em;
}

footer .map iframe{
	float: right;
	
}


#pageTop{
	background:#DDD;
	border-radius:5px;
	color:#000;
	padding:20px;
	position:fixed;
	bottom:20px;
	right:20px;
	font-size: 0.9em;
	letter-spacing: normal;
	}
#pageTop:hover{
	background:#EEE;
	}