@charset"utf-8";

/* --------------------------------------
ユニバーサルセレクタ
-------------------------------------- */
body {
letter-spacing:1.2pt;/*font-size:62.5%;*/
}

/* --------------------------------------
このページトップへ
-------------------------------------- */
.pagetop {
text-align:right;
width:680px;
padding-right:280px;
margin:0 auto;
clear:both;
}

.pagetop img {
margin:5px auto 8px;
}

/* --------------------------------------
パンくず
-------------------------------------- */
#pankuzu {
width:680px;
font-size:0.98em;
letter-spacing:0.4pt;
color:#999999;
font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Osaka", "sans-serif";
}

#pankuzu ul {
margin:5px 0 4px;
*margin:3px 0 4px;
padding:0;
list-style:none;
}

#pankuzu li {
display:inline;
margin-left:5px;
padding-top:1px;
}

#pankuzu li.home {
display:inline;
margin-left:5px;
background:url(/shared/images/icon-home.gif) no-repeat;
background-position:0 0px;
padding-left:18px;
}

/* --------------------------------------
レイアウト
-------------------------------------- */
#wrapper {
width:960px;
margin:0 auto;
padding:0;
}

/* --------------------------------------
ヘッダのボーダー
-------------------------------------- */
#header-bar {
width:100%;
margin:0;
padding:0;
background:url(/shared/images/header-bar.jpg) repeat-x;
height:4px;
}

/* --------------------------------------
ヘッダ
-------------------------------------- */
#header {
position:relative;
width:960px;
height:auto;
}

#header-logo img {
margin-top:3px;
}

/* --------------------------------------
ヘッダーナビーション
-------------------------------------- */

#header-navi {
position:absolute;
top:1px;
*top:6px;
right:-5px;
width:auto;
height:auto;
}

#header-navi ul {
width:auto;
list-style:none;
}

#header-navi ul li {
margin-left:6px;
text-indent:-9999px;
width:84px;
height:45px;
float:left;
margin-bottom:4px;
}

#header-navi a {
display:block;
width:84px;
height:45px;
text-indent:-9999px;
}

#header-navi a:focus {
overflow: hidden;
}

#header-navi li.new {
background:url(/shared/images/header-navi-new.jpg) no-repeat;
}

#header-navi li.guide {
background:url(/shared/images/header-navi-guide.jpg) no-repeat;
}

#header-navi li.inquiry {
background:url(/shared/images/header-navi-inquiry.jpg) no-repeat;
background-position:3px 0;
}

/* --------------------------------------
ヘッダーカスタム検索
-------------------------------------- */
#gsearch {
clear:both;
position:absolute;
top:51px;
*top:56px;
right:0px;
width:auto;
}

#gsearch .textfield {
width:200px;
height:16px;
}

#gsearch .btn {
vertical-align:bottom;
margin-bottom:2px;
}

/* --------------------------------------
ヘッダーサマリー
-------------------------------------- */
#summary {
color:#5A3D1C;
width:680px;
margin:5px 0;
letter-spacing:0.1pt;
*letter-spacing:0.5pt;
}

/* --------------------------------------
ラーメン店検索
-------------------------------------- */
#shop-search {
background:url(/shared/images/bg-shop-search.jpg) no-repeat;
width:960px;
height:27px;
text-align:center;
padding-top:7px;
margin-top:10px;
margin-bottom:1px;
}

#shop-search table {
margin:0 auto;
}

#shop-search td {
padding:0 3px;
vertical-align:top;
}

#shop-search input {
/*color:#999999;*/
*height:15px;
*padding-top:2px;
padding-left:6px;
padding-right:6px;
width:170px;
*margin-top:-1px;
}

#shop-search input, #shop-search select {
letter-spacing:1.5pt;
}

#shop-search .ill-shopsearch {
margin-top:2px;
}

#shop-search input.bt-search {
margin-top:-1px;
padding-left:0;
width:47px;
height:20px;
}

.search_box:focus {
color:#000000;
}

/* --------------------------------------
グローバルメニュー
-------------------------------------- */


