@charset "Shift_JIS";



#main h1 {
	margin: 10px 0 0 0;
}


#content h2 {
	clear: both;
	margin: 30px 0 10px 0;
}
#content h3 {
	color: #ad184f;
	font-size: 95%;
	font-weight: bold;
}
#content h4 {
	margin-bottom: 6px;
	font-size: 75%;
	color: #a87a94;
}

#content em {
	color: #ad184f;
}
#content p .small {
	font-size: 85%;
}



/* menuBox */
/* -------------------------------------------- */

#sidebar #menuBox {
	background: url(../image/sidebar/column_menubox_body.gif) 0 0 repeat-y;
}
#sidebar #menuBox .bottom {
	height: 5px;
	font-size: 1px;
	line-height: 0;
	background: url(../image/sidebar/column_menubox_bottom.gif) 0 0 no-repeat;
}

#sidebar #menuBox .otoritsugi,
#sidebar #menuBox .kokoneko {
	display: block;
	width: 190px;
	margin: 0 auto 5px auto;
}

#sidebar .otoritsugi_bn {
	width: 190px;
	margin: 0 0 5px 10px;
}

#sidebar #menuBox .nav {
	width: 188px;
	margin: 4px 10px 10px 12px;
}
#sidebar #menuBox .nav li a:hover {
	color: #ad184f;
	text-decoration: none;
}
#sidebar #menuBox .nav li p {
	font-size: 85%;
	line-height: 1.4;
}



/* Sidebar */
/* -------------------------------------------- */

#sidebar #btnUsr {
	display: block;
	width: 210px;
	margin: 0 auto 4px auto;
}

#sidebar #hMate {
	display: block;
	width: 190px;
	margin: 8px auto 8px auto;
}
#sidebar #hDirect {
	display: block;
	width: 190px;
	margin: 8px auto 0 auto;
}

#sidebar .nav p {
	margin: 4px 0 0 0;
}

#sidebar #nAbout {
	background: url(../image/line_01.gif) left top repeat-x;
}
#sidebar #nAbout li {
	margin: 4px 0;
	padding-bottom: 0;
}
#sidebar #nLeave {
	padding: 0 0 4px 0;
	background: url(../image/line_01.gif) left top repeat-x;
	font-size: 85%;
}
#sidebar .column #nLeave li {
	background: url(../image/bl_02.gif) 0 6px no-repeat;
}

#sidebar form {
/*	margin-bottom: 6px;	*/
}

#sidebar #btnLogout {
	display: block;
	width: 210px;
	margin: 5px auto 0 auto;
}



/* Column(table) */
/* -------------------------------------------- */

#content #usrTblBox {
	width: 620px;
	margin: 10px auto 0 auto;
	padding: 8px 10px 1px 10px;
	background: #f9f2dd url(../image/column/bg_640_top.gif) 0 0 no-repeat;
}
#content .c1Bottom {
	height: 5px;
	font-size: 1px;
	line-height: 0;
	background: url(../image/column/bg_640_bottom.gif) 0 0 no-repeat;
}
#content #usrTblBox .message {
	padding: 10px 20px 1px 20px;
	text-align: center;
}
#content #usrTblBox .message2 {
	padding: 10px 0 1px 0;
	text-align: center;
}
#content #usrTblBox .message-l {
	text-align: left;
}
#content #usrTblBox .message-r {
	text-align: right;
}
#content #usrTblBox .message p {
	margin: 10px 0;
	line-height: 1.6;
}
#content #usrTblBox .message .head {
	font-size: 110%;
	font-weight: bold;
}
#content #usrTblBox .message2 .head {
	margin: 0 0 6px 0;
	background: #ad184f;
	color: #fff;
	font-size: 100%;
	font-weight: bold;
}
#content #usrTblBox .message2 .top {
	height: 5px;
	font-size: 1px;
	line-height: 0;
	background: url(../image/column/column_620r_top.gif) 0 0 no-repeat;
}
#content #usrTblBox .message2 .bottom {
	height: 5px;
	font-size: 1px;
	line-height: 0;
	background: url(../image/column/column_620r_bottom.gif) 0 0 no-repeat;
}

