/* base.css */


/*
初期化スタイル
----------------------------------------------------------------------------*/

* {
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
  margin:0;
  padding:0;
}

html, body {
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
  margin: 0;
  padding: 0;
  font-size: 100%;
}


h1, h2, h3, h4, h5, h6, address {
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
  font-weight: normal;
  font-size: 100%;
}

div, blockquote, p, pre, ul, ol, li, dl, dt, dd {
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
}

table, caption, th, td {
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
  font-weight: normal;
  font-size: 100%;
}

hr {
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
  margin: 0;
  padding: 0;
  font-size: 100%;
}

iframe {
  font-family:  "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
}

span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del, a, img, object {
  font-family:  "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
  font-weight: inherit;
  font-size: 100%;
}



/*
汎用要素スタイル
----------------------------------------------------------------------------*/

body {
 font-size: 12px;
 scrollbar-face-color: #e8e8e8;
 scrollbar-highlight-color: #ffffff;
 scrollbar-shadow-color: #999999;
 scrollbar-3dlight-color: #999999;
 scrollbar-arrow-color: #999999;
 scrollbar-darkshadow-color: #ffffff;
 scrollbar-base-color: #999999 
 }
 
a {
 text-decoration: none;
 outline: none;
 color: #000000;
 }
 
hr {
 visibility: hidden;
 clear: both;
 }
 
ul,li {
 list-style-type: none;
 }
 
table {
 border-collapse: collapse;
 }


/*
汎用クラススタイル
----------------------------------------------------------------------------*/


/*
各ページ共通部分
----------------------------------------------------------------------------*/
/*----------------------------
div#container（外枠）
----------------------------*/
div#container {
 width: 750px;
 }
 
/*----------------------------
div#header（ヘッダー部分）
----------------------------*/
div#header ul#global {
 text-align: right;
 margin: 5px 0 7px 0;
 }
 
div#header ul#global li {
 display: inline;
 padding-left: 15px;
 margin-right: 10px;
 background: url(images/list_back.gif) no-repeat left center;
 }
 
div#header ul#global li a {
 text-decoration: underline;
 }
 
div#header ul#global li a:hover {
 color: #0000FF;
 }
 
div#header h1 {
 height: 92px;
 background: url(images/header.jpg) no-repeat;
 }
 
div#header h1 a {
 display: block;
 text-indent: -9999px;
 width: 282px;
 height: 89px;
 }
 
div#header ul#nav {
 height: 19px;
 position:relative;
 padding-top: 6px;
 background: url(images/menu_back.jpg) repeat-x;
 }
 
div#header ul#nav li.off {
 float: left;
 position:relative;
 text-align: center;
 overflow: hidden;
 }
 
div#header ul#nav li#off01 a {
 width: 90px;
 }

div#header ul#nav li#off02 a {
 width: 75px;
 }

div#header ul#nav li.off a,
div#header ul#nav li.on a {
 display: block;
 width:64px;
 height: 19px;
 color: #ffffff;
 font-size: 13px;
 background: url(images/menu_border.gif) no-repeat right -6px;
 }
  
div#header ul#nav li.on {
 float: left;
 text-align: center;
 overflow:hidden;
 }
 
div#header ul#nav>li.on {
 overflow:visible;
 }
 
/*---------------------------------------------*/ 
div#header ul#nav ul.sub {
 position:absolute;
 top: 25px;
 border:1px solid #456b8f;
 background-color:#d4dfea;
 text-align: left;
 }

div#header ul#nav ul.sub a{
    padding:2px 0px 0 5px;
    display:block;
    width:141px;
 height: 18px;
 color: #384278;
 background: none;
 }
 
div#header ul#nav ul.sub a:hover{
    background-color:#456b8f;
 color: #ffffff;
 }

/*--------------------------------------------------------
div#wrapper（ヘッダーより下部の左カラムとメイン部分を囲む）
--------------------------------------------------------*/
div#wrapper {
 float: left;
 margin-top: 10px;
 padding-bottom: 10px;
 background: url(images/side_back.gif) repeat-y;
 }
 
/*----------------------------
div#side（左カラム部分）
----------------------------*/
 
div#side {
 float: left;
 width: 200px;
 }
 
/*検索*/

div#search {
 padding: 14px 0 0 25px;
 height: 36px;
 background: url(images/search_back.jpg) no-repeat;
 }
 
/*サイドメニュー*/ 

div#side ul {
 margin: 7px 0;
 }

div#side ul li#nav01 {
 background-color: #6e6e6e;
 color: #ffffff;
 height: 25px;
 line-height: 250%;
 padding-left: 5px;
 font-size: 13px;
 }
 
