@charset 'UTF-8';

/*====================================================================================================
 基本設定
====================================================================================================*/
html {
    background: #f0f0f0 url(../img/bg.png) left top repeat-x;
    width: 100%;
    height: 100%;
}

body {
    width: 100%;
    height: 100%;
    line-height: 1.6;
    text-align: center;
    background: #f0f0f0 url(../img/bg.png) left top repeat-x;
    color: #666;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-align: center;
}

a {
    text-decoration: none;
    color: #666;
}

a:hover {
    text-decoration: none;
}

/*====================================================================================================
 ラッパー
====================================================================================================*/
div#wrap {
    font-size: 93%;
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    width: 960px;
    height: auto;
    min-height: 100%;
}

/*====================================================================================================
 ヘッダー
====================================================================================================*/
div#header {
    position: relative;
    height: 120px;
    margin: 0 auto 20px auto;
    margin-bottom: 30px;
}

/* ロゴ */
h1#logo {
    position: absolute;
    left: 0;
    top: 20px;
}

/* グローバルナビ */
ul#globalNavi {
    position: absolute;
    left: 0;
    bottom: 0;
}

ul#globalNavi li {
    display: block;
    float: left;
    margin-right: 10px;
}

ul#globalNavi li a {
    display: block;
    padding: 8px 10px;
    text-align: center;
    font-size: 116%;
}

ul#globalNavi li a:hover {
    padding: 11px 10px 5px 10px;
}

ul#globalNavi li#gnAbout a   { border-bottom: 2px solid #693; }
ul#globalNavi li#gnTopic a   { border-bottom: 2px solid #5d1f54; }
ul#globalNavi li#gnFeature a { border-bottom: 2px solid #ff7e84; }
ul#globalNavi li#gnMovie a    { border-bottom: 2px solid #6a3a17; }
ul#globalNavi li#gnInfo a    { border-bottom: 2px solid #0050ff; }

/*ul#globalNavi li#gnAbout a   { background-position: 0 0; }
ul#globalNavi li#gnTopic a   { background-position: -152px 0; }
ul#globalNavi li#gnFeature a { background-position: -233px 0; }
ul#globalNavi li#gnInfo a    { background-position: -316px 0; }
ul#globalNavi li#gnContact a { background-position: -480px 0; }

ul#globalNavi li#gnAbout a:hover   { background-position: 0 -40px; }
ul#globalNavi li#gnTopic a:hover   { background-position: -152px -40px; }
ul#globalNavi li#gnFeature a:hover { background-position: -233px -40px; }
ul#globalNavi li#gnInfo a:hover    { background-position: -316px -40px; }
ul#globalNavi li#gnContact a:hover { background-position: -480px -40px; }*/

/* 文字サイズ変更 */
div#fontController {
    position: absolute;
    right: 0;
    top: 20px;
}

div#fontController ul {
    float: right;
}

div#fontController ul li {
    margin-left: .2em;
    float: left;
}

div#fontController ul li a {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 0 !important;
    height /**/: 20px;
    padding-top: 20px;
    background-image: url(../img/fontController.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-color: transparent;
}

div#fontController ul li#fcNormal { width: 35px; }
div#fontController ul li#fcLarge { width: 19px; }
div#fontController ul li#fcXlarge { width: 35px; }

div#fontController ul li#fcNormal a { background-position: 0 0; }
div#fontController ul li#fcLarge a  { background-position: -35px 0; }
div#fontController ul li#fcXlarge a { background-position: -54px 0; }

div#fontController ul li#fcNormal a.current { background-position: 0 -20px; }
div#fontController ul li#fcLarge a.current  { background-position: -35px -20px; }
div#fontController ul li#fcXlarge a.current { background-position: -54px -20px; }

/* 雑誌一発検索 */
div#easySearch {
    position: absolute;
    right: 0;
    top: 50px;
}

div#easySearch span {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 100%;
}

div#easySearch input.inputField {
    width: 11em;
    background: #fff url(../img/searchIcon.png) left center no-repeat;
    border: 1px solid #ccc;
    padding: 2px 3px 2px 14px;
}



/*====================================================================================================
コンテナー
====================================================================================================*/
div#container {
    margin: 0;
    padding: 0;
    padding-bottom: 120px;
    width: 100%;
}

/* サイドバー */
div#sidebar {
    float: right;
    width: 190px;
    margin: 0;
    overflow: hidden;
    text-align:left;
}


