@charset "shift_jis";

/*
-----------------------------------------------
▼基本デザイン
----------------------------------------------- */

* {
margin:0;
padding:0;
line-height:1.4;
}
h1,h2,h3,h4,h5,h6 {
font-size:1em;
}

body {
margin:0 10px;
}

body, th, td {
font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ','ＭＳ Ｐゴシック', sans-serif;
}
ul,ol,li {
list-style-type:none;
}
table {
border-collapse:collapse;
}

a {
font-family:'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ','ＭＳ Ｐゴシック', sans-serif;
}

img {border:0;}
a:link {color:#03F;}
a:visited {color:#039;}

#head a:link,
#head a:visited,
.navi a:link,
.navi a:visited,
#search a:link,
#search a:visited {
text-decoration:none;
}

#head a:hover,
#head a:active,
.navi a:hover,
.navi a:active,
#search a:hover,
#search a:active {
color:#903;
text-decoration:underline;
}

/* Win IEちらつき防止▼ */
* html {
filter:expression(document.execCommand("BackgroundImageCache", false, true));
}

.cboth {
clear:both;
height:0;
}
/* IE 用▼ */
* html .cboth {
height:.1em;
overflow:hidden;
margin-top:-.1em;
}
hr {
visibility:hidden;
border:0;
}

#wrapper1 {
width:100%;
}

/*clearfix*/
.navi {
display:inline-block;
}
.navi {
display:block;
}
.navi:after {
content:url(../images/none.gif);
display:block;
clear:both;
height:0;
}

/*
-----------------------------------------------
▼ヘッダ
----------------------------------------------- */
#head {
position:relative;
width:100%;
min-width:928px;
border-top:8px solid #f5ad4f;
background:url(../images/c999.gif) repeat-x bottom;
}

h1 {
height:120px;
}

h1 img {
margin:8px 0 0 12px;
}

#tabnavi {
position:absolute;
top:89px;
left:6px;
}

#tabnavi li {
display:block;
margin:0 3px 0 0;
text-indent:-9999px;
}

#tabnavi li,
#tabnavi a {
float:left;
width:60px;
height:31px;
}

#tabnavi #tab_news,
#tabnavi #tab_news a {
background:url(../images/tab_news.gif) no-repeat;
}

#tabnavi #tab_club,
#tabnavi #tab_club a {
background:url(../images/tab_club.gif) no-repeat;
}

#tabnavi #tab_sannomiya,
#tabnavi #tab_sannomiya a {
background:url(../images/tab_sannomiya.gif) no-repeat;
}

#tabnavi #tab_news a:hover,
#tabnavi #tab_club a:hover,
#tabnavi #tab_sannomiya a:hover {
background-position:0 -31px;
}

#tabnavi #tab_news_a {
background:url(../images/tab_news_a.gif) no-repeat;
}

#tabnavi #tab_club_a {
background:url(../images/tab_club_a.gif) no-repeat;
}

#tabnavi #tab_sannomiya_a {
background:url(../images/tab_sannomiya_a.gif) no-repeat;
}

#head .banner {
position:absolute;
top:6px;
left:200px;
}

#linklist {
position:absolute;
top:100px;
left:200px;
font-size:12px;
}

#linklist li {
display:inline;
margin:0 6px 0 0;
padding:0 6px 0 0;
border-right:1px solid #8af;
}

#linklist .lb {
padding:0 6px;
border-left:1px solid #69f;
}

#corplist {
position:absolute;
top:100px;
right:0;
font-size:12px;
}

#corplist li {
display:inline;
background:url(../images/arrow_r.gif) no-repeat 0 3px;
margin:0 0 0 10px;
padding:0 0 0 10px;
}

/*
-----------------------------------------------
▼ナビ
----------------------------------------------- */

.navi {
clear:both;
background:#f5ad4f;
width:100%;
min-width:928px;
}

#genrenavi {
float:left;
padding:5px 0 0 6px;
}

#genrenavi li {
display:block;
margin:0 2px 0 0;
text-indent:-9999px;
}

#genrenavi li,
#genrenavi a {
float:left;
width:54px;
height:23px;
font-size:12px;
}

#genrenavi #navi_tokusyu,
#genrenavi #navi_tokusyu a {
background:url(../images/navi_tokusyu.gif) no-repeat;
}

#genrenavi #navi_odekake,
#genrenavi #navi_odekake a {
background:url(../images/navi_odekake.gif) no-repeat;
}

#genrenavi #navi_kosodate,
#genrenavi #navi_kosodate a {
background:url(../images/navi_kosodate.gif) no-repeat;
}

#genrenavi #navi_docoico,
#genrenavi #navi_docoico a {
background:url(../images/navi_docoico.gif) no-repeat;
}

#genrenavi #navi_geispo,
#genrenavi #navi_geispo a {
background:url(../images/navi_geispo.gif) no-repeat;
}

