@charset "utf-8";

div#contwrap div.contleft {
	width: 894px;
	margin: 0 auto;
	text-align:center;
}
* html div#contwrap div.contleft {
padding:0 0 0 62px;
}
div#contwrap {
	width:auto;
}

/*-----------------------------------------------------
メインイメージ
-------------------------------------------------------*/
div#contwrap div.contleft h3{
	margin:0;
	padding:0;
}


/*-----------------------------------------------------
トピックパス
-------------------------------------------------------*/
div.mainImage {
	position:relative;
	width:894px;
	margin:0 auto;
}
div#contwrap div.contleft div.path {
	padding:0;
	position:absolute;
	left:-1px;
	top:385px;
}


/*-----------------------------------------------------
コンテンツ
-------------------------------------------------------*/
div.contents {
width:911px;
height:auto;
padding:6px 18px 10px 29px;
text-align:left;
background:url(../images/amocam/contentsBg.gif) no-repeat left top;
position:relative;
display:block;
clear:both;
}
div.contents:after {
height:0;
content:"";
display:block;
clear:both;
overflow:hidden;
}
div.foot {
clear:both;
height:28px;
background:url(../images/amocam/contentsFoot.gif) no-repeat left top;
}
div.contents div.left {
display:inline;
float:left;
width:640px;
height:auto;
display:block;
}
div.contents div.left .box {
height:auto;
padding:0 0 20px 18px;
display:block;
}
div.contents div.right {
float:right;
width:161px;
padding-top:9px;
display:block;
}

/* インタビュー */
dl.interview {
margin:15px 0 15px 20px;
}
dl.interview dd {
margin:-1.5em 0 1.5em 88px;
}
dl.interview dd img {
float:right;
margin:0 0 10px 10px;
}


/* ページコントロール */
div.pageControl {
clear:both;
padding-left:18px;
text-align:right;
}
div.pageControl img.page {
margin:4px 10px 0 0;
}
div ul.past{
width:620px;
height:auto;
padding:15px 0 0 0;
margin:20px 0 0 40px;
border-top:#ff56ab dotted 1px;
display:block;
position:relative;
clear:both;
}
div ul li.article{
width:300px;
text-align:left;
font-size:10px;
color:#999999;
padding:0 0 5px 10px;
margin:0;
display:block;
float:left;
}
.article a:link { color:#999999; text-decoration:none;}
.article a:visited { color:#999999; text-decoration:none;}
.article a:hover { color:#FF99CC;  text-decoration:none;}
.article a:active { color:#999999; text-decoration:none;}


/*-----------------------------------------------------
サイド
-------------------------------------------------------*/
div.contents div.right {
width:230px;
text-align:left;
padding:0 0 0 5px;
margin:0 0 0 5px;
position:relative;
display:block;
float:right;
}
* html div.contents div.right {
padding:0;
}
div.contents div.right:after {
height:0;
content:"";
display:block;
clear:both;
overflow:hidden;
}
div.contents div.right ul {
width:202px;
text-align:left;
padding:0;
margin:0;
position:relative;
display:block;
clear:both;
}
div.contents div.right ul li {
text-align:left;
margin-bottom:10px;
padding-bottom:10px;
position:relative;
display:block;
}

/* プロフィール */
div.contents div.right ul li.last {
background:none;
position:relative;
display:block;
z-index:0;
}

/* アンケート */
div.contents div.right ul li.questionnaire {
position:relative;
display:block;
clear:both;
}
* html div.contents div.right ul li.questionnaire {
height:215px;
position:relative;
display:block;
}

/* バックナンバー */
div.contents div.right ul li.backnumber {
width:202px;
height:70px;
background:url(../images/amocam/backnumber.gif) no-repeat left top;
padding:188px 0 10px 20px;
margin:0;
display:block;
position:relative;
clear:both;
z-index:10;
}

div.contents div.right ul li.backnumber ul#pulldown-menu li.menu {
color:#8d8d8d;
text-decoration:none;
}

div.contents div.right ul li.backnumber ul#pulldown-menu a {
color:#8d8d8d;
text-decoration:none;
}

div.contents div.right ul li.backnumber ul#pulldown-menu a:link,
div.contents div.right ul li.backnumber ul#pulldown-menu a:visited {
color:#8d8d8d;
text-decoration:none;
}

div.contents div.right ul li.backnumber ul#pulldown-menu a:hover,
div.contents div.right ul li.backnumber ul#pulldown-menu a:active {
color:#FF55AD;
text-decoration:none;
}

