@charset "utf-8";


/*====================================
  リセットの設定
======================================*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
p,article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

img {
    border:0;
    vertical-align: top;
}

body {
    font-size:14px;
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Helvetica,sans-serif;
    line-height:1.6;
    background: url(../images/bg.gif) center bottom; 
    color:#333;
/*    margin-bottom: 4px; */
}


a {
    outline: none;
}

a:link,
a:visited,
a:active {
    color:#3f98c4;
    text-decoration:underline;
}
a:hover {
    color:#3f98c4;
    text-decoration:none;
}

ul, ol {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}


em { font-weight:bold; }

/* スクロール常時表示 */
html {
    overflow: scroll;
    overflow: -moz-scrollbars-vertical;
    overflow-x: scroll;
}

/*----------------------------------------------------
    Link
----------------------------------------------------*/

a:link {
    text-decoration: none;
    color: #005CA9;
}

a:visited {
    text-decoration: none;
    color: #005CA9;

}

a:hover {
    text-decoration: underline;
}

a:active {
    text-decoration: none;
}


/*====================================
  clearfixの設定
======================================*/
.clearfix:after {
    visibility:hidden;
    height:0;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
}
* html .clearfix             { zoom: 1; } 
*:first-child+html .clearfix { zoom: 1; } 



/*======================================
  共通部の設定
=======================================*/
.stDisp {
    display: none;
}

.pcDisp {
    display: block;
}

.pctDisp {
    display: block;
}

.sDisp {
    display: none;
}


.b  {font-weight:bold;}
.fS {font-size:80%;}

.fS9{font-size:90%;}
.f10{font-size:10px;}
.fL {font-size:120%;}
.fLL {font-size:150%;}

.fDarkblue {color:#00008B;}
.fDB       {color:#00008B;}
.fRed      {color:#CC0000;}
.fRs       {color:#cc3333;}
.fR        {color:#CC0000;}
.fPurple   {color:#990066;}
.fB        {color:#0000FF;}
.fG        {color:#006600;}
.fBr       {color:#660000;}

.taC {text-align:center;}
.txC {text-align:center;}
.txR {text-align:right;}
.taR {text-align:right;}
.txL {text-align:left;}
.taL {text-align:left;}

.ti  { text-indent:1em; }

.hg30 {
    height: 30px;
}

.vmid {
    vertical-align:middle;
}

.mb1  {margin-bottom:1px;}
.mb3  {margin-bottom:3px;}
.mb5  {margin-bottom:5px;}
.mb8  {margin-bottom:8px;}
.mb10 {margin-bottom:10px;}
.mb12 {margin-bottom:12px;}
.mb16 {margin-bottom:16px;}
.mb20 {margin-bottom:20px;}
.mb26 {margin-bottom:26px;}
.mb30 {margin-bottom:30px;}
.mb33 {margin-bottom:33px;}
.mb36 {margin-bottom:36px;}
.mb43 {margin-bottom:43px;}
.mb46 {margin-bottom:46px;}
.mb53 {margin-bottom:53px;}
.mb56 {margin-bottom:56px;}
.mb63 {margin-bottom:63px;}
.mb66 {margin-bottom:66px;}
.mb76 {margin-bottom:76px;}
.mb86 {margin-bottom:86px;}
.mb150 {margin-bottom:150px;}
.mt1  {margin-top:1px;}
.mt2  {margin-top:2px;}
.mt3  {margin-top:3px;}
.mt5  {margin-top:5px;}
.mt8  {margin-top:8px;}
.mt10 {margin-top:10px;}
.mt12 {margin-top:12px;}
.mt16 {margin-top:16px;}
.mt20 {margin-top:20px;}
.mt24 {margin-top:24px;}
.mt26 {margin-top:26px;}
.mt34 {margin-top:34px;}
.mt36 {margin-top:36px;}
.mt44 {margin-top:44px;}
.mt54 {margin-top:54px;}
.mt64 {margin-top:64px;}
.mt555 {margin-top:555px;}

.ml3 {margin-left:3px;}
.ml10 {margin-left:10px;}
.ml12 {margin-left:12px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}

.mr15 {margin-right:15px;}
.indent {text-indent:1em;}

/*====================================
  ヘッダーエリア
======================================*/
#header  {
    /*  ヘッダーの背景画像 */
    background: url(../images/h_bg.gif) center bottom;
    width: 960px;
    margin:0 auto;
/*    height:90px; */
    overflow:hidden;
    position:relative;
}

#header #hLogo   {
    float:left;
    width:520px;
    padding:5px 0 5px 0;
    margin:0 0 1px 5px;
}



#header #hLogo img  {
    float:left;
}


#hBlog {
    position:absolute;
    top:10px;
    right:75px;

}

#hTwitter {
    position:absolute;
    top:10px;
    right:205px;
}

#hInfo {
    position:absolute;
    top:20px;
    right:405px;

}


/* サブナビ（サイトマップなど） */
ul#subNav {
    list-style: none;
    position:relative;
    font-size:14px;
    text-align:right;
}

ul#subNav li.contact {
    position:absolute;
    top:15px;
    right:10px;
}

ul#subNav li.sitemap {
    position:absolute;
    top:45px;
    right:10px;
}

ul#subNav a {
    color:#FFF;
    display:block;
    background:url(../images/arrow14.gif) no-repeat 0 0px;
    text-decoration: none;
    padding:0 0 0 20px;
    min-height:20px;
}

ul#subNav li.jp a {
    display:block;
    background:url(../images/japan.jpg) no-repeat 0 0px;
    text-decoration: none;
    padding:0 0 0 35px;
    min-height:20px;
}

ul#subNav a:hover {
    text-decoration: underline;
}

/*====================================
  フッターエリア
======================================*/
#footer {
    width:960px;
    background: url(../images/f_bg.gif) center bottom;
    color:#000;
    margin:0 auto;
    position:relative;
    clear:both;
}

#footer p small {
    display:block;
    font-size:12px;
    text-align:center;
    padding:8px 0 5px 0;
    color:#fff;
    text-decoration:none;
}

#footer ul {
    padding:8px 5px 0 5px;
}

#footer li {
    display:inline;
    color:#fff;
    padding-left:5px;
}