#genrenavi #navi_shashin,
#genrenavi #navi_shashin a {
background:url(../images/navi_shashin.gif) no-repeat;
}

#genrenavi #navi_syohin,
#genrenavi #navi_syohin a {
background:url(../images/navi_syohin.gif) no-repeat;
}

#genrenavi #navi_book,
#genrenavi #navi_book a {
width:32px;
background:url(../images/navi_book.gif) no-repeat;
}

#genrenavi #navi_movie,
#genrenavi #navi_movie a {
width:32px;
background:url(../images/navi_movie.gif) no-repeat;
}

#genrenavi #navi_music,
#genrenavi #navi_music a {
width:32px;
background:url(../images/navi_music.gif) no-repeat;
}

#genrenavi #navi_art,
#genrenavi #navi_art a {
width:32px;
background:url(../images/navi_art.gif) no-repeat;
}

#genrenavi #navi_tokusyu a:hover,
#genrenavi #navi_odekake a:hover,
#genrenavi #navi_kosodate a:hover,
#genrenavi #navi_docoico a:hover,
#genrenavi #navi_geispo a:hover,
#genrenavi #navi_shashin a:hover,
#genrenavi #navi_syohin a:hover,
#genrenavi #navi_book a:hover,
#genrenavi #navi_movie a:hover,
#genrenavi #navi_music a:hover,
#genrenavi #navi_art a:hover {
background-position:0 -23px;
}

#sitemap {
float:right;
padding:5px 8px 0 0;
}

#sitemap a {
color:#fff;
}

#areanavi {
float:left;
padding:4px 0 3px 7px;
font-size:120%;
}

#areanavi li {
display:inline;
color:#fff;
margin:0 6px 0 0;
padding:0 6px 0 0;
border-right:1px solid #fff;
}

#areanavi li a {
color:#fff;
}

#areanavi .lb {
padding:0 6px;
border-left:1px solid #fff;
}

#fontsize {
float:right;
padding:6px 6px 3px 0;
}

#fontsize p {
float:left;
display:inline;
color:#fff;
}

#fontsize ul {
float:left;
}

#fontsize li {
display:block;
margin:0 0 0 2px;
text-indent:-9999px;
}

#fontsize li,
#fontsize a {
float:left;
width:36px;
height:17px;
font-size:12px;
}

#fontsize #fontsize_s,
#fontsize #fontsize_s a {
background:url(../images/fontsize_s.gif) no-repeat;
}

#fontsize #fontsize_l,
#fontsize #fontsize_l a {
background:url(../images/fontsize_l.gif) no-repeat;
}

/*
-----------------------------------------------
▼各ブロック
----------------------------------------------- */
#main {
width:100%;
min-width:860px;
margin:3px 0 0 0;
/*
border-top:4px solid #2da285;
*/
}

#right {
float:right;
width:300px;
}

#con {
margin:0 320px 0 0;
padding-bottom:15px;
}

/*
-----------------------------------------------
▼ログインバー
----------------------------------------------- */
#bar{
margin-top:8px;
background-color:#e08029;
/*
background-color:#f8e4ca;
*/
padding:4px 0;
}

#bar ul{
margin-left:10px;
}
#bar li{
display:inline;
margin-right:15px;
}

.login{
background:url(../images/c_mk01.gif) no-repeat 0 2px;
padding-left:12px;
}

/*
-----------------------------------------------
▼右部分
----------------------------------------------- */

.right_wrapper{
width:300px;
}

.right_box{
border:solid 1px #999;
margin:8px 0 0 0;
padding-bottom:8px;
}

#searchbox {
margin:8px 0 0 0;
padding:0 0 4px 0;
background:url(../images/search_btm.gif) bottom no-repeat;
}

#search {
position:relative;
font-size:12px;
height:57px;
background:url(../images/search_bg.gif) no-repeat;
}

#search select {
margin:8px 0 0 8px;
width:136px;
}

#search a {
position:absolute;
font-size:12px;
top:36px;
right:8px;
}

#search .keyword {
position:absolute;
top:33px;
left:8px;
width:170px;
}

#search .btn {
position:absolute;
top:33px;
left:182px;
}

.pickup01{
margin:5px 8px 8px 8px;
width:282px;
overflow:auto;
border-bottom:dotted 1px #999;
padding-bottom:5px;
}

.pickup01 h3{
font-size:120%;
margin-bottom:5px;
}

.pickup01 ul{
float:left;
} 
.pickup01 li{
background:url(../images/c_mk02.gif) no-repeat 0 2px;
padding-left:12px;
}

.pickup_photo{
float:left;
margin:0 8px 2px 0;
}

.pickup02{
margin:5px 8px 0 8px;
}

.pickup02 li{
border-bottom:dotted 1px #999;
margin-bottom:5px;
padding-bottom:4px;
}

