@charset "UTF-8";
/* **************************************************************************
 * @説明@   ベースレイアウト [デザインコンテンツ]
 *
 * @制作@   H.Tanaka 2008/00/00
 * @編集@
 * @編集@
 * @編集@
 * @ver@    1.00
 * @cssver@ 2.1
 * ************************************************************************** */

/* ==========================================================================
 * @名前@ .firstBlock
 * @説明@ 上段ブロック
 * --------------------------------------------------------------------------
 * #Header > .firstBlock
 * ========================================================================== */
div#Header div.firstBlock {
	border-width:0 0 2px;
	border-style:dotted;
	padding:8px 10px 4px;
	width:1000px;
	text-align:left;
}
div#Header div.firstBlock div.readColumn {
	float:left;
	width:500px;
}
div#Header div.firstBlock div.subMenuColumn {
	float:right;
	width:430px;
	text-align:right;
}
div#Header div.firstBlock div.subMenuColumn ul {
	list-style:none;
	margin:0;
	padding:0 5px;
}
div#Header div.firstBlock div.subMenuColumn ul li {
	display:inline;
	margin:0;
	padding:0;
}
div#Header div.firstBlock div.subMenuColumn ul li a {
	white-space:nowrap;
}


/* ==========================================================================
 * @名前@ .middleBlock
 * @説明@ 中段ブロック
 * --------------------------------------------------------------------------
 * #Header > .middleBlock
 * ========================================================================== */
div#Header div.middleBlock {
	position:relative;
	left:0;
	top:0;
	width:1020px;
	text-align:left;
}
div#Header div.middleBlock div.logoColumn {
	width:370px;
}
div#Header div.middleBlock div.searchColumn {
	position:absolute;
	right:5px;
	bottom:7px;
	width:570px;
	text-align:right;
}
div#Header div.middleBlock div.searchColumn input.iptWord {
	width:185px;
}


/* ==========================================================================
 * @名前@ .lastBlock
 * @説明@ 下段ブロック
 * --------------------------------------------------------------------------
 * #Header > .lastBlock
 * ========================================================================== */
div#Header div.lastBlock {
	margin:0 auto;
	padding:0 0 1px;
	width:956px;
	background-position:left top;
	background-repeat:no-repeat;
	text-align:left;
}
div#Header div.lastBlock ul.mainNaviList {
	list-style:none;
	float:left;
	margin:0;
	padding:2px 0 3px 5px;
	width:730px;
	height:32px;
}
div#Header div.lastBlock ul.mainNaviList li {
	float:left;
	width:95px;
}
div#Header div.lastBlock ul.outerNaviList {
	list-style:none;
	float:right;
	margin:0;
	padding:2px 9px 3px 0;
	width:130px;
	height:32px;
}
div#Header div.lastBlock ul.outerNaviList li {
	float:right;
	width:125px;
}
 div#Header div.lastBlock ul li a
,div#Header div.lastBlock ul li em
,div#Header div.lastBlock ul li span {
	overflow:hidden;
	display:block;
	outline:none;
	width:100%;
	height:32px;
	background-color:transparent;
	background-repeat:no-repeat;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
}
 div#Header div.lastBlock ul li a:link
,div#Header div.lastBlock ul li a:visited {
	background-position:0 0;
}
 div#Header div.lastBlock ul li a:hover
,div#Header div.lastBlock ul li a:active
,div#Header div.lastBlock ul li em {
	background-position:0 -32px;
}
div#Header div.lastBlock ul li span {
	background-position:0 -64px;
}


/* ==========================================================================
 * @名前@ .extensionBlock
 * @説明@ 拡張ブロック
 * --------------------------------------------------------------------------
 * #Header > .extensionBlock
 * ========================================================================== */
div#Header div.extensionBlock {
	overflow:hidden;
	padding-bottom:1px;
	width:1020px;
	height:auto;
}


/* ==========================================================================
 * @名前@ #LeftContent
 * @説明@ レフトコンテンツ
 * --------------------------------------------------------------------------
 * #Container > #LeftContent
 * ========================================================================== */
div#LeftContent {
	float:left;
	margin:0;
	padding:0 0 15px 0;
	width:180px;
	text-align:left;
}


/* ==========================================================================
 * @名前@ p.lcHdr001
 * @説明@ p No.001
 * --------------------------------------------------------------------------
 * #LeftContent > p.lcHdr001
 * ========================================================================== */