#footer ul a {
    background:url(../images/arrow14.gif) no-repeat 0 0px;
    color:#fff;
    font-size:14px;
    text-decoration: none;
    padding:0 0 0 20px;
    min-height:14px;
}

#footer ul a:hover {
    color:#fff;
    text-decoration: underline;
}

/*====================================
  グローバルナビ
======================================*/
#gNav {
    clear: both; /* サブナビのfloatを解除 */
    position:relative;
    width:100%;
    min-height:42px;
}
#gNav ul {
    background: #fff;
    width:960px;
    overflow:hidden;
    margin:0 0 0 0;
}

#gNav li {
    float:left;
    height:42px;
    list-style-type:none;
    margin:0 0 0 0;
}

#gNav li a {

    background: -ms-linear-gradient(top,#666666 0%,#666666 50%,#444242 50%,#444242);
    background: -moz-linear-gradient(top,#666666 0%,#666666 50%,#444242 50%,#444242);
    background: -webkit-gradient(linear, left top, left bottom,from(#666666), 
                                 color-stop(0.5,#666666), color-stop(0.5,#444242), to(#444242));

    text-shadow: 0px 0px 1px #333,
                 0px 0px 5px #333,
                 0px 0px 10px #333;

    width:157px;
    height:42px;
    line-height:42px;
    border: 1px solid #DDD;
    color: #FFF;
    display:block;

    text-align:center;
    font-size:16px;
    text-decoration:none;

    position:relative;

    -pie-background: linear-gradient(top,#666666 0%,#666666 50%,#444242 50%,#444242);
    behavior: url(http://www.mj-dragon.com/common/css/PIE.htc);    /* IE対応 */
}

#gNav li a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=70)";  /* ie 8 */
    -moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.7;              /* Safari 1.x */
}

body.home #gNav li.home a,
body.think #gNav li.think a,
body.book #gNav li.book a,
body.audio #gNav li.audio a,
body.output #gNav li.output a,
body.maven #gNav li.maven a
{
    opacity: 1.0; /* 透明化させない */
    filter: alpha(opacity=100);       /* ie lt 8 */
    -ms-filter: "alpha(opacity=100)"; /* ie 8 */
    -moz-opacity:1.0;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 1.0;              /* Safari 1.x */

    background: -ms-linear-gradient(top,#000000 0%,#000000 85%,#cc0033 85%,#cc0033);
    background: -moz-linear-gradient(top,#000000 0%,#000000 85%,#cc0033 85%,#cc0033);
    background: -webkit-gradient(linear, left top, left bottom,from(#000000), 
                                 color-stop(0.85,#000000), color-stop(0.85,#cc0033), to(#cc0033));
    border: 1px solid #DDD;
    color: #FFF;

    position:relative;

    -pie-background: linear-gradient(top,#000000 0%,#000000 85%,#cc0033 85%,#cc0033);
    behavior: url(http://www.mj-dragon.com/common/css/PIE.htc);    /* IE対応 */
    z-index: 1;
}


#gNav .new {
    position:absolute;
    top:-8px;
    left:805px;
    z-index: 2;
}


/*====================================
  パンくずリスト
======================================*/
#topicPass {
    text-align:left;
    padding:10px 0 0 0;
    margin-left: 10px;
    margin-bottom: 5px;
}
#topicPass li {
    display:inline;
    font-size:12px;
}

#topicPass li a {
    background:url(../images/arrowpass.gif) no-repeat right 6px;
    padding-right:16px;
}

/*  .topicTop
----------------------------------------------------*/
.topicTop  {
    width:100%;
    height:36px;
    line-height:36px;
    text-align:center;
    position:relative;
    overflow:hidden;
    font-size:14px;
    color:#333333;
    background-color: #e4e3dc;
}

/*  #main
----------------------------------------------------*/
#main {
    float: left;
    text-align:left;
    width:630px;
    margin:0 10px 0 10px;
    display:inline;
}

/*====================================
  タイトル
======================================*/
#pagetitle {
    font-size:24px;
    color: #000;
    font-weight: normal;
    line-height:28px;
    margin:15px 10px 20px 10px;
    background:url("../images/bg_title_full.jpg") 0 100% no-repeat;
    padding:10px 10px 10px 24px;
    border:1px solid #cccccc;
}

.subtitle {
    font-size:18px;
    line-height:20px;
    padding:10px 10px 10px 15px;
    margin:0 0 15px 0;
    border-bottom:2px solid #cccccc;
    background:url("../images/back.gif") 0 100% no-repeat;
}


/* 管理人ご挨拶用 */
#mainMessage {
    float: left;
    text-align:left;
    width:630px;
    margin:0 0 0 10px;
    border-right:2px dotted #DCDCDC;
}

/* サイトマップ（左）*/
#mainL {
    float: left;
    text-align:left;
    width:300px;
    margin:0 0 0 10px;
}

/* サイトマップ（右）*/
#mainR {
    float: right;
    text-align:left;
    width:290px;
    padding:0 0 0 10px;
    margin:0 15px 0 0;
    border-left:2px dotted #DCDCDC;
}

/* ご挨拶*/
#mainLL {
    float: left;
    text-align:left;
    width:300px;
    margin:0 0 0 30px;
    _margin:0 0 0 15px;
}

/* ご挨拶 */
#mainRR {
    float: right;
    text-align:left;
    width:300px;
    padding:0 0 0 20px;
    margin:0 15px 0 0;
    _margin:0 7px 0 0;
    border-left:2px dotted #DCDCDC;
}

/* 問合せ・運営ポリシー*/
#mainAll {
    float: left;
    text-align:left;
/*    width:760px; */
    width:900px;
    margin:0 0 0 10px;
    _margin:0 0 0 5px;
    padding-top: 5px;
    padding-left: 5px;
}

/*====================================
  画像一覧
======================================*/
.col-2 {
    width:100%
}

.col-2 li{
    float:left;
    width:295px;
    margin: 0 5px 30px 0;
    position:relative;
}

.col-3 {
    width:100%
}

.col-3 li{
    float:left;
    width:195px;
    margin: 0 5px 30px 0;
    position:relative;
}

