@charset "utf-8";


/* ==========================================================================
   common definitions for sankei-digital mobile service
   ========================================================================== */


/* ==== index ===============================================================

1. alliance
2. 2line text
3. left ec pickup
4. rectangle (gif+txt)
5. google adsence
6. middle&foot banner 300x250 1set,300x250 2set,640x360 1set,
7. right Induction
8. right top rectangle
9. right middle rectangle
10. right feature
11. right ec
12. right ec pickup

========================================================================== */


/* ===== 0. link color ====================================================================== */

#adTxt2line a:link, 
#adEcpickup a:link, 
#adRectangle a:link, 
#adAdsence a:link, 
#adMidbig, 
#adMegafoot a:link, 
#adInduction a:link, 
#adToprectangle a:link, 
#adMidrectangle a:link, 
#adFeature1st, 
#adFeature2nd a:link, 
#adEc a:link, 
#adEcpickup a:link, 

#adTxt2line a:visited, 
#adEcpickup a:visited, 
#adRectangle a:visited, 
#adAdsence a:visited, 
#adMidbig, 
#adMegafoot a:visited, 
#adInduction a:visited, 
#adToprectangle a:visited, 
#adMidrectangle a:visited, 
#adFeature1st, 
#adFeature2nd a:visited, 
#adEc a:visited, 
#adEcpickup a:visited, 

#adTxt2line a:active, 
#adEcpickup a:active, 
#adRectangle a:active, 
#adAdsence a:active, 
#adMidbig, 
#adMegafoot a:active, 
#adInduction a:active, 
#adToprectangle a:active, 
#adMidrectangle a:active, 
#adFeature1st, 
#adFeature2nd a:active, 
#adEc a:active, 
#adEcpickup a:active {
	color: #113b7d;
}

#adTxt2line a:hover, 
#adEcpickup a:hover, 
#adRectangle a:hover, 
#adAdsence a:hover, 
#adMidbig, 
#adMegafoot a:hover, 
#adInduction a:hover, 
#adToprectangle a:hover, 
#adMidrectangle a:hover, 
#adFeature1st a:hover, 
#adFeature2nd a:hover, 
#adEc a:hover, 
#adEcpickup a:hover {
	text-decoration: underline;
}

/* ===== 1. alliance ====================================================================== */

aside#adAlliance {
	font-size: 1.2em;
	font-size: 1.2rem;
	margin: 0 auto;
	display: inline-block;
	position: absolute;
	left: 700px;
	bottom: 20px;
}

aside#adAlliance li {
	display: inline-block;
	float: right;
	height: 30px;
	min-width: 7em;
	border-left: 1px solid #3d3d3d;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

aside#adAlliance li a {
	vertical-align: middle;
	text-align: center;
	display: block;
	padding: 0 15px;
	line-height: 28px;
	background-image: -webkit-gradient(linear, center top, center bottom, from(#525252), to(#666), color-stop(50%, #525252), color-stop(50%, #666));
	background-image: -webkit-linear-gradient(-7deg, #525252, #525252 50%, #666 50%, #666);
	background-image: -moz-linear-gradient(-7deg, #525252, #525252 50%, #666 50%, #666);
	background-image: -o-linear-gradient(-7deg, #525252, #525252 50%, #666 50%, #666);
	background-image: -ms-linear-gradient(-7deg, #525252, #525252 50%, #666 50%, #666);
	background-image: linear-gradient(-7deg, #525252, #525252 50%, #666 50%, #666);
}

aside#adAlliance li a:hover {
	background-image: -webkit-gradient(linear, center top, center bottom, from(#666), to(#737373), color-stop(50%, #666), color-stop(50%, #737373));
	background-image: -webkit-linear-gradient(-7deg, #666, #666 50%, #737373 50%, #737373);
	background-image: -moz-linear-gradient(-7deg, #666, #666 50%, #737373 50%, #737373);
	background-image: -o-linear-gradient(-7deg, #666, #666 50%, #737373 50%, #737373);
	background-image: -ms-linear-gradient(-7deg, #666, #666 50%, #737373 50%, #737373);
	background-image: linear-gradient(-7deg, #666, #666 50%, #737373 50%, #737373);
}


/* ===== 2. 2line text ====================================================================== */

#primary aside#adTxt2line {
	margin: 0 auto 10px;
}

#primary aside#adTxt2line p {
	display: block;
	font-size: 15px;
	line-height: 1;
	vertical-align: middle;
	margin-bottom: 10px;
}

#primary aside#adTxt2line p span {
	margin-left: 8px;
}

/* ===== 2-1. premium text ====================================================================== */

#primary aside#adTxtpremium {
	margin: 0 auto 10px;
}

#primary aside#adTxtpremium h1 {
	margin: 0;
	margin: padding;
}

#primary aside#adTxtpremium p {
	color: #113b7d;
	display: block;
	font-size: 15px;
	line-height: 1;
	vertical-align: middle;
	margin-bottom: 10px;
}

#primary aside#adTxtpremium p span {
	margin-left: 8px;
}

/* ===== 3. left ec pickup ====================================================================== */


/* ===== 4. rectangle (gif+txt) ====================================================================== */

aside#adRectangle {
	margin: 10px auto 30px;
}

aside#adRectangle h1 {
	font-size: 1.6em;
	font-size: 1.6rem;
	color: #333;
	padding-bottom: 6px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
}

aside#adRectangle .photo {
	display: block;
	float: left;
	margin: 0 10px 0 0;
}

aside#adRectangle .photo img {
	display: block;
}

aside#adRectangle .title {
	font-size: 1.6em;
	font-size: 1.6rem;
	font-weight:bold;
	margin-bottom:5px;
	display: block;
}