div.contents div.right ul li.backnumber ul#pulldown-menu li.menu {
width:182px;
height:16px;
font-weight:bolder;
margin:0;
padding:13px 10px;
background:url(../images/amocam/back-number00.gif) no-repeat left top;
position:relative;
display:block;
float:left;
z-index:100;
}

div.contents div.right ul li.backnumber ul#pulldown-menu li.fir {
width:182px;
height:28px;
font-size:10px;
font-weight:normal;
margin:0;
padding:7px 10px;
background:url(../images/amocam/back-number01.gif) no-repeat left top;
position:relative;
display:block;
float:left;
}

div.contents div.right ul li.backnumber ul#pulldown-menu li.sec {
width:182px;
height:28px;
font-size:10px;
font-weight:normal;
margin:0;
padding:7px 10px;
background:url(../images/amocam/back-number02.gif) no-repeat left top;
position:relative;
display:block;
float:left;
}

div.contents div.right ul li.backnumber ul#pulldown-menu li.thi {
width:182px;
height:28px;
font-size:10px;
font-weight:normal;
margin:0;
padding:7px 10px;
background:url(../images/amocam/back-number03.gif) no-repeat left top;
position:relative;
display:block;
float:left;
}

div.contents div.right ul li.backnumber ul#pulldown-menu li.for {
width:182px;
height:28px;
font-size:10px;
font-weight:normal;
margin:0;
padding:7px 10px;
background:url(../images/amocam/back-number04.gif) no-repeat left top;
position:relative;
display:block;
float:left;
}

div.contents div.right ul li.backnumber ul#pulldown-menu li.fiv {
width:182px;
height:28px;
font-size:10px;
font-weight:normal;
margin:0;
padding:7px 10px;
background:url(../images/amocam/back-number05.gif) no-repeat left top;
position:relative;
display:block;
float:left;
}

div.contents div.right ul li.backnumber ul#pulldown-menu li.six {
width:182px;
height:42px;
font-size:10px;
font-weight:normal;
margin:0;
padding:7px 10px;
background:url(../images/amocam/back-number06.gif) no-repeat left top;
position:relative;
display:block;
float:left;
}

div.contents div.right ul li.backnumber ul#pulldown-menu li.seven {
width:182px;
height:28px;
font-size:10px;
font-weight:normal;
margin:0;
padding:7px 10px;
background:url(../images/amocam/back-number07.gif) no-repeat left top;
position:relative;
display:block;
float:left;
}

div.contents div.right ul li.backnumber ul#pulldown-menu li a {
color:#8d8d8d;
text-align:left;
text-decoration:none;
display:block;
}

/* 下層のメニューを不可視に */
div.contents div.right ul li.backnumber ul#pulldown-menu li ul {
display:none;
}

/* 疑似要素 :hover で下層のメニューを可視に */
div.contents div.right ul li.backnumber ul#pulldown-menu li:hover ul {
padding:0;
margin:0;
display:block;
position:absolute;
top:42px;
left:0;
z-index:1000;
}

div.contents div.right ul li.backnumber ul#pulldown-menu li ul li {
padding:0;
margin:0;
font-weight:normal;
float:none;
}

/* IE6 対策 */
div.contents div.right ul li.backnumber ul#pulldown-menu {
behavior:url("http://stage.amos-style.com.netseeds.jp/js/csshover3.htc");
}