.sidelist{
margin:5px 8px 0 8px;
}

/* IE 用▼ */
* html .sidelist {
width:100%;
}



.sidelist li{
margin-bottom:3px;
}

.sidelist .left{
float:left;
width:48%;
}

.sidelist .right{
float:right;
width:48%;
}


.serach{
margin-bottom:10px;
}

.rectangle{
margin:8px 0 0 0;
}

/*
-----------------------------------------------
▼記事本文共通
----------------------------------------------- */
.alert{
color:#f00;
padding:5px 0;
}

/*
-----------------------------------------------
▼写真配置
----------------------------------------------- */

/* 右 */
.phototbl_r{
float:right;
margin-left:12px;
margin-bottom:12px;
}
/* 左 */
.phototbl_l{
float:left;
margin-right:12px;
margin-bottom:12px;
}

/* 横いっぱい */
.phototbl{
margin-top:10px;
margin-bottom:10px;
}

/* 中央 */
.phototbl_c{
text-align:center;
margin-bottom:20px;
}
/* 中央配置テーブル */
.phototbl_c table{
margin:0 auto;
}

.photo{
margin-bottom:10px;
border:solid 1px #ccc;
}

.photo td{
font-size:70%;
padding:5px;
background-color:#e5f1f6;
}

.photo td p{text-align:left;padding-left:8px;padding-right:8px;line-height:1.3 !important;}

/*
-----------------------------------------------
▼関連記事
----------------------------------------------- */

.kijilist{
border-bottom:dotted 1px #999;
margin-bottom:8px;
padding-bottom:8px;
font-size:14px;font-weight:bold;
}

.kijilist img{
display:block;
}


.list_l{
float:left;
width:90px;
text-align:center;
}

.list_l img{
border:solid 1px #01455d;
}

.indexlist{
margin:20px 0;
overflow:auto;
}

.indexlist h4{
background:url(../images/c_mk03.gif) no-repeat 0 14px;
padding-left:18px !important;
padding-top:15px !important;
padding-bottom:3px;
margin-bottom:5px !important;
border-bottom:solid 1px #fdb556 !important;
font-size:115% !important;
}


.indexlist ul{
font-size:110% !important;
}

.indexlist li{
margin-bottom:5px;
}

.tokijitop{
background:#fdb;
padding:4px 6px;
border:1px solid #e08029;
border-left:6px solid #e08029;
}

/*
-----------------------------------------------
▼メモ
----------------------------------------------- */
.memo{
background-color:#fdedd8;
padding:10px;
overflow:auto;
}

.memo h5{
margin-bottom:5px;
}

.memo_photo{
float:left;
margin-right:10px;
}

.memo_photo img{
border:solid 1px #999;
}

/*
-----------------------------------------------
▼共通その他
----------------------------------------------- */
.mapbox{
position:relative;
height:300px;
margin-bottom:5px;
}

.pagetop{
text-align:right;
margin:10px 0;
}


.buy_photo{
padding:10px 0;
}

.kiji{
display:inline;
}

.oa{
overflow:auto;
}

.mtb10px{margin:10px 0;overflow:auto;}

/* IE6用の設定▼ \*/
* html .kijilist,
* html .oa,
* html .memo,
* html .mtb10px{
height:1%;
}
/* ▲IE6用の設定 */

.maintenance {
color:#f00;
font-weight:bold;
margin:5px;
}



/*
-----------------------------------------------
▼フッタ
----------------------------------------------- */
#foot{
clear:both;
color:#e08029;
width:100%;
font-size:90%;
}

.totop {
text-align:right;
font-size:90%;
margin:0 0 3px 0;
padding:5px 0 3px 0;
border-bottom:solid 5px #e08029;
}

.totop a:link,
.totop a:visited {
text-decoration:none;
}

/*
-----------------------------------------------
▼前のページに戻る
----------------------------------------------- */

p.navigationBack
{
    margin-top: 6px;
    margin-right : 16px;

    text-align : right;
}

p.navigationBackCenter
{
    margin-top: 8px;

    text-align : center;
}

div.kindex_kakomi p.kouyouIndexLink
{
    float : right;
    margin-top : 16px;
    margin-right : 16px;
}

div.kindex_kakomi p.kouyouIndexLink a
{
    background-color : transparent;
    color : #ffffff;
}

.renraku{
margin:5px 15px;
font-size:115%;
background-color:#fae7c1;
padding:15px;
}

.renrakuh2{
font-size:140%;
color:#333;
}


#google_ads:after
{
    display: block;
    visibility: hidden;

    content: ".";

    clear: both;

    height: 0.1px;

    font-size: 0.1em;
    line-height: 0; 
}

#google_ads
{
    display: inline-block;

    width: 336px;
    height: 280px;
}

/* css_end */


