@charset "utf-8";
/* CSS Document */

/* 標準可変メディア
   メモ : 可変メディアでは、HTML からメディアの高さおよび幅の属性を削除する必要がある
   http://www.alistapart.com/articles/fluid-images/ 
*/

img, object, embed, video {
    max-width: 100%;
    background-position: 0% 98%;
}
/* IE 6 では最大幅がサポートされていないため、デフォルトで幅 100% に設定される */
.ie6 img {
    width: 100%;
}
/* ##################################################################### */
/*   共通のスタイル
/* ##################################################################### */
body {
    word-break: break-all;
}
/* ===================================================================== */
/*   共通のスタイル　パンくずリスト
/* ===================================================================== */
.breadCrumb {
    float: left;
    margin-bottom: 15px;
    width: 100%;
}
.breadCrumb li {
    float: left;
    list-style-type: none;
    margin-right: 10px;
    background-image: url(../images/breadcrumbs_marker.gif);
    background-repeat: no-repeat;
    background-position: 0px 50%;
    padding-left: 10px;
    margin-left: -3px;
}
.breadCrumb li a {
    text-decoration: none;
}
.breadCrumb li.list01 {
    margin-left: 5px;
}
/* ===================================================================== */
/*   共通のスタイル　ページトップ
/* ===================================================================== */
#pagetop {
    float: left;
    width: 100%;
    background-color: #FFFFFF;
}
#pagetop p {
    text-indent: -9999px;
}
#pagetop p a {
    width: 76px;
    background-image: url(../images/pagetop.gif);
    background-repeat: no-repeat;
    text-indent: -9999px;
    display: block;
    background-position: right;
    clear: both;
    height: 50px;
    margin-top: 5px;
    margin-bottom: 0px;
    float: right;
}
/* モバイルレイアウト : 480 px およびそれ以下. */
/* ##################################################################### */
/*	スマートフォン
/* ##################################################################### */
/* ===================================================================== */
/*	スマートフォン　グリッドの設定
/* ===================================================================== */
.gridContainer {
    margin-left: auto;
    margin-right: auto;
    width: 89.8625%;
}
.mainSection {
    background-color: #FFFFFF;
}
/* ===================================================================== */
/*	スマートフォン　トップにバックグラウンドを置くためのCSS 
/* ===================================================================== */
.frameTop {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding-left: 0%;
    padding-right: 0%;
    margin-bottom: 5px;
    height: auto;
}
/* ===================================================================== */
/*	スマートフォン　ヘッダー周り
/* ===================================================================== */
#head {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    height: 130px;
    margin-bottom: 10px;
    background-color: #CC0809;
}
/* --------------------------------------------------------------------- */
/*	スマートフォン　ヘッダー周り　ロゴ
/* --------------------------------------------------------------------- */
#logo {
/* Firefox用 */ 
/*    background-color: #EEE; */
    height: 41px;
    width: 270px;
    display: block;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
}
#logo a {
    height: 41px;
    width: 270px;
    display: block;
    background-image: url(../images/logo_smart.png);
    text-indent: -9999px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
