@charset "shift_jis";

/* =======================================

	I CSS

 -----------------------------------------
	INDEX
 -----------------------------------------
 	1.Account Info Menu
	
	2.Account Info Section
		2-1.Submit Button
		2-2.Error Message
	
	
	I11
 -----------------------------------------
	1.Address List
	
	
	I21
 -----------------------------------------
	1.Edit Section
	
	2.Table02
		2-1.th
			2-1-1.Info Link
		2-2.td
			2-2-1.input Textbox
			2-2-2.Name, Kana
			2-2-3.Address
				2-2-4-1.Post Number
			2-2-5.Area
			2-2-6.Error
	
	
	I41
 -----------------------------------------
	1.Page Navigate
		1-1.Page Flip
		1-2.Page Menu
		1-3.Notice
	
	2.Buy Status
		2-1.table
		2-2.Order ID
		2-3.Order Item
			2-3-1.table
		2-4.Confirm Button
	
	
	I61
 -----------------------------------------
	1.Item History Info
		1-1.Table01
			1-1-1.th
			1-1-2.td
	
	2.Pay History Info
		2-1.Table02
	
	3.Other History Info

========================================== */

/* 1.Account Info Menu
========================================== */
#contents ul.accountInfoMenu {
	margin: 0 0 1px;
	background: url(https://static.chara-ani.com/ca/i/common/line_solid01_blue01.gif) repeat-x 0 100%;
	zoom: 1;
}

#contents ul.accountInfoMenu:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}

#contents ul.accountInfoMenu li {
	float: left;
	display: inline; /* for IE */
	margin: 0 2px 0 0;
	width: 138px;
}

#contents ul.accountInfoMenu li a {
	display: block;
	height: 20px;
	background: url(https://static.chara-ani.com/ca/i/i/accountinfomenu_btn.jpg) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#contents ul.accountInfoMenu li.menu01 a {background-position:   -0   0;}
#contents ul.accountInfoMenu li.menu02 a {background-position: -138px 0;}
#contents ul.accountInfoMenu li.menu03 a {background-position: -276px 0;}
#contents ul.accountInfoMenu li.menu04 a {background-position: -414px 0;}
#contents ul.accountInfoMenu li.menu05 a {background-position: -552px 0;}

#contents ul.accountInfoMenu li.menu01 a:hover {background-position:    0   -20px;}
#contents ul.accountInfoMenu li.menu02 a:hover {background-position: -138px -20px;}
#contents ul.accountInfoMenu li.menu03 a:hover {background-position: -276px -20px;}
#contents ul.accountInfoMenu li.menu04 a:hover {background-position: -414px -20px;}
#contents ul.accountInfoMenu li.menu05 a:hover {background-position: -552px -20px;}

#contents ul.accountInfoMenu li.menu01 a.active {background-position:    0   -20px;}
#contents ul.accountInfoMenu li.menu02 a.active {background-position: -138px -20px;}
#contents ul.accountInfoMenu li.menu03 a.active {background-position: -276px -20px;}
#contents ul.accountInfoMenu li.menu04 a.active {background-position: -414px -20px;}
#contents ul.accountInfoMenu li.menu05 a.active {background-position: -552px -20px;}


/* 2.Account Info Section
========================================== */
#contents .accInfoSec {
	margin: 0 0 50px;
}

#contents .accInfoSec h2.editTitle {
	margin-top: 25px;
}

#contents .accInfoSec p.attention {
	margin: 0  17px 17px;
}

#contents .accInfoSec p.addBtn {
	margin: 25px 0;
}

#contents .accInfoSec p.returnBtn {
	margin: 50px 0;
	text-align: center;
}

#contents .accInfoSec span.necessary {
	margin: 0 0 0 3px;
	color: #FFCC00;
}

	/* 2-1.Submit Button
	---------------------------------------- */
	#contents .accInfoSec p.submitBtn01 {
		margin: 0 0 15px;
		text-align: center;
	}
	
	#contents .accInfoSec p.submitBtn01 label.submit {
		margin: 0 7px;
	}
	
	#contents .accInfoSec p.submitBtn02 {
		position: relative;
	}
	
	#contents .accInfoSec p.submitBtn02 label.delete {
		position: absolute;
		top: 0;
		right: 0;
		width: 116px;
	}
	
	/* 2-2.Error Message
	---------------------------------------- */
	#contents .accInfoSec .errorMess {
		position: relative;
		margin: 5px 0 -20px;
		text-align: left; /* Reset */
	}
	
	#contents .accInfoSec .errorMess p {
		color: #F5007E;
	}
	
	#contents .accInfoSec .errorMess ul {
		margin: 0 0 0 10px;
	}
	
	#contents .accInfoSec .errorMess ul li {
		margin: 5px 0 0;
		color: #F5007E;
	}