/*-----------------------------------------------------
2現目
-------------------------------------------------------*/
#second div.contents {
	background:url(../images/amocam/contentsBg2.gif) 0 0 no-repeat;
}
#second div.contents div.left {
	width:661px;
}
#second div.contents div.left .box {
	padding:0 0 15px 8px;
}
#second div.contents div.left .box2 {
	width:627px;
	margin:0 0 15px 26px;
	padding:0 0 27px 0;
	background:url(../images/amocam/2genme/boxBg.gif) 0 100% repeat-x;
}
#second div.contents div.left .box2 strong {
	color:#ff56ab;
}

#second div.contents div.left .box2 .shorts {
	float:left;
	width:397px;
}


#second div.contents div.left p {
	margin:1em 0;
}
#second div.contents div.left div.main p {
	padding-left:20px;
}
/* ヘッド */
#second div.contents div.head h5 {
	float:left;
	width:105px;
	margin:0 20px 10px 0;
}
#second div.contents div.head p {
	padding:20px 0 0;
}
#second .contents div.left img.right {
	float:right;
	margin:0 0 20px 20px;
}
#second .contents div.left img.left {
	float:left;
	margin:0 20px 20px 0;
}

#second dl.step {
	padding:10px 0 10px 20px;
}
#second dl.step dd {
	margin:-25px 0 0;
	padding:0 0 20px 70px;
}

#second .pageControl {
	padding-left:8px;
}

/*-----------------------------------------------------
3現目
-------------------------------------------------------*/
#third div.contents {
	background:url(../images/amocam/contentsBg.gif) no-repeat left top;
}
#third div.contents div.left {
	width:661px;
}
#third div.contents div.left .box {
	padding:0 0 0 8px;
}
#third div.contents div.left .box2 {
	margin:0 0 0 8px;
	padding:0 0 0 0;
}
#third div.contents div.left .box2 strong {
	color:#ff56ab;
}

#third div.contents div.left .box2 .shorts {
	float:left;
	width:397px;
}


#third div.contents div.left p {
	margin:1em 0;
}
#third div.contents div.left div.main p {
	padding-left:20px;
}
/* ヘッド */
#third div.contents div.head h5 {
	margin:0;
	padding:0;
}
#third div.contents div.head p.test {
	height:398px;
	line-height:20px;
	padding:10px 40px 0 248px;
	margin:0;
	background:url(../images/amocam/3genme/back01.gif) no-repeat left top;
}
#third div.contents div.head p.size {
	height:200px;
	line-height:20px;
	padding:15px 40px 10px 80px;
	margin:0;
	background:url(../images/amocam/3genme/back02.gif) no-repeat left top;
}
#third div.contents div.head p.check {
	height:397px;
	line-height:20px;
	padding:75px 40px 10px 75px;
	margin:0;
	background:url(../images/amocam/3genme/back03.gif) no-repeat left top;
}
#third div.contents div.head p.pre {
	height:368px;
	line-height:20px;
	padding:25px 258px 10px 55px;
	margin:0;
	background:url(../images/amocam/3genme/back04.gif) no-repeat left top;
}
#third div.contents div.head p.timing {
	height:267px;
	line-height:20px;
	padding:30px 40px 10px 268px;
	margin:0;
	background:url(../images/amocam/3genme/back05.gif) no-repeat left top;
}
#third div.contents div.head p.cycle {
	height:255px;
	line-height:20px;
	padding:20px 303px 10px 60px;
	margin:0;
	background:url(../images/amocam/3genme/back06.gif) no-repeat left top;
}
#third div.contents div.right img.right {
	float:right;
	margin:0 0 20px 20px;
}
#third div.contents div.left img.left {
	float:left;
	margin:0 20px 20px 0;
}

#third dl.step {
	padding:10px 0 10px 20px;
}
#third dl.step dd {
	margin:-25px 0 0;
	padding:0 0 20px 70px;
}

#third .pageControl {
	padding-left:8px;
}