/* --------------------------------------------------------------------- */
/*	スマートフォン　ヘッダー周り　プライマリーナビゲーション
/* --------------------------------------------------------------------- */
#contactArea {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}
#contactArea ul {
    width: 270px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    text-align: center;
}
#contactArea li {
    float: left;
    list-style-type: none;
}
#GoMerumaga {
    width: 80px;
    height: 40px;
    margin-right: 0px;
    color: #666;
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: center;
    margin-top: 3px;
    background-image: url(../images/icon_merumaga_smart.png);
    background-repeat: no-repeat;
    background-position: center top;
    text-indent: -9999px;
    margin-bottom: 3px;
}
#GoSubscription {
    width: 80px;
    height: 40px;
    margin-right: 0px;
    color: #666;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-left: 3px;
    text-align: center;
    margin-top: 3px;
    background-image: url(../images/icon_subscription_smart.png);
    background-repeat: no-repeat;
    background-position: center top;
    text-indent: -9999px;
    margin-bottom: 3px;
}
#GoMypage {
    width: 100px;
    height: 40px;
    margin-right: 0px;
    color: #666;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-left: 3px;
    text-align: center;
    margin-top: 3px;
    background-image: url(../images/icon_mypage_smart.png);
    background-repeat: no-repeat;
    background-position: center top;
    text-indent: -9999px;
    margin-bottom: 3px;
}
#GoMerumaga a, #GoSubscription a, #GoMypage a {
    color: #666;
    text-decoration: none;
    display: block;
    width: 130px;
    height: 40px;
    text-indent: -9999px;
    margin-bottom: 3px;
}
#tel {
    display: block;
    width: 100%;
    height: 35px;
    font-weight: bold;
    float: left;
}
#tel a {
    display: block;
    width: 270px;
    height: 35px;
    text-indent: -9999px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(../images/tel_smart.png);
}
#contactArea #search {
    float: right;
    width: 100%;
}
#contactArea #search .searchBox {
    padding-bottom: 3px;
    padding-top: 3px;
    width: 130px;
}
#contactArea #search .searchBtn {
    padding-bottom: 3px;
    padding-top: 3px;
    padding-left: 5px;
    padding-right: 5px;
}
/* ===================================================================== */
/*	スマートフォン　ワイドコンテンツ
/* ===================================================================== */
/* --------------------------------------------------------------------- */
/*	スマートフォン　ワイドコンテンツ　基本設定
/* --------------------------------------------------------------------- */
#contentWide {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
}
#contentWide #mainImage {
    float: left;
    margin-bottom: 10px;
    width: 100%;
}
#contentWide p {
    padding-right: 3%;
    padding-left: 3%;
}
#contentWide h3 a {
    text-decoration: none;
    color: #4978C0;
}
/* ===================================================================== */
/*	スマートフォン　メイン周り
/* ===================================================================== */
/* --------------------------------------------------------------------- */
/*	スマートフォン　メイン周り　メインコンテンツ（コンテンツ+ローカルナビ）
/* --------------------------------------------------------------------- */
#mainContents {
    clear: both;
    margin-left: 0;
    width: 100%;
    display: block;
    position: static;
    height: auto;
    background-color: #FFFFFF;
}
/* --------------------------------------------------------------------- */
/*	スマートフォン　構造設定　メインイメージ
/* --------------------------------------------------------------------- */
#mainImage {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    margin-bottom: 15px;
    text-align: center;
    height: auto;
    background-color: #FFFFFF;
}
/* --------------------------------------------------------------------- */
/*	スマートフォン　メイン周り　コンテンツ
/* --------------------------------------------------------------------- */
#content {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    background-color: #FFF;
}
.basic {
    clear: both;
}
.basic h1 {
    background-color: #E3E3E3;
    padding-top: 3px;
    padding-bottom: 3px;
    color: #666;
    font-size: 120%;
    margin-bottom: 10px;
    clear: both;
}
.basic h1 a:link {
    color: #FFF;
    text-decoration: none;
}
.basic h2 {
    background-color: #E3E3E3;
    padding-top: 3px;
    padding-bottom: 3px;
    color: #555555;
    font-size: 120%;
    margin-bottom: 10px;
    clear: both;
}
.basic h2 a {
}
.basic h2 span {
    margin-left: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    display: block;
}
.basic h2 a:link {
    color: #555555;
    text-decoration: none;
}
html .basic h2 a:visited {
    color: #555555;
    text-decoration: none;
}
.basic h3 {
    border-left: 6px solid #ED1C24;
    background-color: #E3E3E3;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    color: #666;
    font-size: 120%;
    margin-bottom: 10px;
    clear: both;
}
.basic h3 a:link {
    color: #FFF;
    text-decoration: none;
}
html .basic h3 a:visited {
    color: #FFF;
    text-decoration: none;
}
p {
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 20px;
    line-height: 1.9em;
    word-break: break-all;
}
#content p {
    font-family: SeuratPro-M;
    letter-spacing: 0.1em;
}
p.layoutReadme {
    font-size: 80%;
    width: 100%;
    text-align: right;
}
p.layoutLeft {
    text-align: left;
}
p.layoutRight {
    text-align: right;
}
p.layoutCenter {
    text-align: center;
}
iframe {
}
/* ===================================================================== */
/*	スマートフォン　フッター周り
/* ===================================================================== */
/* --------------------------------------------------------------------- */
/*	スマートフォン　フッター周り　フッター1/2
/* --------------------------------------------------------------------- */
.framBottom1 {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding-left: 0%;
    padding-right: 0%;
    background-color: #666666;
}
/* --------------------------------------------------------------------- */
/*	スマートフォン　フッター周り　フッター2/2
/* --------------------------------------------------------------------- */
.framBottom2 {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding-left: 0%;
    padding-right: 0%;
    margin-bottom: 0px;
    background-color: #000000;
}
/* ##################################################################### */
/*        　 スマホ　ワイドコンテンツ 3分割　　　　                      */
/* ##################################################################### */
#contentWide #column1 p img, #contentWide #column2 p img, #contentWide #column3 p img, #contentWide #column4 p img, #contentWide #column5 p img, #contentWide #column6 p img {
    width: 100%;
    margin-bottom: 5px;
}
#contentWide #column1 p a:hover img, #contentWide #column2 p a:hover img, #contentWide #column3 p a:hover img, #contentWide #column4 p a:hover img, #contentWide #column5 p a:hover img, #contentWide #column6 p a:hover img {
    opacity: 0.9;
    filter: alpha(opacity=90);
}
#contentWide #column1 h3, #contentWide #column2 h3, #contentWide #column3 h3, #contentWide #column4 h3, #contentWide #column5 h3, #contentWide #column6 h3 {
    width: 96%;
    background-image: url(../images/pickup_title_bg.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    height: 30px;
    text-indent: 20px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 2%;
    padding: 0px;
    line-height: 2em;
    text-decoration: none;
}
#contentWide #column1 p, #contentWide #column2 p, #contentWide #column3 p, #contentWide #column4 p, #contentWide #column5 p, #contentWide #column6 p {
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
#contentWide #column1 p.read, #contentWide #column2 p.read, #contentWide #column3 p.read, #contentWide #column4 p.read, #contentWide #column5 p.read, #contentWide #column6 p.read {
    margin-bottom: 3px;
    font-size: 100%;
    clear: both;
    float: left;
    margin-top: 0px;
    padding-top: 0px;
    line-height: 1.5em;
}
#contentWide #column2, #contentWide #column5 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
}
#contentWide #column3, #contentWide #column6 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
}
/* ===================================================================== */
/*    スマホ　もっと見る
/* ===================================================================== */
/* 記事を読む */
p.more_article {
    clear: both;
    margin-left: 0;
    width: 100%;
    display: block;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-right: 0px!important;
    padding-left: 0px!important;
}
p.more_article a {
    background-image: url(../images/icon_more_article.png);
    background-repeat: no-repeat;
    display: block;
    height: 20px;
    width: 80px;
    float: right;
    margin-bottom: 5px;
    margin-top: 5px;
    text-indent: -9999px!important;
    padding-right: 0px!important;
    padding-left: 0px!important;
    margin-right: 15px;
}
/* 詳細を見る */
p.more_detail {
    clear: both;
    margin-left: 0;
    width: 100%;
    display: block;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-right: 0px!important;
    padding-left: 0px!important;
}
p.more_detail a {
    background-image: url(../images/icon_more_detail.png);
    background-repeat: no-repeat;
    display: block;
    height: 20px;
    width: 80px;
    float: right;
    margin-bottom: 5px;
    margin-top: 5px;
    text-indent: -9999px!important;
    padding-right: 0px!important;
    padding-left: 0px!important;
    margin-right: 15px;
}
/* もっと見る */
p.more_see {
    clear: both;
    margin-left: 0;
    width: 100%;
    display: block;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-right: 0px!important;
    padding-left: 0px!important;
}
p.more_see a {
    background-image: url(../images/icon_more_see.png);
    background-repeat: no-repeat;
    display: block;
    height: 20px;
    width: 80px;
    float: right;
    margin-bottom: 5px;
    margin-top: 5px;
    text-indent: -9999px!important;
    padding-right: 0px!important;
    padding-left: 0px!important;
    margin-right: 15px;
}
/* more */
p.more {
    clear: both;
    margin-left: 0;
    width: 100%;
    display: block;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-right: 0px!important;
    padding-left: 0px!important;
}
p.more a {
    background-image: url(../images/icon_more.png);
    background-repeat: no-repeat;
    display: block;
    height: 15px;
    width: 45px;
    float: right;
    margin-bottom: 5px;
    margin-top: 5px;
    text-indent: -9999px!important;
    padding-right: 0px!important;
    padding-left: 0px!important;
    margin-right: 15px;
}
/* close */
p.close {
    clear: both;
    margin-left: 0;
    width: 100%;
    display: block;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-right: 0px!important;
    padding-left: 0px!important;
}
p.close a {
    background-image: url(../images/icon_close.png);
    display: block;
    height: 15px;
    width: 45px;
    float: right;
    margin-bottom: 5px;
    margin-top: 15px;
    text-indent: -9999px!important;
    padding-right: 0px!important;
    padding-left: 0px!important;
    margin-right: 15px;
    background-repeat: no-repeat;
}
/* 一覧に戻る */
p.back_list {
    clear: both;
    margin-left: 0;
    width: 100%;
    display: block;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-right: 0px!important;
    padding-left: 0px!important;
}
p.back_list a {
    background-image: url(../images/icon_back_list.png);
    background-repeat: no-repeat;
    display: block;
    height: 20px;
    width: 80px;
    float: right;
    margin-bottom: 5px;
    margin-top: 5px;
    text-indent: -9999px!important;
    padding-right: 0px!important;
    padding-left: 0px!important;
    margin-right: 15px;
}
/* ===================================================================== */
/*      スマホ　検索　　　　　　　　　　　　　　　　　                   */
/* ===================================================================== */
/* ===================================================================== */
/*    タブレット テーブルフォーム用（設定することにより高さが高くなる    */
/* ===================================================================== */
input.btn {
    height: 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #aaa;
    -webkit-box-shadow: 1px 1px 2px #E7E7E7;
    -moz-box-shadow: 1px 1px 2px #E7E7E7;
    background: -moz-linear-gradient(top, #fff, #F1F1F1 1%, #F1F1F1 50%, #DFDFDF 99%, #ccc);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #F1F1F1), color-stop(0.5, #F1F1F1), color-stop(0.99, #DFDFDF), to(#ccc));
    padding-left: 20px;
    padding-right: 20px;
    margin-right: 10px;
}
input.btn2 {
    -webkit-border-radius: 5px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #aaa;
    -webkit-box-shadow: 1px 1px 2px #E7E7E7;
    -moz-box-shadow: 1px 1px 2px #E7E7E7;
    background: -moz-linear-gradient(top, #fff, #F1F1F1 1%, #F1F1F1 50%, #DFDFDF 99%, #ccc);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #F1F1F1), color-stop(0.5, #F1F1F1), color-stop(0.99, #DFDFDF), to(#ccc));
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-right: 10px;
}
#searchArea {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
    background-color: #FFFFFF;
    border: 1px solid #CCC;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    display: none;
}
#searchArea input.widthLong {
    width: 180px;
}
#searchArea input.widthShort {
    width: 60px;
}
#searchArea input.btn {
    height: 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #aaa;
    -webkit-box-shadow: 1px 1px 2px #E7E7E7;
    -moz-box-shadow: 1px 1px 2px #E7E7E7;
    background: -moz-linear-gradient(top, #fff, #F1F1F1 1%, #F1F1F1 50%, #DFDFDF 99%, #ccc);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #F1F1F1), color-stop(0.5, #F1F1F1), color-stop(0.99, #DFDFDF), to(#ccc));
}
/* ===================================================================== */
/*    記事下に、定期購読はこちらを設ける
/* ===================================================================== */
.goDigi {
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    float: left;
    width: 100%;
}
.goDigi li, .subscription li {
    list-style-type: none;
}
.goDigi li.list01 a {
    display: block;
    width: 271px;
    height: 95px;
    text-indent: -9999px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 15px;
    list-style-image: none;
    background-image: url(../../subscription/images/ryutsu.jpg);
}
.goDigi li.list02 a {
    display: block;
    width: 271px;
    height: 95px;
    text-indent: -9999px;
    background-image: url(../../subscription/images/netkeizai.jpg);
    margin-right: auto;
    margin-left: auto;
    list-style-image: none;
}
.subscription {
    margin-top: 5px;
    margin-right: 0px;
    padding-right: 0px;
    float: left;
}
.subscription ul li {
    display: inline-block;
    margin-right: 5px;
    padding-right: 0px;
    margin-bottom: 20px;
    width: 30%;
}
.subscription li.list01 a, .subscription li.list02 a, .subscription li.list03 a {
    display: block;
    margin-bottom: 15px;
}

