@import url("base.css");
@import url("layout.css");

/* GENERAL TYPOGRAPHY (Standard HTML tags)
----------------------------------------------------------------*/
h1 {
  color:#333; margin:0; padding:0;
  font-size:15px;
  font-weight:bold;
  display: none;
  }

h2 {
 color: #333;
 font-size:14px;
 font-weight: bold;
 padding:0; margin:0 0 3px 0;
}
h2.flashver {
 padding-bottom:10px;
}
h2.mokuji-tilte {
 font-size:19px;
 letter-spacing:0.1px;
}
h2.shd-txt {
 font-size:16px;
 padding:0 0 0 90px;
 background:url(../images/shd-h2icon.gif) no-repeat;
 margin:15px 0;
 min-height:24px;
 height:auto !important;
 height:24px;

}
h2.snap-name {
 font-size:16px;
 color:#0cbf1d;
}
h3 {
 font-size:12px;
 line-height:1.5em;
 font-weight:bold;
 padding:0 3px 
}
h3.blog {
 font-size:20px;
 line-height:1.6em;
 font-weight:bold;
}
h3.newsinfo {
 margin-bottom:5px;
}
h3.qr-title {
 padding:0 0 0 80px;
 margin:5px 0 0 0;
}
h3.point-title {
 background:url(../images/contentsicon-arrrow.gif) no-repeat;
 background-position:5px 5px;
 padding:0 0 0 15px;
}
h3.mokuji-topics-title {
 font-size:18px;
 color:#e41e26;
 padding:0 0 15px 0;
}
h3.mokuji-topics-title-big {
 font-size:36px;
 color:#e41e26;
 padding:0 0 0 0;
}
h3.mokuji-topics-title-small {
 font-size:15px;
 color:#e41e26;
 padding:0 0 10px 0;
 margin:0;
}
.snap-title {
 padding:5px 0 0 13px;
 font-size:12px;
 font-weight:bold;
 display:block;
 
}
/* nextissue
----------------------------------------------------------------*/
.nextissue-list-a {
  font-weight:bold;
}
.nextissue-list-a li{
  margin-bottom:5px;
}

/* Global navi
----------------------------------------------------------------*/
#GlobalNavi {
 padding: 0;
 width:870px;
 height:28px;
 background:url(../images/globalnavi.gif) no-repeat;  
}
#GlobalNavi li{
 text-indent: -9999px;
 float:left;
 margin: 0;
 padding: 0;
}
#GlobalNavi a{
 display:block;
 width:100%;
 height:28px;
 background:url(../images/globalnavi.gif) no-repeat;  
}
#Menu1 a{background-position: 0 0; width:63px;}
#Menu2 a{background-position: -63px 0; width:71px;}
#Menu3 a{background-position: -134px 0; width:86px;}
#Menu4 a{background-position: -220px 0; width:74px;}
#Menu5 a{background-position: -294px 0; width:104px;}
#Menu6 a{background-position: -398px 0; width:141px;}
#Menu7 a{background-position: -539px 0; width:107px;}
#Menu8 a{background-position: -646px 0; width:85px;}
#Menu9 a{background-position: -731px 0; width:56px;}

#Globalnavi a:hover{
	background:url(../images/globalnavi.gif) no-repeat;  
}
#Menu1 a:hover{background-position: 0 -28px;}
#Menu2 a:hover{background-position: -63px -28px;}
#Menu3 a:hover{background-position: -134px -28px;}
#Menu4 a:hover{background-position: -220px -28px;}
#Menu5 a:hover{background-position: -294px -28px;}
#Menu6 a:hover{background-position: -398px -28px;}
#Menu7 a:hover{background-position: -539px -28px;}
#Menu8 a:hover{background-position: -646px -28px;}
#Menu9 a:hover{background-position: -731px -28px;}

/* SPECIAL LIST
----------------------------------------------------------------*/
.specialList {
 float:left;
 width:885px;
 margin-left:-15px;
 margin-top:20px; 
}
.shdList {
 float:left;
 width:865px;
 margin-left:-15px;
 margin-top:15px;
}
.specialList li,
.shdList li {
 float:left;
 margin:0 0 0 15px;
 padding:0;
 width:auto;
}
/* for IE6 */
* html .specialList li,
* html .shdList li {
 display:inline;
}
.specialList li img,
.shdList li img {
 vertical-align:top;
 margin-bottom:3px;
}

.shdList-s {
 float:left;
 width:470px;
 margin-left:-15px;
 margin-bottom:15px;
}
.shdList-s li {
 float:left;
 margin:0 0 0 15px;
 padding:0;
 width:auto;
}
/* for IE6 */
* html .shdList-s li {
 display:inline;
}
.shdList-s li img {
 vertical-align:top;
 margin-bottom:3px;
}

.sp-bn {
 width:190px; height:78px;
}
.qrcode {
 width:240px; height:78px;
 background:url(../images/qr-code.gif) no-repeat;
}
.qrcode p{
 width:160px;
 padding:0 13px 5px 80px;
 margin:0;
 font-size:11px;
 line-height:1.2em;
}
/* TACHIYOMI
----------------------------------------------------------------*/
#tachiyomiBody {
 margin:50px auto;
 width:830px;
}

