@charset 'utf-8';

/* -----------------------------------------------------------
CSS Information

File name:      mod_agency.css
Update:         2022/3/17
Style Info:     ニコッと代理店設定

----------------------------------------------------------- */


.dummy {background:#ccc;display:block}/*あとでけす*/
/* siteTitleArea
---------------------------------------------------------------------- */
body #agency #siteTitleArea {
	display: none;
}

/* promotionArea
------------------------------------------- */
body#agency #promotionArea {
	margin-bottom: 10px;
	width: 650px;
	height: 228px;
	background: url("/image/shop/common/bg_promotionarea.gif") no-repeat;
}

body#agency #promotionArea .pr02 {
	width: 190px;
	height: 200px;
	padding: 1px 1px 0 0;
	float: right;
}

body#agency #promotionArea .main { float: left; width: 428px; height: 199px;}

/* ------------------------------------------- */
#agency #wrapper img {vertical-align:bottom;}
/* clearfix


/*------------------------------------------------------------ */
#agency .agency-outer:after,
#agency #agency-mainArea li dl dd:after,
#agency #agency-mainArea li dl dd div.goods-outer:after,
#agency #agency-mainArea li dl dd dl:after {
	content : '';
	display : block;
	clear	: both;
}
#agency .agency-outer,
#agency #agency-mainArea li dl dd,
#agency #agency-mainArea li dl dd div.goods-outer,
#agency #agency-mainArea li dl dd dl {
	zoom:1;
}

/* flowArea
------------------------------------------------------------ */
#agency #flowArea{ margin-bottom:15px; }

/* #secondNavi
------------------------------------------------------------ */
#agency ul.secondNavi {
	height:30px;
	margin-bottom:10px;
	overflow:hidden;
	padding:4px 0 0 10px;
	background: url(../image/agency/bg_tab.gif) no-repeat;
}
#agency ul.secondNavi li{
	float:left;
	margin-right:3px;
	text-align:center;
	display:inline;
}
#agency ul.secondNavi li a {
	display:block;
	height:29px;
	padding-top:5px;
	width:150px;
}
#agency ul.secondNavi li a:hover,
#agency ul.secondNavi li a.active {
	background:url(../image/agency/bg_tab_on.gif) no-repeat;
	display:block;
	height:30px;
	width:150px;
	color:#777777;
}

.agency-outer{
	margin-bottom: 35px;
}

/* subArea
------------------------------------------------------------ */
#agency #agency-subArea {width:150px;float:right;}
#agency #agency-subArea li {margin:0 0 10px;height:1%;}/*height:1% for IE*/
/* categoryArea
------------------------------------------------------------ */
#agency #agency-subArea li.categoryArea {
	width:148px;
	border:1px solid #ddd;
	padding-bottom:10px;
}
#agency #agency-subArea li.categoryArea h3 {
	background-color:#EE6F98;
	padding:5px 10px;
	margin-bottom:10px;
	color:#fff;
	border-bottom:1px solid #ddd;
	font-size:12px;
}
#agency #agency-subArea li.categoryArea ul li {
	background:url(../image/common/ico_list_info.gif) no-repeat 2px 7px;
	margin:0 5px;
	padding:0 0 2px 8px;
}
#agency #agency-subArea li.categoryArea ul li a {}
#agency #agency-subArea li.categoryArea ul li a:hover,
#agency #agency-subArea li.categoryArea ul li a.active {color:#FF3493;}

/* mainArea
------------------------------------------------------------ */
#agency #agency-mainArea {width:490px;}
#agency #agency-mainArea {float:left;display:inline;}
/* goodsList
------------------------------------------------------------ */
#agency #agency-mainArea ul.goodsList li {margin-top:10px;height:1%;}/*height:1% for IE*/
#agency #agency-mainArea ul.goodsList li dl {border:1px solid #d3ccc2;}
#agency #agency-mainArea ul.goodsList li dt{
	padding:5px 10px;
	background-color:#989488;
	border-bottom:1px solid #d3ccc2;
}
#agency #agency-mainArea ul.goodsList li dd {
	padding:10px;
	background-color:#f1eee9;
}
#agency #agency-mainArea ul.goodsList li dt a{color:#fff;font-weight:bold;}

#agency #agency-mainArea ul.goodsList li dd div.goods-outer {margin-bottom:10px;}
#agency #agency-mainArea ul.goodsList li dd div.goods-image,
#agency #agency-mainArea ul.goodsList li dd dl,
#agency #agency-mainArea ul.goodsList li dd dd {
	float:left;
	border:none;
}
#agency #agency-mainArea ul.goodsList li dd div.goods-image {
	margin-right:20px;
	text-align:center;
}
#agency #agency-mainArea ul.goodsList li dd dl {width:320px;}

#agency #agency-mainArea ul.goodsList li dd dd,
#agency #agency-mainArea ul.goodsList li dd dt{margin-bottom:3px;float:left;}
#agency #agency-mainArea ul.goodsList li dd dt{
	border-bottom:none;
	padding:0;
	background:none;
	margin-right:10px;
}
#agency #agency-mainArea ul.goodsList li dd dd {
	width:250px;
	padding:0.1em 0;
}
#agency #agency-mainArea ul.goodsList li dd span.p-coin {
	color:#A78309;
	font-size:12px;
	font-weight:bold;
}
#agency #agency-mainArea ul.goodsList li dd p {
	margin-bottom:10px;
}
#agency #agency-mainArea ul.goodsList li dd div.btnArea {
	text-align:center;
}
#agency #agency-mainArea ul.goodsList li dd.coin {
	font-weight: bold;
	color : #666666;
}
#agency #agency-mainArea ul.goodsList li dd.coin .pcoin {
	color : #aa830f;
}