#globalmenu {
background:url(/shared/images/bg-globalmenu.jpg) repeat-x;
width:960px;
height:31px;
margin-top:1px;
margin-bottom:0px;
position:relative;
z-index:9999;
}

#globalmenu ul {
margin:0 auto;
padding:0;
width:960px;
height:31px;
list-style:none;
text-align:center;
}

#globalmenu li {
list-style-type:none;
float:left;
width:160px;
height:31px;/*
margin:0;
padding:0;
*/
}

#globalmenu a {
display:block;
height:100%;
text-indent:-9999px;
}

#globalmenu a:focus {
overflow: hidden;
}

/*--- ホーム ---*/

#globalmenu li.home {
background:url(/shared/images/gm-home.jpg) no-repeat;
background-position:bottom center;
}

#globalmenu li.home a {
background:url(/shared/images/gm-home.jpg) no-repeat;
background-position:top center;
}

#globalmenu li.home#on a {
background:url(/shared/images/gm-home.jpg) no-repeat;
background-position:bottom center;
}

/*--- 新着トピックス ---*/

#globalmenu li.info {
background:url(/shared/images/gm-info.jpg) no-repeat;
background-position:bottom;
}

#globalmenu li.info a {
background:url(/shared/images/gm-info.jpg) no-repeat;
background-position:top;
}

#globalmenu li.info#on a {
background:url(/shared/images/gm-info.jpg) no-repeat;
background-position:bottom;
}

/*--- 今日の一杯 ---*/

#globalmenu li.today {
background:url(/shared/images/gm-today.jpg) no-repeat;
background-position:bottom;
}

#globalmenu li.today a {
background:url(/shared/images/gm-today.jpg) no-repeat;
background-position:top;
}

#globalmenu li.today#on a {
background:url(/shared/images/gm-today.jpg) no-repeat;
background-position:bottom;
}

/*--- ブログ＆コラム ---

#globalmenu li.blog{
background:url(/shared/images/gm-blog.jpg) no-repeat;
background-position:bottom;
}

#globalmenu li.blog a{
background:url(/shared/images/gm-blog.jpg) no-repeat;
background-position:top;
}

#globalmenu li.blog#on a{
background:url(/shared/images/gm-blog.jpg) no-repeat;
background-position:bottom;
}
*/

/*--- とらさん会議室 ---*/

#globalmenu li.tora {
background:url(/shared/images/gm-tora.jpg) no-repeat;
background-position:bottom;
}

#globalmenu li.tora a {
background:url(/shared/images/gm-tora.jpg) no-repeat;
background-position:top;
}

#globalmenu li.tora#on a {
background:url(/shared/images/gm-tora.jpg) no-repeat;
background-position:bottom;
}

/*--- ラーメン検定 ---*/

#globalmenu li.kentei {
background:url(/shared/images/gm-kentei.jpg) no-repeat;
background-position:bottom;
}

#globalmenu li.kentei a {
background:url(/shared/images/gm-kentei.jpg) no-repeat;
background-position:top;
}

#globalmenu li.kentei#on a {
background:url(/shared/images/gm-kentei.jpg) no-repeat;
background-position:bottom;
}

/*--- カレンダー ---*/

#globalmenu li.calendar {
background:url(/shared/images/gm-calendar.jpg) no-repeat;
background-position:bottom;
}

#globalmenu li.calendar a {
background:url(/shared/images/gm-calendar.jpg) no-repeat;
background-position:top;
}

#globalmenu li.calendar#on a {
background:url(/shared/images/gm-calendar.jpg) no-repeat;
background-position:bottom;
}

/*--- プレゼント ---*/
#globalmenu li.present {
background:url(/shared/images/gm-present.jpg) no-repeat;
background-position:bottom;
}

#globalmenu li.present a {
background:url(/shared/images/gm-present.jpg) no-repeat;
background-position:top;
}

#globalmenu li.present#on a {
background:url(/shared/images/gm-present.jpg) no-repeat;
background-position:bottom;
}

/*--- メルマガ ---*/


/*--- オーバー処理 ---*/

#globalmenu li a:hover {
background:none;
}