/*====================================
  左画像
======================================*/
#rimg {
    margin: 10px 0 30px 0;
}

#rimg p {
    margin: 0;
}


#rimg img.lf {
    float:left;
    margin:0 30px 10px 0;
}

#rimg img.lfbtn {
    float:left;
    margin:0 15px 10px 0;
}


#rimg .f20 {
    font-size:20px;
    padding-bottom:8px;
}

#rimg .f16 {
    font-size:16px;
    padding-bottom:8px;
}


/*====================================
  App一覧
======================================*/
.applist {
    width:100%
}

.applist li {
    float:left;
    width:150px;
    height:200px;
    margin: 0 10px 10px 10px;
    padding:10px 20px 10px 20px;
    position:relative;
}

.applist .new {
    position:absolute;
    top:13px;
    left:10px;
}

.applist li a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=70)";  /* ie 8 */
    -moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.7;              /* Safari 1.x */
}

.applist>p {
    padding:0 0 0 10px;
    margin-bottom: 30px;
}

.applist h3 {
    margin-bottom: 10px;
}


/*====================================
  Video
======================================*/
.move{
    position:relative;
	width:100%;
	padding-top:56.25%;
    margin-bottom: 40px;
}
.move iframe{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
}



/* トップページ用
-----------------------------------------------------------------------*/
#topMain {
    float: left;
    text-align:left;
    width:770px;
    margin:10px 10px 0 10px;
    _margin:0 5px 0 5px;
}

#topMainL {
    float: left;
    text-align:left;
    width:140px;
    margin:0;
    _margin:0;
}

#topMainM {
    float: left;
    text-align:left;
    width:460px;
    margin:0;
    _margin:0;
}

#topMainR {
    float: right;
    text-align:left;
    width:200px;
    margin:0;
    _margin:0;
}

#topMainLL {
    float: left;
    text-align:left;
    width:480;
    margin:0;
    _margin:0;
}

#topMainRR {
    float: right;
    text-align:left;
    width:319px;
    margin:0;
    _margin:0;
}

/* 横３列表示 */

.topMainThree    {
    width:780px;
    padding-bottom:10px;
    text-align:left;
}
.topMainThree div.one    {
    width:253px;
    float:left;
    margin-right:7px;
}
.topMainThree div.two    {
    width:253px;
    float:left;
    margin-right:7px;
}
.topMainThree div.three  {
    width:253px;
    float:left;
}
.topMainThree div.one ul,
.topMainThree div.two ul,
.topMainThree div.three ul   {
    margin:6px 8px 14px 23px;
}
.topMainThree div.one ul li,
.topMainThree div.two ul li,
.topMainThree div.three ul li    {
    background: url(../images/topMain_arw.gif) no-repeat left;
    text-align:left;
    padding-left:15px;
    padding-bottom:4px;
    margin:0;
    list-style-type:none;
}

/* 新着情報・PR */

div#topMainLidx {
    margin: 0 0 8px 0;
    float:left;
    width:275px;
    text-align:left;
}

div#topMainRidx {
    margin: 0 0 8px 0;
    float:right;
    width:480px;
    padding-right:10px;
    text-align:left;
}

div#topMainLink {
    float:left;
    width:275px;
    text-align:left;
}

div#topMainNews {
    float:right;
    width:480px;
    height:245px;
    overflow: auto;
    text-align:left;
}

div#topLT {
    float:left;
    width:300px;
    text-align:left;
}

div#topRM {
    float:right;
    width:450px;
    height:300px;
    text-align:left;
}

.rss-item {
    margin: 0 0 6px 0;
    background: none;
}

li.rss-item  {
    border-bottom: 1px dotted #ccc;
}

/*  #side
----------------------------------------------------*/

#side {
    float: right;
    text-align:left;
    background: url(../images/side_bg.jpg) no-repeat center top;
    width:160px;
    margin:0 10px 0 0;
    _margin:0 5px 0 0 ;
}

/* 管理人ご挨拶用 */
#sideMessage {
    float: right;
    text-align:left;
    width:160px;
    margin:0 0 0 0;
    _margin:0 0 0 0;
}

#side p {
    text-align:center;
    margin:16px auto;
}

#sidebar {
    float: left;
    width: 300px;
    margin: 0 10px 0 0;
    padding-bottom:20px;
    display:inline;
}


#sidebar ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

#sidebar li {
    margin: 0px;
    padding: 0px;
}

#sub-menu h2, #sub-rank h2 {
    border-bottom: 3px solid #BAAF9A;
    color: #333333;
    font-family: Helvetica;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 15px;
    padding: 0 10px 5px;
}
#sub-menu ul, #sub-rank ul {
    padding: 0 10px;
}
#sub-menu ul li, #sub-rank ul li{
    border-bottom: 1px dotted #CCCCCC;
    line-height: 1.4em;
    margin-bottom: 10px;
    padding:0 0 10px 20px;
    background:url(../images/arrow14.gif) no-repeat 0 0px;
    text-decoration: none;
}
#sub-menu ul li:last-child, #sub-rank ul li:last-child {
    border-bottom: medium none;
    margin-bottom: 0;
    padding-bottom: 0;
}

#sub-menu ul li.noy{
    border-bottom: 1px dotted #CCCCCC;
    line-height: 1.4em;
    margin-bottom: 10px;
    padding:15px 0 10px 0;
    background:url(../images/bgw.gif) no-repeat 0 0px;
    text-decoration: none;
}

/*  #lNav
----------------------------------------------------*/
#lNav   {
    padding-bottom:1px;
}
#lNav dt    {
}
#lNav dt img    {
    vertical-align:bottom;
}
#lNav dd    {
    font-weight:bold;
    font-size:12px;
    margin:0;
    display:block;
    border-bottom:1px solid #999999;
}
#lNav dd a.fir  {
    display:block;
    background: url(../images/side_nav_arw.gif) no-repeat left center;
    width:129px;
    padding:12px 10px 12px 20px;
}
#lNav dd a.sec  {
    display:block;
    background:#dab666 url(../images/side_nav_arw2on.gif) no-repeat left center;
    width:129px;
    padding:12px 10px 12px 20px;
}