/* nicottoSearchBox広告用
------------------------------------------------------------ */


#nicottoSearchBox .mustLink2 {
	position: absolute;
	right: 156px;
	top: 35px;
	width: 54px;
	height: 27px;
}


/*お知らせコーナー*/
#contentsArea #spframe{
	background:url(../image/agency/bg_specialframe01.gif) no-repeat;
	width:650px;
	height:112px;
	margin:0 0 10px;
	position:relative;
}

#contentsArea #spframe .bannterL{
	position:absolute;
	left:50px;
	top:183px;
}

#contentsArea #spframe .bannterR{
	position:absolute;
	top:183px;
	left:355px;
}

/*パソコンでのご利用の場合*/
#contentsArea #spframe02{
	background:url(../image/agency/bg_specialframe02.gif) no-repeat;
	width:650px;
	min-height:231px;
	margin-bottom:10px;
	position:relative;
}

#contentsArea #spframe02 .mBannerL{
	position:absolute;
	left:50px;
	top:82px;
	height:115px;
}

#contentsArea #spframe02 .mBannerR{
	position:absolute;
	top:82px;
	left:355px;
	height:115px;
}

#contentsArea #spframe02 .spBottom{
	background:url(../image/agency/bg_specialframe02_bottom.gif) no-repeat;
	width:650px;
	height:34px;
	position:absolute;
	bottom:0;
}

#contentsArea #spframe02 .spMore{
	padding-top:208px;
}



/*ケータイでのご利用の場合*/
#contentsArea #spframe03{
	background:url(../image/agency/bg_specialframe03.gif) no-repeat;
	width:650px;
	height:231px;
	margin-bottom:18px;
	position:relative;
}

#contentsArea #spframe03 .mBannerL{
	position:absolute;
	left:50px;
	top:82px;
}

#contentsArea #spframe03 .mBannerR{
	position:absolute;
	top:82px;
	left:355px;
}


/*お知らせコーナー未ログイン*/
#contentsArea #agencyNoLogin {
	background:url(../image/agency/bg_specialframe01.gif) no-repeat;
	width:650px;
	height:112px;
	margin:0 0 10px;
	position:relative;
}

#contentsArea #spframe .txt_info,
#contentsArea #agencyNoLogin .txt_info{
	position:absolute;
	top:42px;
	left:28px;
	font-size:12px;
}

#contentsArea #spframe .txt_info span,
#contentsArea #agencyNoLogin .txt_info span{
	color:#ee0000;
}

#contentsArea #spframe .txt_ContactUs,
#contentsArea #agencyNoLogin .txt_ContactUs{
	position:absolute;
	top:78px;
	left:492px;
	font-size:12px;
}

#contentsArea #spframe .txt_ContactUs a:link,
#contentsArea #spframe .txt_ContactUs a:visited,
#contentsArea #agencyNoLogin .txt_ContactUs a:link,
#contentsArea #agencyNoLogin .txt_ContactUs a:visited{
    color:#6b634a;
    text-decoration:underline;
}

#contentsArea #spframe .txt_ContactUs a:hover,
#contentsArea #agencyNoLogin .txt_ContactUs a:hover{
    text-decoration: none;
}


#contentsArea #spframe #txt_poncan{
	width:106px;
	height:29px;
	position:absolute;
	top:272px;
	left:489px;
	background:url(../image/agency/btn_toponcan.gif) no-repeat;
	text-indent:-999em;
}


#contentsArea #spframe #txt_poncan a:link,
#contentsArea #spframe #txt_poncan a:visited{
    color:#C18D26;
    text-decoration: none;
	display:block;
	width:106px;
	height:29px;
}


#contentsArea #spframe #txt_poncan a:hover{
    color:#EBAC2D;
    text-decoration: underline;
}

#contentsArea #agencyNoLogin02 {
	background:url(../image/agency/bg_specialframe04_nologin.gif) no-repeat;
	width:650px;
	height:83px;
	margin:0 0 18px;
	position:relative;
}

#contentsArea #agencyNoLogin02 p{
	display:none;
}
#contentsArea h3.browser {
	margin:30px 0 0;
	padding:0;
	text-indent:100%;
	white-space: nowrap;
	overflow: hidden;
	width:650px;
	height:31px;
	border:none;
	background:url(../image/sp/title_browser.gif) no-repeat;
}

.partsAttention{
	background: #fdf8ef;
	border:1px solid #eee0c6;
	width:648px;
}

.partsAttention .title{
	margin:22px 0 22px 26px;
	width:600px;
	height:23px;
}

.partsAttention .intro p{
	margin:21px 0 27px 31px;
}

.partsAttention .intro p span{
	color:#FF0000;
}

.partsAttention .url{
	position: relative;
	height:138px;
	margin-top:-22px;
}

.partsAttention .url p{
	position: absolute;
	display: block;
	top:26px;
	left:37px;
}

.partsAttention .url .url-form{
	background:url(../image/sp/pic_url_form.gif) no-repeat;
	width:261px;
	height:33px;
	padding:6px 0 0 17px;
	left:26px;
	top:46px;
	font-size: 18px
}

.partsAttention .url .url-form a{
	text-decoration:underline;
	color:#777777;
}

.partsAttention .url .url-form a:hover{
	text-decoration: none;
}

.partsAttention .url .qr{
	left:348px;
	top:16px;
	width:253px;
	height:107px;
}