@charset "utf-8";

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

For Magazine
	・Columne
	・Title
	・Tab
	・LatestTitle
		最新号
	・coL,AboutMagazine
		目次、マガジンとは
	・Backnum
		バックナンバー
	・ShopNavi
		配布店舗一覧のナビ
	・ShopMain
		配布店舗一覧のメイン
	
========================================
*/

@import url(../../common/css/common.css);

/* Column
========================================*/
#mainArea #main{
padding:0 0 0 14px;
width:657px;
}


/* Title
========================================*/
.latestTitle h1{
margin:0 0 5px 0;
padding:0;
border-bottom:none;
font-size:150%;
}

/* Tab
========================================*/
.magazineTab{
margin:0 0 15px 0;
padding:0 0 9px 0;
width:657px;
background:transparent url(../images/magazine_tab_bottom.gif) left bottom no-repeat;
}

.magazineTab .inner{
width:657px;
background:transparent url(../images/magazine_tab_bg.gif) left top repeat-y;
}

.magazineTab ul{
width:657px;
background:transparent url(../images/magazine_tab_top.gif) left top no-repeat;
}

.magazineTab li{
padding:2px 2px 0 8px;
width:211px;
float:left;
}

.magazineTab li.first,
.magazineTab li:first-child{
padding:2px 2px 0 2px;
}

.magazineTab li a,
.magazineTab li span{
display:block;
padding:6px 0 5px;
width:209px;
text-align:center;
font-weight:bold;
font-size:116%;
}

.magazineTab li a{
border:1px solid #e6e6e6;
background:#fff;
}

.magazineTab li span,
.magazineTab li a.ac{
border:1px solid #4d5155;
background:#4d5155;
color:#fff;
}

/* LatestTitle
========================================*/
.latestTitle{
margin:0 0 20px 0;
width:657px;
}

.latestTitle .photo{
width:211px;
float:left;
}

.latestTitle .photo img{
border:1px solid #e1e1e1;
}

.latestTitle .summary{
width:434px;
float:right;
}

.latestTitle h1{
margin:0 0 5px 0;
padding:0;
border-bottom:none;
font-size:150%;
}

.latestTitle .ebookBtn{
margin:0 0 0 5px;
}

#main .latestTitle h2{
margin:0 0 5px 0;
padding:0;
border-left:none;
background:none;
font-size:150%;
}

#main .latestTitle h2 img{
margin:0 0 0 3px;
vertical-align:text-top;
}

.latestTitle .specialTitle{
margin:0 0 10px 0;
font-weight:bold;
font-size:116%;
}

.latestTitle .intro{
margin:0 0 3px 0;
padding:7px;
background:#f2f2f2;
}

.latestTitle .issue{
width:212px;
float:left;
}

.latestTitle .issue li{
margin:0 0 2px 0;
}

.latestTitle .readBtn{
width:217px;
float:right;
}

/* ContentsOfLatest(coL),AboutMagazine
========================================*/
#main .coL h2,
#main .aboutMagazine h2{
margin:0 0 12px 0;
padding:0 0 3px 0;
border-left:none;
border-bottom:2px solid #aaa;
background:none;
font-size:100%;
}

.coL {
margin:0 0 6px 0;
padding:0 0 10px 0;
}

.coL li{
margin:0 0 9px 0;
padding:0 7px 10px;
background:transparent url(../../common/images/line/line_dashed.gif) left bottom repeat-x;
font-size:116%;
font-weight:bold;
}

.coL li a{
font-weight:bold;
}

.coL li ul{
margin:4px 0 0 0;
}

.coL li li{
margin:0;
padding:0;
background:none;
font-size:85%;
font-weight:normal;
}

.coL li li a{
font-weight:bold;
/*font-size:116%;*/
}

.aboutMagazine p{
font-size:116%;
}

/* Backnumber
========================================*/
.backnum{
padding:0 0 10px 0;
}

.backnum li{
margin:0 0 10px 0;
padding:0 0 0 16px;
width:152px;
float:left;
}

.backnum li p{
width:152px;
}

.backnum li.leftmost{
padding:0;
}

.backnum li .cover img{
border:1px solid #e3e3e3;
padding:5px;
padding-right:15px;
padding-left:15px;
}

#main .backnum li .section{
margin:0;
padding:6px;
width:140px;
background:#f7f7f7;
clear:none;
}

.backnum li p.btn{
margin:0 0 4px 0;
padding:0 !important;
width:140px;
text-align:center;
}

.backnum li dl{
font-weight:bold;
color:#666;
}

/* ShopList Common
========================================*/
h1.shoplist{
margin:0;
padding:13px 0 0 0;
border-bottom:none;
}

#shopNavi h2,
#shopMain h2,
#shopMain h1{
margin:0 0 5px 0;
padding:6px 10px 4px;
border:1px solid #cbcbcb;
background:#e9e9e9 url(../../common/images/bg/mod_tit01_bg.gif) left top repeat-x;
font-size:116%;
color:#757574;
}

/* ShopNavi
========================================*/
#shopNavi{
width:180px;
float:left;
}

#shopNavi ul{
margin:0 0 5px 0;
width:178px;
border-width:1px 1px 0;
border-style:solid;
border-color:#d4d4d4;
}

#shopNavi li{
border-bottom:1px solid #d4d4d4;
}

#shopNavi li a,
#shopNavi li span{
display:block;
padding:5px 0 5px 23px;
background:url(../../common/images/ico/icon01.gif) 3px -788px no-repeat;
}

#shopNavi li span{
font-weight:bold;
}

#shopNavi .odd{
background-color:#f7f9f8;
}

/* ShopMain
========================================*/
#shopMain{
width:460px;
float:right;
}

#shopMain .map{
margin:0 0 17px 0;
padding:13px 0 0 0;
text-align:right;
}

#shopMain h3,
#main #shopMain h2.shopList{
margin:0 0 8px 0;
padding:3px 5px;
background:#e7e7e7;
font-weight:bold;
color:#4d5155;
}

#main #shopMain h2.shopList{
border:none;
font-size:100%;
}

#shopMain ul.shopAreaList{
margin:0 0 11px 0;
width:460px;
display:inline-table;
}

#shopMain ul.shopAreaList li{
float:left;
}

#shopMain ul.shopAreaList li a{
margin:0 15px 0 0;
}

/* \*/
#shopMain ul.shopAreaList{
display:block;
}
/* */

#shopMain ul.shopAreaList:after{
content:"";
display:block;
clear:both;
visibility:hidden;
height:1px;
}

#shopMain ul.shopList{
padding:0 0 7px 0;
}

#shopMain ul.shopList li{
margin:0 0 7px 0;
padding:0 0 0 7px;
background:transparent url(../../common/images/ico/icon01.gif) -6px -1491px no-repeat;
}