@charset "utf-8";

/* ===================================================================
CSS information
 file name  :  ad.css
 style info :  広告表示用CSS
=================================================================== */

/* トップページ用 */

/* topics */
#contentRight #topics { margin-bottom: 20px; clear: both; overflow: hidden; _zoom: 1; border: dashed 1px #948b84; background: #fafafa; width: 473px; padding: 10px 0 10px 10px; }
#contentRight #topics h3 { background: url(/images/n/wol/2010/ad/titlebar_topics_top.gif) no-repeat left top; text-indent: -9999px; height: 15px; }
#contentRight #topics ul { padding-top:5px; clear: both; }
#contentRight #topics ul li { font-size: 1px; }
#contentRight #topics ul li div div iframe { padding: 0 0 5px 0; background: url(/images/n/wol/2010/common/icon_arrow_pink.gif) no-repeat left 1px; }

/* closeup */
#contentRight #closeup { margin-bottom: 20px; clear: both; overflow: hidden; _zoom: 1; border: dashed 1px #948b84; background: #fafafa; width: 473px; padding: 10px 0 10px 10px; }
#contentRight #closeup h3 { background: url(/images/n/wol/2010/ad/titlebar_closeup_top.gif) no-repeat left top; text-indent: -9999px; height: 15px; }
#contentRight #closeup ul { padding-top:5px; clear: both; }
#contentRight #closeup ul li { font-size: 1px; }
#contentRight #closeup ul li div div iframe { padding: 0 0 5px; background: url(/images/n/wol/2010/common/icon_arrow_pink.gif) no-repeat left 1px; }

/* wolSelection */
#contentRight #wolSelection{ margin-bottom: 20px; overflow: hidden; _zoom: 1; clear:both; border: dashed 1px #948b84; background: #fafafa; width: 473px; padding: 10px 0 10px 10px; }
#contentRight #wolSelection h3 { background: url(/images/n/wol/2010/ad/titlebar_selection_top.gif) no-repeat left top; text-indent: -9999px; height: 15px; }
#contentRight #wolSelection ul li{ display:block;  }
#contentRight #wolSelection ul li h4 { color:#6b655d; font-size:12px; text-indent: -9999px; padding: 0 !important; margin: 10px 0 5px !important; border: none; }
#contentRight #wolSelection ul li#wolSelectWhatsNew h4 { background: url(/images/n/wol/2010/ad/test/titlebar_wolselect_whatnew680.gif) no-repeat left top; height: 20px; }
#contentRight #wolSelection ul li#wolSelectUtukushiku h4 { background: url(/images/n/wol/2010/ad/test/titlebar_wolselect_utukushiku680.gif) no-repeat left top; height: 20px; }
#contentRight #wolSelection ul li#wolSelectMigaku h4 { background: url(/images/n/wol/2010/ad/test/titlebar_wolselect_migaku680.gif) no-repeat left top; height: 20px; }
#contentRight #wolSelection ul li#wolSelectKireini h4 { background: url(/images/n/wol/2010/ad/test/titlebar_wolselect_kireini680.gif) no-repeat left top; height: 20px; }
#contentRight #wolSelection ul li#wolSelectYutakani h4 { background: url(/images/n/wol/2010/ad/test/titlebar_wolselect_yutakani680.gif) no-repeat left top; height: 20px; }
#contentRight #wolSelection ul li ul { margin: 5px 0 0 0; }
#contentRight #wolSelection ul li ul li { font-size: 1px; padding-bottom: 3px; }
#contentRight #wolSelection ul li ul li a {  padding-left: 15px; background: url(/images/n/wol/2010/common/icon_arrow_pink.gif) no-repeat left 1px; display: block; line-height: 1.4; font-size: 12px; color: #333 !important; }


/* Pickup */
#sidePickup201310 { margin-bottom: 10px; overflow: hidden; _zoom: 1; padding: 10px 15px; width: 268px; border: dashed 1px #948b84; background: #fafafa; }
#sidePickup201310 h4 { background: url(/images/n/wol/2010/ad/titlebar_pickup_side.gif) no-repeat -2px top; text-indent: -9999px; }
#sidePickup201310 ul {  }
#sidePickup201310 ul li  div div { border-bottom: dotted 1px #c0bcb8; padding: 5px 0; line-height: 1.2; float: left; overflow: hidden; _zoom: 1; width: 268px; }
/*
#sidePickup201310 ul li { border-bottom: dotted 1px #c0bcb8; padding: 5px 0; line-height: 1.2; float: left; overflow: hidden; _zoom: 1; width: 268px; }
#sidePickup201310 ul li a { display: block; width:70px; height:70px; float: left; margin-right: 10px; }
#sidePickup201310 ul li a img { border: 0; width:70px; height:70px; }
#sidePickup201310 ul li p { width:188px; float:right; margin-bottom: 5px; }
#sidePickup201310 ul li p a { display: inline; font-size: 12px; margin:0; height:auto; width:auto; float:none; }
*/


