@charset "utf-8";

@import url('/css/zoom_ie.css');

body {
}




div.header .menu{
	/*height:12px !important;*/
	margin:0px 0 0px 0;
	padding:10px 0 0px 0 !important;
	overflow:hidden;
	height:34px !important;
	
}
.menu .rmenu{
}

div.srchframe .header,div.favoriteframe .header{
	position:relative !important;
	height:150px !important;
	width:100% !important;
	z-index:10 !important;
}
/**searchbox*/

.srchboxArea .check {top:9px;right:185px; width:30px;}
.srchboxArea .check label{ display:none !important;/*position:absolute;top:9px;right:-40px;width:80px; outline:none;*/}

.option .opOpenbtn{
		height:20px !important;
		background-position:-675px -108px !important;
		padding-bottom:-2px !important;
	}

.srchboxArea .opBox1 input{margin-top:6px;}
.srchboxArea .opBox1 select{margin-top:6px;}

 　/*検索ボックス*/
  .searchArea .srchBox input{border:none !important;}

	.srchOptionArea .cont{z-index:500;}

	.option .srchOptionArea{
	/*left:330px !important;	*/
	}

	
	

/**top categoryArea*/
div.categorylistArea{
	margin:37px 0 0 0px !important;
	padding:0px 0 0 78px !important;
	width:222px !important;
}


.categorylistArea select{font-size:108%;
line-height:143.1%;
border:1px #F00;
background:#999;
height:40px;
width:250px;
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro W3', 'ＭＳ Ｐゴシック', Arial, verdana, sans-serif;
}

/*ミニお気に入り*/

div.srchframe .lbox{
	position:absolute !important;
	top:270px;
}


/*パンくず*/

.topArea .rbox .cfoot{
	background-position:0px 3px !important;
	text-align:right !important;}
.topArea .rbox .cfoot span{
	width:10px;height:10px !important;
	background:url(/img/top/rb.png) no-repeat;background-position:0px 3px !important;
	}


.tpathArea{
	z-index:-100 !important;
}


.tpathArea .dispSetting{padding-top:5px;}
.tpathArea .dispSetting #body_m_ctrlTopicPath_m_ctrlPageNum{margin:0;padding-left:5px}

.sChild1,.sChild2,.sChild3{	width:inherit !important;}

