@charset "Shift_JIS";
@import url(distinguish.css);
/*----------------------------------------

	+ top 
	+ case 
	+ other
	+ image

-----------------------------------------*/

/*----------------------------------------
	top
-----------------------------------------*/

/* read */
#top #read .text {
	float: left;
	width: 370px;
	margin-top: 10px;
}

#top #read .text p img {
	margin-top: 10px;
}

#top #read .pic {
	float: right;
	width: 143px;
	margin-top: 13px;
}

#top #read .clear {
	height: 20px;
	font-size: 0;
	line-height: 0;
}

/* box01 */
#top #box01 {
	width: 536px;
	height: 628px;
	background-color: #eaeeff;
}

#top #box01 h3 {
	padding: 35px 0 22px 0;
	text-align: center;
}

#top #box01 ul {
	width: 465px;
	margin-left: 40px;
}

#top #box01 li {
	float: left;
	width: 230px;
	height: 248px;
	font-size: 0;
	line-height: 0;
}

/* box02 */
#top #box02 {
	position: relative;
	width: 536px;
	height: 278px;
}

#top #box02 h3 {
	padding: 33px 0 22px 0;
	text-align: center;
}

#top #box02 ul {
	position: absolute;
	top: 94px;
	left: 29px;
	width: 507px;
}

#top #box02 li {
	float: left;
	width: 121px;
}

/* link */
#top #link {
	padding-top: 50px;
	text-align: center;
}

/*----------------------------------------
	case
-----------------------------------------*/

/* read */
#case #read {
	width: 536px;
	padding: 16px 0;
}

#case #read table {
	height: 90px;
}

#case #read th {
	width: 157px;
	padding-top: 14px;
	background: url(../distinguish/img/photo_case_title_bg.gif) repeat-y;
	vertical-align: top;
}

#case #read td {
	width: 379px;
	vertical-align: top;
}

#case #read td h2 {
	padding: 2px 0 7px 0;
}

#case .mainimage{
	position:absolute;
	top:0;
}

/* mainbox */
#case #mainbox {
	position: relative;
	border-top: solid 2px #4373ba;
	padding-top: 25px;
}

#case #mainbox #mainpic {
	margin: 0 auto;
	width: 292px;
	height:353px;
	position:relative;
}

#case #mainbox h2 {
	position: absolute;
	top: 23px;
	left: 0;
}

#case #mainbox #picnavi {
	margin-top: 25px;
	padding: 20px 0 19px 0;
	background-color: #eaeeff;
}

#case #mainbox h3 {
	text-align: center;
}

#case #mainbox ul {
	margin-top: 9px;
	padding-left: 107px;
}

#case #mainbox li {
	float: left;
	padding: 0 3px 0 4px;
	width: 57px;
}

#case #mainbox li.active {
	color: #4373ba;
}

#case #mainbox li.active a {
	float: left;
	overflow: hidden;
	border: 2px solid #4373ba;
}

#case #mainbox li.active a img {
	float: left;
	overflow: hidden;
	margin: -2px;
}

/* box01 */

#case #box01 {
	position: relative;
	margin-top: 25px;
	padding-bottom: 28px;
	background:url(../distinguish/img/photo_case_01_bg01.gif) center bottom no-repeat;
}

#case #box01 div {
	background:url(../distinguish/img/photo_case_01_bg02.gif) center top repeat-y;
}

#case #box01 p.btn {
	position: absolute;
	top: 31px;
	right: 18px;
}

#case #box01 div .box01 {
	margin: 0 auto;
	width: 444px;
	background: none;
}

#case #box01 div .box01 h3 {
	margin-top: 21px;
}

#case #box01 div .box01 p.text {
	margin-top: 7px;
}

#case #box01 div .box01 p.pic {
	margin-top: 7px;
}

#case #box01 div .box02 {
	margin: 21px auto 0;
	padding: 18px 24px 18px 28px;
	width: 392px;
	background:url(../distinguish/img/photo_case_01_bg03.gif) center top no-repeat;
}

#case #box01 div .box02 .text {
	float: left;
	margin-top: 5px;
}