div#LeftContent p.lcHdr001 {
	margin-bottom:5px;
	padding-left:15px;
	width:185px;
	background-position:0 0.3em;
	background-repeat:no-repeat;
	font-size:115%;
	line-height:150%;
	font-weight:bold;
	text-align:left;
}


/* ==========================================================================
 * @名前@ p.lcHdr002
 * @説明@ p No.002
 * --------------------------------------------------------------------------
 * #LeftContent > p.lcHdr002
 * ========================================================================== */
div#LeftContent p.lcHdr002 {
	margin-bottom:3px;
	width:200px;
	text-align:left;
}
 div#LeftContent p.lcHdr002 a
,div#LeftContent p.lcHdr002 em {
	overflow:hidden;
	display:block;
	outline:none;
	width:100%;
	height:24px;
	background-color:transparent;
	background-repeat:no-repeat;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
}
 div#LeftContent p.lcHdr002 a:link
,div#LeftContent p.lcHdr002 a:visited {
	background-position:0 0;
}
 div#LeftContent p.lcHdr002 a:hover
,div#LeftContent p.lcHdr002 a:active
,div#LeftContent p.lcHdr002 em {
	background-position:0 -24px;
}


/* ==========================================================================
 * @名前@ p.lcHdr003
 * @説明@ p No.003
 * --------------------------------------------------------------------------
 * #LeftContent > p.lcHdr003
 * ========================================================================== */
div#LeftContent p.lcHdr003 {
	width:200px;
	font-weight:bold;
	text-align:left;
}
 div#LeftContent p.lcHdr003 a
,div#LeftContent p.lcHdr003 em {
	display:block;
	outline:none;
	padding:0.3em 4px 0.2em 26px;
	width:170px;
	background-position:7px 0.5em;
	background-repeat:no-repeat;
}


/* ==========================================================================
 * @名前@ .lc1stSecBlock001
 * @説明@ 1stセクションブロック No.001
 * --------------------------------------------------------------------------
 * #LeftContent > .lc1stSecBlock001
 * ========================================================================== */
div#LeftContent div.lc1stSecBlock001 {
	border-width:0 0 2px;
	border-style:dotted;
	padding:15px 10px;
	width:200px;
}


/* ==========================================================================
 * @名前@ .lc1stSecBlock002
 * @説明@ 1stセクションブロック No.002
 * --------------------------------------------------------------------------
 * #LeftContent > .lc1stSecBlock002
 * ========================================================================== */
div#LeftContent div.lc1stSecBlock002 {
	padding:15px 10px;
	width:200px;
}


/* ==========================================================================
 * @名前@ .iSearchBlock
 * @説明@ 商品検索ブロック
 * --------------------------------------------------------------------------
 * #LeftContent > .iSearchBlock
 * ========================================================================== */
form#LcSearchForm {
	position: relative;
	margin-bottom:15px;
}

div#LeftContent input.iptWord {
	width:152px;
	height:21px;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 0 0 5px;
	margin-top: 5px;
}

div#LeftContent input.iptWordImg {
	margin-top: 5px;
	position: absolute;
	left: 153px;
}


/* ==========================================================================
 * @名前@ .cartBox
 * @説明@ 商品カートブロック
 * --------------------------------------------------------------------------
 * #LeftContent > .cartBox
 * ========================================================================== */
div#LeftContent div.cartBox{
	padding:9px 5px 5px 5px;
	margin-bottom:15px;
	border-width:0 1px 1px 1px;
	border-style:solid;
	-webkit-border-radius:0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
}

div#LeftContent p.btnRule{
	margin-top:9px;
	padding-bottom:2px;
	text-align:center;
}

div#LeftContent p.UNQGRBgUqMypage{
	padding-left: 5px;
}

div#LeftContent p.UNQGRBgUqMypage a {
	display: block;
	overflow: hidden;
	height: 0px;
	padding-top: 30px;
	margin: 10px 0px;
	background-image:url(/cygames/img/d/lf_btn_mypage.png);
	background-repeat:no-repeat;
}

div#LeftContent p.UNQGRBgUqMypage a:hover {
	background-position: 0 -30px;
}

div#LeftContent p.UNQGRBgUqCart{
	padding-left: 5px;
}

div#LeftContent p.UNQGRBgUqCart a {
	display: block;
	overflow: hidden;
	height: 0px;
	padding-top: 30px;
	margin: 10px 0px;
	background-image:url(/cygames/img/d/lf_btn_cart.png);
	background-repeat:no-repeat;
}