/* Focus */
#sideFocus { margin-bottom: 10px; overflow: hidden; _zoom: 1; padding: 10px 15px; width: 268px; border: dashed 1px #948b84; background: #fafafa; }
#sideFocus h4 { background: url(/images/n/wol/2010/ad/titlebar_focus_side.gif) no-repeat -2px top; text-indent: -9999px; }
#sideFocus ul { padding-top:5px; clear: both; }
#sideFocus ul li { font-size: 1px; }
#sideFocus ul li div div iframe { padding: 0 5px 5px 0; background: url(/images/n/wol/2010/common/icon_arrow_pink.gif) no-repeat left 1px; }


.informationPr { margin:0 0 10px 0; }

/******広告******/
/* closeup */
#closeup { margin-bottom: 10px; overflow: hidden; _zoom: 1; clear: both; }
#closeup h3 { background: url(/images/n/wol/2010/ad/title_closeup680_gray.gif) no-repeat left top; text-indent: -9999px; line-height: 27px; }
#closeup ul { padding-top:5px; clear: both; }
#closeup ul li { clear: both; overflow: hidden; _zoom: 1; width: auto; float: none; margin:0; }
#closeup ul li a { color: #333 !important; font-weight: normal; border-bottom: none; padding: 0; padding-left: 15px; background: url(/images/n/wol/2010/common/icon_arrow_pink.gif) no-repeat left 1px; display: block; line-height: 1.4; font-size: 12px; overflow: hidden; _zoom: 1; }
#closeup ul li div div iframe { padding: 0 5px 5px 5px; background: url(/images/n/wol/2010/common/icon_arrow_pink.gif) no-repeat 5px 1px; }

/* topics */
#topics { margin-bottom: 10px; overflow: hidden; _zoom: 1; clear: both; }
#topics h3 { background: url(/images/n/wol/2010/ad/title_topics680_gray.gif) no-repeat left top; text-indent: -9999px; line-height: 27px; }
#topics ul { padding-top:5px; clear: both; }
#topics ul li { clear: both; margin-bottom: 0; overflow: hidden; _zoom: 1;}
#newArrivalList #topics ul li { background: none; clear: none; }
#topics ul li div div iframe { padding: 0 5px 5px 5px; background: url(/images/n/wol/2010/common/icon_arrow_pink.gif) no-repeat 5px 1px; }


/* wolSelection */
#wolSelection{ margin-bottom: 10px; overflow: hidden; _zoom: 1; clear:both; }
#wolSelection h3 { background: url(/images/n/wol/2010/ad/title_wol_selection680.gif) no-repeat left top; text-indent: -9999px; line-height: 27px; }
#wolSelection ul li{ display:block; overflow: hidden; _zoom: 1; }
#wolSelection ul li h4 { margin:5px; padding-left:7px; border-left:3px solid #ccc8c2; border-bottom:1px solid #ccc8c2; color:#6b655d; font-size:12px; }
#wolSelection ul li#wolSelectWhatsNew h4 { text-indent: -9999px; padding: 0; border: none; background: url(/images/n/wol/2010/ad/titlebar_wolselect_whatnew680.gif) no-repeat left top; height: 20px; }
#wolSelection ul li#wolSelectUtukushiku h4 { text-indent: -9999px; padding: 0; border: none; background: url(/images/n/wol/2010/ad/titlebar_wolselect_utukushiku680.gif) no-repeat left top; height: 20px; }
#wolSelection ul li#wolSelectMigaku h4 { text-indent: -9999px; padding: 0; border: none; background: url(/images/n/wol/2010/ad/titlebar_wolselect_migaku680.gif) no-repeat left top; height: 20px; }
#wolSelection ul li#wolSelectKireini h4 { text-indent: -9999px; padding: 0; border: none; background: url(/images/n/wol/2010/ad/titlebar_wolselect_kireini680.gif) no-repeat left top; height: 20px; }
#wolSelection ul li#wolSelectYutakani h4 { text-indent: -9999px; padding: 0; border: none; background: url(/images/n/wol/2010/ad/titlebar_wolselect_yutakani680.gif) no-repeat left top; height: 20px; }
#wolSelection ul li ul { margin:5px 5px 0 12px; }
#wolSelection ul li ul li { }
#wolSelection ul li ul li a{  padding-left: 15px; background: url(/images/n/wol/2010/common/icon_arrow_pink.gif) no-repeat left 1px; display: block; line-height: 1.4; font-size: 12px; color: #333; }