aside#adRectangle .lead {
	font-size: 1.4em;
	font-size: 1.4rem;
	margin-bottom:5px;
	display: block;
}

aside#adRectangle .siteurl {
	font-size: 1.4em;
	font-size: 1.4rem;
	text-align:right;
	display: block;
}

/* ===== 5. google adsence ====================================================================== */

#primary aside#adAdsence {
	margin: 10px auto 30px;
	padding-bottom: 15px;
	position:relative;
}

#primary aside#adAdsence h1 {
	font-size: 1.2em;
	font-size: 1.2rem;
	color: #666;
	position:absolute;
	bottom: 0;
	right: 15px;
}

#primary aside#adAdsence li {
	background: url(../../../images/v1/common/icon_listad.gif) no-repeat left 5px;
	padding-left: 18px;
	margin-bottom: 10px;
}

#primary aside#adAdsence li:last-of-type {
	margin-bottom: 0;
}


#primary aside#adAdsence li a {
	display: block;
}

#primary aside#adAdsence li a:hover {
	color: #cf0000;
	background-color: #dcfeff;
}

#primary aside#adAdsence li .title {
	font-size: 1.4em;
	font-size: 1.4rem;
	display: block;
}

#primary aside#adAdsence li .lead {
	font-size: 1.2em;
	font-size: 1.2rem;
	color: #333;
	margin-right: 15px;
}

#primary aside#adAdsence li .siteurl {
	font-size: 1.2em;
	font-size: 1.2rem;
	color: #006622;
}

/* ===== 6. middle&foot banner 300x250 1set,300x250 2set,640x360 1set, ====================================================================== */

#primary aside#adMidbig, 
#primary aside#adMegafoot {
	margin: 10px 0 30px;
}

#primary aside#adMidbig p, 
#primary aside#adMegafoot p {
	text-align: center;
	display: inline-block;
	margin-right: 20px;
}

#primary aside#adMidbig img, 
#primary aside#adMegafoot img {
	margin: 0 auto;
}

/* ===== 7. right Induction ====================================================================== */

#secondary aside#adInduction {
	margin: 0 auto 15px;
}

#secondary aside#adInduction p {
	text-align: center;
}

#secondary aside#adInduction img {
	margin: 0 auto;
	display: block;
}

/* ===== 7.01. right Induction for theta ====================================================================== */

#secondary aside#adInduction2 {
	margin: 0 auto 15px;
}

#secondary aside#adInduction2 p {
	text-align: center;
}

#secondary aside#adInduction2 img {
	margin: 0 auto;
	display: block;
}


/* ===== 8. right top rectangle ====================================================================== */

#secondary aside#adToprectangle {
	margin: 0 auto 15px;
}

#secondary aside#adToprectangle p {
	text-align: center;
}

#secondary aside#adToprectangle img {
	margin: 0 auto;
	display: block;
}

/* ===== 9. right middle rectangle ====================================================================== */

#secondary aside#adMidrectangle {
	margin: 0px auto 15px;
}

#secondary aside#adMidrectangle p {
	text-align: center;
}

#secondary aside#adMidrectangle img {
	margin: 0 auto;
	display: block;
}

/* ===== 10. right feature ====================================================================== */

#secondary aside#adFeature1st {
	margin: 0 auto 15px;
}

#secondary aside#adFeature1st h1 {
	font-size: 1.6em;
	font-size: 1.6rem;
	color: #333;
	padding-bottom: 6px;
	margin-bottom: 6px;
	border-bottom: 1px solid #ccc;
}

#secondary aside#adFeature1st .banner {
	display: block;
	text-align: center;
}

#secondary aside#adFeature1st .banner a {
	display: block;
}

#secondary aside#adFeature1st .banner img {
	margin: 0 auto 10px;
	display: block;
}

#secondary aside#adFeature1st p.text {
	background: url(../../../images/v1/common/icon_list_point.png) left 8px no-repeat;
	margin:0 0 5px 10px;
	display: block;
	font-size: 1.4em;
	font-size: 1.4rem;
}

#secondary aside#adFeature1st p.text:last-of-type {
	margin-bottom: 10px;
}

#secondary aside#adFeature1st p.text a {
	margin-left: 12px;
}

#secondary aside#adFeature2nd {
	margin: 0 auto 15px;
}

#secondary aside#adFeature2nd h1 {
	font-size: 1.6em;
	font-size: 1.6rem;
	color: #333;
	padding-bottom: 6px;
	margin-bottom: 6px;
	border-bottom: 1px solid #ccc;
}

#secondary aside#adFeature2nd ul {
	padding: 0 10px 10px;
}

#secondary aside#adFeature2nd li {
	margin-bottom: 10px;
}

#secondary aside#adFeature2nd li:last-of-type {
	margin-bottom: 0;
}

#secondary aside#adFeature2nd li .photo {
	display: block;
	float: left;
	margin: 0 10px 0 0;
}

#secondary aside#adFeature2nd li .photo img {
	display: block;
}

#secondary aside#adFeature2nd li p {
	font-size: 1.4em;
	font-size: 1.4rem;
	line-height: 1.2;
}

#secondary aside#adFeature2nd li .title {
	display: block;
	margin-bottom: 5px;
}

#secondary aside#adFeature2nd li .lead {
	color: #333;
}

/* ===== 11. right ec ====================================================================== */


/* ===== 12. right ec pickup ====================================================================== */