/* --------------------------------------
メインエリア
-------------------------------------- */
#main {
width:960px;
height:auto;
margin:0 auto;
padding:0;
}

/* --------------------------------------
サイド
-------------------------------------- */
#side {
width:265px;
height:auto;
margin:0 0 0 15px;
padding:0;
float:right;
}

#side img {
vertical-align:bottom;
display:inline;
margin:5px auto;
}

/*ログイン*/

#login {
width:261px;
border:solid 2px #CCCCCC;
background:#F9F9F9;
height:auto;
padding:0;
margin-top:3px;
margin-bottom:10px;
}

#login-naruto {
margin:0 auto;
text-align:center;
}

#login-btn {
margin:0 auto 10px;
text-align:center;
}

#pass {
margin:2px auto 5px;
text-align:center;
}

#login-form label, #login-form input {
display:block;
}

#login-form input {
width:165px;
}

#login-form {
width:165px;
margin:-15px auto 0;
}

/*ログイン後のマイメニュー*/
#mymenu {
width:261px;
border:solid 2px #CCCCCC;
background:#F9F9F9;
height:auto;
padding:0;
margin-top:3px;
margin-bottom:10px;
text-align:center;
}

#mymenu ul {
margin:5px auto;
padding:0;
width:auto;
height:auto;
list-style:none;
text-align:center;
}

#mymenu li {
list-style-type:none;
width:228x;
height:46px;/*
margin:0;
padding:0;
*/
}

#mymenu ul a {
display:block;
height:100%;
text-indent:-9999px;
}

#mymenu ul a:focus {
overflow: hidden;
}

/*--- マイデータ・会員情報 ---*/

#mymenu li.mydata {
background:url(/shared/images/m-mydata-on.jpg) no-repeat;
background-position:bottom;
}

#mymenu li.mydata a {
background:url(/shared/images/m-mydata.jpg) no-repeat;
background-position:top;
}

#mymenu li.mydata#on a {
background:url(/shared/images/m-mydata-on.jpg) no-repeat;
background-position:bottom;
}

/*--- ダウンロード ---*/

#mymenu li.download {
background:url(/shared/images/m-download-on.jpg) no-repeat;
background-position:bottom;
}

#mymenu li.download a {
background:url(/shared/images/m-download.jpg) no-repeat;
background-position:top;
}

#mymenu li.download#on a {
background:url(/shared/images/m-download-on.jpg) no-repeat;
background-position:bottom;
}

/*--- マイブログ ---*/

#mymenu li.myblog {
background:url(/shared/images/m-blog-on.jpg) no-repeat;
background-position:bottom;
}

#mymenu li.myblog a {
background:url(/shared/images/m-blog.jpg) no-repeat;
background-position:top;
}

#mymenu li.myblog#on a {
background:url(/shared/images/m-blog-on.jpg) no-repeat;
background-position:bottom;
}

/*--- パスワード変更 ---*/

#mymenu li.passedit {
background:url(/shared/images/m-pass-on.jpg) no-repeat;
background-position:bottom;
}

#mymenu li.passedit a {
background:url(/shared/images/m-pass.jpg) no-repeat;
background-position:top;
}

#mymenu li.passedit#on a {
background:url(/shared/images/m-pass-on.jpg) no-repeat;
background-position:bottom;
}

/*--- 退会 ---*/

#mymenu li.kaijyo {
background:url(/shared/images/m-kaijyo-on.jpg) no-repeat;
background-position:bottom;
}

#mymenu li.kaijyo a {
background:url(/shared/images/m-kaijyo.jpg) no-repeat;
background-position:top;
}

#mymenu li.kaijyo#on a {
background:url(/shared/images/m-kaijyo-on.jpg) no-repeat;
background-position:bottom;
}

/*--- オーバー処理 ---*/

#mymenu li a:hover {
background:none;
}

#mymenu .bt-logout {
margin-bottom:-20px;
width:90px;
height:21px;
position:relative;
z-index:100;
}

#mymenu .moyou {
position:relative;
z-index:1;
}

/*ブログランキング*/

