
/*---------------------------------------- 基本--------------------------------------------------------------------------------------------------------*/

body {
	width:100%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	color:#000000;
	letter-spacing:0.3px;
	line-height:1.5;
}
.wrapper{
	width: 1000px;
	height:100%;
	margin: 0px auto;
	padding:0;
	position: relative;
}
.right_box {
	width:800px;
	margin-left:200px;
	position: relative;
	z-index:10
}
.left_box {
	position:absolute;
	width:180px;
	height:385px;
	top:0;
	left:0;
	z-index:10
}
.space {
	height:65px;
	width:100%
}

/*---------------- 共通 ----------------*/

.clear{
	clear:both;
	height:1px;
}
.inv{
	display:none;
}
.lt{
	float: left;
}
.rt{
	float: right;
}
br {
   letter-spacing:normal;
}
a {
   color:#ca1c23;
   text-decoration:none;
}
a:hover {
   color:#888888;
   text-decoration:none;
}
img {
	border:0;
	vertical-align:bottom;
	-ms-interpolation-mode: bicubic;
}
a:hover img {
	opacity:0.85;
}
li {
	list-style:none
}

/*---------------- マージン系 ----------------*/

.malt3 {
	margin-left:3px
}
.malt5 {
	margin-left:5px
}
.malt10 {
	margin-left:10px
}
.malt14 {
	margin-left:14px
}
.malt15 {
	margin-left:15px
}
.malt20 {
	margin-left:20px
}

.mabt5 {
	margin-bottom:5px
}
.mabt3 {
	margin-bottom:3px
}
.mabt10 {
	margin-bottom:10px
}
.mabt15 {
	margin-bottom:15px
}
.mabt20 {
	margin-bottom:20px
}
.mabt30 {
	margin-bottom:30px
}
.mabt40 {
	margin-bottom:40px
}

.mart10 {
	margin-right:10px
}
.mart20 {
	margin-right:20px
}

.matop10 {
	margin-top:10px
}
.matop20 {
	margin-top:20px
}
.matop15 {
	margin-top:15px
}
.matop30 {
	margin-top:30px
}
.matop40 {
	margin-top:40px
}

/*---------------------------------------- 基本 --------------------------------------------------------------------------------------------------------*/



/*---------------------------------------- ヘッダー --------------------------------------------------------------------------------------------------------*/

header {
	width:100%;
	position:relative;
}
header #gmavi {
	width:100%;
	height:65px;
    position:fixed;
    top:0px;
    background:#000000;
	box-shadow:0 0 15px rgba(90,80,60,0.2);
	-webkit-box-shadow:0 0 15px rgba(90,80,60,0.2);
	-moz-box-shadow:0 0 15px rgba(90,80,60,0.2);
	z-index:9999;
	border-bottom:#c9171e 3px solid;
	color:#FFF
}
header h1 {
	background:url(../img/head/logo.png) no-repeat;
	margin:0px 0 0 0;
	font-weight: normal;
	height:38px;
	padding-top:27px;
	padding-left:130px;
}
header #character {
	position:absolute;
	top:0;
	left:-65px
}

/* ---------サブメニュー------------*/

header #gmavi #navi {
	position:absolute;
	top:20px;
	right:20px;
	overflow: hidden
}
header #gmavi #navi ul{
    list-style:none;
	text-align:right
}
header #gmavi #navi ul li{
	display:inline;
    margin:0px 0 0 5px;
    padding:0px;
}
/* ---------アコーディオン------------*/

#slideimg{
	width:100%;
	height:420px;
	margin-top:65px;
	position:relative;
	background:#000000 url(../img/bg.gif);
}

/* ---------------------------------------------------------------ヘッダー終わり ---------------------------------------------------------------------------------*/






/*---------------------------------------------------------------------- コンテンツ---------------------------------------------------------------------------*/

#main{
	width:100%;
	height:100%;
	position:relative;
	background:#000000 url(../img/bg.gif);
	padding:30px 0;
}

/**************************************/
/*             index             */
/**************************************/