/*-----------------------------------------------------
5現目
-------------------------------------------------------*/
#fifth div.contents {
	background:url(../images/amocam/contentsBg2.gif) 0 0 no-repeat;
}
#fifth div.contents div.left {
	width:661px;
}
#fifth div.contents div.left .box {
	padding:0 0 0 10px;
}
#fifth div.contents div.left h5 {
	float:left;
	width:473px;
	font-weight:normal;
	color:#5c2916;
	margin:0 20px 10px 10px;
	padding:105px 0 0 160px;
	background:url(../images/amocam/5genme/main.gif) no-repeat left top;
}
#fifth div.contents div.left h5 .pink {
	font-weight:bolder;
	color:#ff0099;
}
#fifth div.contents div.left .box2 {
	width:627px;
	margin:0 0 0 10px;
	padding:0 0 10px 0;
	background:url(../images/amocam/5genme/boxBg.gif) 0 100% repeat-x;
}
#fifth div.contents div.left .box2 strong {
	color:#ff56ab;
}
#fifth div.contents div.left .box2 .shorts {
	float:left;
	width:397px;
}
#fifth div.contents div.left p {
	color:#5c2916;
}
#fifth div.contents div.left p.txt-f {
	text-align:left;
	padding:0;
	margin:0 20px 10px 40px;
	color:#5c2916;
}
#fifth div.contents div.left p.txt {
	text-align:left;
	padding:0;
	margin:0 20px 10px 10px;
	color:#5c2916;
}
#fifth div.contents div.left p .pink {
	font-weight:bolder;
	color:#ff56ab;
}
#fifth div.contents div.left div.box2 div.main p {
	padding-left:30px;
}
#fifth div.contents div.left div.box2 div.main p .pinky{
	font-weight:bolder;
	color:#ff0099;
}
/* ヘッド */
#fifth div.contents div.head h5 {
	float:left;
	width:105px;
	margin:0 20px 10px 0;
	background:url(../images/amocam/5genme/main.gif) no-repeat left top;
}
#fifth div.contents div.head p {
	padding:20px 0 0;
}
#fifth .contents div.left img.right {
	float:right;
	margin:0 0 20px 20px;
}
#fifth .contents div.left img.left {
	float:left;
	margin:0 20px 20px 30px;
}

#fifth dl.step {
	padding:10px 0 10px 20px;
}
#fifth dl.step dd {
	margin:-25px 0 0;
	padding:0 0 20px 70px;
}

#fifth .pageControl {
	padding-left:8px;
}


/*-----------------------------------------------------
6限目
-------------------------------------------------------*/
#sixth div.contents {
	background:url(../images/amocam/contentsBg2.gif) 0 0 no-repeat;
}
#sixth div.contents div.left {
	width:661px;
}
#sixth div.contents div.left .box {
	margin:0 0 20px;
	padding:0 0 0 10px;
}
#sixth div.contents div.left .innerBox {
	width:620px;
	padding:0 0 20px 30px;
}
#sixth div.contents div.left p {
	line-height:1.8;
	color:#5c2916;
}
#sixth div.contents div.left p.txt1 {
	margin:1em 0;
	padding:0;
	color:#5c2916;
}
#sixth div.contents div.left p.txt2 {
	margin:1em 0;
	padding:0 20px 0;
	color:#5c2916;
}

#sixth div.contents div.left .mizugi {
	width:620px;
	height:245px;
	background:url(../images/amocam/6genme/mizugi_bg1.gif) 0 0 no-repeat;
}
#sixth div.contents div.left .mizugi p {
	padding:80px 60px 0;
}
#sixth div.contents div.left .yukata {
	width:620px;
	height:200px;
	background:url(../images/amocam/6genme/yukata_bg1.gif) 0 0 no-repeat;
}
#sixth div.contents div.left .yukata p {
	padding:80px 60px 0;
}



#sixth div.contents div.left p .pink {
	font-weight:bolder;
	color:#ff56ab;
}
#sixth div.contents div.left div.box2 div.main p {
	padding-left:30px;
}
#sixth div.contents div.left div.box2 div.main p .pinky{
	font-weight:bolder;
	color:#ff0099;
}
/* ヘッド */
#sixth div.contents div.head h5 {
	float:left;
	width:105px;
	margin:0 20px 10px 0;
	background:url(../images/amocam/5genme/main.gif) no-repeat left top;
}
#sixth div.contents div.head p {
	padding:20px 0 0;
}
#sixth .contents div.left img.right {
	float:right;
	margin:0 0 20px 20px;
}
#sixth .contents div.left img.left {
	float:left;
	margin:0 20px 20px 30px;
}