div#LeftContent p.UNQGRBgUqCart a:hover {
	background-position: 0 -30px;
}

div#LeftContent div.cartBox span.cartCount{
	margin-left:3px;
	font-weight: bold;
}

div#LeftContent div.cartBox span.orderPrice{
	margin-right:3px;
	font-size: 115%;
	font-weight: bold;
	float: right;
}

div#LeftContent div.cartBox p.sbjRule{
padding-left:10px;
background-repeat:no-repeat;
background-position: left center;}

div#LeftContent div.cartBox div.inCartBox{
padding-left:46px;
padding-bottom:5px;
padding-top:5px;
background-repeat:no-repeat;
background-position: left center;}

div#LeftContent div.cartBox div.noCartBox{
/*margin-left:10px;*/
font-size: 80%;
padding:5px;
text-align: center;
}

div#LeftContent div.cartBox div.inCartBox span{
font-weight:bold;
font-size:130%;}


/* ==========================================================================
 * @名前@ .loginBlock
 * @説明@ ログイン
 * --------------------------------------------------------------------------
 * #LeftContent > .loginBlock
 * ========================================================================== */
div#LeftContent div.loginBlock {
	padding:9px 5px 5px;
	margin-bottom:15px;
	border-width:0 1px 1px 1px;
	border-style:solid;
	-webkit-border-radius:0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
}
div#LeftContent div.loginBlock span.IdPass{
	font-family: Calibri;
	font-size:120%;
	font-weight: bold;
}
div#LeftContent div.loginBlock ul {
	list-style:none;
	margin:0;
	padding:2px 0 0 0;
}
div#LeftContent div.loginBlock ul li {
	margin:0;
	padding:0 0 5px;
	text-align:right;
}
div#LeftContent div.loginBlock ul li.chkRule {
	font-size:90%;
	line-height:140%;
}
 div#LeftContent div.loginBlock ul input.iptID
,div#LeftContent div.loginBlock ul input.iptPwd {
	margin-left:2px;
	width:120px;
	text-align:left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
div#LeftContent div.loginBlock p.linkRegistRule {
	width:180px;
	padding-bottom:2px;
	text-align:left;
}
div#LeftContent div.loginBlock p.linkRegistRule a {
	float:right;
	background-position:0 0.1em;
	background-repeat:no-repeat;
	padding:0 0 3px 16px;
}
div#LeftContent div.loginBlock p.linkForgetRule {
	padding-top:5px;
	padding-bottom:5px;
	font-size:90%;
	line-height:140%;
	text-align:center;
}


/* ==========================================================================
 * @名前@ .registBlock
 * @説明@ アカウント登録
 * --------------------------------------------------------------------------
 * #LeftContent > .registBlock
 * ========================================================================== */
div#LeftContent div.registBlock {
	margin-bottom:15px;
}

/* ==========================================================================
 * @名前@ .iCtgBlock
 * @説明@ 商品カテゴリブロック
 * --------------------------------------------------------------------------
 * #LeftContent > .iCtgBlock
 * ========================================================================== */
div#LeftContent div.iCtgBlock {
}


/* ==========================================================================
 * @名前@ .secureBlock
 * @説明@ セキュア表示ブロック
 * --------------------------------------------------------------------------
 * #LeftContent > .secureBlock
 * ========================================================================== */
div#LeftContent div.secureBlock {
}
div#LeftContent div.secureBlock div.secStickerColumn {
	padding-left:5px;
}


/* ==========================================================================
 * @名前@ .lc2ndSecBlock001
 * @説明@ 2ndセクションブロック No.001
 * --------------------------------------------------------------------------
 * #LeftContent > .lc2ndSecBlock001
 * ========================================================================== */
div#LeftContent div.lc2ndSecBlock001 {
	padding-bottom:15px;
	width:190px;
}


/* ==========================================================================
 * @名前@ .lc2ndSecBlock002
 * @説明@ 2ndセクションブロック No.002
 * --------------------------------------------------------------------------
 * #LeftContent > .lc2ndSecBlock002
 * ========================================================================== */
div#LeftContent div.lc2ndSecBlock002 {
	padding:2px 0px 5px ;
	width:190px;
}


/* ==========================================================================
 * @名前@  .subList
 * @説明@ 2ndセクションブロック ライン用
 * --------------------------------------------------------------------------
 * #LeftContent > .lc2ndSecBlock002
 * ========================================================================== */
div#LeftContent div.subList {
	border-width:2px 0px 0px 0px;
	border-style:solid;
	margin: 5px 0px 0px 0px;
	padding-top: 10px;
}

