@charset "UTF-8";

@import url("common.css");
@import url("pages.css");

/* this is albion */

.tia1 {
	float:left;
	width:570px;
	padding-right:29px;
	border-right:1px dotted #CCCCCC;
	}
.tia2 {
	float:right;
	width:180px;
	}

/* ==================================================
 .tia1 main
==================================================  */
/* common */
.tia1 h1 {
	margin-bottom: 25px;
}
.tia1 .screenFrame {
	width: 568px;
	margin: 0 auto 30px;
	border: 1px solid #dadada;
}
.tia1 .screenNavi {
	width: 562px;
	margin: 0 auto;
	padding: 5px 3px;
	color: #333;
	background-color: #FFF3F3;
}
.tia1 .screenFoot {
	width: 562px;
	margin: 0 auto;
	padding: 5px 3px;
	color: #333;
	background-color: #FFEBEB;
}
.tia1 .screenFoot .itemPage {
	padding: 13px 0;
}
.msg {
	padding: 8px 0 12px;
	text-align: center;
}
.close {
	width: auto;
	clear: both;
	padding: 5px;
	text-align: center!important;
}

/* opening */
.tia1 #opening {
	margin: 25px auto;
}

/* skin mask */
#skinMask {
	float: none!important;
	margin: 0 auto;
	padding: 30px 0 5px!important;
	border: none!important;
	text-align: left;
}
#skinMask h1 {
	margin-bottom: 35px!important;
	text-align: center;
}
#skinMask .screenFrame {
	width: 568px;
	margin: 0 auto;
	color: #333;
	background: transparent url(../images/this_is_albion/skin/mask_bg.jpg) no-repeat left top;
	border: 1px solid #dadada;
}
#skinMask h2,
#skinMask div.description {
	width: 468px;
	margin: 0 auto!important;
}
#skinMask .itemInfo {
	width: auto;
	padding: 0 14px 15px;
}
#skinMask .itemInfo .fLeft,
#skinMask .itemInfo .fRight {
	width: 142px;
	margin: 0;
	padding: 60px 0 0;
}
#skinMask .itemHowto {
	width: 380px;
	margin: 0;
	padding: 0 0 5px;
}
#skinMask address{
	width: 570px;
	margin: 0 auto;
	text-align: right;
}
/* skin sign */
.pickupPoint {
	width: 500px;
	height: 60px;
	margin: 5px auto 2px;
	padding: 5px 10px;
	color: #333;
	background: transparent url(../images/this_is_albion/skin/sign_bg_pickup.jpg) no-repeat left top;
}
.pickupPoint .fLeft,
.pickupPoint .fRight {
	display: block;
	height: 54px;
	margin: 0 0 6px;
}


/* milk timing */
#timing .comparison {
	width: 326px;
	margin: 15px auto 35px;
}
#timing .comparison .fLeft,
#timing .comparison .fRight {
	width: 135px;
}

/* cotton lesson */
#softCotton {
	width: 455px;
	height: 86px;
	margin: 25px auto;
	padding: 5px;
	color: #333;
	background: transparent url(../images/this_is_albion/milk/softcotton_bg.gif) no-repeat left top;
}
#softCotton .btn {
	text-align: right;
}

/* item list */
.itemList .inbox {
	width: 568px;
}
.itemList .inbox .fLeft,
.itemList .inbox .fRight {
	width: 284px;
	margin: 0;
	padding: 0;
	text-align: center;
}
.itemList .btnShopList {
	clear: both;
	margin: 0;
	padding: 12px 4px 10px;
	text-align: right;
}

/* item list id */
#milkItem {
	color: #333;
	background: #fcfcfc url(../images/this_is_albion/milk_list/bg.jpg) no-repeat left top;
}
#infinesseMilk {height: 275px;}
#essenceItem {
	color: #333;
	background: #fcfcfc url(../images/this_is_albion/essence/bg.jpg) no-repeat left top;
}
#essenceItem #exage {height: 377px;}
#essenceItem #infinesse {height: 383px;}
#essenceItem .notice {
	width: auto;
	clear: both;
	padding: 0 0 27px;
	text-align: center;
}

/* herbaloil */
#herbalHowto h2{
	margin-bottom: 25px;
}
#herbalHowto #howto1 .fRight{
	width: 336px;
}
#herbalHowto #howto2 .fLeft{
	width: 306px;
}
#herbalHowto #howto3 .fRight{
	width: 326px;
}
#herbalHowto #howto4 .fLeft{
	width: 306px;
}
#herbalHowto #howto1 img,
#herbalHowto #howto2 img,
#herbalHowto #howto3 img,
#herbalHowto #howto4 img{
	display: block;
}
#herbalHowto #howto1,
#herbalHowto #howto2,
#herbalHowto #howto3{
	width: 516px;
	margin: 0 auto 40px;
}
#herbalHowto #howto4{
	width: 516px;
	margin: 0 auto 25px;
}
#herbalHowto .btn{
	margin: 0 0 15px;
	text-align: center;
}