#case #box01 div .box02 .text p.text01 {
	margin: 10px 0 0 1px;
}

#case #box01 div .box02 .text p.text02 {
	margin: 14px 0 0 1px;
}

#case #box01 div .box02 .pic {
	float: left;
	padding-left: 16px;
}

/* box02 */
#case #box02 {
	padding: 12px 0 30px 0;
	font-weight: bold;
}

#case #box02 li {
	float: left;
	padding-right: 12px;
	color: #999999;
}

#case #box02 li.linetop {
	padding-left: 22px;
	background: url(../7questions/img/cmn_main_nav_line.gif) no-repeat left center;
}

#case #box02 li.line {
	padding-right: 22px;
	background: url(../7questions/img/cmn_main_nav_line.gif) no-repeat right center;
}

/* box03 */
#case #box03 {
	position: relative;
	width: 536px;
	background: url(../distinguish/img/photo_case_box_bg_btm.gif) no-repeat left bottom;
}

#case #box03 h2 {
	position: absolute;
	z-index: 10;
	width: 536px;
	background: url(../distinguish/img/photo_case_box_bg_top.gif) no-repeat;
}

#case #box03 h2 img {
	margin-left: 51px;
}

#case #box03 ul {
	position: relative;
	z-index: 50;
	padding: 44px 20px 24px 230px;
}

#case #box03 li {
	margin-top: 1px;
	padding-left: 10px;
	background: url(../img/index_cmn_arrow.gif) no-repeat 0 0.45em;
}

/* link */
#case #link {
	position: relative;
	height: 39px;
}

#case #link ul {
	position: absolute;
	top: 24px;
	left: 94px;
}

#case #link li {
	float: left;
}

#case #link li img {
	margin-right: 39px;
}

/*----------------------------------------
	other
-----------------------------------------*/

/* read */
#other #read h2 {
	padding: 35px 0 20px 0;
	text-align: center;
}

/* box */
#other .box {
	width: 536px;
	padding-bottom: 34px;
	background: url(../distinguish/img/photo_other_bg_btm.gif) no-repeat left bottom;
}

#other .box h3 {
	width: 536px;
	height: 72px;
	background: #ffffff url(../distinguish/img/photo_other_bg_top.gif) no-repeat 0 5px;
}

#other .box h3 img {
	margin: 33px 0 0 44px;
}

#other .box p {
	padding: 0 48px 0 44px;
}

#other .box p img {
	margin-bottom: 11px;
}

/* skincare */
#other #skincare {
	margin-top: 15px;
}

/* link */
#other #link {
	position: relative;
	height: 72px;
}

#other #link ul {
	position: absolute;
	top: 57px;
	left: 94px;
}

#other #link li {
	float: left;
}

#other #link li img {
	margin-right: 39px;
}

/*----------------------------------------
	image
-----------------------------------------*/

#image {
	text-align: left;
}

#image #wrapper {
	width: 1024px;
	margin: 0;
}

/* title_sub */
#image #title_sub {
	position: relative;
	width: 1024px;
	height: 79px;
	background-color: #4373ba;
}

#image #title_sub h1 {
	padding: 11px;
	text-align: center;
}

#image #title_sub p {
	position: absolute;
	top: 9px;
	right: 14px;
	width: 60px;
}

/* pic */
#image #pic {
	position: relative;
	height: 453px;
}

#image #pic p {
	padding-top: 43px;
	text-align: center;
}

#image #pic ul {
	position: absolute;
	top: 93px;
	left: 43px;
}

#image #pic li {
	float: left;
}

/* link */
#image #link {
	position: relative;
	height: 45px;
}

#image #link ul {
	position: absolute;
	top: 0;
	left: 338px;
}

#image #link li {
	float: left;
}

#image #link li img {
	margin-right: 39px;
}

/* kanpan_footer */
#image #kanpan_footer {
	width: 1024px;
}

#image #kanpan_footer #foot_lang {
	display: none;
}

#image #kanpan_footer #foot_main {
	width: 382px;
}

#image #kanpan_footer #foot_main ul,
#image #kanpan_footer #foot_main p {
	margin-left: 35px;
}