#content .column {
	width: 850px;
	margin: 0 auto;
	background: #fff url(../image/column/cart_tbl_body.gif) 0 0 repeat-y;
}
#content div.tbl1,
#content div.tbl2 {
	margin: 0 0 0 0;
}
#content div.mt0 {
	margin: 0 0 0 0;
}
#content .column .top {
	height: 5px;
	font-size: 1px;
	line-height: 0;
}
#content .tbl1 .top {
	height: 5px;
	font-size: 1px;
	line-height: 0;
	background: url(../image/column/cart_tbl_top.gif) 0 0 no-repeat;
}
#content .column .bottom {
	height: 5px;
	font-size: 1px;
	line-height: 0;
	background: url(../image/column/cart_tbl_bottom.gif) 0 0 no-repeat;
}



#content .column table {
	width: 848px;
	margin: 0 1px;
	border-collapse: collapse;
	border: 0;
}
#content .column table th {
	padding: 5px 10px;
	font-size: 75%;
	line-height: 1.3;
	background: url(../image/line_tbl_head.gif) right bottom no-repeat;
	text-align: center;
/*	white-space: nowrap;	*/
}
#content .column table td {
	padding: 6px 10px;
	font-size: 75%;
	line-height: 1.3;
	background: url(../image/line_tbl_cell.gif) right top no-repeat;
	text-align: center;
}
#content .column table th.last {
	background-position: left bottom !important;
/*	background: url(../image/line_tbl_head2.gif) right bottom no-repeat;	*/
}
#content .column table td.last {
	background-position: left top !important;
}
#content .column table td select {
	font-size: 100%;
}



#content .tbl2 table th {
	width: 130px;
	padding: 8px 10px;
	font-size: 75%;
	line-height: 1.3;
	background: url(../image/line_tbl_head.gif) right top no-repeat;
	text-align: left;
}
#content .tbl2 table td {
	padding: 8px 10px;
	font-size: 75%;
	line-height: 1.3;
	background: url(../image/line_tbl_cell.gif) left top no-repeat;
	text-align: left;
}
#content .tbl2 table tr.first th {
	background-position: right bottom;
}
#content .tbl2 table tr.first td {
	background-position: left bottom;
}

#content .tbl2 .top {
	background: url(../image/column/column_890b_top.gif) 0 0 no-repeat;
}
#content .tbl2 .bottom {
	background: url(../image/column/column_890b_bottom.gif) 0 0 no-repeat;
}




#content .column640 {
	float: left;
	width: 640px;
	background: url(../image/column/column_640_body.gif) 0 0 repeat-y;
}
#content .column640 .top {
	background: url(../image/column/column_640_top.gif) 0 0 no-repeat;
}
#content .column640 .bottom {
	background: url(../image/column/column_640_bottom.gif) 0 0 no-repeat;
}
#content .column640 .body {
	padding: 10px 20px;
}
#content .column640 table {
	width: 638px;
}
#content .column640 table th {
	width: 129px;
}

#content .column640b {
	float: left;
	width: 640px;
	background: url(../image/column/column_640_body.gif) 0 0 repeat-y;
}
#content .column640b .top {
	background: url(../image/column/column_640b_top.gif) 0 0 no-repeat;
}
#content .column640b .bottom {
	background: url(../image/column/column_640b_bottom.gif) 0 0 no-repeat;
}
#content .column640b .body {
	padding: 10px 20px;
}

#content .column640c {
	float: left;
	width: 640px;
	background: url(../image/column/column_640_body.gif) 0 0 repeat-y;
}
#content .column640c .top {
	background: url(../image/column/column_640c_top.gif) 0 0 no-repeat;
}
#content .column640c .bottom {
	background: url(../image/column/column_640c_bottom.gif) 0 0 no-repeat;
}
#content .column640c .body {
	padding: 10px 20px;
}
#content .column640c table {
	width: 638px;
}
#content .column640c table th {
	width: 129px;
}