/*インタレストマッチ*/
#interestLeaf { margin: 10px 0; overflow: hidden; _zoom: 1; }
#interestLeaf h2 { text-indent: -9999px; background: url(/images/n/wol/2010/ad/titlebar_interest680.gif) no-repeat left top !important; height: 26px; }
#interestLeaf ul { margin-bottom: 5px; }
#interestLeaf ul li { border-bottom: dotted 1px #c0bcb8; padding: 5px 0; background: url(/images/n/wol/2010/common/icon_arrow_pink.gif) no-repeat left 8px; padding-left: 15px; }
#interestLeaf ul li a { display: block; font-size: 12px; }
#interestLeaf ul li a:hover { text-decoration: underline; }
#interestLeaf ul li a h4 { font-weight: normal; }
#interestLeaf ul li a h4 span { display: inline !important; padding-left: 10px; color: #8a6d47; }
#interestLeaf ul li a p { color: #93464c; }
#interestLeaf .yim_footer { float: right; clear: both; padding-left: 10px; font-size: 11px; background: url(/images/n/wol/2010/common/icon_tri.gif) no-repeat left center; }
#interestLeaf .yim_footer a { }

/*インタレストマッチ*/
#interest { margin: 10px 0; }
#interest h2 { text-indent: -9999px; background: url(/images/n/wol/2010/ad/titlebar_interest480.gif) no-repeat left top; height: 26px; }
#interest ul { margin-bottom: 5px; }
#interest ul li { border-bottom: dotted 1px #c0bcb8; padding: 5px 0; background: url(/images/n/wol/2010/common/icon_arrow_pink.gif) no-repeat left 8px; padding-left: 15px; }
#interest ul li a { display: block; font-size: 12px; }
#interest ul li a:hover { text-decoration: underline; }
#interest ul li a h4 { font-weight: normal; }
#interest ul li a h4 span { display: block; color: #8a6d47; }
#interest ul li a p { color: #93464c; }
#interest .yim_footer { float: right; clear: both; padding-left: 10px; font-size: 11px; background: url(/images/n/wol/2010/common/icon_tri.gif) no-repeat left center; }
#interest .yim_footer a { }

#interestSide { margin: 10px 0; overflow: hidden; _zoom: 1; background:  #fafafa; padding: 10px 15px; width: 268px; border: dashed 1px #948b84; }
#interestSide h2 { text-indent: -9999px; background: url(/images/n/wol/2010/ad/titlebar_interest_side.gif) no-repeat -2px top; }
#interestSide ul { margin-bottom: 5px; }
#interestSide ul li { border-bottom: dotted 1px #c0bcb8; padding: 5px 0; background: url(/images/n/wol/2010/common/icon_arrow_pink.gif) no-repeat left 8px; padding-left: 15px; }
#interestSide ul li a { display: block; font-size: 12px; }
#interestSide ul li a:hover { text-decoration: underline; }
#interestSide ul li a h4 { font-weight: normal; }
#interestSide ul li a h4 span { display: block; color: #8a6d47; }
#interestSide ul li a p { color: #93464c; }
#interestSide .yim_footer { float: right; clear: both; padding-left: 10px; font-size: 11px; background: url(/images/n/wol/2010/common/icon_tri.gif) no-repeat left center; }
#interestSide .yim_footer a { }

#div-gpt-ad-ydn_side {
	overflow: hidden;
	_zoom: 1;
	background: #fafafa;
	margin: 10px 0;
	padding: 10px 0 0;
	border: 1px dashed #948b84;
}