/* STREET SNAP
----------------------------------------------------------------*/
#sortList {
 position:relative; font-size:11px; margin-top:15px; padding-bottom:20px;
}
#sortList-a { position:absolute; top:0; left:0; font-weight:bold; font-size:12px;}
#sortList-b { position:absolute; top:0; left:50px; background:url(../images/streetsnap/icon-sort-arrow.gif) no-repeat; background-position:0 5px; padding-left:12px}
#sortList-c { position:absolute; top:0; left:100px; background:url(../images/streetsnap/icon-sort-arrow.gif) no-repeat; background-position:0 5px; padding-left:12px}
#sortList-d { position:absolute; top:0; left:165px; background:url(../images/streetsnap/icon-sort-arrow.gif) no-repeat; background-position:0 5px; padding-left:12px}
#sortList-e { position:absolute; top:0; left:230px; background:url(../images/streetsnap/icon-sort-arrow.gif) no-repeat; background-position:0 5px; padding-left:12px}
#sortList-f { position:absolute; top:0; left:295px; background:url(../images/streetsnap/icon-sort-arrow.gif) no-repeat; background-position:0 5px; padding-left:12px}
#sortList-g { position:absolute; top:0; left:390px; font-weight:bold; font-size:12px;}
#sortList-h { position:absolute; top:0; left:450px;}
#sortList-i { position:absolute; top:0; left:550px;}
#sortList-j { position:absolute; top:0; left:685px; width:152px; height:18px; background:url(../images/streetsnap/bg-pagenumber.gif) no-repeat; color:#FFFFFF; font-size:13px; padding-left:3px; font-weight:bold; letter-spacing:0.6em}
#sortList-j span{ letter-spacing:normal; padding-left:26px;}


	#searchList_Wrapper
	{
		position:absolute; top:0; left:675px; width:211px; height:18px; padding-left:3px;
		color:#FFFFFF; font-size:13px; font-weight:bold; letter-spacing:0.6em;
	}

	.searchList-on
	{
		margin:0px; padding:0px 3px 3px 3px;
		background:#999999;
		color:#FFFFFF; font-weight:bold; letter-spacing:0px;
		float:left;
	}

	.searchList-off
	{
		margin:0px; padding:0px 3px 3px 3px;
		background:#000000;
		color:#FFFFFF; text-decoration:none; letter-spacing:0px;
		float:left;
	}

		.searchList-off:hover
		{
			background:#2e68b2;
		}


.snapList {
 width:855px;
 margin-left:-15px;
 margin-top:20px; 
}
.snapList li {
 float:left;
 margin:0 0 0 15px;
 padding:0;
 width:156px;
}
/* for IE6 */
* html .snapList li {
 display:inline;
}
.snapList li img {
 vertical-align:top;
 margin-bottom:3px;
}

#shd_backnumber {
 padding:0 0 20px 0;
 
 	
}
/* A
----------------------------------------------------------------*/
a:link			{ color:#2e68b2; text-decoration:underline;}
a:visited		{ color:#2e68b2; text-decoration:underline;}
a:hover,a:active 	{ color:#2e68b2; text-decoration:none;}

#footer-right a:link			{color:#FFF; text-decoration:none;}
#footer-right a:visited			{color:#FFF; text-decoration:none;}
#footer-right a:hover,#footer a:active 	{color:#2e68b2; text-decoration:none;}

/* ETC
----------------------------------------------------------------*/
.bold { font-weight:bold;}
.img-L {float:left; margin-right:5px;}
.img-L15 {float:left; margin-right:15px; margin-bottom:30px;}
.img-R {float:right; margin-left:5px;}
.pr-txt {font-weight:bold; font-size:14px; padding:0; margin:0 0 3px 0;}
.pb-txt {font-size:11px; padding:0; margin:15px 0 3px 0;}
.pb-txt a {text-decoration:none;}
.clear {clear:both;}
.mokuji-top-txt {border-bottom:1px solid #CCC; line-height:1.6em; padding-bottom:10px;}
.mokuji-number-txt {margin:0; padding:0;}
.mokuji-name {border-bottom:1px solid #CCC; padding-bottom:10px;}
.mb-10 {margin-bottom:10px;}
.mb-50 {margin-bottom:50px;}
.MFlash:hover {
	filter: alpha(opacity=60);
	opacity:0.6;
	cursor:pointer;
}
.next-txt  {border-top:1px solid #CCC; font-weight:bold; padding-top:10px;}
.shd-txt  {line-height:1.5em; display:block;}
.red1  {color:#FF0000;}

.contents-nospace {
	margin:2px 0; padding:0;
}
/* Page Box
----------------------------------------------------------------*/

	.pgNo_Link
	{
		margin-right:15px; padding:3px 5px;
		float:left; font-weight:bold; border:1px solid #BBBBBB;
		color:#8BA0DA; text-decoration:none;
	}

		.pgNo_Link:hover
		{
			background:#DADADA;
			color:#FFFFFF;
		}

	.pgNo_NoLink
	{
		margin-right:15px; padding:3px 5px;
		float:left; font-weight:bold; border:1px solid #BBBBBB;
		background:#666666; color:#FFFFFF;
	}