#content .column619 {
	float: left;
	width: 619px;
	background: url(../image/column/column_619_body.gif) 0 0 repeat-y;
}
#content .column619 .top {
	background: url(../image/column/column_619_top.gif) 0 0 no-repeat;
}
#content .column619 .bottom {
	background: url(../image/column/column_619_bottom.gif) 0 0 no-repeat;
}
#content .column619 .body {
	padding: 10px 20px;
}
#content .column619 table {
	width: 617px;
}
#content .column619 table th {
	width: 151px;
}


#content .tbl1 table th.wrp {
	white-space: normal;
}
#content .tbl1 table td.price,
#content .tbl1 table td.subtotal {
	text-align: right;
}
#content .tbl1 table td.code {
	text-align: left;
}
#content .tbl1 table td.iname {
	text-align: left;
}
#content .column table th.mate,
#content .column table td.mate {
	color: #ad184f;
}

#content .tbl1 table td.tname1,
#content .tbl1 table td.tname2,
#content .tbl1 table td.address {
	text-align: left;
}

#content .tbl1 table th.address {
	width: 300px;
}
#content .tbl1 table th.tel {
	width: 90px;
}
#content .tbl1 table th.detail,
#content .tbl1 table th.edit,
#content .tbl1 table th.delete,
#content .tbl1 table td.detail,
#content .tbl1 table td.edit,
#content .tbl1 table td.delete {
	width: 50px;
	padding: 6px 2px;
}
#content .tbl1 table th.size,
#content .tbl1 table th.num,
#content .tbl1 table td.size,
#content .tbl1 table td.num {
	width: 30px;
}

#content .smallCell table th {
	padding: 5px 5px;
}
#content .smallCell table td {
	padding: 6px 5px;
}

/* orderhist */
#content .smallCell table th.ocode,
#content .smallCell table td.ocode {
	width: 50px;
}
#content .smallCell table th.date,
#content .smallCell table td.date {
	width: 60px;
}
#content .smallCell table th.tname2,
#content .smallCell table td.tname2 {
	width: 200px;
}
#content .smallCell table th.payment,
#content .smallCell table td.payment {
	width: 90px;
}
#content .smallCell table th.otcode,
#content .smallCell table td.otcode {
	width: 110px;
}
#content .smallCell table th.how,
#content .smallCell table td.how {
	width: 60px;
}

/* orderdetail */
#content .smallCell table th.icode,
#content .smallCell table td.icode {
	width: 70px;
}
#content .smallCell table th.iname,
#content .smallCell table td.iname {
	width: 300px;
}
#content .smallCell table th.price,
#content .smallCell table td.price,
#content .smallCell table th.subtotal,
#content .smallCell table td.subtotal {
	width: 90px;
}
#content .smallCell table th.status,
#content .smallCell table td.status {
	width: 80px;
}


#content #usrTblBox .column613w {
	float: left;
	width: 613px;
}
#content #usrTblBox .column613w .top {
	background: url(../image/column/column_613w_top.gif) 0 0 no-repeat;
	height: 5px;
	font-size: 1px;
	line-height: 0;
}
#content #usrTblBox .column613w .bottom {
	background: url(../image/column/column_613w_bottom.gif) 0 0 no-repeat;
	height: 5px;
	font-size: 1px;
	line-height: 0;
}
#content #usrTblBox .body {
	padding: 10px 10px;
	background: #fff;
}


#content table span.required {
	color: #ad184f;
	font-size: 75%;
}

#content table td p.fnotes {
	font-size: 85%;
}
#content p.error {
	margin: 3px 0;
	padding: 0 0 0 24px;
	color: #ad184f;
	background: url(../image/icon/i_cart_error.gif) left no-repeat;
	font-size: 100%;
	font-weight: bold;
	line-height: 21px;
}