.sChild1 .text,.sChild2 .text,.sChild3 .text{
	width:inherit !important;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro W3','ＭＳ Ｐゴシック', Arial,verdana,sans-serif !important;}


	.filterOption1{width:250px !important;}
	.filterOption2{width:190px !important;}

	/*影をなくす*/
	.filterOption1 td.sdwl,.filterOption2 td.sdwl{background:none !important;}
	.filterOption1 td.sdwb,.filterOption2 td.sdwb{background:none !important;}
	.filterOption1 td.sdwlb,.filterOption2 td.sdwlb{background:none !important;}


/*.tpathArea .pulldown,.tpathArea .pullup,.tpathArea .delbtn{width:16px;height:16px !important;}
.tpathArea .pulldown {background-position:-101px 0px;cursor:pointer;margin:0px 4px 0 0;}
*/

.tpathArea .pulldown{background-position:-101px 0px;cursor:pointer;margin:8px 4px 0 0;height:16px !important;overflow:hidden}
.tpathArea .pullup{cursor:pointer;margin:8px 4px 0 0;height:16px !important;overflow:hidden}


.tpathCont{	height:32px !important;	}


.srchframe .tpathArea .tBottom,.favoriteframe .tpathArea .tBottom{
	background:url(/img/common/bshadow-trans.png) repeat-x !important;
}
.frame .tpathArea .tBottom{
	background:url(/img/common/bshadow-white.png) repeat-x !important;
}
.srchframe .footer .fTop,.favoriteframe .footer .fTop{
	background-color:#F00 !important;
	background:url(/img/common/fshadow-trans.png) bottom repeat-x !important;
}
.frame .footer .fTop{
	background:url(/img/common/fshadow-white.png) bottom repeat-x !important;
}
.topfoot .footer .fTop{background:#4D4D4D !important;}


div.frame .mainContainer{height:500px !important;}
div.srchframe .mainContainer {margin-top:20px !important;}
div.favoriteframe .mainContainer {margin-top:0px !important;}
div.frame .mainContainer{height:500px !important;}

.mainContainer .resultArea{
	margin:0px 0 0 70px !important;
	padding:0px 0 0 0px !important;
}
.mainContainer .result_zero{height:450px !important;}

.mainContainer .cartArea{height:500px !important;}

.historyArea .head{
	margin:16px 21px 0px 21px !important;
	height:16px !important;
}

/*詳細情報*/
.dInner .leftArea{}
.leftCont .btns{margin:4px auto 20px auto !important;width:300px !important;/*width:247px;*/}

/*詳細情報infoライン */
.infoArea div.first-child,.priceArea div.first-child{border:none !important}
/*.priceArea .colum2 .jqformUIsW  a.jqformUIsOpen {top:-1px !important;}
*/
.infoArea div,.priceArea div{/* IE-expression (first-child) */
behavior: expression(
this.className += (this.previousSibling == null) ? " first-child" : "",
this.style.behavior = "none"
);
}
/*.colum .cartbtn,.colum .cartbtn_dis,.colum2 .entrybtn,.colum2 .entrybtn a{background:url(/img/imagedetail/ie6cartbtn.png) no-repeat !important;}*/
/*
.priceArea .colum .cartbtn{background-position:0px 0px !important;}
.priceArea .colum:hover .cartbtn{background-position:0px -0px !important;}
.priceArea .colum .cartbtn_dis{background-position:0px -46px !important;}

.priceArea .colum2 .entrybtn{background-position:0px -46px !important;}
.priceArea .colum2 .entrybtn a{background-position:0px -69px !important;}
.priceArea .colum2 .entrybtn a:hover{background-position:0px -92px !important;}
*/
.priceArea .colum2 .tCont select{width:263px !important;}
/*.priceArea .colum2 .jqformUIsW  a.jqformUIsOpen {margin-top:1px !important;}
*/

.shareArea .colum a.twitter{line-height:31px !important;width:auto !important}
.shareArea .colum a.mail{line-height:31px !important;width:auto !important}



.shareArea .permalink input{width:300px !important;}
/*.ss .jqformUIin div input {margin: 3px 0 0 -4px !important;}
*/




/**form-----------*/

/** cart **/
.cartFrame .pSelect{margin:10px 0 0 0;}
.pSelect .delbtn{float:right;width:110px;height:20px;margin:10px 5px 0px 0px !important;}

.cartArea select{z-index:1 !important;}





/*login */
.loginArea .inputArea .btns{
	width:475px;
}
.loginArea .inputArea .loginbtn,.loginArea .registerArea .registbtn{
		background:none;
}




/**新規登録*/	
.registArea .inputArea .cont{width:500px !important;}
	
.registArea .inputArea #name input{width:100px !important;float:left !important;}
.registArea .inputArea #name label.midashi{height:20px !important;width:30px !important;float:left !important;display:block !important;text-align:right}
	
.registArea label.error{margin-left:11px;width:330px !important;}

.registArea div.help{margin-left:7px;width:330px !important;}
.registArea .inputArea #mailmagazine input{width:14px !important;float:left !important;height:30px;}
.registArea .inputArea #mailmagazine label{width:200px !important;float:left !important;height:30px;margin:0 10px 0 10px;}
.registArea .inputArea input{margin-top:6px;}
.registArea .inputArea select{margin-top:6px;}
	
.registArea .btns{margin:0;padding:0}
.registArea .btns input{margin:0;padding:0}

.registArea .btnframe input{margin:0;padding:0}
/*top**/

/*2個ボタンのset*/
.btns .twobtn{width:400px;}

/*planstart*/
.planArea .twobtn{width:400px;}

/*購入手続き*/
	/*購入エラー*/
	.paymentArea .errorArea{
		top:4px;
	}

	/*カード*/
	.inputArea #name label.midashi{
				width:27px;
				height:40px;
				line-height:40px;
				cursor:default !important;
				color:#4C4C4C;
				margin:0;
				padding:0;
			}
	
	.purchaseArea .inputArea input{margin-top:6px !important;}
	.purchaseArea .inputArea select{margin-top:6px !important;}
	.purchaseArea .inputArea .btns input{margin-top:0px !important;}
	
	.purchaseArea .inputArea .cardsave input{width:14px !important;float:left !important;height:30px;}
	.purchaseArea .inputArea .cardsave label{width:60px !important;float:left !important;height:30px;margin:0 10px 0 10px;}
	.purchaseArea .inputArea{position:relative}
	.purchaseArea .inputArea .slink{height:20px !important;margin:0 0 0px 140px !important;padding:0 !important;position:relative !important}
	.purchaseArea .inputArea .slink a{height:20px !important;margin:0 0 0px 0px !important;padding:0 !important;position:absolute !important;top:-30px}
	.inputArea .limit select{float:left;}
	
	.inputArea .limit .sh{
				float:left;
				width:27px;
				height:40px;
				line-height:40px;
				margin:0 0px 0 4px;
				padding:0;
			}


	/*完了銀振*/
	.paymentArea .matrix,.paymentArea .matrix2{margin:20px 0 20px 0;}

/*アンケート*/
.questArea .error textarea{	background-color:#FCC}
.purchaseArea .btn input{margin-top:0px !important}


/*ログイン*/
	/** error **/
	#idbox{position:relative !important;}
	#idbox input,#resetmailbox input{height:22px;padding-top:6px;}
	#passbox{position:relative !important;}
	#idbox .errorArea,#passbox .errorArea{
		background: transparent url(/img/login/errorbox-trans.png) no-repeat top right;
		position:absolute;
		width:253px;
		height:80px;
		left:470px;
	}
	/*error*/
	#idbox .errorArea{top:10px;}
	#passbox .errorArea{top:20px;}

	.errorArea .words{margin:10px 20px 0 24px;color:#C00;
	}
	.errorArea span{display:block;}
/*パスリセット*/
	/** error **/
	#resetmailbox .errorArea{
			background: transparent url(/img/login/errorbox_l.png) no-repeat top right;
			position:absolute;
			width:253px;
			height:124px;
			top:-5px;
			left:470px;
	}
	#resetmailbox .errorArea a:link,#resetmailbox .errorArea a:visited{
		text-decoration:underline;
		color:#C00;
	}
	#resetmailbox .errorArea a:hover,#resetmailbox .errorArea a:active{
		text-decoration:underline;
		color:#FFF;
	}

	#passbox1,#passbox2{position:relative !important;}

	#passbox1 .errorArea,#passbox2 .errorArea{
		background: transparent url(/img/login/errorbox-trans.png) no-repeat top right;
		position:absolute;
		width:253px;
		height:80px;
		left:470px;
		}
	#passbox1 .errorArea{top:10px;}
	#passbox2 .errorArea{top:20px;}

	#passbox1 .errorArea .words,#passbox2 .errorArea .words{
		width:225px;
		margin:15px 0 0 25px;
		color:#C00;
	}