#blog-wrap .title {
vertical-align:bottom;
margin:0;
padding:0;
}

#blog-ranking {
margin:0px auto 10px;
border:2px #FF7F00 solid;
border-top:none;
width:261px;
height:auto;
}

#blog-ranking .even {
background:#FFFCEE;
}

.ranking-block {
border-bottom:dotted 1px #CCCCCC;
padding:4px 8px;
width:245px;
}

.name {
font-size:0.9em;
line-height:0.5;
}

#blog-ranking .name img {
margin-right:3px;
vertical-align:middle;
padding-bottom:3px;
}

/*
#blog-ranking img.thumbnail {
border:solid 2px #CCCCCC;
float:right;
}
*/

.ranking-block:after {
content: ".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}

.ranking-block {
display: inline-block;
zoom: 100%;
}

#btn-blog {
text-align:center;
margin:5px auto;
}

#blog-ranking font {
font-size:0.85em;
}

#blog-ranking .blog-article img {
vertical-align:middle;
margin-right:2px;
}

#blog-ranking .blogtitle {
font-weight:bold;
}

/*旬のワード検索*/

#word-wrap .title {
vertical-align:bottom;
margin:0;
padding:0;
}

#word {
margin:0px auto 10px;
border:2px #FF7F00 solid;
border-top:none;
width:251px;
height:auto;
padding:5px 5px 7px;
background:#FFFCEE;
}

#word p {
margin-left:12px;
font-weight:bold;
}

#word span {
color:#F90;
}

#word .sub {
margin-bottom:3px;
color:#5A3D1C;
}

#word .topics {
padding-top:15px;
}

#word ul {
margin-left:17px;
}

#word li {
display:inline;
margin-right:10px;
}

/*レクタングルバナー、携帯バナー*/

#bannar-rectangle img {
margin:0px auto 5px;
}

/*
#banna-mobile img{
}
*/


/*twitterウィジェット*/
#twitter {
margin:5px auto;
position:relative;
}

/*
#twitter img{
margin:0;
padding:0;
}
*/

.twtr-hd {
	height:36px;
	}

#twitter-header {
position:absolute;
top:2px;
left:11px;
z-index:100;
margin:0;
}

#twitter-header img {
	margin:0 auto;
	padding:0;
	}

#twitter-body {
position:relative;
top:0;
left:0;
z-index:0;
}

/*中バナー*/
#bannar {
width:265px;
height:auto;
text-align:center;
margin:5px auto;
}

#bannar img {
margin:5px auto;
}

/*テキスト広告*/
#ad-text .ad-area {
margin:auto;
text-align:left;
padding:5px;
}

/* --------------------------------------
コンテンツエリア
-------------------------------------- */
#content {
width:680px;
height:auto;
margin:0;
padding:0;
float:left;
}

/* --------------------------------------
フッター
-------------------------------------- */
#footer {
background:url(/shared/images/bg-footer.jpg) repeat-x;
width:100%;
height:auto;
clear:both;
text-align:center;
padding-top:15px;
}

#footer ul {
width:auto;
list-style:none;
}

#footer li {
background:url(/shared/images/icon-footer-arrow.jpg) no-repeat;
background-position:0px 1px;
padding-top:1px;
padding-left:17px;
margin-left:6px;
display:inline;
}

#footer li.home {
background:url(/shared/images/icon-footer-home.jpg) no-repeat;
background-position:0px 0px;
}

#footer-logo {
margin:0 auto;
width:960px;
}

#footer-logo img {
margin:12px auto 0;
}

#footer-bottom {
margin:10px auto 0;
*margin:14px auto 0;
text-align:center;
vertical-align:middle;
width:100%;
height:16px;
background:#FF7F00;
}

#footer-bottom img {
margin:4px auto;
}

#footer a {
color:#5A3D1C;
text-decoration:underline;
}

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

/* --------------------------------------
フォームの共通部分
-------------------------------------- */
#form-btn {
text-align:center;
margin:20px auto;
}

#form-btn input {
margin:0px 10px;
}

.hissu {
color:#FF3300;
}

.sample {
color:#999999;
}