/* タブレットレイアウト : 481 px ～ 768 px。モバイルレイアウトからスタイルを継承。 */

@media only screen and (min-width: 481px) {
/* ##################################################################### */
/*	タブレット
/* ##################################################################### */
/* ===================================================================== */
/*	タブレット　グリッドの設定
/* ===================================================================== */	
.subscription ul li {
}
/* ===================================================================== */
/*	タブレット　トップにバックグラウンドを置くためのCSS 
/* ===================================================================== */
.frameTop {
    margin-bottom: 0px;
    height: auto;
}
/* ===================================================================== */
/*	タブレット　メイン周り
/* ===================================================================== */
/* --------------------------------------------------------------------- */
/*	タブレット　メイン周り　メインコンテンツ（コンテンツ+ローカルナビ）
/* --------------------------------------------------------------------- */
#mainContents {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    position: static;
    height: auto;
}
/* --------------------------------------------------------------------- */
/*	タブレット　メイン周り　コンテンツ
/* --------------------------------------------------------------------- */


/* ===================================================================== */
/*	タブレット　ワイドコンテンツ
/* ===================================================================== */
/* --------------------------------------------------------------------- */
/*	タブレット　ワイドコンテンツ　基本設定
/* --------------------------------------------------------------------- */
#contentWide #column1 h3, #contentWide #column2 h3, #contentWide #column3 h3, #contentWide #column4 h3, #contentWide #column5 h3, #contentWide #column6 h3 {
    width: 100%;
    width: inherit;
    margin-left: 0px;
}
#contentWide #column1 h2 a, #contentWide #column2 h2 a, #contentWide #column3 h2 a, #contentWide #column4 h2 a, #contentWide #column5 h2 a, #contentWide #column6 h2 a {
    color: #666;
}
#contentWide p {
    padding-right: 0%;
    padding-left: 0%;
}
#contentWide #column1, #contentWide #column2, #contentWide #column3, #contentWide #column4, #contentWide #column5, #contentWide #column6 {
    margin-bottom: 20px;
}
#contentWide #column1, #contentWide #column4 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 31.8181%;
    display: block;
}
#contentWide #column1 h2 span {
}
#contentWide #column2, #contentWide #column5 {
    clear: none;
    float: left;
    margin-left: 2.2727%;
    width: 31.8181%;
    display: block;
}
#contentWide #column3, #contentWide #column6 {
    clear: none;
    float: left;
    margin-left: 2.2%;
    width: 31.8181%;
    display: block;
    margin-right: 0px;
}
/* ===================================================================== */
/*	タブレット　メイン周り
/* ===================================================================== */
/* --------------------------------------------------------------------- */
/*	タブレット　メイン周り　メインコンテンツ（コンテンツ+ローカルナビ）
/* --------------------------------------------------------------------- */
p {
    line-height: 2.0em;
}
/* ===================================================================== */
/*	タブレット　フッター周り
/* ===================================================================== */
/* --------------------------------------------------------------------- */
/*	■タブレット　フッター周り　フッター1/2　.framBottom1
/* --------------------------------------------------------------------- */
/* --------------------------------------------------------------------- */
/*	■タブレット　フッター周り　フッター2/2　.framBottom2
/* --------------------------------------------------------------------- */