div#side ul li#nav02 {
 background-color: #929292;
 color: #ffffff;
 height: 25px;
 line-height: 250%;
 padding-left: 5px;
 font-weight: bold;
 font-size: 13px;
 }
 
div#side ul li a {
 display: block;
 height: 25px;
 line-height: 250%;
 padding-left: 8px;
 border-bottom: 1px dashed #9faab5;
 font-weight: bold;
 color: #5b6977;
 }

div#side ul li#visit a,
div#side ul li a:hover {
 background: #cccccc;
 color: #364074;
 }


/*会員登録・ログイン*/
 
div#member {
 padding-top: 90px;
 width: 196px;
 margin: 7px auto 0 auto;
 text-align: center;
 border: 1px solid #132d46;
 background: url(images/member_back.jpg) no-repeat top;
 }
 
div#member form input {
 display: block;
 margin: 0 auto 7px auto;
 }
 
div#member form {
 margin-bottom: 10px;
 }
 
div#member p {
 color: 666666;
 margin: 3px;
 }

div#member p a {
 display: block;
 text-align: right;
 color: #0000FF;
 margin-right: 15px;
 text-decoration: underline;
 }
 
/*パートナー*/

div#partner {
 margin: 15px auto 0 auto;
 width: 195px;
 border: 1px solid #132d46;
 }
 
div#partner h2 {
 text-indent: -9999px;
 height: 23px;
 background: url(images/partners.jpg) no-repeat center top;
 }
 
div#partner p {
 margin-right: auto;
 margin-left: auto;
 margin-top: 5px;
 margin-bottom: 5px;
 width: 120px;
 }

/*
main
--------------------*/
 
div#main {
 float: right;
 width: 538px;
 padding-right: 2px;
 line-height: 140%;
 font-size: 12px;
 }
 
ul#footerNav {
 clear: both;
 margin-top: 30px;
 padding: 15px 0;
 border-top: 1px dashed #273272;
 text-align: center;
 font-size: 12px;
 }
 
ul#footerNav li {
 display: inline;
 }

ul#footerNav li a {
 color: #353e71;
 }
 
/*
footer
-----------------------------*/
 
div#footer {
 clear: both;
 text-align: center;
 background-color: #353e71;
 padding: 3px 0;
 }

div#footer address {
 color: #ffffff;
 }
 

/*
トップページ
----------------------------------------------------------------------------*/

div#news {
 width:336px;
 float: left;
 }
 
div#news h2 {
 text-indent: -9999px;
 height: 18px;
 background: url(images/top/russia_news.jpg) no-repeat;
 }

div#news .rss_box {
 border: 1px solid #db0000;
 padding: 10px;
 margin-top: 2px;
 height: 115px;
 overflow: auto;
 }
 
div#blog {
 width: 189px;
 float: right;
 border-left: 4px solid #db0000;
 }
 
div#blog h2 {
 text-indent: -9999px;
 height: 18px;
 background: url(images/top/blog.jpg) no-repeat;
 }
 
div#blog .rss_box {
 border-bottom: 1px solid #353e71;
 border-top: 1px solid #353e71;
 border-right: 1px solid #353e71;
 border-left: 1px solid #353e71;
 padding: 10px;
 margin-top: 2px;
 height: 93px;
 overflow: auto;
 }
 
p#blogBtn {
 float: right;
 background: url(images/top/to_blog.jpg) no-repeat;
 width: 152px;
 height: 20px;
 margin-top: 7px;
 }
 
p#blogBtn a {
 display: block;
 padding: 2px 0 0 33px;
 color: #db0000;
 text-decoration: underline;
 }
 
div#info {
 clear: both;
 padding-top: 5px;
 background: url(images/top/info_img.jpg) no-repeat left bottom;
 }
 
div#info h2 {
 text-indent: -9999px;
 height: 21px;
 background: url(images/top/info.jpg) no-repeat;
 }
 
div#info p {
 width: 364px;
 height:112px;
 overflow: auto; 
 border: 1px solid #2d2d65;
 padding: 10px 10px 10px 161px;
 margin-top: 2px;
 }
 
div#category {
 margin-top: 10px;
 }
 
div#category h2 {
 text-indent: -9999px;
 height: 25px;
 margin-bottom: 10px;
 background: url(images/top/category.jpg) no-repeat;
 }
 
div#category dl#leftCate {
 float: left;
 width: 266px;
    color: #384278;
 }
 
div#category dl#rightCate {
 float: right;
 width: 266px;
   color: #384278;
 }

div#category dl dt a {
 display: block;
 height: 20px;
 font-size: 12px;
 padding: 3px 0 0 131px;
 font-weight: bold;
 color: #384278;
 }

div#category dl dt#cate01, 
div#category dl dt#cate01 a {
 background: url(images/top/basic.jpg) no-repeat;
 }
