@charset "utf-8";

/*base style*/
html{
	margin: 0;
	padding: 0;
	background: url(/img/beauty/common/frame/bg_default_01.gif) left top repeat;
}
body{
	margin: 0;
	padding: 0;
	color: #4d4d4d;
}
img{
	border: 0;
}

/*link*/
a:link,
div.frame01 #content #sub ul.thumbList a:link,
div.frame04 #content #sub a:link{
	color: #e55639;
}
a:visited,
div.frame01 #content #sub ul.thumbList a:visited,
div.frame04 #content #sub a:visited{
	color: #e55639;
}
a:hover,
a:active,
div.frame01 #content #sub ul.thumbList a:hover,
div.frame01 #content #sub ul.thumbList a:active,
div.frame04 #content #sub a:hover,
div.frame04 #content #sub a:active{
	color: #e55639;
}
#header a:link,
#content #sub a:link,
#content #related a:link,
#content div.contentFooter a:link,
#content div.mapUnit a:link,
#content div.pageBottomNav a:link,
#footer a:link,
ul.topicPath a:link,
#content .inlineNav a:link,
#content .shadowBlock620-03 a:link,
div.frame02 #content a:link,
div.frame_help #content a:link
{
	color: #806040;
}
#header a:visited,
#content #sub a:visited,
#content #related a:visited,
#content div.contentFooter a:visited,
#content div.mapUnit a:visited,
#content div.pageBottomNav a:visited,
#footer a:visited,
ul.topicPath a:visited,
#content .inlineNav a:visited,
#content .shadowBlock620-03 a:visited,
div.frame02 #content a:visited,
div.frame_help #content a:visited
{
	color: #806040;
}
#header a:hover,
#header a:active,
#content #sub a:hover,
#content #sub a:active,
#content #related a:hover,
#content #related a:active,
#content div.contentFooter a:hover,
#content div.contentFooter a:active,
#content div.mapUnit a:hover,
#content div.mapUnit a:active,
#content div.pageBottomNav a:hover,
#content div.pageBottomNav a:active,
#footer a:hover,
#footer a:active,
ul.topicPath a:hover,
ul.topicPath a:active,
#content .inlineNav a:hover,
#content .shadowBlock620-03 a:hover,
div.frame02 #content a:hover,
div.frame_help #content a:hover
{
	color: #e55639;
}

/*header*/
#header{
	margin: 0 auto;
	padding: 0 11px 6px;
	width: 948px;	
	background: url(/img/beauty/common/frame/bg_middle_01.png) left top repeat-y;
	color: #807366;
}
#header ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
#header p{
	margin: 0;
	padding: 0;
}
#header #headerUtility{
	padding-top: 4px;
}
#header #headerUtility #pageTop{
	float: left;
	width: 645px;
	margin: 0;
}
#header ul.utilityLink{
	float: right;
	margin: 0;
}
#header ul.utilityLink li{
	float: left;
	margin-left: 10px;
	padding-left: 8px;
	background: url(/img/beauty/common/frame/icon_link_01.gif) 0 0.5em no-repeat;
	*zoom: 1;
}
#header ul.linkList li a{
	margin: 0;
	text-indent: 8px;
	*text-indent: 0;
}
#header ul.utilityLink li.image{
	padding-left: 0;
	background: none;
}
#header ul.linkList li.image a{
	text-indent: 0;
}
#headerBody{
	padding-top: 5px;
	background: #ffffff url(/img/beauty/common/frame/header_bg_01_top.gif) left top no-repeat;
}
#headerBodyInner{
	padding: 2px 7px 7px;
	background: #ffffff url(/img/beauty/common/frame/header_bg_01_bottom.gif) left bottom no-repeat;
}
#header p#siteTitle{
	float: left;
	width: 407px;
	height: 68px;
}
#header p#siteTitle img{
	float: left;
}
#header div#headerBanner{
	float: right;
	margin: 4px 0 10px;
}
/*tera100226*/
#header #headerText{
	margin: 7px 0 15px;
} 
#header #headerText a{
	display:block;
	float: right;
	background: url(/img/beauty/common/frame/header_about.gif) left top no-repeat;
	width: 377px;
	height:50px;
	overflow:hidden;
	text-indent:-9999px;
}
#header #headerText a:hover{
	display:block;
	background: url(/img/beauty/common/frame/header_about_on.gif) left top no-repeat;
	width: 377px;
	height:50px;
	text-indent:-9999px;
}

/*globalnavi*/
#header ul.globalNav{
	padding: 0 30px;
	height: 29px;
	background: url(/img/beauty/common/frame/gnav_bg_01.gif) bottom left repeat-x;
}
#header ul.globalNav li{
	float: left;
	height: 26px;
	padding-bottom:3px;
}
#headerBottom{
	margin: 0 auto;
	width: 970px;
	height: 8px;
	background: url(/img/beauty/common/frame/bg_bottom_01.png);
}

/*topicPath*/
#frame ul.topicPath{
	margin: 2px 0 6px 8px;
	padding: 0;
	list-style: none;
}
#frame ul.topicPath li{
	float: left;
	margin: 0;
	padding: 0 0 0 10px;
	background: url(/img/beauty/common/frame/icon_divider_01.gif) 4px 50% no-repeat;
	color:#666;
}
#frame ul.topicPath li.firstChild{
	background: none;
	padding-left: 0;
}