/* ===================================================================== */
/*    タブレット テーブルフォーム用（設定することにより高さが高くなる    */
/* ===================================================================== */

input.search {
    background-image: url(../../public_html/mobile/images/search.png);
    background-repeat: no-repeat;
    background-position: right;
}
+html input.btn {
 margin-bottom: 0px;
}
select {
    border: 1px solid #999999;
}
}

/* デスクトップレイアウト : 769 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media only screen and (min-width: 769px) {
/* ##################################################################### */
/*	PC　デスクトップ
/* ##################################################################### */
/* ===================================================================== */
/*	PC　デスクトップ　基本設定
/* ===================================================================== */
body {
    background-repeat: repeat-y;
    background-position: center top;
    background-color: #ffffff;
}
.gridContainer {
    width: 970px;
    margin: auto;
    clear: both;
    padding-left: 0%;
    padding-right: 0%;
    background-repeat: no-repeat;
}
.gridContainer.mainSection {
}
/* ===================================================================== */
/*	タブレット　ヘッダー周り
/* ===================================================================== */

.frameTop {
    margin-bottom: 0px;
    height: 50px;
    background-color: #cc0809;
}
#head {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    height: 80px;
    margin-bottom: 0px;
}
#logo {
    display: block;
    margin-top: 5px;
    margin-left: 10px;
    margin-right: 0px;
    float: left;
    clear: both;
    width: 289px;
    background-image: url(none);
    background-size: 100% 100%;
}
#logo a {
    height: 41px;
    width: 289px;
    display: block;
    background-image: url(../images/logo_tablet.png);
    background-size: 100% 100%;
}
#contactArea {
    float: right;
    display: block;
    width: 280px;
    clear: none;
    margin-top: 10px;
}
#tel {
    display: block;
    width: 280px;
    height: 35px;
    font-weight: bold;
    float: right;
    margin-bottom: 3px;
}
#tel a {
    display: block;
    width: 280px;
    height: 35px;
    text-indent: -9999px;
    background-image: url(../images/tel_tablet.png);
    float: right;
    margin-bottom: 3px;
}
#GoMerumaga a, #GoSubscription a, #GoMypage a {
    color: #666;
    text-decoration: none;
    display: block;
    width: 140px;
    height: 25px;
    text-indent: -9999px;
    margin-bottom: 5px;
}
#GoMerumaga {
    width: 80px;
    height: 25px;
    margin-right: 10px;
    color: #666;
    text-align: center;
    background-image: url(../images/icon_merumaga.png);
    background-repeat: no-repeat;
    background-position: left top;
    text-indent: -9999px;
    margin-bottom: 5px;
}
#GoSubscription {
    width: 80px;
    height: 25px;
    margin-right: 10px;
    text-align: center;
    background-image: url(../images/icon_subscription.png);
    background-repeat: no-repeat;
    background-position: left top;
    margin-bottom: 5px;
}
#GoMypage {
    width: 80px;
    height: 25px;
    margin-right: 0px;
    text-align: center;
    background-image: url(../images/icon_mypage.png);
    background-repeat: no-repeat;
    background-position: left top;
    margin-bottom: 5px;
}
#GoMerumaga, #GoSubscription, #GoMypage, #GoMerumaga a, #GoSubscription a, #GoMypage a {
    width: 80px;
    text-decoration: none;
    display: block;
    text-indent: -9999px;
    margin-bottom: 5px;
}
.subscription ul li {

}
/* ===================================================================== */
/*	PC　デスクトップ　トップにバックグラウンドを置くためのCSS 
/* ===================================================================== */
.frameTop {
    height: 80px;
    margin-bottom: 8px;
}
/* ===================================================================== */
/*	PC　デスクトップ　グローバルナビにバックグラウンドを置くためのCSS 
/* ===================================================================== */
.frameGlobalNavi {
    height: 32px;
    background-image: url(../images/global_nav_bg.png);
    background-repeat: repeat-x;
    margin-bottom: 15px;
    float: left;
    width: 100%;
}
/* ===================================================================== */
/*	PC　デスクトップ　ヘッダー周り
/* ===================================================================== */
#head {
    width: 970px;
    display: block;
    margin-bottom: 0px;
    float: left;
}
/* --------------------------------------------------------------------- */
/*	PC　デスクトップ　ヘッダー周り　ロゴ
/* --------------------------------------------------------------------- */
#logo {
/* Firefox用 */  
    height: 41px;
    width: 289px;
    float: left;
    background-image: none;
    padding: 0px;
    margin-top: 20px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    text-indent: -9999px;
}
#logo a {
    height: 41px;
    width: 289px;
    background-image: url(../images/logo_computer.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
    margin: 0px;
    padding: 0px;
}
/* --------------------------------------------------------------------- */
/*	PC　デスクトップ　ヘッダー周り　プライマリーナビゲーション
/* --------------------------------------------------------------------- */
#contactArea {
    float: right;
    width: 280px;
    text-align: center;
    margin-bottom: 0px;
    margin-top: 10px;
}
#contactArea ul {
    float: right;
    width: 274px;
}
#contactArea #search {
    float: right;
    width: 280px;
    text-align: right;
    margin-right: 5px;
}
#contactArea #search .searchBox {
    padding-bottom: 3px;
    padding-top: 3px;
    width: 130px;
}
#contactArea #search .searchBtn {
    padding-bottom: 3px;
    padding-top: 3px;
    padding-left: 5px;
    padding-right: 5px;
}
/* ===================================================================== */
/*	PC　デスクトップ　ワイドコンテンツ
/* ===================================================================== */
/* --------------------------------------------------------------------- */
/*	■PC　デスクトップ　ワイドコンテンツ　基本設定
/* --------------------------------------------------------------------- */