#index {
	position:relative;
}
#index h2 {
	font-size:21px;
	color:#343434;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight: normal;
	border-bottom:#053061 2px dotted;
	padding:0;
	margin:0 0 10px 0;
}

/* news　*/
#index #news {
	width:363px;
	height:328px;
	padding:15px;
	background:url(../img/index/frame1.gif) no-repeat;
}
#index #news .ifrm-container {
	width:348px;
	height:250px;
	overflow:auto;
	-webkit-overflow-scrolling:touch;
	display: inline-block;
	margin:0 0 0 10px
    }
#index #news .ifrm {
	width:100%;
	height:100%;
	border:none;
}
/*
#index #news dl.information {
}
#index #news dl.information dt {
   padding:3px 0 0 5px;
   width:145px;
   height:16px;
   margin:0px 0 3px 0;
   color:#000000;
   font-weight:bold
}
#index #news dl.information dd {
   padding:0 0 5px 13px;
   margin:0 0 5px 0px;
   border-bottom:#969696 1px solid;
   line-height:15px
}*/

/* 得　*/
#index #toku {
	width:363px;
	height:328px;
	padding:15px;
	background:url(../img/index/frame1.gif) no-repeat;
	position:relative
}
#index #toku .text1 {
	color:#cc2900;
	font-size:18px;
	line-height:20px;
	padding:0px 0px 0px 5px;
	font-weight:bold;
	margin-top:-3px;
	margin-bottom:5px;
	letter-spacing:0
}
#index #toku .text2 {
	color:#cc2900;
	font-size:13px;
	padding-left:1px;
	font-weight:normal
}
#index #toku .text3 {
	width:198px;
	font-size:14px;
	line-height:23px;
}
#index #toku .text4 {
	font-size:16px;
	font-weight:bold;
	text-decoration:underline;
	letter-spacing:0
}
#index #toku .text5 {
	font-weight:normal;
	font-size:16px;
}
#index #toku .text6 {
	color:#cc2900;
	font-size:18px;
	font-weight:bold;
	letter-spacing:0;
	padding-top:5px;
	line-height:23px;
}
#index #toku .img1 {
	position: absolute;
	bottom:15px;
	right:15px
}
/* おすすめ　*/
#index #osusume {
	width:525px;
	height:310px;
	padding:15px;
	background:url(../img/index/frame2.gif) no-repeat;
}
#index #osusume .item {
	width:255px;
	height:195px;
	margin-top:10px
}
#index #osusume img {
	border-radius:10px 10px 0 0;
}
#index #osusume .item .text1 {
	color:#fff;
	font-size:14px;
	text-align:center;
	padding:7px 0;
	letter-spacing:0;
	border-radius:0 0 10px 10px;
	background:#000000;
}
#index #osusume .item .text2 {
	color:#fff;
	font-size:12px
}

/* カレンダー　*/
#index #calendar {
	width:201px;
	/*height:310px;*/
	padding:15px;
	background:#f7f7f7;
	position:relative
}
#index #calendar #tit {
	position: absolute;
	width:187px;
	height:57px;
	top:10px;
	left:-8px
}
#index #calendar .text1 {
	color:#cc2900;
	margin-top:5px;
	margin-bottom:-5px;
}
#index #calendar .text2 {
	color:#646464;
	font-size:11px
}
#index #calendar .text3 {
	background:url(../img/index/icon1.png) no-repeat 0 25%;
	padding-left:17px;
	letter-spacing:0;
	border-top:1px solid #dcdcdc;
	padding-top:5px;
}
#index #calendar .text4 {
	color:#f39800;
}





/**************************************/
/*             page             */
/**************************************/

#page {
	position:relative;
}
#page .pageframe {
	width:800px;
	background:url(../img/page/frame-top.gif) no-repeat 0 0;
	position:relative;
}
#page .pagecont {
	width:740px;
	margin:0px;
	padding:30px 30px;
	background:url(../img/page/frame-mid.gif);
	position:relative;
}

/*--------こだわり---------*/