#content table td div.field {
	float: left;
}
#content table td input.button {
	float: left;
	display: inline;
	margin: 0 0 0 8px;
}
#content table td p.clear {
	clear: both;
}



#content input[type="text"] {
/*	padding: 3px;	*/
}
#content input.sss {
	width: 30px;
}
#content input.ss {
	width: 40px;
}
#content input.s {
	width: 80px;
}
#content input.ms {
	width: 140px;
}
#content input.m {
	width: 200px;
}
#content input.ml {
	width: 280px;
}
#content input.l {
	width: 400px;
}
#content table td textarea {
	width: 100%;
	font-size: 100%;
}

#content span.gray input {
	background-color: #eee;
	border: 1px solid #ccc;
}


#content .tbl2 table table,
#content .tbl2 table table th,
#content .tbl2 table table td {
	width: auto;
	padding: 0;
	font-size: 100%;
	background: none;
}

#content table table.name {
	margin: 0 0 6px 0;
}
#content table table.name th {
	width: 30px;
	padding: 2px 0 2px 0;
	text-align: left;
}
#content table table.name td {
	padding: 2px 20px 2px 2px;
	text-align: left;
}
#content table table.name tr.notes {
	font-size: 85%;
}

#content table table.phone {
	margin: 0 0 0px 0;
}
#content table table.phone th {
	padding: 6px 10px 6px 0;
	text-align: left;
}



#content table p {
	font-size: 100%;
}
#content table p.link {
	float: left;
	display: inline;
	margin: 6px 0 0 10px;
}
#content table p.link a {
	padding: 0 0 0 10px;
	background: url(../image/bl_01.gif) 0 3px no-repeat;
	color: #ad184f;
}

#content p.notes {
	margin: 4px 0 0 0;
}
#content table th p.notes,
#content table td p.notes {
	color: #444;
	font-size: 90%;
}
#content td span.notes {
	font-size: 85%;
}
#content p.right {
	text-align: right;
}
#content p.required {
	color: #ad184f;
	font-size: 65%;
	text-align: right;
}

#content ul.button {
	margin: 0 0 0 0;
}
#content ul.button li {
	float: left;
	display: inline;
	margin: 0 10px 0 0;
}
#content ul.button li.sep {
	margin-right: 0;
}




/* Navigation */
/* -------------------------------------------- */

#content #cartNav1 {
	margin: 0 0 20px 0;
}
#content #cartNav1 .right {
	padding: 0 20px 0 0;
}

#content #cartNav2 {
	float: left;
	margin: 30px 0 8px 0;
}

#content .nav1c {
	float: left;
	width: 640px;
	text-align: center;
}

#content .nav2c {
}
#content .nav2c .left {
	float: left;
}
#content .nav2c .right {
	float: right;
}

#content #cartNav2 .left {
	width: 320px;
}
#content #cartNav2 .right {
	width: 320px;
	text-align: right;
}

#content #cartNav3 {
	margin: 30px 0 8px 0;
}


#content img.bnCall {
	float: left;
	display: block;
	margin: 30px auto 30px auto;
}



/* uedit */

body#uedit .username,
body#uedit_yn .username {
	font-size: 120%;
}
body#uedit_conf .nav1c {
	margin: 40px 0 0 0;
}


/* release */

body#release p.userHead {
	margin: 30px 0 6px 0;
}
body#release p.userHead .username {
	font-size: 120%;
}


/* terms */

#content #usrTblBox .terms {
	padding: 4px 20px 1px 20px;
	text-align: center;
}
#content #usrTblBox .terms h2 {
	width: 600px;
	margin: 0;
	padding: 0;
}
#content #usrTblBox .terms textarea {
	width: 580px;
	margin: 10px 0;
	font-size: 65%;
	line-height: 1.5;
}


/* umindex_code */