/*フォーム*/
.generalform .inputArea .line2 .title{width:600px;height:30px;text-align:left;}
.generalform .inputArea .line2 .cont{width:600px;height:40px;position:relative;}
/*.generalform .inputArea .title{margin-right:20px !important;height:36px !important;line-height:36px !important;}*/
.generalform .inputArea #mail1 .title{margin-right:20px !important;height:36px !important;padding:4px 0 0 0 !important;}
.generalform .inputArea input{width:290px !important;margin-top:6px;}
.generalform .inputArea select{margin-top:6px;}
.generalform .inputArea textArea{width:331px !important;}
.generalform .btns{margin-top:0px !important;text-align:center;}

.generalform div.help {top:-10px !important;left:307px !important;}
.generalform label.error {top:-10px !important;padding:0px 2px 0px 20px !important;}

/*退会フォーム*/
.generalform .inputArea #impression input{width:14px !important;}
.generalform .inputArea #reason input{width:14px !important;}

.generalform .inputArea #reason textarea{position:absolute;margin:10px !important;left:50px;}
.generalform .inputArea #reason .help{top:60px !important;left:447px !important;}

/*ご意見フォーム*/
.commentArea .line .cont label{margin-right:4px;}
.commentArea label.error {left:450px !important;}
.commentArea .radioframe .line{border-top:none !important;border-bottom:1px dotted #CCC !important;}
.commentArea .textframe .line .cont input{margin-top:10px;}
.commentArea .textframe .line .cont textarea{margin-left:0px;width:320px;height:60px;}
.commentArea .textframe .line .cont input{width:310px;height:22px;}
.commentArea .radioframe label.error{top:-3px;}

/*領収書フォーム*/
.myaccountArea .generalform .inputArea #name input,.generalform .inputArea #prov input{width:293px !important;}
.myaccountArea .generalform .inputArea #zip input{width:100px !important;}
.myaccountArea .generalform .inputArea #add textarea,.generalform .inputArea #memo textarea{height:50px;width:287px !important;}
.myaccountArea .generalform .inputArea .receiptformbtn input{width:170px !important;height:37px;}
.myaccountArea .generalform #zip div.help {top:-5px;left:118px !important;padding:0px 2px 0px 0px;width:265px;}


/*登録内容の変更*/
.generalform .modArea .cont{width:500px !important;}

.modArea .inputArea #tel input,.modArea .inputArea #pass input,.modArea .inputArea #npass input,.modArea .inputArea #npass2 input{width:290px !important;}
.generalform .modArea .inputArea #tel input,.generalform .modArea .inputArea #pass input,.generalform .modArea .inputArea #npass input,.generalform .modArea .inputArea #npass2 input{width:270px !important;}
.generalform .modArea .inputArea #name input{width:100px !important;float:left !important;}
.generalform .modArea .inputArea #name label.midashi{width:30px !important;float:left !important;display:block !important;text-align:right}

.generalform .modArea .inputArea #mailmagazine input{width:14px !important;float:left !important;height:30px;}
.generalform .modArea .inputArea #mailmagazine label{width:200px !important;float:left !important;height:30px;margin:0 10px 0 10px;}

.generalform .modArea div.help {top:-5px !important;left:290px !important;}
.generalform .modArea label.error {top:-5px !important;padding:0px 2px 0px 20px !important;}

	/*name*/
	.generalform .modArea .n1 div.help{top:-5px !important;}
	.generalform .modArea .n2 div.help{top:20px !important;}
	.generalform .modArea .n1 label.error{top:-5px !important;}
	.generalform .modArea .n2 label.error{top:20px !important;}


.generalform .modArea .btns .modconfirmbtn input{width:231px !important;height:37px !important;}
.generalform .modArea .btns .backbtn input,.generalform .modArea .btns .modbtn input{width:170px !important;height:37px !important;}
.generalform .modArea .btns .matopbtn input{width:170px !important;height:37px !important;}
.generalform .modArea .btns .modconfirmbtn input{width:231px !important;height:37px !important;}

/*作家募集*/
.creatorArea .inputArea #name input{width:100px !important;float:left !important;}
.creatorArea .inputArea #name label.midashi{width:30px !important;float:left !important;display:block !important;text-align:right}
.creatorArea .inputArea #zipcode input{width:100px !important;}
.creatorArea .inputArea #prefecture select{width:140px !important;}
.creatorArea .inputArea #address textarea{width:290px !important;}

.creatorArea #work input{width:14px !important;margin:0 0px 0 2px !important;}
.creatorArea #genre input{width:14px !important;margin:0 0px 0 2px !important;}
.creatorArea #work input.etc{width:228px !important;}
.creatorArea #genre input.etc{width:228px !important;}
.creatorArea #agency input{width:14px !important;margin:0 0px 0 2px !important;}

.creatorArea #agency .title{margin:0 20px 0 0;padding:0}

.creatorArea #permission input{width:14px !important;margin:0 0px 0 2px !important;}
.creatorArea #promotion input{width:14px !important;margin:0 0px 0 2px !important;}

.creatorArea #birth .sh{
				float:left;
				width:27px;
				height:40px;
				line-height:40px;
				margin:0 0px 0 4px;
				padding:0;
			}