#page #kodawari h2 {
	background:url(../img/page/title-kodawari.gif) no-repeat;
	width:780px;
	height:59px;
	margin-bottom:20px;
	font-size:12px;
	color:#000000;
	padding:50px 20px 0 0px;
	font-weight: normal;
	text-align:right
}
#page #kodawari h3 {
	font-size:8px;
	font-weight: normal;
	text-align:right;
	color:#FFFFFF;
	margin-right:10px;
}

#page #kodawari #men {
	width:740px;
	height:250px;
	background:url(../img/page/kodawari-a.jpg) no-repeat;
	margin-bottom:30px;
	position:relative
}
#page #kodawari #men p {
	position:absolute;
	top:185px;
	right:0px;
	font-size:13.5px;
	text-align:right;
	line-height:1.9;
}
#page #kodawari #meet {
	width:740px;
	height:250px;
	background:url(../img/page/kodawari-b.jpg) no-repeat;
	margin-bottom:40px;
	position:relative
}
#page #kodawari #meet p {
	position:absolute;
	top:115px;
	left:15px;
	font-size:13.5px;
	line-height:1.9;
	text-shadow:-1px -1px #fff,1px -1px #fff,-1px 1px #fff,1px 1px #fff;
}
#page #kodawari #soup {
	width:740px;
	height:250px;
	background:url(../img/page/kodawari-c.jpg) no-repeat;
	margin-bottom:40px;
	position:relative
}
#page #kodawari #soup p {
	position:absolute;
	top:95px;
	right:0px;
	font-size:13.5px;
	text-align:right;
	line-height:1.9;
	text-shadow:-1px -1px #fff,1px -1px #fff,-1px 1px #fff,1px 1px #fff;
}

/*--------店舗・アクセス---------*/

#page #map h2 {
	background:url(../img/page/title-map1.gif) no-repeat;
	width:780px;
	height:59px;
	margin-bottom:20px;
	font-size:12px;
	color:#000000;
	padding:50px 20px 0 0px;
	font-weight: normal;
	text-align:right
}
#page #map2 h2 {
	background:url(../img/page/title-map2.gif) no-repeat;
	width:780px;
	height:59px;
	margin-bottom:20px;
	font-size:12px;
	color:#000000;
	padding:50px 20px 0 0px;
	font-weight: normal;
	text-align:right
}


#map dl.list {
   border-bottom:#000000 1px solid;
   width:370px;
}

#map dl.list dt {
   float:left;
   width:105px;
   border-top:#000000 1px solid;
   padding-top:12px;
   padding-bottom:0;
   padding-right:0;
   padding-left:10px;
   font-weight:bold;
}

#map dl.list dd {
   margin-left:115px;
   padding-top:12px;
   padding-bottom:12px;
   padding-right:10px;
   border-top:#000000 1px solid;
}

#map dl.list dt.top {
   float:left;
   width:105px;
   border-top: none;
   padding-top:0;
   padding-bottom:0;
   padding-right:0;
   padding-left:10px;
   font-weight:bold;
}

#map dl.list dd.top {
   margin-left:115px;
   padding-top:0px;
   padding-bottom:12px;
   padding-right:10px;
   border-top: none;
}
#map dl.list .text1 {
	font-size:11px;
	color:#ca1c23;
	margin-top:5px
}
#map dl.list a {
	color:#888888;
}
#map dl.list a:hover {
   color:#ca1c23;
   text-decoration: underline;
}
#map2 .div1 {
	width:460px
}
#map2 .div1 .text1 {
	border-bottom:#343434 1px solid;
	font-size:14px;
	font-weight:bold;
	padding-bottom:5px;
	margin-bottom:10px
}
#map2 .div2 {
	line-height:24px;
	margin-top:25px
}
#map2 iframe {
	width:460px;
	height:250px;
	border:0
}

/*--------メニュー---------*/