/*グラム*/
.glam_widget { margin: 0; padding: 0; background:#fff; border:solid 1px #999; text-align:left;}
.glam_widget tbody { padding: 0; margin: 0;}.glam_widget td { padding: 0; margin: 0;}
.glam_widget td.glam_widget_header { padding: 5px 0px; margin: 0px 0px;  background-color:#d84174; border-bottom:solid 1px #999;}
.glam_widget td.glam_widget_footer { border-top:solid 1px #999;}.glam_widget td.glam_widget_col { margin: 0; padding: 2px 3px 2px 3px; }
.glam_widget td.glam_widget_row_0 { padding: 4px 3px 2px 3px !important; }
.glam_widget a:link,
.glam_widget a:visited { color:#000 !important;text-decoration:none; font-size:11px;}
.glam_widget a:hover { color:#000 !important; text-decoration:underline; font-size:11px;}
.glam_widget .pickup_line { margin:0px 7px; padding:0; clear:both; background:url(http://fileserver.glam.com/glamjp/widgets/img/dotline.gif) left center repeat-x; height: 1px;}

/* 記事下レクタングル */
#bottomBanner, .bottomBanner{
	/*width:300px !important;*/
	margin:0 auto 15px !important;
	clear:both;
	text-align:center;
}

#bottomBanner .bottomBannerLeft {
	display:inline-block;
}
#bottomBanner .bottomBannerRight {
	display:inline-block;
	margin:0 0 0 28px;
}

/* wolSelection（2013年12月から） */
#wolSelection201312 {
	margin-bottom: 20px;
	padding: 10px 0 16px 10px;
	overflow: hidden;
	_zoom: 1; 
	clear:both; 
	border: dashed 1px #948b84; 
	background: #fafafa; 
}
#wolSelection201312 h3 {
	margin: 0;
	/*padding-bottom: 9px;*/
	background: url(/images/n/wol/2010/ad/test/title_wol_selection680.gif) no-repeat left top;
	text-indent: -9999px; height: 15px;
}
#wolSelection201312 ul {
	display:block;
	padding: 0;
}
#wolSelection201312 ul li {
	overflow: hiddn;
	float: left;
	width: 327px;
}
#wolSelection201312 ul li div div iframe {
	margin: 16px 7px 0 0;
}
/*
#wolSelection201312 ul li {
	overflow: hiddn;
	float: left;
	width: 327px;
	margin: 16px 7px 0 0;
}
#wolSelection201312 ul li a {
	color: #333333;
	font-size: 12px;
}
#wolSelection201312 ul li a:hover p {
	text-decoration: underline;
}
#wolSelection201312 ul li img {
	display: block;
	float: left;
	width: 70px;
	margin-right: 8px;
}
#wolSelection201312 ul li p {
	display: block;
	float: left;
	width: 249px;
	word-wrap: break-word;
}
*/
#contentRight #wolSelection201312 h3 { /* トップページ用 */
	background: url(/images/n/wol/2010/ad/titlebar_selection_top.gif) no-repeat left top;
}

/*=== welcome ===*/
#dag_welcome_content {
    display: none;
    width: 100%;
    height: 120%;
    z-index: 10000000;
    position: fixed;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    top: 0;
    left: 50%;
    background-color:#fff;
}

/*--- content ---*/
#dag_welcome_content .header {
    text-align: center;
    width: 100%;
    background-color: white;

}

/*--- header ---*/
#dag_welcome_content header{
	background: url(/images/n/wol/2009/welcome/header_bg.gif) repeat-x left top;
    padding: 10px 0;
    width: 100%;
	height: 55px;
}

#dag_welcome_content header:after {
    content: "";
    display: block;
    clear: both;
}

#dag_welcome_content header .siteLogo {
	width: 125px;
	float: left;
	padding-left: 20px;
}
#dag_welcome_content header .siteLogo a{
	display: block;
	background: url(/images/n/wol/2009/welcome/logo_welcome.gif) no-repeat left top;
	height: 50px;
	text-indent: -9999px;
}

#dag_welcome_content header .skip {
    float: right;
	line-height: 55px;
	padding-right: 20px;
}

#dag_welcome_content header .skip a {
	background: url(/images/n/wol/2009/welcome/icon_arrow_pink.gif) no-repeat left 2px;
	padding-left: 15px;
	cursor: pointer;
}

#dag_welcome_content .welcome_creative {
    width: 100%;
    padding-top: 60px;
}

#dag_welcome_content .welcome_creative div {
	width: 640px;
    margin: 0 auto;
}