.creatorArea #birth .year select,.creatorArea #birth .month select{float:left;}


/*お気に入り*/
.folderHead .tab{left:0px;top:-3px !important;}
.pSelect .cart2btn,.pSelect .dlbtn,.pSelect .del2btn{display:inline !important;}
.faroviteChanger select{float:left;}
.faroviteChanger .fNumber{float:left;}

.comment textarea{margin-bottom:4px;}

.boxCont .id .teigaku{height:16px !important;overflow:hidden;}


/*シングルダウンロード*/

	.dlBlock{padding-left:4px;	display:inline !important;	}

/*help*/
.hframe .leftArea{display:inline !important;}


	.purchaseArea .permitFrame{behavior: none;}
	
	.paymentArea .matrix,.paymentArea .matrix2{behavior: none;}
	.detaillist .matrix{behavior: none;}
	.detaillist .summary{behavior: none;}
	.paymentArea .radiobtn{behavior: none;}
	#price{behavior: none;}

	.purchaseArea .inputArea .name label.midashi{width:10px;}

	.questArea .tarea label.error {left:20px !important;}


	/*マイアカウント関連**/
	.myaccountArea .planBox{behavior: none;}
	.myaccountArea .listArea .list{behavior: none;}
	.myaccountArea .matopbtn input{width:170px !important;}


	.error input{background-color:#FCC}
	.error select{background-color:#FCC}



	/* -------------
	 * Select
	 * ------------- */
 	/*
	.jqformUIsW{background:none !important;}
 	.jqformUIsW div{display:none !important;}
 	.jqformUIsW select{display:block !important;}
*/

	/*top category*/
		/*.categorylistArea .jqformUIsW div{display:block !important;}
		.categorylistArea .jqformUIsW select{display:none !important;}*/
		.categorylistArea .jqformUIsW {
			width: 100px;
			position:relative;
			height: 50px;
			background: transparent url(/img/top/pulldown.png) no-repeat left top !important;
			float:left;
			margin-top:0px;
		}
		.categorylistArea .jqformUIsW  a.jqformUIsOpen{margin-top:0px !important;width:38px !important;background-position:-321px 0px !important;}
		.categorylistArea .jqformUIsW a.jqformUIsOpen:hover {
			background: transparent url(/img/top/pulldown.png) no-repeat left top !important;
			background-position:-362px 0px !important;
		}

/*top*/
.controlarea li a {
		display:block !important;

	overflow:hidden !important;
	padding-top:-30px !important;

}
.leadcopy .cont .headw{margin:44px 13px 0 4px; width:62px; height:45px; background-position:-670px -130px;}

.topArea .mainBlock{float:left; width:688px !important;padding:20px 0 0 0 !important; margin:0 !important; overflow:hidden }
.topArea .rightBlock{float:left;width:279px;padding-top:20px;margin-bottom:20px;}

.tcolumn{width:700px !important;}

#maincolumn{ margin-top:20px !important;}

/*.topArea .mainBlock .two{width:650px; float: left;}*/
.topArea .rbox{margin:0px 0px 20px 0 !important;background:#FFF;}
.topArea .mainBlock .one{width:325px; margin-right:0px !important;/* float:left;*/ }
.boxfr{ float:left !important;}
	
.rbox{ margin-bottom:30px !important;}


.pdmenu{box-shadow: none !important}
.dropdown-menu{box-shadow: none !important;behavior: none !important; width:150px !important; padding:0 !important;}
.popover{box-shadow: none !important}

		.dropdown-menu li {
			margin:0 !important;
			padding:0 !important;
		}
		.dropdown-menu li a {
			display:block !important;
			margin:0 !important;
			line-height:24px !important;
			height:24px !important;
			/*display:block !important;*/
			color:#666 !important;
			padding:0 0 0 10px !important;
           /* background-color: rgba(0, 129, 194, 0.5);*/
        }
		.dropdown-menu li a:hover {
			display:block !important;
			margin:0 !important;
			line-height:24px !important;
			height:24px !important;
            background-image: none;
            color: white !important;
			text-decoration:none !important;
            background-color:#7AB12A !important;
			padding:0 0 0 10px !important;
        }