#lNav dd span.fir   {
    display:block;
    background:#9F896B url(../images/side_nav_arw_no.gif) no-repeat left center;
    width:129px;
    padding:12px 10px 12px 20px;
    color:#FFF;
}
#lNav dd span.sec   {
    display:block;
    background:#dab666 url(../images/side_nav_arw2on.gif) no-repeat left center;
    width:129px;
    padding:12px 10px 12px 20px;
    color:#FF0000;
}




/*====================================
  ニュース
======================================*/
#news {
    margin-bottom:30px;
}

#news p {
    margin-top:5px;
    margin-bottom:15px;
    font-size:14px;
    border-bottom:1px dotted #ccc;
    padding:0 20px 5px 20px;
}

#news time {
    font-size:90%;
    color:#666666;
    padding-right:10px;
}

/*====================================
  ニュース用のボタン
======================================*/
.btnEbooks {
    background-color: #996600;
    border: 1px solid #DDD;
    text-decoration:none;
    color:#FFF;
    font-size: 10px;
    padding:1px 10px;

    position:relative;
}

.btnMedia {
    background-color: #ff3333;
    border: 1px solid #DDD;
    text-decoration:none;
    color:#FFF;
    font-size: 10px;
    padding:1px 10px;

    position:relative;
}

/*  コンテンツ内、横並びナビ
----------------------------------------------------*/

div.dNav    {
    padding: 0;
}
div.dNav ul {
    float:left;
    padding-left:5px;
    padding-bottom:8px;
}

div.dNav ul li  {
    margin:0;
    list-style-type:none;
    font-size:12px;
    display:inline;
}




/* Tab */
----------------------------------------------------*/
ul.tab {
    margin:0
    list-style-type: none;
    position: relative;
    top: 1px;
}

ul.tab li {
    margin-left:0;
    list-style-position:outside;
    list-style-type: none;
    float: left;
    width: 125px;
    text-align: center;
    line-height: 22px;
}

ul.tab li a {
    margin-left:10px;
    list-style-position:outside;
    display:block;
    color: #000000;
    border: 1px solid #666666;
    padding: 4px 0;
    background-color: #e4e3dc; /* OFFタブ色 */
}

ul.tab li.on a {
    margin-left:10px;
    list-style-position:outside;
    display:block;
    color: #000000;
    border: 1px solid #666666;
    padding: 4px 0;
    background-color: #ff9999; /* ONタブ色 */
}

ul.tab li a:hover {
    color: #FF0000;
}

/* Tabshort */
----------------------------------------------------*/
ul.tabs {
    margin:0
    list-style-type: none;
    position: relative;
    top: 1px;
}

ul.tabs li {
    margin-left:0;
    list-style-position:outside;
    list-style-type: none;
    float: left;
    text-align: center;
    line-height: 20px;
}

ul.tabs li a {
    margin-left:10px;
    list-style-position:outside;
    display:block;
    color: #000000;
    border: 1px solid #666666;
    padding: 1px 4px;
    background-color: #e4e3dc; /* OFFタブ色 */
}

ul.tabs li.on a {
    margin-left:10px;
    list-style-position:outside;
    display:block;
    color: #000000;
    border: 1px solid #666666;
    padding: 1px 4px;
    background-color: #ff9999; /* ONタブ色 */
}

ul.tab li a:hover {
    color: #FF0000;
}

/*  other
----------------------------------------------------*/
.pageTop {
    clear: both;
    text-align:right;
    margin:0;
    padding-top:10px;
    padding-right:20px;
    padding-bottom:10px;
    height:22px;
    overflow:hidden;
}

.next {
    clear: both;
    text-align:right;
    margin:0;
    padding-top:10px;
    padding-right:20px;
    padding-bottom:10px;
    height:42px;
    overflow:hidden;
}

.pnext {
    clear: both;
    text-align:center;
    margin:0;
/*
    height:39px;
    line-height : 39px;
 */
    overflow:hidden;
}

/*  #contents
----------------------------------------------------*/
#contents {
    width:960px;
    margin:0 auto;
    padding-bottom:20px;
    background: #fff;
}


#btmAd {
    background: #fff;
    width:960px;
    height:100px;
    text-align:center;
    margin:0 auto;
    padding-top:20px;
    padding-bottom:20px;
    border-top: 1px dotted #CCCCCC;
}

#ptop {
    background: #fff;
    width:960px;
    text-align:right;
    margin:0 auto;
    padding: 5px 0 10px 0;
}


/*  問題一覧など
----------------------------------------------------*/

#monbase{
    margin:2% 0 1%;
    margin-right:10px;
    border-bottom:solid 1px #BABDB9;
}