div#category dl dt#cate02, 
div#category dl dt#cate02 a {
 background: url(images/top/living.jpg) no-repeat;
 }

div#category dl dt#cate03, 
div#category dl dt#cate03 a {
 background: url(images/top/fun.jpg) no-repeat
 }

div#category dl dt#cate04, 
div#category dl dt#cate04 a {
 background: url(images/top/study.jpg) no-repeat
 }
div#category dl dt#cate05, 
div#category dl dt#cate05 a {
 background: url(images/top/travel.jpg) no-repeat;
 }

div#category dl dt#cate06, 
div#category dl dt#cate06 a {
 background: url(images/top/preparation.jpg) no-repeat;
 }

div#category dl dt#cate07, 
div#category dl dt#cate07 a {
 background: url(images/top/entertaiment.jpg) no-repeat;
 }
 
div#category dl dt#cate08,
div#category dl dt#cate08 a {
 background: url(images/top/shopping.jpg) no-repeat
 }
 
div#category dl dt#cate09,
div#category dl dt#cate09 a {
 background: url(images/top/job.jpg) no-repeat
 }

div#category dl dt#cate10, 
div#category dl dt#cate10 a {
 background: url(images/top/news.jpg) no-repeat;
 }

div#category dl dd {
 margin-bottom: 20px;
 padding-left: 5px;
 }
 
div#category dl dd ul li {
 display: inline;
 line-height: 200%;
 padding-right: 10px;
 }
 
div#category dl dd ul li a {
 color: #384278;
 font-size: 12px;
 text-decoration: underline;
 }

 
/*
カテゴリー共通
----------------------------------------------------------------------------*/
div#contents h2 {
 height: 30px;
 background: url(images/contents/title_back.jpg) no-repeat;
 padding: 5px 0 0 15px;
 color: #ffffff;
 font-size: 13px;
 font-weight: bold;
 }
 
div#contents dl {
 margin-top: 20px;
 }
 
div#contents dl dt {
 clear: left;
 height: 22px;
 padding-top: 3px;
 background: url(images/contents/sub_back.jpg) no-repeat;
 font-size: 12px;
 color: #ffffff;
 }
 
div#contents dl dt span {
 display: block;
 float: left;
 width: 110px;
 text-align: center;
 padding: 0 10px 0 5px;
 color: #990000;
 font-size: 12px;
 }
 
div#contents dl dd {
 width: 515px;
 float: left;
 padding: 10px;
 margin-bottom: 15px;
 border-top: 5px solid #aa0000;
 border-left: 1px solid #aa0000;
 border-right: 1px solid #aa0000;
 border-bottom: 1px solid #aa0000;
 font-size: 14px;
 line-height:160%;
 }
 
div#contents dl dd img {
 float: left;
 margin-right: 10px;
 }
 
/*---------
仕事
---------*/
div#job h2 {
 text-indent: -9999px;
 height: 298px;
 margin-bottom: 10px;
 background: url(images/job/job_img.jpg) no-repeat;
 }
 
div#jobSearch {
 height: 59px;
 padding: 5px 0 0 135px;
 background: url(images/job/job_back.jpg) no-repeat;
 }
 
div#jobSearch p {
 float: left;
 width: 186px;
 }
 
div#jobSearch p a {
 display: block;
 text-indent: -9999px;
 width: 186px;
 height: 38px;
 }
 
div#jobSearch p#work a {
 margin-right: 20px;
 background: url(images/job/work.jpg) no-repeat;
 }
 
div#jobSearch p#talent a {
 background: url(images/job/talent.jpg) no-repeat;
 }
 
/*
インフォメーション
--------------------------------------------------------------------------*/

div.info h3 {
 height: 25px;
 padding: 10px 0 0 6px;
 background: url(images/info/underline.jpg) no-repeat bottom;
 color: #900000;
 font-size: 15px;
 font-weight: bold;
 }
 
div.info h4 {
 height: 18px;
 text-align: center;
 padding-top: 2px;
 background: url(images/info/sub_back.jpg) no-repeat;
 font-size: 13px;
 color: #333333;
 }
 
/*-------------
サイトマップ
-------------*/
 
div#sitemap {
 width: 375px;
 margin: 10px auto 0 auto;
 }

div#sitemap ul {
 padding-left: 30px;
 }
 
div#sitemap ul li {
 padding-left: 20px;
 margin: 10px 0;
 background: url(images/info/list_back.jpg) no-repeat left center;
 }
 
div#sitemap ul li a {
 color: #0000FF;
 font-size: 13px;
 text-decoration: underline;
 }
 
div#sitemap ul li a:hover {
 color: #FF0000;
 }
 