/* I11
****************************************************************************************/
/* 1.Address List
========================================== */
#contents .accInfoSec table.addressList {
}

#contents .accInfoSec table.addressList tr th,
#contents .accInfoSec table.addressList tr td {
	padding: 12px 0 12px 10px;
}

#contents .accInfoSec table.addressList tr th.name {
	width: 150px;
}

#contents .accInfoSec table.addressList tr td.postNum {
	width: 70px;
	white-space: nowrap;
}

#contents .accInfoSec table.addressList tr td.submit {
	padding: 9px 7px 0 10px;
	text-align: right;
}
/*\ for Safari */
html*#contents                 .accInfoSec table.addressList tr td.submit {padding-top: 10px;} /* for Safari IE6 IE7 */
* html #contents               .accInfoSec table.addressList tr td.submit {padding-top: 9px;} /* Reset IE6 */
*:first-child + html #contents .accInfoSec table.addressList tr td.submit {padding-top: 8px;} /* Reset IE7 */


/* I21
****************************************************************************************/
/* 1.Edit Section
========================================== */
#contents .accInfoSec .editSec {
}


/* 2.Table02
========================================== */
#contents .accInfoSec .editSec table.table02 {
	margin: 0 0 20px;
}

	/* 2-1.th
	---------------------------------------- */
	#contents .accInfoSec .editSec table.table02 tr th {
		padding: 8px 5px 8px 10px;
		width: 140px;
		white-space: nowrap;
	}
	
	#contents .accInfoSec .editSec table.table02 tr.address th {vertical-align: middle;}
	#contents .accInfoSec .editSec table.table02 tr.tel     th {vertical-align: bottom;}
	
	/* reset */
	#contents .accInfoSec .editSec table.table02 tr          th.postNum,
	#contents .accInfoSec .editSec table.table02 tr.area     th,
	#contents .accInfoSec .editSec table.table02 tr.city     th,
	#contents .accInfoSec .editSec table.table02 tr.houseNum th,
	#contents .accInfoSec .editSec table.table02 tr.build    th {
		padding-right: 0;
		padding-left:  0;
		width: auto;
	}
	
	/* reset */
	#contents .accInfoSec .editSec table.table02 tr          th.postNum,
	#contents .accInfoSec .editSec table.table02 tr.area     th,
	#contents .accInfoSec .editSec table.table02 tr.city     th,
	#contents .accInfoSec .editSec table.table02 tr.houseNum th {
		border: none;
	}
		
		/* 2-1-1.Info Link
		---------------------------------------- */
		#contents .accInfoSec .editSec table.table02 tr th span.infoLink {
			margin-left: 10px;
		}
		
		#contents .accInfoSec .editSec table.table02 tr th span.infoLink a {
			padding-bottom: 1px; /* for Underline */
			color: #434343;
		}

	/* 2-2.td
	---------------------------------------- */
	#contents .accInfoSec .editSec table.table02 tr td {
		padding: 5px 0;
		vertical-align: middle;
	}
	
	#contents .accInfoSec .editSec table.table02 tr td.sample {
		padding: 8px 5px !important;
		width: 180px;
		font-size: 77%;
		line-height: 1.6;
	}
	
	#contents .accInfoSec .editSec table.table02 tr.mail01 td.sample {vertical-align: top;}
	#contents .accInfoSec .editSec table.table02 tr.tel    td.sample {vertical-align: bottom;}
	
	/* reset */
	#contents .accInfoSec .editSec table.table02 tr          td.postNum,
	#contents .accInfoSec .editSec table.table02 tr.area     td,
	#contents .accInfoSec .editSec table.table02 tr.city     td,
	#contents .accInfoSec .editSec table.table02 tr.houseNum td {
		border: none; /* Reset */
	}
	
	/* indent */
	#contents .accInfoSec .editSec table.table02 tr.mail01  td,
	#contents .accInfoSec .editSec table.table02 tr.mail02  td,
	#contents .accInfoSec .editSec table.table02 tr.tel     td,
	#contents .accInfoSec .editSec table.table02 tr.fax     td {
		padding-left: 1.5em;
	}
	
	/* inner reset */
	#contents .accInfoSec .editSec table.table02 tr td table {
		margin: 0;
	}
	
	#contents .accInfoSec .editSec table.table02 tr td table tr th,
	#contents .accInfoSec .editSec table.table02 tr td table tr td {
		padding: 0;
		width: auto;
	}
	
		/* 2-2-1.input Textbox
		---------------------------------------- */
		#contents .accInfoSec .editSec table.table02 tr td label.textbox input {
			width: 213px;
		}
		
		#contents .accInfoSec .editSec table.table02 tr.name td label.textbox input,
		#contents .accInfoSec .editSec table.table02 tr.kana td label.textbox input {width: 129px;}
		#contents .accInfoSec .editSec table.table02 tr.tel  td label.textbox input,
		#contents .accInfoSec .editSec table.table02 tr.fax  td label.textbox input {width: 163px;}
		
		#contents .accInfoSec .editSec table.table02 tr td.postNum label.post01 input {width: 28px;}
		#contents .accInfoSec .editSec table.table02 tr td.postNum label.post02 input {width: 33px;}
		
		/* 2-2-2.Name, Kana
		---------------------------------------- */
		#contents .accInfoSec .editSec table.table02 tr.name td label.textbox,
		#contents .accInfoSec .editSec table.table02 tr.kana td label.textbox {
			margin-right: 25px;
		}
		/*\ for Safari */
		html*#contents                 .accInfoSec .editSec table.table02 tr.name td label.textbox,
		html*#contents                 .accInfoSec .editSec table.table02 tr.kana td label.textbox {margin-right: 20px;} /* for Safari IE6 IE7 */
		* html #contents               .accInfoSec .editSec table.table02 tr.name td label.textbox,
		* html #contents               .accInfoSec .editSec table.table02 tr.kana td label.textbox {margin-right: 25px;} /* Reset IE6 */
		*:first-child + html #contents .accInfoSec .editSec table.table02 tr.name td label.textbox,
		*:first-child + html #contents .accInfoSec .editSec table.table02 tr.kana td label.textbox {margin-right: 25px;} /* Reset IE7 */
		
		#contents .accInfoSec .editSec table.table02 tr.name td label.textbox input,
		#contents .accInfoSec .editSec table.table02 tr.kana td label.textbox input {
			margin-left: 6px;

		}
		
		/* 2-2-3.Address
		---------------------------------------- */
		#contents .accInfoSec .editSec table.table02 tr.address td {
		}
		
			/* 2-2-3-1.Post Number
			---------------------------------------- */
			#contents .accInfoSec .editSec table.table02 tr td.postNum label.post01 input {margin-right: 5px;}
			#contents .accInfoSec .editSec table.table02 tr td.postNum label.post02 input {margin-left:  5px;}
		
		/* 2-2-4.Area
		---------------------------------------- */
		#contents .accInfoSec .editSec table.table02 tr.area td select {
			margin-right: 5px;
		}
		/* IE6 Only */
		* html #contents .accInfoSec .editSec table.table02 tr.area td select {top: -2px;}
		/* IE7 Only */
		*:first-child + html #contents .accInfoSec .editSec table.table02 tr.area td select {top: -2px;}
		
		#contents .accInfoSec .editSec table.table02 tr.area td label.submit input {
			margin-top: -2px;
		}
		/* IE7 Only */
		*:first-child + html #contents .accInfoSec .editSec table.table02 tr.area td label.submit input {margin-top: -4px;}
		
		/* 2-2-5.Error
		---------------------------------------- */
		#contents .accInfoSec .editSec table tr td input.error  {background-color: #FFE0F0;}
		#contents .accInfoSec .editSec table tr td select.error {background-color: #FFE0F0;}