/* chiffon */
#ciffonList{
	margin: 0 auto 5px;
}
#itemExa{
	width: 498px;
	height: 300px;
	padding: 40px 35px 0;
	color: #333;
	background: transparent url(../images/this_is_albion/chiffon/list_chiffon_bg01.jpg) no-repeat left top;
}
#itemExaw{
	width: 498px;
	height: 380px;
	padding: 40px 35px 0;
	background: transparent url(../images/this_is_albion/chiffon/list_chiffon_bg02.jpg) no-repeat left top;
}
#itemExa div.fLeft,
#itemExaw div.fLeft{
		width: 170px;
}
#itemExa div.fRight,
#itemExaw div.fRight{
		width: 323px;
}
#itemExa div.fRight div.inbox{
	width: 323px;
	padding-top: 20px;
}
#itemExaw div.fRight div.inbox{
	width: 323px;
	padding-top: 4px;
}

/* Skin Care System */
#skinCareSystem {
	color: #333;
	background: transparent url(../images/this_is_albion/sc_system/bg.jpg) no-repeat left top;
}
#skinCareSystem h2 {
	padding: 12px 0 10px;
	text-align: center;
}
#skinCareSystem .dailycare {
	padding: 3px 6px;
}
#skinCareSystem .step4 {
	width: 554px;
	margin: 20px 0 3px;
	padding: 2px 2px 50px;
	color: #333;
	background: #fcfcfc url(../images/this_is_albion/sc_system/4step_bg.png) no-repeat left bottom;
}
#skinCareSystem .step4 div {
	width: 121px;
	height: 105px;
	float: left;
	margin: 0;
	padding-right: 22px;
}
#skinCareSystem .step4 div#step4 {
	padding-right: 0!important;
}
#skinCareSystem .specialCare {
	padding: 23px 6px;
}
#skinCareSystem .specialCare h3{
	margin-bottom: 10px;
	text-align: center;
}
#skinCareSystem .specialCare div{
	width: 180px;
	height: 150px;
	float: left;
	margin-right: 5px;
	border: 1px solid #F0BDBD;
}
#skinCareSystem .specialCare div#seriesC{
	margin: 0!important;
}

/* Beauty Theory */
#beautyTheory {
	padding: 0 0 15px;
	color: #333;
	background: transparent url(../images/this_is_albion/bty_theory/bg.png) no-repeat left top;
}
#beautyTheory .goodSkin {
	width: auto;
	height: 230px;
	padding: 20px 0 0 200px;
	color: #333;
	background: transparent url(../images/this_is_albion/bty_theory/bg_goodskin.jpg) no-repeat left top;
}
#beautyTheory .goodSkin ol {
	list-style-type: none;
	padding: 0 0 10px;
}
#beautyTheory .goodSkin li {
	margin: 0;
	padding: 0;
	float: left;
}
#beautyTheory .goodSkin #pickup {
	clear: both;
}
#beautyTheory .moistureBalance {
	width: 468px;
	margin: 0 auto;
	padding: 0 0 10px;
	color: #333;
	background: transparent url(../images/this_is_albion/bty_theory/moisture_image.png) no-repeat right top;
}
#beautyTheory .skinCondition {
	width: 554px;
	margin: 25px auto 0;
	padding: 10px 0 53px;
	color: #333;
	background: transparent url(../images/this_is_albion/bty_theory/condition_bg.png) no-repeat left bottom;
	border: 1px solid #F3D5E3;
	position: relative;
}
#beautyTheory .skinCondition h3 {
	text-align: center;
}
#beautyTheory .skinCondition ul {
	list-style-type: none;
	padding: 2px;
}
#beautyTheory .skinCondition li {
	margin: 0;
	padding: 0;
	float: left;
}
#beautyTheory  .btnShopList {
	width: 120px;
	position: absolute;
	right: 2px;
	bottom: 5px;
}


/* ==================================================
 .tia2 navi
==================================================  */
.tia2 .navi {
	padding-bottom: 10px;
}
.tia2 .navi li {
	width: 180px;
	height: 14px;
	margin: 0 0 15px;
	padding: 0;
	overflow: hidden;
	font: normal normal 10px/100% "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
}
.tia2 .navi li.nav1 {
	height: 35px!important;
	margin: 0 0 15px!important;
}
.tia2 .navi li.nav6 {
	height: 30px!important;
}
.tia2 .navi li a {
	display: block;
	width: 180px;
	height: 14px;
	padding-left: 180px;
	color: #000;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
}
.tia2 .navi li.nav1 a {
	height: 35px!important;
}
.tia2 .navi li.nav6 a {
	height: 30px!important;
}
.tia2 .navi li a:hover {
	background-position: 0 -30px;
}
.tia2 .navi li.nav1 a:hover {
	background-position: 0 -40px;
}