/* ==========================================================================
 * @名前@  .subList
 * @説明@ 2ndセクションブロック ライン用
 * --------------------------------------------------------------------------
 * #LeftContent > .lc2ndSecBlock002
 * ========================================================================== */
div#LeftContent div.subList2 {
	border-width:2px 0px 0px 0px;
	border-style:dotted;
	margin: 5px 0px 0px 0px;
	padding-top: 10px;
}


/* ==========================================================================
 * @名前@ .lc1stUl001
 * @説明@ 順不同リスト第1階層 No.001
 * --------------------------------------------------------------------------
 * #LeftContent > .lc1stUl001
 * ========================================================================== */
div#LeftContent ul.lc1stUl001 {
	list-style:none;
	width:180px;
}
div#LeftContent ul.lc1stUl001 li {
	list-style:none;
	padding:3px 0 6px 3px;
	margin-right: 4px;
	border-width:0 0 1px 0;
	border-style:dotted;
}
div#LeftContent ul.lc1stUl001 li:before {
	margin-right: 2px;
	color: #cc0033;
	content:"-";
}

div#LeftContent p.lcNoteRule001 {
	left: 0;
	margin-top: 1px;
	position: relative;
	text-align: left;
	top: 0;
	width: 100%;
	padding:9px 0 11px 3px;
	border-width:0 0 1px 0;
	border-style:dotted;
}

div#LeftContent p.lcNoteRule001 span.lcMarkColumn {
	color: #cc0033;
	width: 1.2em;
	display: block;
	left: 0;
	margin: 0;
	padding-top: 7px;
	padding-left: 1px;
	position: absolute;
	top: 0;
}

div#LeftContent p.lcNoteRule001 span.lcReadColumn {
	padding-left: 1em;
	display: block;
	margin: 0;
	font-weight: bold;
}

div#LeftContent p.lcNoteRule001 span.lcReadColumn a{
	text-decoration:none;
	font-size: 11px;
	letter-spacing:normal;
	font-weight:normal;
}

div#LeftContent p.lcNoteRule001 span.lcReadColumn a:hover
{
	color:#c40000;
}


/* ==========================================================================
 * @名前@ #RightContent
 * @説明@ ライトコンテンツ
 * --------------------------------------------------------------------------
 * #Container > #RightContent
 * ========================================================================== */
div#RightContent {
	float:right;
	padding:10px 9px 15px;
	width:202px;
}


/* ==========================================================================
 * @名前@ .rc1stSecBlock001
 * @説明@ 1stセクションブロック No.001
 * --------------------------------------------------------------------------
 * #RightContent > .rc1stSecBlock001
 * ========================================================================== */
div#RightContent div.rc1stSecBlock001 {
	margin-bottom:10px;
	padding-bottom: 15px;
	border-width:1px;
	border-style:solid;
	width:200px;
}
div#RightContent div.rcSecContent {
	padding:10px 10px 0;
	width:180px;
}


/* ==========================================================================
 * @名前@ .mymenuBlock
 * @説明@ マイメニュー
 * --------------------------------------------------------------------------
 * #RightContent > .mymenuBlock
 * ========================================================================== */
div#RightContent div.mymenuBlock{
}

div#RightContent div.mymenuBlock div.profBox{
padding-bottom:5px;
margin-bottom:7px;
border-bottom:1px solid;
}

div#RightContent div.mymenuBlock div.profBox p.memNoRule{
padding-bottom:5px;
text-align:left;}

div#RightContent div.mymenuBlock div.profBox p.nameRule{
font-size:110%;
text-align:right;
padding-bottom:5px;
font-weight:bold;
}

div#RightContent div.mymenuBlock div.profBox table.pointBlock{
margin-left: 10px;
}

div#RightContent div.mymenuBlock div.profBox p.pointNumber{
font-size:110%;
margin-left: 10px;
font-weight:bold;
text-align:right;
}

div#RightContent div.mymenuBlock div.profBox p.btnRule{
margin-top:5px;
padding-bottom:2px;
text-align:right;}


/* ==========================================================================
 * @名前@ .worksBlock
 * @説明@ 作品別表示
 * --------------------------------------------------------------------------
 * #LeftContent > .worksBlock
 * ========================================================================== */
div#LeftContent div.worksBlock {
	padding:0 5px 5px;
	margin-bottom:15px;
	border-width:0 1px 1px 1px;
	border-style:solid;
	-webkit-border-radius:0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
}