/* I41
****************************************************************************************/
/* 1.Page Navigate
========================================== */
#contents .accInfoSec .pageNavigate {
	margin: 0 0 15px;
	text-align: center;
}

	/* 1-1.Page Flip
	---------------------------------------- */
	#contents .accInfoSec .pageNavigate p.pageFlip {
		display: inline;
		margin: 0 60px 0 0;
	}
	/* IE6 Only */
	* html #contents .accInfoSec .pageNavigate p.pageFlip {margin-right: 64px;}
	/* IE7 Only */
	*:first-child + html #contents .accInfoSec .pageNavigate p.pageFlip {margin-right: 64px;}
	
	#contents .accInfoSec .pageNavigate p.pageFlip span.currentPage {
		position: relative;
		margin: 0 5px;
	}
	
	#contents .accInfoSec .pageNavigate p.pageFlip a {
	}
	
	#contents .accInfoSec .pageNavigate p.pageFlip a img {
		position: relative;
		top: 2px;
		vertical-align: top;
	}
	/* IE6 Only */
	* html #contents .accInfoSec .pageNavigate p.pageFlip a img {top: 0;}
	/* IE7 Only */
	*:first-child + html #contents .accInfoSec .pageNavigate p.pageFlip a img {top: 0;}
	
	/* 1-2.Page Menu
	---------------------------------------- */
	#contents .accInfoSec .pageNavigate ul.pageMenu {
		display: inline;
		position: relative;
		top: -2px;
	}
	
	#contents .accInfoSec .pageNavigate ul.pageMenu li {
		display: inline;
		margin-left: 1px;
		font-family: Verdana, Helvetica, sans-serif;
		font-size: 83.34%;
		line-height: 1.801;
	}
	
	#contents .accInfoSec .pageNavigate ul.pageMenu li a {
		color: #4975A3;
	}
	
	/* 1-3.Notice
	---------------------------------------- */
	#contents .accInfoSec .pageNavigate p.notice {
		display: inline;
		font-size: 83.34%;
		line-height: 1.801;
	}