/* child */
.tia2 .navi li.nav2_1,
.tia2 .navi li.nav2_1 a,
.tia2 .navi li.nav2_2,
.tia2 .navi li.nav2_2 a,
.tia2 .navi li.child3,
.tia2 .navi li.child3 a,
.tia2 .navi li.nav4_2,
.tia2 .navi li.nav4_2 a
/*.tia2 .navi li.child5
.tia2 .navi li.child5 a*/ {
	height: 24px!important;
}

/* menu child */
.navi .child2,
.navi .child3,
.navi .child4,
.navi .child5,
.navi .child7 {
	display: none;
}

/* menu */
.navi li.nav1 a{	background-image :url(../images/this_is_albion/nav/nav1.gif);}
.navi li.nav2 a{	background-image :url(../images/this_is_albion/nav/nav2.gif);}
.navi li.nav3 a{	background-image :url(../images/this_is_albion/nav/nav3.gif);}
.navi li.nav4 a{	background-image :url(../images/this_is_albion/nav/nav4.gif);}
.navi li.nav5 a{	background-image :url(../images/this_is_albion/nav/nav5.gif);}
.navi li.nav6 a{	background-image :url(../images/this_is_albion/nav/nav6.gif);}
.navi li.nav7 a{	background-image :url(../images/this_is_albion/nav/nav7.gif);}

.navi li.nav2_1 a{	background-image :url(../images/this_is_albion/nav/nav2_1.gif);}
.navi li.nav2_2 a{	background-image :url(../images/this_is_albion/nav/nav2_2.gif);}
.navi li.nav2_3 a{	background-image :url(../images/this_is_albion/nav/nav2_3.gif);}
.navi li.nav2_4 a{	background-image :url(../images/this_is_albion/nav/nav2_4.gif);}
.navi li.nav2_5 a{	background-image :url(../images/this_is_albion/nav/nav2_5.gif);}
.navi li.nav3_1 a{	background-image :url(../images/this_is_albion/nav/nav3_1.gif);}
.navi li.nav3_2 a{	background-image :url(../images/this_is_albion/nav/nav3_2.gif);}
.navi li.nav4_1 a{	background-image :url(../images/this_is_albion/nav/nav4_1.gif);}
.navi li.nav4_2 a{	background-image :url(../images/this_is_albion/nav/nav4_2.gif);}
.navi li.nav5_1 a{	background-image :url(../images/this_is_albion/nav/nav5_1.gif);}
.navi li.nav7_1 a{	background-image :url(../images/this_is_albion/nav/nav7_1.gif);}
.navi li.nav7_2 a{	background-image :url(../images/this_is_albion/nav/nav7_2.gif);}

/* position now */
#tiaTop li.nav1 a{	background-position: 0 -80px!important;}

#tiaMilkTop li.nav2 a,
#tiaMilkBalance li.nav2_1 a,
#tiaMilkTiming li.nav2_2 a,
#tiaMilkCotton li.nav2_3 a,
#tiaMilkLesson li.nav2_4 a,
#tiaMilkList li.nav2_5 a,
#tiaSkinTop li.nav3 a,
#tiaSkinPopul li.nav3_1 a,
#tiaSkinSign li.nav3_2 a,
#tiaEssenceTop li.nav4 a,
#tiaEssenceLineup li.nav4_1 a,
#tiaEssenceList li.nav4_2 a,
#tiaChiffonTop li.nav5 a,
#tiaChiffonList li.nav5_1 a,
#tiaScSystem li.nav6 a,
#tiaHerbalTop li.nav7 a,
#tiaHerbalCharm li.nav7_1 a,
#tiaHerbalHowto li.nav7_2 a
{	background-position: 0 -60px!important;}

#tiaMilkTop .child2,
#tiaMilkTiming .child2,
#tiaMilkBalance .child2,
#tiaMilkCotton .child2,
#tiaMilkLesson .child2,
#tiaMilkList .child2,
#tiaSkinTop .child3,
#tiaSkinPopul .child3,
#tiaSkinSign .child3,
#tiaEssenceTop .child4,
#tiaEssenceLineup .child4,
#tiaEssenceList .child4,
#tiaChiffonTop .child5,
#tiaChiffonList .child5,
#tiaHerbalTop .child7,
#tiaHerbalCharm .child7,
#tiaHerbalHowto .child7
 {
	display: block!important;
	margin: -5px 0 15px!important;
}

/* series select menu */
.tia2 .navi li.navBnr {
	height: 50px;
/*	padding: 10px 0;*/
}
.tia2 .navi li.navBnr a,
.tia2 .navi li.navBnr a:hover {
	height: 50px;
	padding: 0;
	background: none;
}