.monlist{
    background-image: -moz-linear-gradient(top, #FFF, #EBEBEB);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#FFF), to(#EBEBEB));
    background-image: -o-linear-gradient(top, #FFF, #EBEBEB);
    background-image: linear-gradient(top, #FFF, #EBEBEB);
    background-color: #eee;
    background-image: linear-gradient(top, #FFF, #EBEBEB);

    overflow:hidden;
    border-top:solid 1px #BABDB9;
    border-bottom:solid 1px #F5F5F5;
    border-left:solid 1px #BABDB9;
    border-right:solid 1px #BABDB9;
}

.mon a{
    padding: 20px 0px 20px 20px;
    display:block;
    font-size:20px;
}

/*  牌画
----------------------------------------------------*/
.haigaL {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 5px;
    vertical-align: 14px;
}

/*  解答アコーディオン
----------------------------------------------------*/


.ac-title{
    background-color:#99FFCC;
    font-size:16px;
    padding:10px;
    margin-right:10px;
    border-style:solid;
    border-width:1px 1px 1px 1px;
    border-color:#663300;
    cursor:pointer;
}

.ac-title:hover{ color:#cc0000; }


.ac-content{
    background-color:#fff;
    border-style:solid;
    border-width:0px 1px 1px 1px;
    border-color:#663300;
    font-size:16px;
    padding:10px; 
    margin-right:10px;
}

/*  前・次への遷移
----------------------------------------------------*/
lastNext {
    text-align:center;
    margin:0 auto;
    overflow:hidden;
}
#lastNext ul {
    text-align:center;
    display:inline;

    font-size:16px;
    line-height:0;
}
#lastNext ul li.left {
    display:inline;
    overflow:hidden;
    list-style-type:none;

}

#lastNext ul li.right {
    display:inline;
    overflow:hidden;
    list-style-type:none;
}


/*  hx
----------------------------------------------------*/
h1  {
    text-align:left;
    font-size: 10px;
    color:#ffffff;
/*    padding-left: 10px; */
    font-weight:normal;
}

header h1{
    padding-left: 20px;
}

h2  {
    font-size:16px;
}

.tpRsub h2  {
    font-size:12px;
    font-weight:normal;
}


h3  {
    font-size:16px;
}

h3.line {
    color: #003300;
    font-size: 18px;
    width: 580px;
    border-bottom:solid 2px #003300;
    font-weight: bold;
    padding: 10px 0px 0px 0px;
}


.topnaviR {
    text-align:center;
    border-top: 1px double #cc6633;
    border-bottom: 1px double #cc6633;
    background: #ffffcc;
    padding: 5px;
}

.topnaviY {
    text-align:center;
    border-top: 1px double #cc6633;
    border-bottom: 1px double #cc6633;
    background: #ccffcc;
    padding: 5px;
}

.topnaviG {
    text-align:center;
    border-top: 1px double #cc6633;
    border-bottom: 1px double #cc6633;
    background: #ccffff;
    padding: 5px;
}

.topnaviC {
    text-align:center;
    border-top: 1px double #cc6633;
    border-bottom: 1px double #cc6633;
    background: #ffcccc;
    padding: 5px;
}

.topnaviL {
    text-align:center;
    border-top: 1px double #cc6633;
    border-bottom: 1px double #cc6633;
    background: #e1dcdc;
    padding: 5px;
}

.topnaviGL {
    text-align:center;
    border-top: 1px double #cc6633;
    border-bottom: 1px double #cc6633;
    background: #e1dcdc;
    padding: 5px;
}

/*
.rule {
    color:#cc6633;
    margin-bottom:10px;
}
a.rule:link {
    color:#cc6633;
}
a.rule:visited {
    color:#cc6633;
}

.yaku {
    color:#006600;
    margin-bottom:10px;
}
a.yaku:link {
    color: #006600;
}
a.yaku:visited {
    color: #006600;
}

.calc {
    color:#cc3399;
    margin-bottom:10px;
}
a.calc:link {
    color:#cc3399;
}
a.calc:visited {
    color:#cc3399;
}

.game {
    color:#3366ff;
    margin-bottom:10px;
}
a.game:link {
    color:#3366ff;
}
a.game:visited {
    color:#3366ff;
}

.link {
    color:#666666;
    margin-bottom:10px;
}
a.link:link {
    color:#666666;
}
a.link:visited {
    color:#666666;
}
*/

ol {
    margin-left: 5px;
}




/*  google
----------------------------------------------------*/
#adsense_1 { 
/*  margin: 0;
  padding: 0; */
  width: 468px;
  height: 15px;
}


/*  boder
----------------------------------------------------*/
.dotBdr {
    border-top:2px dotted #DCDCDC;
}


/*  table（tbl1  ：符計算点数（中央寄せ）
           tbl2  ：符計算点数（左寄せ）
           tblOsu：オススメなど
           tblCon：問い合わせ）
----------------------------------------------------*/
.tbl00, table01, tbl02, tbl03, tblOsu, tblCon, tblStra, tblTool{
    border-collapse:collapse;
}
.tbl00 th,
.tbl00 td {
    padding:8px 8px;
    color:#000000;
    text-align:center;
}
.tbl00 th   {
    font-weight:normal;
    color:#000000;
/*    width:70px; */
}
.tbl00 td {
    border:0px;
}


.tbl01 th,
.tbl01 td {
    padding:8px 8px;
    color:#000000;
    text-align:center;
}
.tbl01 th   {
    font-weight:normal;
    color:#000000;
/*    width:70px; */
}
.tbl01 td {
    border:1px solid #000;
}

.tbl01 td.ron {
    background: #FFCC99; 
}


.tbl02 th,
.tbl02 td {
    padding:8px 8px;
    color:#000000;
    text-align:left;
}
.tbl02 th   {
    text-align:left;
    font-weight:normal;
    color:#000;
}
.tbl02 td {
    border:1px solid #000;
}

.tbl03 th,
.tbl03 td {
    padding:4px 8px;
    color:#000000;
    text-align:center;
}
.tbl03 th   {
    font-weight:normal;
    color:#000;
/*    width:70px; */
}
.tbl03 td {
    border-left:1px solid #000;
    border-right:1px solid #000;
    border-bottom:1px solid #000;
}

.tbl03 td.ron {
    border-bottom:1px dotted #000;
    background: #fedab6;
}

.tbl04 th,
.tbl04 td {
    padding:4px 8px;
    color:#000000;
    text-align:left;
}
.tbl04 th   {
    font-weight:normal;
    color:#000;
}
.tbl04 td {
    border-left:1px solid #000;
    border-right:1px solid #000;
    border-bottom:1px solid #000;
    border-top:1px solid #000;
}


.tblOsu th,
.tblOsu td {
    padding:8px 8px;
    text-align:left;
    border:1px solid #666666;
}
.tblOsu th   {
    text-align:left;
    font-weight:normal;
    color:#666;
}
.tblOsu tr {
}

.tblCon {
    width:720px;
}

.tblCon th,
.tblCon td {
    padding:8px 8px;
    text-align:left;
}
.tblCon th  {
    text-align:left;
    width:170px;
    color:#666;
}
.tblCon td {
    border:1px solid #000;
}

.tblStra td {
    padding:4px 4px 4px 4px;
    color:#000000;
    text-align:left;
}
.tblStra th   {
    font-weight:normal;
    color:#000000;
/*    width:70px; */
}
.tblStra td {
    border:0px;
}

.tblTool td {
    padding:4px 4px 10px 4px;
    color:#000000;
    border:0px;
}

/*----------------------------------------------------*/

.colorH {
    border:1px solid #000;
    background: #ccffcc url(../images/bg_tblKui.gif) repeat-x 0 100%; 
/*    background: #CCFFFF; */
}

.colorGlay {
    border:1px solid #000;
    background: #eae7e7;
}

.colorY {
    border:1px solid #000;
    background: #FFFF99;
}

.colorM {
    background: #CCCCCC;
}

/*  table（tblList）
----------------------------------------------------*/
.tblList {
/*    width: 580px; */
    border-spacing: 0;
    border-collapse:collapse;
}

.tblList th {
    padding: 4px;
    border-color: #FFFFFF;
    border-style: solid;
    border-width: 1px;
    background: #666633 url(../images/bg_tblList.gif) repeat-x 0 100%; 
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
/*    line-height: 120%; */
}
.tblList th.non {
    padding: 4px;
    border-color: #666633;
    border-top-width: 0;
    border-bottom-width: 1px;
    border-left-width: 0;
    border-right-width: 0;
    background: #FFFFFF
}
.tblList th.fuku {
    padding: 4px;
    border-color: #FFFFFF;
    border-style: solid;
    border-width: 1px;
    background: #330000; 
    background-color: #330000;
    color: #FFFFFF;
    font-weight: bold;
/*    line-height: 120%; */
    text-align: center;
}

.tblList td {
    padding: 4px;
    border-style: solid;
    border-width: 1px;
    border-color: #666633;
    color: #1A4444;
    text-align: center;
    height:24px;
    vertical-align: middle;
}

.tblList td a {
    vertical-align: middle;
    text-align: center;
}

.tblList td.men {
    height:24px;
    background: #ffccff url(../images/bg_tblMen.gif) repeat-x 0 100%; 
}

.tblList td.kui {
    height:24px;
    background: #ccffcc url(../images/bg_tblKui.gif) repeat-x 0 100%; 
}

.tblList td.no {
    height:24px;
    background-color: #cccccc;
}

.tblList td.lef {
    height:24px;
/*    padding: 0; */
    text-align: left;
}

.tblList td.starR {
    color: #CC0000;
    padding: 0;
    text-align: left;
}

/*  table（tblTop）
----------------------------------------------------*/
.tblTop {
    width: 750px;
    border-spacing: 0;
    border-collapse:collapse;
}

.tblTop th {
    padding: 4px;
    border-color: #FFFFFF;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: left;
/*    line-height: 120%; */
}


.tblTop td {
    padding: 0 10px;
    text-align: left;
    width:250px;
    vertical-align: middle;
}


/*  table（tblF）
----------------------------------------------------*/
.tblF {
    width: 620px;
    border-spacing: 0;
    border-collapse:collapse;
}

.tblF th {
    padding: 4px;
    border-style: solid;
    border-width: 1px;
    text-align: center;
    background-color: #cccccc;
}

.tblF td {
    border-style: solid;
    border-width: 1px;
    padding: 0 5px;
    text-align: left;
    vertical-align: middle;
}

.tblF td.name {
    border-style: solid;
    border-width: 1px;
    padding: 4px;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
    background-color: #ccffff;
}

.tblF td.nameL {
    border-style: solid;
    border-width: 1px;
    padding: 4px;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
    background-color: #ffccff;
}

/*====================================
  お問い合わせフォーム
======================================*/

.form-wrap {
  padding: 15px 0 0 0;
  margin-bottom: 30px;
  border-radius: 5px;
  border: 5px double #666666;
  background-color: #fafae5;
}

.form-wrap .row {
  margin-right: 0;
  margin-left: 0;
  padding: 0px 10px 0px 10px;
  border-bottom: 1px solid #ddd9d5;
}
.form-wrap .col-md-4 {
  margin: 0;
  padding: 0;
}

.form-wrap .col-md-8 {
  margin-bottom: 15px;
  padding-left: 0;
  padding-right: 0;
}

.form-hdg {
  margin: 0;
  padding: 3px 0 0 4px;
  min-width: 166px;
  display: inline-block;
  vertical-align: top;
}
.form-hdg .item {
  padding-right: 10px;
  width: 80%;
  display: table-cell;
  vertical-align: top;
}

.input-parts {
  margin-right: 5px;
  padding: 4px 6px;
  border-radius: 3px;
  border: 1px solid #ddd9d5;
}

.input-xsmall {
  width: 50%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.input-xlarge {
  width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/*  input Set
----------------------------------------------------*/
.zenkaku {
    ime-mode: active;   /* 全角文字 */
}
.hankaku {
    ime-mode: inactive; /* 半角英数字 */
}

/*  Only You
----------------------------------------------------*/

.yPai {
    padding:10px 0 0 10px;
}

.yMark {
    padding:3px 0 20px 10px;
}

.conL {
    float: left;
    margin: 0 15px 15px 0;
    width:280px;
}

.conR {
    float: left;
    width:280px;
}

.glo, .glo-on {
    font-size:18px;
}

a.glo:link {
/*    text-decoration: underline; */
}
a.glo:visited {
    text-decoration: underline;
}

a.glo-on:link {
    text-decoration: none;
    color:#ff3300;
}
a.glo-on:visited {
    text-decoration: none;
    color:#ff3300;
}

a.glo-on:hover {
    text-decoration: underline;
}

ul.leaf li {
    margin:0 0 0 20px;
    padding:3px 0 3px 15px;
    list-style-type:none;
    background: url("../images/icon_ul.gif") no-repeat 0px;
}


.vaB {vertical-align: bottom;}

.bq {
    width: 88%;
    margin:0 5px 10px 5px;
    padding: 10px;
    border: 2px dotted #ccc;
    background: #FFFFCC;
    color: #000;
}

.ky { background-color: #ffff55; }


/*サイト表示*/

.sitePadding {
    margin:0px;
    text-align:left;
    padding-bottom:30px;
}

.siteBlock{
    width:100%;
}

.siteBlock ul{
    margin-left:13px;
}


.siteBlock li{
    margin:0px 10px 0px 0px;
    float:left;
    width:170px;
    list-style-type:none;
    font-size:10px;
    text-align:left;
    color:#CCCCCC;
    background-image:url(../images/contents_img/background_site.gif);
    background-position:bottom;
    background-repeat:repeat-x;
    padding-bottom:25px;
}

/* サイト枠 */

.siteBlock .sBox{
    border:1px solid #BCBCBC;
    color:#333333;
    width:170px;
    font-size:12px;
    text-align:center;
    padding-bottom:5px;
    vertical-align:middle;
}

.siteBlock table.siteTable{
    border-collapse:collapse;
    border: 0;
    margin: 0 auto 20px;
    width: 490px;
}

.siteBlock table.siteTable td{
    margin-right:40px;
    text-align:center;
    vertical-align:middle;
}

.siteBlock .ssImg a{
    padding:2px;
    display:block;
    width:160px;
    height:90px;
    margin:3px;
    position:static;
    vertical-align:middle;
}


/* サイト名 */
.siteBlock .ssTitle a{
    background-color:#ffcccc;
    color:#000000;
    display:block;
    margin:2px 2px 6px 2px;
    padding:2px;
    font-size:12px;
    text-align:center;
}

.siteBlock .ssTitle a:link,.siteBlock .ssTitle a:visited{
    text-decoration:none;
    font-size:12px;
    text-align:center;
}

.siteBlock .ssTitle a:hover{
    text-decoration:none;
    background-color:#009900;
    color:#FFFFFF;
    font-size:12px;
    text-align:center;
}


.siteBlock p{
    margin:0px 5px 0px 5px;
    text-align:left;
    line-height:150%;
}

.siteBlock p a:link,.siteBlock p a:visited{
    color:#CCCCCC;
}

.siteBlock .sBox p a:link,.siteBlock  .sBox p a:visited{
    color:#20b1e0;
}

.siteBlock p a:hover{
    color:#20b1e0;
}

blockquote {
    overflow: auto;
    margin: 0;
    padding: 0 10px;
    vertical-align: middle;
/*
    border: 2px dotted #ccc;
    background: #ccffff;
    color: #444;
  */
}

a:hover img.linkimg {
    opacity: 0.6;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
}


/*  sbtn
----------------------------------------------------*/
.sbtn {
    margin: 20px 0 20px 0;
    padding: 0 50px 0 50px;
    font-size: 11px;
    color: #9F9F9F;
/*
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
 */
}
.sbtn ul {
    list-style: none;
    /zoom : 1;
}
.sbtn ul:after{
    content : '';
    display : block;
    clear : both;
}
.sbtn li {
    float: left;
    width: 23%;
    margin: 0 40px 0 40px;
    padding: 0 50px 0 50px;
}

.sbtn li a {
    color: #9b9b9b;
}

.sbtn li.share-width {
    width: auto;
    margin: 0;
    padding: 10px 10px 0 10px;
}

/*====================================
  画像ズーム用
======================================*/
.zoom { 
    position: relative;
} 
img.zoom_icon { 
    position: absolute;
    top:  -17px;
    left: 55px;
}

/*====================================
  サイトマップ
======================================*/
.column3:before, .column3:after { content: ""; display: table; }
.column3:after { clear: both; }
.ie .column3 { zoom:1;}

.column3 .colinner {
    float: left;
    width: 32%;
    margin-right: 2%;
}
.column3 .colinner-3 {
    float: left;
    width: 32%;
}

/* 角丸の設定 */
.sitemap .colbox {
    background-color: #f6f6f6;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin-bottom: 10px;
    /* IE8・7・6は未対応 */
}
.sitemap .colbox .inner {
    padding: 15px 15px 8px 15px;
    margin: 0;
}
.sitemap h2 {
    font-size:16px;
    padding: 0;
    margin: 0;
}

.sitemap ul.map {
    margin-top: 7px;
    padding-top: 10px;
    border-top: 1px solid #ccc;
}

.sitemap a {
    padding: 0 15px 0 0;
    display: block;
    text-decoration: none;
}

.sitemap h2 a {
    color: #990000;
}

.sitemap ul a {
    color: #444;
}

.sitemap a:hover {
    color: #c00;
    text-decoration: underline;
}

.sitemap ul {
    list-style-type: square;
    padding-left:10px;

}

.sitemap li {
    padding-bottom:8px;
}


/*====================================
  ▼ スマホ・タブレット用 800/600/320
======================================*/
@media screen and (max-width: 800px) {

    body {
        padding: 0px;
    }

    .rd {
        width:50%;
    }

    .stDisp {
        display: block;
    }

    .pcDisp {
        display: none;
    }

    .pctDisp {
       display: block;
    }

    .sDisp {
       display: none;
    }

    #btmAd {
        display: none;
    }

    #hInfo {
        display: none;
    }

    /*====================================
      カテゴリ内ナビ
    ======================================*/
    #cateNav {
        display: block;
        margin: 15px 0 15px 255px;
    }

    #cateNav #cBtn {
        position: relative;
        float: left;
        width: 300px;
    }

    #cateNav nav {
        display: block;
    }

    #cateNav nav:hover {
        cursor: pointer;
    }

    #cateNav #cBtn a {
        display: block;
        padding-left: 5px;
        background: white;
        border: solid 1px #666;
        line-height: 42px;
        color: #666;
        text-decoration: none;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
    }

    #cateNav #cBtn a .arrow {
        position: absolute;
        top: 1px;
        right: 1px;
        display: block;
        width: 25px;
        background: #666;
        text-align: center;
        color: white;
        border-radius: 0 3px 3px 0;
        -webkit-border-radius: 0 3px 3px 0;
        -moz-border-radius: 0 3px 3px 0;
    }

    /*  カテゴリ内リスト */
    #cateNav ul#cateList {
        position: absolute;
        display: none;
        top: 44px;
        left: 0;
        width: 300px;
    }

    #cateNav ul#cateList li {
        display: block;
        margin-top:1px;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        text-decoration: none;
    }

    #cateNav #cBtn:hover > ul#cateList {
       display: block;
    }

    #cateNav ul#cateList li a {
        display: block;
        padding: 15px 6px;
        line-height: 1;
        background: #666666;
        color: #FFF;
        text-decoration: none;
    }


    #cateNav ul#cateList li a:hover {
        background: #cc0033;
        text-decoration: none;
    }

    #cateNav #cateList li a.now {
        background-color: #000;
        text-decoration: none;
    }

    /*====================================
      グローバルナビ
    ======================================*/
    #gNav {
        min-height:46px;
    }

    #gNav li {
        height:46px;
    }

    #gNav ul {
        width:100%;
        margin:0 auto;
    }

    #gNav ul li {
        width:33.3%;
    }

    #gNav li a {
        display:block;
        font-size:16px;
        line-height:46px;
        height:46px;
        width:100%;
        text-align:center;
    }

	#gNav .new {
	    position:absolute;
        display: none;
	}

    /*====================================
      ヘッダーエリア
    ======================================*/
    #header {
        background: url(../images/h_bg.gif) center bottom;
        width:100%;
        margin:0 auto;
        position:relative;
    }

    /* ロゴ */
    #header #logo {
        padding:3px 0 3px 0;
    }

    #hBlog {
        position:absolute;
        top:5px;

    }

    #hTwitter {
        position:absolute;
        top:5px;

    }



    /*====================================
      パンくずリスト
    ======================================*/
    #topicPass {
        display: none;
    }


    /*====================================
      フッターエリア
    ======================================*/
    #footer {
        width:100%;
    }

    /*====================================
      サイトマップ
    ======================================*/
    .column3 {
        margin-right:5%;
    }

    .column3 .colinner,
    .column3 .colinner-3 {
        float: none;
        width: 100%;
        margin:0 3% 8% 2%;
    }


    /*====================================
      画像サイズの設定
    ======================================*/
    img {
        max-width: 100%;
        height: auto;
        width /***/:auto;　/*IE8のみ適用*/
    }

    /*====================================
      コンテンツエリア
    ======================================*/
    #contents {
        padding:0;
        margin:0 auto;
        width:100%;
        overflow-y:hidden;
    }

    #ptop {
        width:100%;
        text-align:right;
        margin:0 auto;
    }

    #mainAll {
        width:96%;
        margin-left: 4px;
        margin-right: 4px;
        float:none;
    }

    #main {
        width:96%;
        margin-left: 6px;
        margin-right: 4px;
        margin-bottom: 30px;
        float:none;
        display:block;
    }

    #sidebar {
        margin:0 auto;
        width:99%;
        float:none;
        display:block;
    }

    /*====================================
      その他
    ======================================*/
    #pagetitle {
        padding:10px 10px 10px 18px;
        margin:15px 7px 15px 7px;
        font-size:18px;
        line-height:18px;
    }

}
@media screen and (max-width: 768px) {
}