div#left {
 float: left;
 width: 170px;
 }
 
div#right {
 float: right;
 width: 170px;
 }


/*--------------------
このサイトについて
--------------------*/ 
div.info table#about {
 width: 496px;
 margin: 20px auto 0 auto;
 border-top: 1px solid #313c73;
 border-left: 1px solid #313c73;
 border-right: 1px solid #313c73;
 }
 
div.info table#about tr td {
 padding: 5px;
 border-bottom: 1px solid #313c73;
 font-size: 14px;
 color: #353e71;
 }
 
div.info table#about tr td.leftCell {
 width: 85px;
 background-color: #ede299;
 }
 
div.info div#outline {
 width: 496px;
 margin: 20px auto 0 auto;
 }
 
div.info div#outline h4 {
 width: 170px;
 color: #353e71;
 font-size: 14px;
 font-weight: bold;
 margin-bottom: 20px;
 }
 
div.info div#outline p {
 color: #353e71;
 font-size: 12px;
 }

 
/*---------------------
プライバシーポリシー
---------------------*/
div#privacy {
 color: #333333;
 margin-top: 10px;
 }

 
div#privacy dl dt {
 height: 18px;
 width: 170px;
 text-align: center;
 padding-top: 2px;
 background: url(images/info/sub_back.jpg) no-repeat;
 font-size: 12px;
 color: #333333;
 }
 
div#privacy dl dd {
 margin-bottom: 20px;
 padding-bottom: 10px;
 border: none;
 }
 
div#privacy dl dd ul {
 margin: 20px 0 0 20px;
 }
 
div#privacy dl dd ul li {
 margin: 5px 0;
 list-style-type: disc;
 }

.rss_item a:link {  
               color: #0000ff; 
               text-decoration: underline;
               }

.rss_item a:visited {
               color: #0000ff;
               text-decoration: underline;
               }

.rss_item a:active {
               color: #FF0000;
               text-decoration: underline;
               }

.rss_item a:hover {
               color: #FF0000;
               text-decoration: underline;
               }

div#info a:link {  
               color: #0000ff; 
               text-decoration: underline;
               }

div#info a:visited {
               color: #0000ff;
               text-decoration: underline;
               }

div#info a:active {
               color: #FF0000;
               text-decoration: underline;
               }

div#info a:hover {
               color: #FF0000;
               text-decoration: underline;
               }

/*----------------------------
div#result（検索結果）
----------------------------*/

div#result dl dt {
 font-size: 16px;
  margin-top: 15px;
 margin-left: 15px;
               }

div#result dl dd {
 font-size: 14px;
  margin-top: 5px;
 margin-left: 35px;
               }

div#result a:link {  
               color: #0000ff; 
               text-decoration: underline;
               }

div#result a:visited {
               color: #0000ff;
               text-decoration: underline;
               }

div#result a:active {
               color: #FF0000;
               text-decoration: underline;
               }

div#result a:hover {
               color: #FF0000;
               text-decoration: underline;
               }

/*-----------------------
2006/12/10 修正追加分（レストラン）
-----------------------*/

div#contents ul#shopName {
 margin-top: 10px;
 }

div#contents ul#shopName li {
 display: inline;
 line-height: 180%;
 margin-right: 20px;
 }
 
div#contents ul#shopName li a {
 color: #0000FF;
 text-decoration: underline;
 }
 
div#contents ul#shopName li a:hover {
 color: #FF0000;
 }
 
div#contents dl#restaurant {
 margin-top: 10px;
 }

div#contents dl#restaurant dd img {
 float: left;
 margin: 0 10px 5px 0;
 }
 
div#contents dl#restaurant dd h3 {
 font-size: 18px;
 font-weight: bold;
 }
 
div#contents dl#restaurant dd p.estimation {
 text-align: right;
 }
 
div#contents dl#restaurant dd p.shopInfo {
 padding: 5px;
 margin: 5px 0;
 border: 1px solid #000000;
 margin-left: 236px;
 }
 
div#contents dl#restaurant dd p.comment {
 clear: left;
 padding: 5px;
 border: 1px solid #000000;
 }
 
div#contents dl#restaurant dd p.shopImg {
 margin-top: 10px;
 }
 
div#contents dl#restaurant dd p.shopImg img.rightImg {
 margin: 0;
 }

/*-----------------------
2007/4/6 修正追加分（リンク）
-----------------------*/
div#contents a:link {  
               color: #0000ff; 
               text-decoration: underline;
               }

div#contents a:visited {
               color: #0000ff;
               text-decoration: underline;
               }

div#contents a:active {
               color: #FF0000;
               text-decoration: underline;
               }

div#contents a:hover {
               color: #FF0000;
               text-decoration: underline;
               }