body#umindex_code #umcode1 .column619 {
	margin: 10px auto 20px auto;
}
body#umindex_code #umcode1 div.button {
	width: 619px;
	margin: 0 0 10px 0;
	text-align: center;
}

body#umindex_code #umcode2 {
	margin: 12px 0 0 0;
}
body#umindex_code #umcode2 img.head {
	float: left;
	display: block;
	margin: 0 0 20px 0;
}
body#umindex_code #umcode2 img.pic {
	float: left;
}
body#umindex_code #umcode2 div.text {
	float: right;
	width: 240px;
}
body#umindex_code #umcode2 div.text p {
	margin: 0 0 10px 0;
}


/* todokelist */

body#todokelist .username {
	font-size: 120%;
}
body#todokelist div.right {
	text-align: right;
}
body#todokelist #todokeTbl1 {
	margin: 10px 0 30px 0;
}


/* orderhist */

body#orderhist #orderTbl1 {
	margin: 0 0 30px 0;
}


/* orderdetail */

body.order .username {
	font-size: 120%;
}
body#orderdetail div#orderTbl2 {
	margin: 40px 0 0 0;
}
body#orderdetail div#price {
	float: right;
	width: 100%;
	text-align: right;
}
body#orderdetail div#price .box {
	float: right;
	width: 230px;
}
body#orderdetail div#price p {
	width: 230px;
}
body#orderdetail div#price p.subtotal {
	padding: 8px 0;
}
body#orderdetail div#price p.total {
	padding: 4px 0;
	border-top: 1px solid #d3c6cd;
	color: #ad184f;
	font-size: 75%;
}
body#orderdetail div#price p.total strong {
	font-size: 130%;
}
body#orderdetail div#price p.point {
	width: 230px;
	height: 26px;
	background: url(../image/bg_orderdetail_point.gif) 0 no-repeat;
	text-align: center;
	line-height: 26px;
}


/* collection */

body#collection .username {
	font-size: 120%;
}
body#collection .itemList .item div.button {
	margin: 4px 0 0 0;
	padding: 8px 0 3px 0;
	background: url(../image/line_01.gif) left top repeat-x;
}
body#collection .itemList .item div.button input.delete {
	display: block;
	width: 47px;
	margin: 0 auto;
}


/* follow */

body#follow h2.support {
	float: left;
	margin: 30px 0 10px 0;
}

body#follow dl {
	width: 464px;
	margin: 0 0 6px 0;
}
body#follow dl dt {
	clear: left;
	float: left;
	width: 20px;
	margin: 8px 0 0 0;
	padding: 0 0 0 3px;
}
body#follow dl dd {
	float: left;
	width: 438px;
	margin: 8px 0 0 0;
	padding: 0 0 0 3px;
	font-size: 90%;
}
body#follow dl dt.first,
body#follow dl dd.first {
	height: 32px;
	margin: 0;
	padding: 16px 0 0 3px;
	background: #f3f3f3;
	font-size: 100%;
}
*html body#follow dl dt.first,
*html body#follow dl dd.first {
	height: 40px;
}
body#follow dl dd div.box {
	float: left;
	display: block;
	width: 438px;
	padding: 4px 0 0 0;
}
body#follow dl dd p.fnotes {
	float: left;
	display: block;
	width: 438px;
	padding: 4px 0 6px 0;
	line-height: 1.3;
}
body#follow dl dd .box span.head {
	width: 120px;
	line-height: 25px;
}

body#follow td .checklist li {
	float: left;
	width: 140px;
	margin: 6px 0 0 0;
}


/* follow_index */

body#follow_index div.index {
	width: 640px;
	margin: 25px 0 0 0;
}
body#follow_index div.index h2 {
	margin: 0 0 10px 0;
}

body#follow_index div.index .box {
	width: 310px;
}
body#follow_index div.index .left {
	float: left;
}
body#follow_index div.index .right {
	float: right;
}