@media screen and (max-width: 640px) {

    ul.tabs li {
        margin-left:0;
        list-style-position:outside;
        list-style-type: none;
        float: none;
        margin-bottom:10px;
        text-align: center;
        line-height: 30px;
    }
    /*====================================
      カテゴリ内ナビ
    ======================================*/
    #cateNav {
        display: block;
        margin: 15px 0 15px 145px;
    }

    #header ul#subNav {
        display: none;
    }

    #hBlog {
        position:absolute;
        top:5px;
        right:35px;

    }

    #hTwitter {
        position:absolute;
        top:5px;
        right:125px;

    }

}

@media screen and (max-width: 600px) {

    .pctDisp {
       display: none;
    }

    .sDisp {
       display: block;
    }

}

@media screen and (max-width: 569px) {

    /* ロゴ */
    #header #logo {
        padding:3px 0 3px 0;
    }

   /*====================================
      グローバルナビ
    ======================================*/
    #gNav {
        min-height:40px;
    }

    #gNav li {
        height:40px;
    }

    #gNav ul {
        width:100%;
        margin:0 auto;
    }

    #gNav ul li {
        width:33.3%;
    }

    #gNav li a {
        display:block;
        font-size:14px;
        line-height:40px;
        height:40px;
        width:100%;
        text-align:center;
    }

    #gNav li.movie a {
        display:block;
        font-size:14px;
        line-height:40px;
        height:40px;
        width:100%;
        text-align:center;
    }

    /*====================================
      カテゴリ内ナビ
    ======================================*/
    #cateNav {
        display: block;
        margin: 15px 0 15px 85px;
    }

    #cateNav #cBtn {
        position: relative;
        float: left;
        width: 280px;
    }

    #cateNav #cBtn a {
        display: block;
        padding-left: 5px;
        background: white;
        border: solid 1px #666;
        line-height: 40px;
        color: #666;
        text-decoration: none;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
    }

    /*  カテゴリ内リスト */
    #cateNav ul#cateList {
        position: absolute;
        display: none;
        top: 42px;
        left: 0;
        width: 280px;
    }

}