#page #gmenu h2 {
	background:url(../img/page/title-menu.gif) no-repeat;
	width:780px;
	height:59px;
	margin-bottom:20px;
	font-size:12px;
	color:#000000;
	padding:50px 20px 0 0px;
	font-weight: normal;
	text-align:right
}
#page #gmenu h3 {
	font-size:8px;
	font-weight: normal;
	text-align:right;
	color:#FFFFFF;
	margin-right:10px;
}
#page #gmenu .font1 {
	font-size:14px;
	color:#fff;
	width:240px;
	background:#000;
	padding:7px 10px;
}
#page #gmenu li {
	width:310px;
	background:#000;
	float:left;
	color:#fff;
	font-size:14px;
	padding:7px 20px;
	margin-left:10px;
	margin-bottom:10px;
	position:relative
}
#page #gmenu li.pa0 {
	padding:7px 5px;
	width:340px;
}
#page #gmenu li div {
	position:absolute;
	top:7px;
	right:15px
}
/*　味噌　*/
#page #gmenu .miso {
	background:url(../img/page/menu-1.jpg) no-repeat 0px;
	width:740px;
	height:1118px
}
#page #gmenu .miso .text1 {
	position:absolute;
	top:277px;
	left:35px
}
#page #gmenu .miso .text2 {
	position:absolute;
	top:328px;
	left:45px;
	width:230px
}
#page #gmenu .miso .text3 {
	position:absolute;
	top:545px;
	left:310px
}
#page #gmenu .miso .text4 {
	position:absolute;
	top:640px;
	left:220px
}
#page #gmenu .miso .text5 {
	position:absolute;
	top:797px;
	left:310px
}
#page #gmenu .miso .text6 {
	position:absolute;
	top:892px;
	left:220px
}
#page #gmenu .miso .text7 {
	position:absolute;
	top:1034px;
	left:310px
}
/*　しょうゆ　*/
#page #gmenu .soysauce {
	background:url(../img/page/menu-2.jpg) no-repeat 0px;
	width:740px;
	height:747px
}
#page #gmenu .soysauce .text1 {
	position:absolute;
	top:257px;
	left:35px
}
#page #gmenu .soysauce .text2 {
	position:absolute;
	top:308px;
	left:45px;
	width:220px
}
#page #gmenu .soysauce .text3 {
	position:absolute;
	top:528px;
	left:308px
}
#page #gmenu .soysauce .text4 {
	position:absolute;
	top:667px;
	left:225px
}
/*　イチオシ麺　*/
#page #gmenu .others {
	background:url(../img/page/menu-3.jpg) no-repeat 0px;
	width:740px;
	height:495px
}
#page #gmenu .others .text1 {
	position:absolute;
	top:335px;
	left:35px
}
#page #gmenu .others .text2 {
	position:absolute;
	top:385px;
	left:45px;
	width:235px
}

/*　つけ麺　*/
#page #gmenu .hei {
	height:570px
}
#page #gmenu .tsuke {
	background:url(../img/page/menu-4.jpg) no-repeat 0px;
	width:500px;
	height:288px;
	position:relative
}
#page #gmenu .tsuke .text1 {
	position:absolute;
	top:45px;
	left:235px
}

/*　お子様　*/
#page #gmenu .pageframe .child {
	position:absolute;
	/*bottom:130px;*/
	bottom:20px;
	right:20px;
	width:495px
}
#page #gmenu .pageframe .child .childmenu {
	background:url(../img/page/menu-5.jpg) no-repeat 0;
	width:495px;
	height:330px;
	position:relative
}
#page #gmenu .childmenu .text1 {
	position:absolute;
	top:61px;
	left:30px
}
#page #gmenu .childmenu .text2 {
	position:absolute;
	top:173px;
	left:30px
}
#page #gmenu .childmenu .text3 {
	position:absolute;
	top:279px;
	left:30px
}
/*　サイド　*/
#page #gmenu .smenu {
	background:url(../img/page/menu-6.jpg) no-repeat 0px;
	width:740px;
	height:495px
}
#page #gmenu .smenu .text1 {
	position:absolute;
	top:335px;
	left:35px;
	width:280px
}
#page #gmenu .smenu .text2 {
	position:absolute;
	top:380px;
	left:45px;
	width:230px
}
#page #gmenu .smenu .text3 {
	position:absolute;
	top:545px;
	left:310px
}
#page #gmenu .smenu .text4 {
	position:absolute;
	top:640px;
	left:220px
}
#page #gmenu .smenu .text5 {
	position:absolute;
	top:797px;
	left:310px
}
#page #gmenu .smenu .text6 {
	position:absolute;
	top:892px;
	left:220px
}
#page #gmenu .smenu .text7 {
	position:absolute;
	top:1034px;
	left:310px
}