/* ===================================================================== */
/*	PC　デスクトップ　メイン周り
/* ===================================================================== */
/* --------------------------------------------------------------------- */
/*	PC　デスクトップ　メイン周り　メインコンテンツ（コンテンツ+ローカルナビ）
/* --------------------------------------------------------------------- */
#mainContents {
    margin-left: 0px;
    width: 970px;
    position: static;
    height: auto;
}
/* --------------------------------------------------------------------- */
/*	PC　メインコンテンツ　コンテンツエリア
/* --------------------------------------------------------------------- */
#content {
    width: 640px;
    clear: left;
}
/* --------------------------------------------------------------------- */
/*	PC　メインイメージ
/* --------------------------------------------------------------------- */
#mainImage {
    clear: both;
    float: left;
    margin-left: 0;
    width: 970px;
    display: block;
    margin-bottom: 15px;
    text-align: center;
    height: auto;
    background-color: #FFFFFF;
}
.goDigi li, .subscription li {
    float: left;
}
.goDigi li.list01 a {
    margin-left: 180px;
    margin-right: 50px;
}
.goDigi li.list02 a {
    float: right;
    margin-right: 180px;
}
.subscription li.list01 a {
    margin-left: 10px;
    margin-right: 10px;
}
.subscription li.list02 a {
    float: right;
    margin-right: 10px;
}
.goDigi li.list01 a:hover, .goDigi li.list02 a:hover, .subscription li.list01 a:hover, .subscription li.list02 a:hover {
    opacity: 0.9;
    filter: alpha(opacity=90);
}
}

@media print {
a[href]:after {
    content: "" !important;
}
abbr[title]:after {
    content: "" !important;
}
}