#sixth dl.step {
	padding:10px 0 10px 20px;
}
#sixth dl.step dd {
	margin:-25px 0 0;
	padding:0 0 20px 70px;
}

#sixth .pageControl {
	padding-left:8px;
}



/*-----------------------------------------------------
下着の基礎知識
-------------------------------------------------------*/
.knowledge div.contents {
	background:url(../images/amocam/contentsBg2.gif) 0 0 no-repeat;
}
.knowledge div.contents div.left {
	width:620px;
	margin-left:31px;
}
.knowledge div.contents div.left ul.lNav1 {
	margin:30px 0 20px;
}
.knowledge div.contents div.left ul.lNav1 li {
	display:inline;
}
.knowledge div.contents div.left ul.lNav2 {
	margin:20px 0;
	padding:15px 0;
	background:#ffffcc;
}
.knowledge div.contents div.left ul.lNav2 li {
	display:inline;
	margin:0 30px;
}
.knowledge div.contents div.left ul.lNav2 li a {
	color:#ff0099;
	text-decoration:none;
}
.knowledge div.contents div.left .backtotop {
	margin:20px 0 30px;
	text-align:right;
}
.knowledge div.contents div.left .backtotop a {
	color:#ff0099;
}



/* 下着の基礎知識1 */
#knowledge1 div.contents div.left h5#a1 {
	margin:35px 0 20px;
}
#knowledge1 div.contents div.left ul.type li {
	float:left;
	width:155px;
	text-align:center;
}
#knowledge1 div.contents div.left ul.type select {
	margin:5px 0 20px;
}
#knowledge1 div.contents div.left .btnSizeCheck {
	clear:both;
	margin:25px 0;
	text-align:center;
}
#knowledge1 div.contents div.left .typeBox {
	position:relative;
	width:588px;
	height:305px;
	margin:0 auto;
}
#knowledge1 div.contents div.left #type1 {background:url(../images/amocam/knowledge/imgType1.gif) 0 0 no-repeat;}
#knowledge1 div.contents div.left #type2 {background:url(../images/amocam/knowledge/imgType2.gif) 0 0 no-repeat;}
#knowledge1 div.contents div.left #type3 {background:url(../images/amocam/knowledge/imgType3.gif) 0 0 no-repeat;}
#knowledge1 div.contents div.left #type4 {background:url(../images/amocam/knowledge/imgType4.gif) 0 0 no-repeat;}

#knowledge1 div.contents div.left .typeBox .txt1 {
	position:absolute;
	top:60px;
	left:25px;
	width:350px;
}
#knowledge1 div.contents div.left .typeBox .txt2 {
	position:absolute;
	top:230px;
	left:25px;
	width:350px;
}
#knowledge1 div.contents div.left .typeBox table {
	margin:10px 0 0;
	padding:0;
	border-collapse:collapse;
}
#knowledge1 div.contents div.left .typeBox th,
#knowledge1 div.contents div.left .typeBox td {
	margin:0;
	padding:5px 10px;
	border:1px solid #030303;
	text-align:center;
	background:#fff;
}
#knowledge1 div.contents div.left .typeBox th {
	color:#fff;
}
#knowledge1 div.contents div.left #type1 th {background:#b5eb96;}
#knowledge1 div.contents div.left #type2 th {background:#ff9999;}
#knowledge1 div.contents div.left #type3 th {background:#cc66cc;}
#knowledge1 div.contents div.left #type4 th {background:#66ccff;}