#page #gmenu .chuui {
	padding:30px 15px 0 15px;
	color:#646464;
	font-size:12px
}
/*--------あいさつ---------*/

#page #greetings h2 {
	background:url(../img/page/title-greetings.gif) no-repeat;
	width:780px;
	height:59px;
	margin-bottom:20px;
	font-size:12px;
	color:#000000;
	padding:50px 20px 0 0px;
	font-weight: normal;
	text-align:right
}
#page #greetings h3 {
	font-size:8px;
	font-weight: normal;
	text-align:right;
	color:#FFFFFF;
	margin-right:10px;
}



/*--------リンク---------*/

#page #link h2 {
	background:url(../img/page/title-link.gif) no-repeat;
	width:780px;
	height:59px;
	margin-bottom:20px;
	font-size:12px;
	color:#000000;
	padding:50px 20px 0 0px;
	font-weight: normal;
	text-align:right
}
#page #link h3 {
	font-size:8px;
	font-weight: normal;
	text-align:right;
	color:#FFFFFF;
	margin-right:10px;
}

#link dl.list {
   border-bottom:#000000 1px solid;
}

#link dl.list dt {
   float:left;
   width:150px;
   border-top:#000000 1px solid;
   padding:12px 10px;
   font-weight:bold;
   clear:both
}

#link dl.list dd {
   margin-left:170px;
   height:56px;
   padding:28px 10px 12px 10px;
   border-top:#000000 1px solid;
}

/**************************************/
/*             side             */
/**************************************/

.left_box #noren {
	position:absolute;
	top:0;
	left:-12px
}


/* ---------サブメニュー------------*/
.left_box #menu {
	margin-top:11px;
	width:180px;
	height:322px;
	background:url(../img/side/menu-bg.png)
}
.left_box #menu ul{
    list-style:none;
}
.left_box #menu ul li{
	display:inline;
    margin:0px;
    padding:0px;
}

.left_box #menu a:hover img {
	opacity:1;
}

/*---------------------------------------------------------------------- コンテンツ終わり---------------------------------------------------------------------------*/








/*---------------------------------------------------------------------- フッター---------------------------------------------------------------------------*/

footer {
	position:relative
}

footer #pagetop {
	position: absolute;
	top:-50px;
	right:20px;
	z-index:10
}
footer #pagetop a:hover img {
	opacity:1;
}

footer #bansp {
	width:100%;
	padding:15px 0;
	position:relative;
	background: url(../img/footer/bg1.gif);
}
footer #bansp ul{
    list-style:none;
	text-align:right
}
footer #bansp ul li{
	display:inline;
    margin:0px 0 0 25px;
}


footer #footadd {
	width:100%;
	height:120px;
	padding:0;
	position:relative;
	background: url(../img/footer/bg2.gif);
}

footer #footadd address {
	margin-top:30px;
	margin-left:10px;
	font-style:normal;
	color:#000000;
	line-height:19px;
	text-shadow:1px 0px rgba(255,255,255,0.3);
}

footer #footadd ul{
    list-style:none;
	text-align:right;
	margin-top:50px
}
footer #footadd ul li{
	display:inline;
}
footer #footadd ul a{
	color:#ca1c23;
	text-decoration:none;
	text-shadow:1px 0px rgba(255,255,255,0.3);
	padding:0 13px;
	letter-spacing:0.5px;
	border-right:#888888 solid 1px
}
footer #footadd ul a:hover{
	color:#888888;
	text-decoration:none;
	text-shadow:1px 0px rgba(255,255,255,0.3);
}



footer #copyright {
	width:100%;
	position:relative;
	background:#000000;
	color:#FFF;
	text-align:center;
	letter-spacing:2px;
	font-size:10.5px;
	padding:8px 0
}











/*---------------------------------------------------------------------- フッター終わり---------------------------------------------------------------------------*/



