/*content*/

#content{
	margin: 0 auto;
	padding: 3px 19px;
	width: 932px;
	background: url(/img/beauty/common/frame/bg_middle_01.png) left top repeat-y;
}
.frame01 #content{
	padding: 3px 11px 11px 17px;
	width: 942px;
}
.frame01 #content #main{
	float: left;
	width: 626px;
	margin-top: 8px;
}
.frame01 #content #sub{
	float: left;
	width: 316px;
	margin-top: 8px;
}

.frame02 #content{
	padding: 3px 19px 11px;
	width: 932px;
}
.frame02 #content #bgBlock{
	background: url(/img/beauty/common/frame/bg_middle_02.gif) left top no-repeat;	
}
.frame02 #content #related{
	float: left;
	width: 142px;
}
.frame02 #content #main{
	float: left;
	width: 458px;
	margin-left: 16px;
}
.frame02 #content #sub{
	float: left;
	width: 300px;
	margin-left: 16px;
}

.frame03 #content{
	padding: 3px 11px 11px;
	width: 948px;
}
.frame03 #content #main{
	float: left;
	width: 762px;
}
.frame03 #content #related{
	float: left;
	width: 170px;
	margin-left: 16px;
}

.frame04 #content{
	padding: 3px 11px;
	width: 948px;
}
.frame04 #content .main,
.frame04 #content #main{
	float: left;
	width: 750px;
	background: none;
}
.frame04 #content #sub{
	float: left;
	width: 182px;
	margin-left: 16px;
}
.frame05 #content{
	padding: 3px 19px 11px;
	width: 932px;
}
.frame05 #content #main{
	float: left;
	width: 616px;
}
.frame05 #content #sub{
	float: left;
	width: 300px;
	margin-left: 16px;
}
.frame06 #content{
	padding: 3px 19px 11px;
	width: 932px;
}
.frame06 #content #main{
	width: 932px;
}
#contentTop{
	margin: 8px auto 0;
	width: 970px;
	height: 8px;
	background: url(/img/beauty/common/frame/bg_top_01.png);
}
#contentBottom{
	margin: 0 auto;
	width: 970px;
	height: 8px;
	background: url(/img/beauty/common/frame/bg_bottom_01.png);
}

/*toPagetop*/
#toPagetop{
	position: relative;
	right: 0;
	bottom: -11px;
	*bottom: -13px;
	_bottom: -14px;
	margin: 0 auto;
	padding: 0 8px;
	width: 948px;
	text-align: right;
}


/*footer*/
#footerWrapper{
	width: 970px;
	margin: 0 auto;
}
#footer{
	margin: 0 auto;
	padding: 8px 11px 4px;
	width: 948px;
	background: url(/img/beauty/common/frame/bg_middle_01.png) left top repeat-y;
}


#footerTop{
	margin: 8px auto 0;
	width: 970px;
	height: 8px;
	background: url(/img/beauty/common/frame/bg_top_01.png);
}
#content ul.inlineNav,
#footer ul.inlineNav{
	margin: 0;
	padding: 0;
	list-style: none;
}
#footer ul.inlineNav{
}

#content ul.inlineNav li,
#footer ul.inlineNav li{
	display: inline;
	margin-left: 0;
	padding-left: 12px;
	background: url(/img/beauty/common/frame/icon_divider_02.gif) 4px 40% no-repeat;
	white-space: nowrap;
	color:#807366;
}
#content ul.inlineNav li.firstChild,
#footer ul.inlineNav li.firstChild{
	margin-left: 0;
	padding-left: 0;
	background: none;
}
#footer ul.inlineNav li img{
	line-height: 1;
	vertical-align: middle;
}
#footer div.footerLink{
	margin: 0 0 6px;
	padding: 0 11px 6px;
	border-bottom: 1px solid #e1e1d5;
}
#footer p#copyright{
	margin: 6px 0 0;
	text-align: center;
}

/*clearfix*/
#header,
#header #headerUtility,
#headerBody,
#header div#siteIdentity,
#header ul.globalNav,
#frame ul.topicPath,
#content,
#content #main,
#content #sub,
#content #related,
#content #bgBlock,
#content .main,
#footer,
#footer ul.inlineNav,
.clearfix {
	/*\*/
	overflow: hidden;
	_overflow: visible;
	_height: 1px;
	zoom: 1;
	/**/
	/*\*//*/
	display: inline-table;
	/**/
}

#header:after,
#header #headerUtility:after,
#headerBody:after,
#header div#siteIdentity:after,
#header ul.globalNav:after,
#frame ul.topicPath:after,
#content:after,
#content #main:after,
#content #sub:after,
#content #related:after,
#content #bgBlock:after,
#content .main:after,
#footer:after,
#footer ul.inlineNav:after,
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/* smartphone */
div.sp_ban{
	position:relative;
	margin: 0;
	height:120px;
}
div.sp_ban img{
	position:absolute;
	top:10px; right:0px;
}
#footer div.smf_pc{
	margin:30px 0 30px;
	text-align: center;
	font-size:120%;
}
#footer div.smf_pc p{
	display:inline;
	padding:10px 20px;
	background:#ffffff;
	border:1px solid #e1e1d5;
	border-radius:7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
#footer div.smf_pc span{
	padding:0 .5em;
	color:#bfbfac;
}