/* サイドバー */
div#sidebar h2 {
    background: #754c24 url(../img/bg_sidebar_title.jpg) left top repeat-x;
    color: #fff;
    text-align: center;
    padding: 0px 4px;
}

/* サイドバーのボディ */
div#sidebar div.item div.body {
    background-color: #ffffff;
    margin-bottom: 10px;
}

div#sidebar ul li {
    padding: 5px 0;
    text-align: center;
}
    


/* メイン */
div#main {
    width: 750px;
    float: left;
}

div#leftbar {
    width: 190px;
    float: left;    
}




/*====================================================================================================
 コンテンツ
====================================================================================================*/
div#contents {
    float: right;
    width: 540px;
    background: #fff;
    margin-bottom: 30px;
}

div#contentsInner {
}

/* 共通 */
div#contents div.content {
}

/* 共通 */
div.body {
    padding: 5px;
}

div.section {
    padding: 10px;
    margin-bottom: 10px;
}

div.section.last {
    border-bottom: 0;
}

table.shopInfo {
    width: 100%;
}

table.shopInfo tbody th,
table.shopInfo tbody td {
    border-bottom: 5px solid #fff;
}

table.shopInfo tbody th {
    background: #333;
    color: #fff;
    width: 22%;
    text-align: center;
    padding: 1px 4px;
}

table.shopInfo tbody td {
    padding: 1px 8px;
}

/* お店で検索とか */
ul#detailSearch li {
    margin-bottom: 10px;
    height: 42px;
    color: #fff;
}

ul#detailSearch li.last {
    margin: 0;
}

ul#detailSearch li a {
    display: block;
    padding: 5px;
    height: 32px;
    background: transparent url(../img/bg_detailSearch.png) 0 0 no-repeat;
    color: #fff;
    text-decoration: none;
}

ul#detailSearch li a:hover {
    background-position: 0 -42px;
    text-decoration: none;
}

/* 動画 */
div#movie {
}

div#movie .body {
    padding: 5px;
    text-align: center;
}

hr {
    clear: both;
}

table#companyList {
    table-layout: fixed;
    width: 100%;
}

table#companyList caption {
    font-weight: bold;
}

table#companyList td {
    padding: 10px 0;
    vertical-align: middle;
    text-align: center;
}



/*====================================================================================================
 メインテキスト
====================================================================================================*/
div#mainText {
    padding: 0px;
}

div#mainText p {
    padding: 10px;
}

div#mainText hr {
    border: none;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 1em;
}

div#mainText div.imgBox {
    width: auto;
    margin: 1em;
}

div#mainText div.imgBox.leftBox {
    float: left;
}

div#mainText div.imgBox.rightBox {
    float: right;
}

/* コンテンツタイトル */
div#contents h2 {
    color: #333;
    font-size: 123.1%;
    font-weight: bold;
    padding: 10px 10px 0 10px;
}

div#contentsInner > h2 {
    background: #754c24 url(../img/bg_sidebar_title.jpg) left top repeat-x;
    color: #fff;
    padding: 4px 10px;
}

div#contents div#mainText h3 {
    color: #333;
    font-size: 100%;
    font-weight: bold;
}

div#contents .movie {
    margin: 0 0 10px 0;
}


/*====================================================================================================
 フッター
====================================================================================================*/

/*フッタ*/
div#footerWrap {
    clear: both;
    height: 120px;
    margin-top: -90px;
    background: #fff;
    text-align: center;
    border-bottom: 10px solid #777;
}


/*フッタ*/
div#footer {
    clear: both;
    position: relative;
    background: #fff;
    font-size: 85%;
    height: 120px;
    text-align: left;
    margin: 0 auto;
    width: 960px;
}

div#footer a {
    text-decoration: none;
}

div#footer a:hover {
    text-decoration: underline;
}


/* ADesignロゴ */
div#footer div#adesignLogo {
    position: absolute;
    left: 10px;
    top: 10px;
}

/* フットナビ */
div#footer ul#footNavi {
    position: absolute;
    right: 10px;
    top: 10px;
}

div#footer ul#footNavi li {
    float: left;
    margin-right: .5em;
    padding: 0 .5em 0 16px;
    border-right: 1px solid #333;
    background: transparent url(../img/arrow_black.gif) left center no-repeat;
}

div#footer ul#footNavi li.last {
    margin-right: 0;
    padding-right: 0;
    border-right: 0;
}

/* コピーライト */
div#footer div#copyright {
    position: absolute;
    left: 10px;
    bottom: 10px;
    color: #666;
}

div#footer address {
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: #666;
}