@media screen and (max-width: 520px) {
    #header #hLogo img   {
        width:30%;
    }

    #hTwitter {
        width:17%;
        position:absolute;
        top:3px;
        right:105px;
    }

    #hBlog {
        width:17%;
        position:absolute;
        top:3px;
        right:10px;
    }
}

@media screen and (max-width: 480px) {

    #gNav li a {
        display:block;
        font-size:12px;
        line-height:40px;
        height:40px;
        width:100%;
        text-align:center;
    }

    #gNav li.movie a {
        display:block;
        font-size:12px;
        line-height:40px;
        height:40px;
        width:100%;
        text-align:center;
    }

    #header #hLogo img   {
        width:30%;
        margin:1px 0 0 1px;
    }

    #hTwitter {
        width:15%;
        position:absolute;
        top:3px;
        right:85px;
    }

    #hBlog {
        width:15%;
        position:absolute;
        top:3px;
        right:10px;
    }

    /*====================================
      お問い合わせフォーム
    ======================================*/
    .form-wrap {
        margin-left: 10px;
        margin-right: 10px;
    }

    .form-wrap .col-md-8 {
        padding-left: 0;
        padding-right: 0;
    }

    .form-hdg .item {
      width: auto;
    }

}

@media screen and (max-width: 450px) {
    #header #hLogo img   {
        width:30%;
    }

}

@media screen and (max-width: 400px) {
    #header #hLogo img   {
        width:25%;
        margin:1px 0 0 1px;
        padding:0 0 0 0;
    }

}

@media screen and (max-width: 360px) {

}

@media screen and ( max-width: 320px) {

    #header #hLogo img   {
        width:25%;
        margin:1px 0 0 1px;
        padding:0 0 0 0;
    }

    #main {
        width:97%;
    }

}