/* 2.Buy Status
========================================== */
#contents .accInfoSec ul#buyStatus {
	margin: 0 0 15px;
	padding: 0 0 10px;
	border-bottom: 1px solid #858585;
}

#contents .accInfoSec ul#buyStatus li {
	position: relative;
	margin: 10px 0 0;
	padding: 10px 0 0;
	border-top: 1px solid #858585;
	zoom: 1;
	font-size:94%;
}

#contents .accInfoSec ul#buyStatus li:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}

	/* 2-1.table
	---------------------------------------- */
	#contents .accInfoSec ul#buyStatus li table {
		margin: 5px 8px 0;
	}
	
	#contents .accInfoSec ul#buyStatus li table tr th {
		white-space: nowrap;
	}
	
	/* 2-2.Order ID
	---------------------------------------- */
	#contents .accInfoSec ul#buyStatus li .orderID {
		float: left;
		margin: 0 10px 0 0;
		width: 260px;
	}
	
	#contents .accInfoSec ul#buyStatus li .orderID h3 {
		padding: 3px 8px 1px;
		background-color: #CCCCCC;
	}
	/* IE6 Only */
	* html #contents .accInfoSec ul#buyStatus li .orderID h3 {padding: 2px 8px;}
	/* IE7 Only */
	*:first-child + html #contents .accInfoSec ul#buyStatus li .orderID h3 {padding: 2px 8px;}
	/* Safari2,0 Only \*/
	html:\66irst-child #contents .accInfoSec ul#buyStatus li .orderID h3 {padding: 2px 8px;}/**/
	
	#contents .accInfoSec ul#buyStatus li.awaiting .orderID h3 {background-color: #DAEA9A;}
	#contents .accInfoSec ul#buyStatus li.partshiped .orderID h3 {background-color: #FEFC7D;}
	#contents .accInfoSec ul#buyStatus li.cancel .orderID h3 {background-color: #83A1B7;}
	
	/* 2-3.Order Item
	---------------------------------------- */
	#contents .accInfoSec ul#buyStatus li .orderItem {
		float: left;
		padding: 0 0 7px;
		width: 303px;
		border: 1px solid #CCCCCC;
	}
	
	#contents .accInfoSec ul#buyStatus li.awaiting .orderItem {border-color: #DAEA9A;}
	#contents .accInfoSec ul#buyStatus li.partshiped .orderItem {border-color: #FEFC7D;}
	#contents .accInfoSec ul#buyStatus li.cancel .orderItem {border-color: #83A1B7;}
	
		/* 2-3-1.table
		---------------------------------------- */
		#contents .accInfoSec ul#buyStatus li .orderItem table tr th {
			padding-left: 12px;
			background: url(https://static.chara-ani.com/ca/i/common/ico_square01_gray02.gif) no-repeat 0 0.334em;
		}
		/* for Safari IE6 IE7 */
		html*#contents .accInfoSec ul#buyStatus li .orderItem table tr th {background-position: 0 0.417em;}
		/* Safari2,0 Only \*/
		html:\66irst-child #contents .accInfoSec ul#buyStatus li .orderItem table tr th {background-position: 0 0.5em;}/**/
		
		#contents .accInfoSec ul#buyStatus li.awaiting .orderItem table tr th {background-image: url(https://static.chara-ani.com/ca/i/common/ico_square01_green02.gif);}
		#contents .accInfoSec ul#buyStatus li.partshiped .orderItem table tr th {background-image: url(https://static.chara-ani.com/ca/i/common/ico_square01_green03.gif);}
		#contents .accInfoSec ul#buyStatus li.cancel .orderItem table tr th {background-image: url(https://static.chara-ani.com/ca/i/common/ico_square01_green04.gif);}
	
	/* 2-4.Confirm Button
	---------------------------------------- */
	#contents .accInfoSec ul#buyStatus li p.confirmBtn {
		position: absolute;
		top: 10px;
		right: 0;
		width: 116px;
	}