body#follow_index div.index .box p {
	line-height: 1.5;
}
body#follow_index .nav1c {
	margin: 40px 0 0 0;
}
body#follow_index .nav1c p {
	margin: 0 0 20px 0;
}


/* follow_index */

body#mypage #pointTbl {
	margin: 4px 0 0 0;
}
body#mypage #pointTbl th,
body#mypage #pointTbl td {
	padding: 3px 10px;
}

body#mypage #content #usrTblBox .username {
	float: left;
	font-size: 130%;
}

body#mypage #content #usrTblBox p.name {
	float: left;
	width: 400px;
	margin: 0 0 0 0;
	padding: 6px 0;
}
body#mypage #content #usrTblBox p.name span.ttl {
	line-height: 2.2;
}

body#mypage #content #usrTblBox ul.icon {
	float: right;
	margin: 8px 8px 0 0;
}
body#mypage #content #usrTblBox ul.icon li {
	float: left;
	margin: 0 0 0 5px;
}
body#mypage #content #usrTblBox ul.icon li img {
	display: block;
}
<!-- 修正090407 -->
body#mypage #content #usrTblBox div.support {
	float: left;
	width: 350px;
	padding: 0 0 0 0;
	display: inline;
}
body#mypage #content #usrTblBox img.head {
	margin: 11px 0 5px 0;
}
body#mypage #content #usrTblBox div.mate {
	float: right;
	width: 232px;
	display: inline;
	padding: 0 0 0 0px;
}
body#mypage #content #usrTblBox div.support2 {
	float: left;
	display: inline;
	width: 297px;
	padding: 0 0 0 0;
	background: url(../image/line_02.gif) right top repeat-y;
}
body#mypage #content #usrTblBox div.mate2 {
	float: right;
	width: 286px;
	display: inline;
	padding: 0 0 0 0;
}
body#mypage #content #usrTblBox div.support2 img,
body#mypage #content #usrTblBox div.mate2 img {
	display: block;
}
body#mypage #content #usrTblBox div.support2 .links,
body#mypage #content #usrTblBox div.mate2 .links {
	margin: 0 0 0 50px;
}
body#mypage #content #usrTblBox img.msg {
	float: left;
	display: inline;
	margin: 6px 0 6px 0;
}
<!-- /修正090407 -->
body#mypage #content #usrTblBox .button {
	float: left;
	display: block;
}
body#mypage #content #usrTblBox ul.glink {
	clear: both;
	width: auto !important;
	padding: 8px 0 0 0;
}
body#mypage #content #usrTblBox ul.glink li {
	width: auto !important;
	margin: 0 0 4px 0;
	padding: 0 0 4px 8px;
	background: url(../image/bl_01.gif) 0 4px no-repeat;
	font-size: 65%;
	line-height: 1.3;
}
body#mypage #content #usrTblBox ul.glink li.win {
	padding: 2px 0 2px 16px;
	background: url(../image/bl_03.gif) 0 2px no-repeat;
}

body#mypage #content h2#hlPoint {
	margin-top: 30px;
}



/* t_conf */

body#t_conf .column640 {
}
body#t_conf .nav1c {
	margin: 30px 0 0 0;
}





/* clearfix */
/* -------------------------------------------- */

h2:after,
dl.notes:after,
ul.button:after,
.nav1c:after,
.nav2c:after,
img.bnCall:after,
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 1px;
	line-height: 0;
}

/* (for IE7 and Mac IE5) */
#content h2,
dl.notes,
ul.button,
.nav1c,
.nav2c,
img.bnCall,
.clearfix {
	display: inline-block;
}

/* (for IE5-6) */
/* Hides from IE-mac \*/
* html dl.notes,
* html ul.button,
* html .nav1c,
* html .nav2c,
* html .clearfix {
	height: 1%;
}
dl.notes,
ul.button,
.nav1c,
.nav2c,
img.bnCall,
.clearfix {
	display: block;
}
/* End hide from IE-mac */

