@charset "utf-8";

/* ==============================
use for converse.co.jp/mypage/ */

.contents01{width:848px; border:dotted 1px #858585; text-align:left;}

.cm01{margin:60px auto 17px; padding:25px;}
.cm02{margin:0 auto 60px; padding:25px;}
	.contents01 h2{font-size:13px; color:#fff; font-weight:bold; letter-spacing:0.2em; margin-bottom:7px;}
	.contents01 p{font-size:11px; color:#c2bebe; line-height:1.7;}
	.contents01 h3#ptn1{ width:408px; height:21px; padding-left:12px; font-size:13px; line-height:22px; color:#000; font-weight:bold; letter-spacing:0.1em; background-color:#fff;}
	.contents01 .block01{width:445px; margin-top:65px;}
	.contents01 .block02{width:279px;}

.icon{vertical-align:sub}
*:first-child+html .icon{vertical-align:-4px}/*ie7*/
* html .icon{vertical-align:-3px}/*ie6*/

/* form */
.line01{width:250px; margin-bottom:10px;}
.line01:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.line01 {display: inline-table;}
* html .line01 {height: 1%;}
.line01 {display: block;}
.line01{zoom:1;}

.formLeft1{float:left; width:89px;font-size:11px; color:#fff; font-weight:bold; padding-top:4px; }
.formRight1{float:right; width:160px;font-size:10px; color:#c2bebe; line-height:1.3}

.formbox1{ width:158px; height:22px; background-color:#000; border:1px solid #999999; font-size:12px; line-height:23px; color:#c2bebe; margin-bottom:4px;}

/* invite */
.inviteLeft1{float:left; width:360px;font-size:11px; color:#fff; font-weight:bold; padding-top:4px; }
.inviteLeft2{float:left; width:360px;font-size:10px; color:#c2bebe; line-height:1.3}
.inviteLeft3{float:left; width:360px;font-size:10px; color:#c2bebe; margin-top:3px;}

.invitebox1{ width:158px; height:22px; background-color:#000; border:1px solid #999999; font-size:12px; line-height:23px; color:#c2bebe; margin-bottom:4px;}

/* present */
.contents02{width:550px; border:dotted 1px #858585; text-align:left;}
	.contents02 h2{font-size:13px; color:#fff; font-weight:bold; letter-spacing:0.2em; margin-bottom:7px;}
	.contents02 p{font-size:11px; color:#c2bebe; line-height:1.7;}

.presentLeft1{float:left; width:380px;font-size:11px; color:#fff; font-weight:bold; padding-top:4px; }
.presentLeft2{float:left; width:380px;font-size:10px; color:#c2bebe;}
.presentLeft2 input{ margin-top:-2px;}
.presentLeft3{float:left; width:380px;font-size:10px; color:#c2bebe; margin-top:3px;}

.presentbox1{ width:158px; height:22px; background-color:#000; border:1px solid #999999; font-size:12px; line-height:23px; color:#c2bebe; margin-bottom:4px;}

.cm_pre{margin:60px auto 17px; padding:25px; position:relative;}
.cm_pre #btnpos{ position:absolute; }	

/* addict */
.contents02_addict{width:900px; height:535px; margin-bottom:25px; border:dotted 1px #858585; text-align:left;}
.cm_addict{margin:0 auto; position:relative;}
.cm_addict #btnpos{ position:absolute; }	
.contents03_addict{width:902px; height:537px; margin-bottom:25px; border:dotted 1px #000000; text-align:left;}

/* xlarge_x-girl_jp */
.xlarge_x-girl_jp{width:900px; height:450; margin-bottom:25px; border:dotted 1px #858585; text-align:left;}
.xlarge{margin:0 auto; position:relative;}
.xlarge #btnpos{ position:absolute; }	


/* ==============================
use for converse.co.jp/mypage/mypage.html（旧） */

.cm03{ width:898px; margin:35px auto 11px;}
.cm03ex1{ width:900px; margin:0 auto 18px;}
	.fbox01{float:left;width:300px; margin-right:2px;}
	.fbox02{float:left;width:296px; margin-right:2px;}
	.fbox03{float:left;width:300px;}
.cm03ex2{ width:898px; margin:0 auto 45px; border-top:none;}

#block03{width:898px; height:149px;}
#block04{width:727px; height:149px; border-right:dotted 1px #858585; float:left; margin-right:21px;}
* html #block04{margin-right:18px;}/*ie6*/
	#news{margin:14px 0 0 21px; width:674px; height:70px; background:url(../images/mypage/title_news.gif) no-repeat left top;}
	#news p{font-size:11px; color:#c2bebe; line-height:1.7; margin-left:80px;}
#block05{width:727px; height:49px; border-bottom:dotted 1px #858585;}
#block06{width:300px; height:49px; border-right:dotted 1px #858585; float:left}
	#block06 p{margin:20px 0 0 20px; font-size:14px; font-weight:bold; color:#FFF; line-height:0.9; letter-spacing:0.2em;}
#block07{width:400px; height:49px; float:right}
	#block07 p{margin:20px 0 0 0; font-size:11px; color:#c2bebe; line-height:0.9; letter-spacing:0.1em;}
	.fpoint{ font-size:14px; color:#FFF; font-weight:bold; vertical-align:-2px;}
	*:first-child+html .fpoint{ vertical-align:0;}/*ie7*/
	* html .fpoint{ vertical-align:0;}/*ie6*/
	
#block08{padding:8px 0 8px 8px;}

#block09_6{width:420px; height:127px; float:left; border-right:dotted 1px #858585; padding:20px 20px 0 11px; position:relative; background:url(../images/mypage/bg_mypage_1006.jpg) no-repeat left bottom;}
#block09_5{width:420px; height:127px; float:left; border-right:dotted 1px #858585; padding:20px 20px 0 11px; position:relative; background:url(../images/mypage/bg_mypage_1005.jpg) no-repeat left bottom;}
#block09_4{width:269px; height:127px; float:left; border-right:dotted 1px #858585; padding:20px 20px 0 11px; position:relative; background:url(../images/mypage/bg_mypage_1004.jpg) no-repeat left bottom;}
#block09_3{width:269px; height:127px; float:left; border-right:dotted 1px #858585; padding:20px 20px 0 11px; position:relative; background:url(../images/mypage/bg_mypage_1003.jpg) no-repeat left bottom;}
#block09_2{width:269px; height:127px; float:left; border-right:dotted 1px #858585; padding:20px 20px 0 11px; position:relative; background:url(../images/mypage/bg_mypage_1002.jpg) no-repeat left bottom;}
#block10{width:265px; height:127px; float:left; border-right:dotted 1px #858585; padding:20px 20px 0 11px; position:relative; background:url(../images/mypage/bg_mypage_0907.jpg) no-repeat center bottom;}

#block10_5{width:265px; height:127px; float:left; border-right:dotted 1px #858585; padding:20px 20px 0 11px; position:relative; background:url(../images/mypage/bg_mypage_1005.jpg) no-repeat center bottom;}
#block10_4{width:265px; height:127px; float:left; border-right:dotted 1px #858585; padding:20px 20px 0 11px; position:relative; background:url(../images/mypage/bg_mypage_1004.jpg) no-repeat center bottom;}
#block10_3{width:265px; height:127px; float:left; border-right:dotted 1px #858585; padding:20px 20px 0 11px; position:relative; background:url(../images/mypage/bg_mypage_1003.jpg) no-repeat center bottom;}
#block10_2{width:265px; height:127px; float:left; border-right:dotted 1px #858585; padding:20px 20px 0 11px; position:relative; background:url(../images/mypage/bg_mypage_1002.jpg) no-repeat center bottom;}

#block11_4{width:415px; height:127px; float:left; padding:20px 20px 0 11px; position:relative; background:url(../images/mypage/bg_mypage_1006.jpg) no-repeat right bottom;}
#block11_3{width:415px; height:127px; float:left; padding:20px 20px 0 11px; position:relative; background:url(../images/mypage/bg_mypage_1005.jpg) no-repeat right bottom;}
#block11_2{width:269px; height:127px; float:left; padding:20px 20px 0 11px; position:relative; background:url(../images/mypage/bg_mypage_090615.gif) no-repeat right bottom;}
#block11{width:269px; height:127px; float:left; padding:20px 20px 0 11px; position:relative; background:url(../images/mypage/bg_mypage_0907.jpg) no-repeat right bottom;}


#block09 p,#block09_3 p,#block09_4 p, #block09_5 p, #block09_6 p,#block09_2 p,#block10_3 p,#block10_4 p,#block10_5 p,#block10_12 p,#block10_1 p,#block11 p,#block10_2 p,#block11_2 p,#block11_3 p,#block11_4 p{font-size:11px; line-height:16px; color:#f3f3f3}

#block09 .btnArea,#block09_3 .btnArea,#block09_4 .btnArea,#block09_5 .btnArea,#block09_6 .btnArea,#block09_2 .btnArea,#block10_3 .btnArea,#block10_4 .btnArea,#block10_5 .btnArea,#block10 .btnArea,#block11 .btnArea,#block10_2 .btnArea,#block11_2 .btnArea,#block11_3 .btnArea,#block11_4 .btnArea{position:absolute;}
.btnArea{ width:280px; height:22px; bottom:15px; text-align:center;}

#block09 .btnArea2,#block09_3 .btnArea2,#block09_4 .btnArea2,#block09_5 .btnArea2,#block09_6 .btnArea2,#block09_2 .btnArea2,#block10_3 .btnArea2,#block10_4 .btnArea2,#block10_5 .btnArea2,#block10 .btnArea2,#block11 .btnArea2,#block10_2 .btnArea2,#block11_2 .btnArea2,#block11_3 .btnArea2,#block11_4 .btnArea2{position:absolute;}
.btnArea2{ width:280px; height:22px; bottom:37px; text-align:left;}

/* ==============================
use for converse.co.jp/mypage/mypage.html（新） */
	/*全体*/
.mpWrapper{ width:900px; margin:0 auto;}
.mpWrapper:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.mpWrapper {display: inline-table;}
* html .mpWrapper {height: 1%;}
.mpWrapper {display: block;}
.mpWrapper{zoom:1;}

.mpLeft{ width:260px; float:left;}
.mpRight{ width:615px; float:right;}

	/*名前ポイント部分*/
.mpcont01{ width:260px; height:172px; position:relative; background:url(../images/mypage/bg01.gif)}
.mpcont01 b{ display:block; position:absolute; left:0; top:36px; width:260px; text-align:center; font-size:19px;}
.mpcont01 p{ position:absolute; right:38px; bottom:47px; text-align:right; font-size:22px; font-weight:bold;}
.mpcont01 .mpbox01{ position:absolute; left:5px; bottom:6px;}

	/*名前ポイント部分*/
.mpcont01{ width:260px; height:172px; position:relative; background:url(../images/mypage/bg01.gif); margin-bottom:10px;}
.mpcont01 b{ display:block; position:absolute; left:0; top:36px; width:260px; text-align:center; font-size:19px;}
.mpcont01 p{ position:absolute; right:38px; bottom:47px; text-align:right; font-size:22px; font-weight:bold;}
.mpcont01 .mpbox01{ position:absolute; left:5px; bottom:6px;}

	/*新着情報部分*/
.mpcont02{ width:260px; position:relative; background:url(../images/mypage/bg02.gif) no-repeat; padding-top:51px;}
.mpcont02 p{ text-align:left; font-size:10px; color:#bdbcbc; background: url(../images2/mypage/line01.gif) left bottom repeat-x; margin:0 auto; width:238px; padding:10px 3px 7px 3px; line-height:1.4em;}
.mpcont02 p.end{background:none;}
.mpcont02 .mpbox02{ position:absolute; left:5px; bottom:6px;}

	/*キャンペーンバナー部分*/
.mpcont03{ width:615px; height:212px; position:relative; background:url(../images/mypage/banner02.jpg) no-repeat; margin-bottom:16px;}
.mpcont03 .mpbox03L{ position:absolute; left:148px; top:176px;}
.mpcont03 .mpbox03R{ position:absolute; right:11px; top:176px;}

	/*キャンペーンバナー部分*/
.mpcont03_2{ width:615px; height:212px; position:relative; background:url(../images/mypage/banner02_2.jpg) no-repeat; margin-bottom:16px;}
.mpcont03_2 .mpbox03L{ position:absolute; left:148px; top:176px;}
.mpcont03_2 .mpbox03R{ position:absolute; right:11px; top:176px;}

/*キャンペーンバナー部分*/
.mpcont03_3{ width:615px; height:212px; position:relative; background:url(../images/mypage/banner02_3.jpg) no-repeat; margin-bottom:16px;}
.mpcont03_3 .mpbox03L{ position:absolute; left:148px; top:176px;}
.mpcont03_3 .mpbox03R{ position:absolute; right:11px; top:176px;}

	/*各カラム部分*/
.mpcont04{ width:615px; margin-bottom:15px;}
.mpcont04:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.mpcont04 {display: inline-table;}
* html .mpcont04 {height: 1%;}
.mpcont04 {display: block;}
.mpcont04{zoom:1;}

.mpcont04 .mpbox04L{ float:left; margin-right:13px;}
.mpcont04 .mpbox04R{ float:left; width:340px; height:133px; position:relative;}
	.mpbox04R p{ font-size:11px; line-height:1.7em; color:#fff; text-align:left; padding:13px 0 0 10px;}
	.mpbox04R .mpbox04btn{ position:absolute; left:10px; bottom:11px;}
	
	
	/*Flashバナー部分*/
#mpcont05{width:260px; height:242px; margin:0 auto 30px; text-align:center;}

/* ==============================
use for other */

.cm04{margin:130px auto 170px; padding:60px 25px;}
.contents01 .block12{width:445px; margin-top:25px;}

.cm05{margin:130px auto 170px; height:190px; padding:25px; position:relative;}
.block13{position:absolute; right:37px; bottom:22px;}

.cm06{margin:130px auto 170px; padding:15px; position:relative;}
.block14{ float:left; margin-right:20px; width:500px; height:300px; overflow:hidden;}

.block15{ float:left; padding-top:140px; width:320px; text-align:center;}
* html .block15{display:inline; zoom:1;}
*:first-child+html .block15{display:inline; zoom:1;}

#pointget{ font-size:16px; font-weight:bold; letter-spacing:0.2em; color:#fff;}

.block16{position:absolute; right:20px; bottom:22px;}



/* ==============================
use for lifewithconverse */

#topbtn{width:900px; margin:0 auto; text-align:right;}

.cm07{width:898px; margin:37px auto 17px; height:420px; background:url(../images/mypage/bg_lifewith.jpg) no-repeat left bottom; position:relative;}
	.cm07 #btnpos{ position:absolute; }	
	.cm07 .cm07box01{position: absolute; width:435px; right:0; top:50px;}
	#cm07f01{ font-size:11px; color:#ffffff; font-weight:bold; margin-bottom:30px; letter-spacing:0.1em;}
	#cm07f02{ font-size:10px; color:#ffffff; text-decoration:underline; margin-bottom:60px;}
	
.cm08{width:898px; margin:37px auto 17px; height:420px; background:url(../images/mypage/bg_lifewith2.jpg) no-repeat left bottom; position:relative;}
	.cm08 .cm08box01{position: absolute; width:360px; left:27px; top:28px;}
	.cm08 .cm08box02{position: absolute; width:470px; right:0; top:50px;}
	.cm08f01{ font-size:11px; color:#ffffff; font-weight:bold; margin-bottom:8px; letter-spacing:0.1em;}
	.cm08f02{ font-size:10px; color:#ffffff; text-decoration:underline; margin-bottom:60px;}
	
.contents03{ width:920px; margin:18px auto 35px; text-align:left;}
	.entrybox{ float:left; margin:0 10px 17px 10px; width:438px; height:400px; border:dotted 1px #858585; position:relative; display: inline;}
		.entrybox .ebPict{position:absolute; left:9px; top:9px; width:320px; height:240px; overflow:hidden;}
		.entrybox .ebTxt1{position:absolute; right:9px; top:9px; width:87px; font-size:11px; color:#c2bebe; line-height:1.7;}
			.ful{text-decoration:underline}
		.entrybox .ebTxt2{position:absolute; left:9px; top:262px; width:415px; font-size:11px; color:#ffffff; line-height:1.6;}
		.entrybox .ebTxt2 b{font-size:13px; line-height:1.9;}
		.entrybox .ebTxt3{position:absolute; left:9px; top:350px; width:415px; font-size:11px; color:#ffffff; line-height:1.0;}
		.entrybox .ebPict{position:absolute; left:9px; top:9px; width:320px; height:240px; overflow:hidden;}
		.entrybox .ebBtn{position:absolute; left:9px; bottom:9px;}
	
	.footerlink{text-align:center; font-size:13px; font-weight:bold; color:#fff000;}
		.footerlink a{ font-size:11px; color:#FFF; text-decoration:none;}
		.footerlink a:hover{text-decoration: underline;}