#knowledge1 div.contents div.left .a2Box {
	width:620px;
	height:585px;
	margin:20px 0 0;
	background:url(../images/amocam/knowledge/img1_1.gif) 0 0 no-repeat; 
}
#knowledge1 div.contents div.left .a2Box .inner1 {
	width:370px;
}
#knowledge1 div.contents div.left .a2Box .inner2 {
	width:370px;
	padding:120px 0 0 250px;
}
#knowledge1 div.contents div.left .a2Box h5 {
	font-size:14px;
	font-weight:bold;
	color:#ff0099;
}
#knowledge1 div.contents div.left .a2Box p {
	margin-bottom:1em;
}


#knowledge1 div.contents div.left img.right {
	float:right;
	margin:0 0 0 20px;
}
#knowledge1 div.contents div.left img.left {
	float:left;
	margin:0 20px 0 0;
}
#knowledge1 div.contents div.left h4#a4 {
	margin:0 0 20px;
}

#knowledge1 div.contents div.left .a3Box p {
	margin:1em 0;
}

#knowledge1 div.contents div.left .a4Box h5 {
	margin:20px 0 10px;
}
#knowledge1 div.contents div.left .a4Box p {
	margin:1em 0;
}
#knowledge1 div.contents div.left .a4Box .innerBox {
	float:left;
	width:194px;
	margin-left:18px;
}
#knowledge1 div.contents div.left .a4Box .first {
	margin:0;
}

/* 下着の基礎知識2 */
#knowledge2 div.contents div.left p {
	margin:1em 0;
}
#knowledge2 div.contents div.left h4#a1 {
	margin:35px 0 20px;
}

#knowledge2 .a1Box1 {
	position:relative;
	width:620px;
	height:415px;
	background:url(../images/amocam/knowledge/img2_1.gif) 0 0 no-repeat;
}
#knowledge2 .a1Box1 p {
	position:absolute;
	width:160px;
	margin:0;
}
#knowledge2 .a1Box1 p.p1 {top:20px; left:130px;}
#knowledge2 .a1Box1 p.p2 {top:20px; left:450px;}
#knowledge2 .a1Box1 p.p3 {top:230px; left:130px;}
#knowledge2 .a1Box1 p.p4 {top:230px; left:450px;}


#knowledge2 .a1Box2 {
	position:relative;
	width:620px;
	height:512px;
	background:url(../images/amocam/knowledge/img2_3.gif) 0 0 no-repeat;
}
#knowledge2 .a1Box2 p {
	position:absolute;
	width:160px;
	margin:0;
}
#knowledge2 .a1Box2 p.p1 {top:20px; left:130px;}
#knowledge2 .a1Box2 p.p2 {top:20px; left:450px;}
#knowledge2 .a1Box2 p.p3 {top:280px; left:130px;}
#knowledge2 .a1Box2 p.p4 {top:280px; left:450px;}


#knowledge2 .a3Box {
	position:relative;
	width:620px;
	height:947px;
	background:url(../images/amocam/knowledge/img2_5.gif) 0 0 no-repeat;
}
#knowledge2 .a3Box h5 {
	margin-left:-11px;
}
#knowledge2 .a3Box .inner1 {
	position:absolute;
	top:0;
	left:0;
}
#knowledge2 .a3Box .inner1 p {
	width:400px;
	padding-left:30px;
}
#knowledge2 .a3Box .inner2 {
	position:absolute;
	top:200px;
	left:0;
}
#knowledge2 .a3Box .inner2 dl {
	width:400px;
	margin:20px 0 0;
	padding-left:30px;
}
#knowledge2 .a3Box .inner2 dd {
	margin:10px 0 20px;
}
#knowledge2 .a3Box .inner3 {
	position:absolute;
	top:550px;
	left:0;
}
#knowledge2 .a3Box .inner3 dl {
	width:560px;
	margin:20px 0 0;
	padding-left:30px;
}
#knowledge2 .a3Box .inner3 dd {
	margin:10px 0 20px;
}


#knowledge2 .a4Box {
	width:620px;
	height:696px;
	background:url(../images/amocam/knowledge/img2_6.gif) 0 0 no-repeat;
}
#knowledge2 .a4Box h5 {
	margin-left:-3px;
}
#knowledge2 .a4Box .inner1 p {
	width:552px;
	padding-left:38px;
}