/* I61
****************************************************************************************/
/* 1.Item History Info
========================================== */
#contents .accInfoSec .itemHistInfo {
	margin: 20px 0 15px;
	zoom: 1;
}

	/* 1-1.Table01
	---------------------------------------- */
	#contents .accInfoSec .itemHistInfo table.table01 {
		width:700px;
		border-bottom: 1px solid #BBB;
	}
	
	#contents .accInfoSec .itemHistInfo table.table01 tr th,
	#contents .accInfoSec .itemHistInfo table.table01 tr td {
		padding: 6px 8px 5px;
		font-size: 77%;
		line-height: 1.401;
	}
	
		/* 1-1-1.th
		---------------------------------------- */
		#contents .accInfoSec .itemHistInfo table.table01 tr th {
			text-align: center;
			white-space: nowrap;
		}
		
		#contents .accInfoSec .itemHistInfo table.table01 tr th.title {
			width: 100%;
		}
		
		/* 1-1-2.td
		---------------------------------------- */
		#contents .accInfoSec .itemHistInfo table.table01 tr td {
		}
		
		#contents .accInfoSec .itemHistInfo table.table01 tr td.price,
		#contents .accInfoSec .itemHistInfo table.table01 tr td.quantity,
		#contents .accInfoSec .itemHistInfo table.table01 tr td.subtotal,
		#contents .accInfoSec .itemHistInfo table.table01 tr td.deliPrice {
			text-align: right;
		}
		
		#contents .accInfoSec .itemHistInfo table.table01 tr td.ShippingDate,
		#contents .accInfoSec .itemHistInfo table.table01 tr td.refHandle {
			text-align: center;
			white-space: nowrap;
		}
		
		#contents .accInfoSec .itemHistInfo table.table01 tr.reference td {
			padding: 5px 25px 4px;
			background-color: #F4F8E1;
			line-height: 1.6;
		}
		
		#contents .accInfoSec .itemHistInfo table.table01 tr td a {
			padding-bottom: 1px; /* for Underline */
			color: #4A76A3;
		}

		#contents .accInfoSec .itemHistInfo table.table01 span.deliv_date{
			color:#000;
			/*font-weight:bold;*/
			padding-left:20px;
		}
		

/* 2.Pay History Info
========================================== */
#contents .accInfoSec .payHistInfo {
	margin: 0 0 0 auto;
	width: 285px;
}

	/* 2-1.Table02
	---------------------------------------- */
	#contents .accInfoSec .payHistInfo table.table02 {
		margin: 0; /* Reset */
		border-top: 0; /* Reset */
		border-bottom: 3px solid #858585;
	}
	
	#contents .accInfoSec .payHistInfo table.table02 tr th,
	#contents .accInfoSec .payHistInfo table.table02 tr td {
		padding: 2px 1px 2px 0;
		width: 137px;
		text-align: right;
	}
	
	#contents .accInfoSec .payHistInfo table.table02 tr th {
		font-weight: bold;
	}
	
	#contents .accInfoSec .payHistInfo table.table02 tr td {
		padding-left: 9px;
	}

/* 3.Other History Info
========================================== */
#contents .accInfoSec .otherHistInfo {
	margin: 0 0 25px;
}

#contents .accInfoSec .otherHistInfo h3 {
	margin: 0 0 17px;
}

#contents .accInfoSec .otherHistInfo table {
	margin: 0 80px;
}

#contents .accInfoSec .otherHistInfo table tr th {
	width: 120px;
}