/*********************** setting *******************************/
div,p,h1,h2,h3,ul,li,img,table,th,td,dl,dt,dd,ol {
	margin:0px;
	padding:0px;
}
img {
	border: 0px;
}
ul {
	list-style-type:none;
}
table,td {
	vertical-align:top;
}
h2 span{ display:none;}

h3 {
	color:#669900;
	font-size:14px;
}
table {
	font-size:100%;
	line-height:150%;
} 
caption {
	padding-bottom:10px;
	text-align:left;
}
dd {
	margin-left:12px;
}
ol {
	margin:0px 0px 20px 0px;
}
ol li {
	margin:0px 0px 0px 15px;
	padding:0px;
	list-style-position:inside;
}
p {
	margin-bottom:10px;
}
p.text_right {
	text-align:right;
}
p.text_center {
	text-align:center;
}
img.right {
	float:right;
}

.text_pink {
	color:#F35AA6;
}
.text_pink_b {
	color:#F35AA6;
	font-weight:bold;
}
.text_purple {
	color:#A76CBC;
}
.text_green {
	color:#339900;
}
.text_green_b {
	color:#339900;
	font-weight:bold;
}

/************************* all ********************************/
body {
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	color:#333;
	font-size:80%;
	background-color:#fff;
	line-height:150%;
	text-align:center;
 }

/* ?????N?F */
a { color:#336600;text-decoration:none; } 
a:hover{ color:#ff3366; }
 

div.break{clear:both;}


/*********************** header *******************************/
div#header {
	margin:0px auto;
	width: 800px;
	height: auto;
}
div#header td.logo {
	width: 800px;
	padding:8px 0px 12px 12px;
}

ul.mainmenu   { list-style-type: none; margin: 0 0 0 0; padding: 0; height: 20px }
ul.mainmenu li     { display: block; margin: 0 5px 0 0; padding: 0; height: 20px; float: left }
ul.mainmenu a   { background-repeat: no-repeat; display: block; margin: 0; padding: 0; height: 20px; float: left }
ul.mainmenu a span { display: none; } 
/*div#header ul.mainmenu li a,
div#header ul.mainmenu li a.profile-a,
div#header ul.mainmenu li a.face-a,
div#header ul.mainmenu li a.body-a,
div#header ul.mainmenu li a.energy-a,
div#header ul.mainmenu li a.newart-a,
div#header ul.mainmenu li a.products-a,
div#header ul.mainmenu li a.blog-a,
div#header ul.mainmenu li a.info-a,
div#header ul.mainmenu li a.contact-a
{ height:20px;margin:0px; padding:0px;display:block; float:left; }
ul.mainmenu a:hover*/
ul.mainmenu li a:hover,
#body_contact ul.mainmenu li a.contact,
#body_body ul.mainmenu li a.body,
#body_energy ul.mainmenu li a.energy,
#body_face ul.mainmenu li a.face,
#body_info ul.mainmenu li a.info,
#body_blog ul.mainmenu li a.blog,
#body_news ul.mainmenu li a.news,
#body_products ul.mainmenu li a.products
  { background-position: 0 -20px }



ul.mainmenu a.profile { width:71px; background: url("../image/parts/menu_profile.gif") 0px 0px no-repeat; }
ul.mainmenu a.face { width:69px; background: url("../image/parts/menu_face.gif") 0px 0px no-repeat; }
ul.mainmenu a.body { width:48px; background: url("../image/parts/menu_body.gif") 0px 0px no-repeat; }
ul.mainmenu a.energy { width:83px; background: url("../image/parts/menu_energy.gif") 0px 0px no-repeat; }
ul.mainmenu a.newart { width:72px; background: url("../image/parts/menu_newart.gif") 0px 0px no-repeat; }
ul.mainmenu a.products { width:72px; background: url("../image/parts/menu_products.gif") 0px 0px no-repeat; }
ul.mainmenu a.blog { width:87px; background: url("../image/parts/menu_blog.gif") 0px 0px no-repeat; }
ul.mainmenu a.info { width:102px; background: url("../image/parts/menu_info.gif") 0px 0px no-repeat; }
ul.mainmenu a.contact { width:67px; background: url("../image/parts/menu_contact.gif") 0px 0px no-repeat; }
ul.mainmenu a.news { width:57px; background: url("../image/parts/menu_news.gif") 0px 0px no-repeat; }



/*
ul.mainmenu a:hover.news,
ul.mainmenu a:hover.profile,
ul.mainmenu a:hover.face,
ul.mainmenu a:hover.body,
ul.mainmenu a:hover.energy,
ul.mainmenu a:hover.newart,
ul.mainmenu a:hover.products,
ul.mainmenu a:hover.blog,
ul.mainmenu a:hover.info,
ul.mainmenu a:hover.contact,
div#header ul.mainmenu li a.profile-a,
div#header ul.mainmenu li a.face-a,
div#header ul.mainmenu li a.body-a,
div#header ul.mainmenu li a.energy-a,
div#header ul.mainmenu li a.newart-a,
div#header ul.mainmenu li a.products-a,
div#header ul.mainmenu li a.blog-a,
div#header ul.mainmenu li a.info-a,
div#header ul.mainmenu li a.contact-a
 { background-position: 0 -20px }
*/

div#main {
	width:800px;
	margin: 0px auto;
	padding-top:14px;
	width: 800px;
	text-align:left;
	clear:both;
}

div#main div.subnavi {
	padding:0px 0px 13px 10px;
	color:#9966CC;
}
div#main div.subnavi span {
	font-weight:bold;
}
div.profile div#main div.subnavi { color:#FF6699; }
div.face div#main div.subnavi { color:#77AD5A; }


table#main {
	width:800px;
	margin-bottom:5px;
	clear:both;
}

table#main td.left {
	width:178px;
}
table#main td.left div.navi {
	padding-left:5px;
}
table#main td.left div.navi table {
	width:150px;
	margin-bottom:10px;
	font-size:12px;
	border:1px solid #F35AA6;
}
table#main td.left div.navi th {
	padding-top:1px;
}
table#main td.left div.navi td {
	padding:5px;
}

table#main td.left div.navi dt.active a,
table#main td.left div.navi dd.active a
{
	color:#FF6699;
	font-weight:bold;
}
table#main td.left div.navi td.profile_photo img {
	margin-bottom:5px;
}


table#main td.center h2 {
	margin:0px 0px 20px 0px;
}
table#main td.center h2 img.title {
	margin-top:12px;
}
table#main td.center img.subtitle {
	margin-bottom:12px;
}
table#main td.text_right {
	padding-left:10px;
}

table#main img.border {
	margin:10px 0px;
}


table#main td.center div.contents {
	margin:0px 0px 0px 10px;
}
table#main td.center p {
	margin:0px 0px 23px 0px;
}


a.pagetop {
	margin:0px;
	padding:0px 30px 20px 20px;
	text-align:right;
	display:block;
}
div.products a.pagetop {padding:0px 10px 10px 20px;}
div.info a.pagetop {padding:0px 10px 10px 20px;}
div.newart a.pagetop {padding:0px 10px 10px 20px;}


table#main td.center div.under_subnavi {
	padding-right:10px;
	text-align:right;
}
table#main td.center div.under_subnavi span {
	font-weight:bold;
}



table#main td.right {
	display:none;
}


div#footer {
	width: 800px;
	margin:0px auto;
	text-align:center;
	border-top:1px solid #CC66CC;
	clear: both;
}
div#footer address {
	font-style: normal;
	font-weight: normal;
}