.error {
color:#CC3300;
}
^ /* --------------------------------------
info系記事一覧のページナビリンク
-------------------------------------- */
 #wrapper #content .page-navi {
text-align:center;
margin:auto;
width:auto;
}

#ranking .page-navi, #info-list .page-navi {
clear:both;
width:auto;
margin:20px auto;
text-align:center;
}

#ranking .page-navi p, #info-list .page-navi p {
margin:5px auto;
}

#ranking .page-navi a, #info-list .page-navi a {
border:solid 1px #FFA948;
background:#FFFFFF;
padding:4px 4px 4px 6px;
text-decoration:none;
text-align:center;
vertical-align:middle;
width:23px;
height:23px;
color:#000000;
margin:0 3px;
}

#ranking .page-navi a:hover, #info-list .page-navi a:hover {
border:solid 1px #FFA948;
background:#FFE3AB;
padding:4px 4px 4px 6px;
}

#ranking .page-navi a.on, #info-list .page-navi a.on {
background:#FFE3AB;
}

/*---------------------------------------
カレンダー
----------------------------------------*/
#side #schedule {
margin-top:-5px;
}

#side #schedule table {
border-collapse:collapse;
border:solid 1px #FF9900;
margin:10px auto 6px;
width:240px;
}

#side #schedule td, #side #schedule th {
border:solid 1px #FF9900;
padding:5px;
text-align:center;
}

#side #schedule th {
background:#FEF7E2;
text-align:center;
font-weight:bold;
color:#676767;
}

#side #schedule td {
font-size:0.8em;
vertical-align:top;
border-bottom:none;
}

#side #schedule a:hover {
text-decoration:none;
}

#side #schedule span a {
color:#333333;
}

#side #schedule .sunday, #side #schedule .holiday {
color:#FF0000;
}

#side #schedule .saturday {
color:#0000CC;
}

#side #schedule .sunday span a, #side #schedule .holiday span a {
color:#FF0000;
}

#side #schedule .saturday span a {
color:#0000CC;
}

#side #schedule td.sunday, #side #schedule td.holiday {
background:#FEEFEF;
}

#side #schedule td.saturday {
background:#E6F1FF;
}

#side .paging {
text-align:center;
width:auto;
padding-top:10px;
}

#side .paging span {
margin:0 10px;
}

#side .paging u {
display:inline;
}

#side #calendar-text {
padding-left:10px;
padding-right:10px;
}

#side #new-schedule {
background:url(/shared/images/icon-denki.gif) no-repeat;
padding-left:18px;
margin:3px 0;
}

#side #side-calendar {
margin:-5px auto 10px;
border:2px #FF7F00 solid;
border-top:none;
width:261px;
height:auto;
}

#calendar-wrapper img {
margin:0;
}

#side-calendar img {
margin:5px auto;
}

.side-calendar-btn {
margin-top:6px;
margin-bottom:3px;
text-align:center;
}

#side-calendar span.date {
font-size:0.9em;
letter-spacing:0.4pt;
}

#side #side-calendar td.current {
background:#FFEC8D;
!important
}

/*-------------------------------------------
ソーシャル系ボタンパーツ
---------------------------------------------*/

.social-btn-bottom {
clear:both;
padding:5px 0;
}

.social-btn-top {
clear:both;
padding:0 0 5px;
}

.social-btn-bottom a, .social-btn-top a {
outline:none;
}

.social-btn-top:after, .social-btn-bottom {
content: ".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}

.social-btn-top, .social-btn-bottom {
zoom: 100%;
}

/*ツイッターボタン*/

.twitter-btn {
float:right;
vertical-align:bottom;
}

.twitter-btn img {
margin-right:5px;
width:70px;
height:20px;
}

/*facebookボタン*/
.facebook-btn iframe {
float:right;
width:75px;
height:24px;
border:none;
vertical-align:bottom;
}

/*mixiチェックボタン*/
.mixi-btn {
float:right;
vertical-align:bottom;
}

.mixi-btn img {
margin-top:1px;
margin-right:10px;
width:77px;
height:18px;
}