/**
 * basic
 */

body{
/*font-family:"Times New Roman", Times, serif;*/
  font-family:lucida grande,tahoma,verdana,Verdana, Geneva, sans-serif;
  font-size:85%;
  background:url(../images/back.jpg) repeat #000;
  z-index:0;
  color:#FFF;
}

html{
  background:url(../images/background.gif);
}

a img,
:link img,
:visited img {
  border: none;
}

img.icon{
  margin-left:0.5em;
  }

a {text-decoration: underline; outline:0;}
a:link {color:#FFF;outline:0;}
a:visited {color: #FFF; outline:0;}
a:active {color: #FFF; outline:0;}
a:hover {
  color: #DDD;
  text-decoration:none;
  outline:0;
}


#contents{
	width:950px;
	min-height:624px;
	margin:40px auto 20px auto;
	padding:0px;
	background:url(../images/image_ramen.png) no-repeat right top;
}


/**
 * Rollover
 */
 a img:hover{
  /* IE 
  filter: alpha(opacity=70);*/
  /* Safari Opera */
  opacity:0.70;
  /* Firefox Netscape */
  -moz-opacity:0.70;
}


/**
 * Header
*/
#header{
	background:url(../images/head_back.jpg) repeat-x;
	height:348px;
	text-align:center;
	margin-top:-30px;
	margin-bottom:90px;
}

#header .inner{
  position:relative;
  width:950px;
  height:328px;
  margin: 0 auto;
}

#header .inner div.head_news{
	/*position:absolute;
	right:0px;
	bottom:-190px;*/
}


#header h1#logo{
	margin-top:-75px;
	}

ul.navi{
	padding:10px 0 15px 0;
	text-align:center;
	border-bottom:solid 1px #FDFBC1;
	margin-bottom:15px;
}

ul.navi li{
	 text-align:center;
	 display:inline;
	 list-style:none;
	 letter-spacing:0.1em;
	 margin:0 0.5em;
	 font-size:85%;
 }
 
 ul.navi li a{
	 text-decoration:none;
 }
 
ul.navi li.active a{
	color:#FDFBC1;
}

/**
 * Social_link
*/
	
ul.social_link{
	width:200px;
	float:right;
}

ul.social_link li{
	display:block;
	list-style:none;
	margin-bottom:5px;
	padding:3px;
	font-size:80%;
}

ul.social_link li a:link{
	text-decoration:none;
}

ul.social_link li img{
	vertical-align:middle;
	margin-right:5px;
}

ul.social_link li.twitter{
	background-color:#90DBE0;
}

ul.social_link li.facebook{
	background-color:#5978B0;
}

ul.social_link li.foursquare{
	background-color:#329FCE;
}

/**
 * Home
*/

.photo_image{
	position:relative;
}

.photo_image ul.photo li{
	position:absolute;
}

.photo_image ul.photo li img{
	border:solid 4px #FFF;
	-moz-box-shadow: 3px 3px 5px #000; /*Firefox*/
    -webkit-box-shadow: 3px 3px 5px #000; /*Safari*/
}

.photo_image ul.photo li.ph_1{
	top:10px;
	left:0;
	z-index:10;
}

.photo_image ul.photo li.ph_2{
	top:296px;
	left:118px;
	z-index:20;
}

.photo_image ul.photo li.ph_3{
	top:173px;
	left:210px;
	z-index:30;
}

.photo_image ul.photo li.ph_4{
	top:408px;
	left:638px;
	z-index:100;
}

.photo_image ul.photo li.ph_5{
	top:323px;
	left:326px;
	z-index:50;
}

.photo_image ul.photo li.ph_6{
	top:501px;
	left:461px;
	z-index:60;
}

/**
 * Common
*/

h2{
	color:#fffbc1;
	font-size:130%;
	margin:1em 0 1em 0;
	
}

p.lead{
  line-height: 1.6;
  font-size:110%;
  color:#F36;
  margin:0 0 0.8em 0;
}

p.more{
	text-align:right;
}

p.indent{
  text-indent:1em;
}

.caution{
  font-size:85%;
  color:#666666;
  line-height:1.3;
  letter-spacing:0.01em;
  margin:1em 0 0 0;
  font-weight: normal;
}

span.caution{
    margin-left:1em;
}

ul.caution li{
	margin:0.5em 0 0.5em 20px;
	list-style:disc;
}

strong.red{
  color:#FF0000;
}

.small{
  font-size:85%;
  font-weight:normal;
}

.center{
  text-align:center;
  }
  
img.right,
object.right{
 float:right;
 margin:0 0 0 10px;
 }
 
 img.left{
 float:right;
 margin:0 10px 0 0;
 }

/**
 * content
*/

ul.ramen_menu{
	margin-bottom:2em;
}

ul.ramen_menu li{
	list-style:none;
	float:left;
	width:225px;
	margin:20px 5px;
	text-align:center;
}

ul.ramen_menu li h3{
	font-size:90%;
	margin:0.5em 0;
}

ul.ramen_menu li p.price{
	margin:0.3em 0;
}

ul.ramen_menu li p.material{
	font-size:85%;
	margin:0;
	line-height:1.3;
}

ul.others_menu{
	padding:0 0 0 0;
	float:left;
	width:450px;
}

ul.others_menu.right{
	margin-top:350px;
	margin-left:50px;
}

ul.others_menu li{
	margin: 0 0 1em 0;
	padding: 0;
}

ul.others_menu li h3{
	margin: 0 0 0.2em 0;
	font-size:100%;
}

ul.others_menu li ul{
	margin:0 0 0 3em;
	font-size:85%;
	line-height:1.3;
}

ul.others_menu li p{
	margin:0 0 0.5em 1em;
	font-size:85%;
	line-height:1.3;
	color:#CCC;
}

ul.others_menu li ul li{
	float:none;
	list-style:disc;
	line-height:1.4;
	margin-bottom:0.2em;
}

.price{
	color:#999;
	font-style:italic;
}

span.price{
	margin-left:1em;
	
	margin-right:1em;
}

#menu .sub_image{
	float:right;
	width:420px;
}

#menu .sub_image ul li{
	list-style:none;
}

#menu .sub_image ul{
	margin-top:350px;
}

#menu .sub_image img{
	margin:40px 0 0 0;
	border:solid 5px #FFF;
}

#inside{
	clear:both;
	margin-top:0px;
}

#inside h2{
  clear:both;
  font-size:110%;
}

#inside ul li
{
 list-style:none;
 float:left;
 margin: 5px;
}

/**
 * location
 */
 
#contents.location h3{
	font-size:110%;
	margin:1em 0 0.5em 0;
	line-height:1;
}
 
#contents.location ul.sister_store{
	margin-bottom:20px;
}
 
#contents.location ul.sister_store li{
	list-style:none;
	display:block;
	width:400px;
	background-color:#212121;
	margin-bottom:15px;
	padding:10px;
	height:150px;
	clear:both;
}

#contents.location ul.sister_store li img,
#contents.location ul.sister_store li div.map{
	float:left;
	margin-right:10px;
	font-size:80%;
}

#contents.location ul.sister_store li p{
	margin:0.5em 0;
	font-size:85%;
	line-height:1.4;
}

#contents.location ul.sister_store li p .menu{
	margin-left:1em;
}

#contents.location ul.sister_store li p.hour{
	color:#CCC;
	line-height:1.2;
}

/**
* Press
*/

#contents.press ul.list{
	width:500px;
}

#contents.press ul.list li{
	margin:0 20px 15px 0;
	list-style:none;
	font-size:85%;
	float:left;
}

#contents.press ul.list li p.image img{
	
}

#contents.press ul.list li p.title{
	font-weight:bold;
	margin:0;
}

#contents.press ul.list li p.date{
	color:#666;
}

 
/**
 * Footer
 */

#footer{
  clear: both;
  text-align:center;
  padding:2em 0 4em 0;
}

#footer p.copy{
  clear:both;
  text-align:center;
  font-size:85%;
  }

#footer p.data{
	font-size:85%;
	margin-bottom:2em;
}

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

* html .clearfix{
  display: inline-block;
}

/**
 * ie7
 */
*: first-child+html .clearfix {
  display: inline-block;
}

/**
 * ie8
 */
html>/**/body .clearfix
{
  display: inline-block;
}


/**
 * common_tabs
 */
 
#tabs ul.tab
{
  font-size: 85%;
  margin: 0 0 0 20px;
  padding: 0;
}

#sub_left #tabs
{
  margin: 7px;
}

#tab1,
#tab2,
#tab3
{
  background-color: #FFF;
  border: solid 1px #CCC;
  padding: 10px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  margin-bottom: 10px;
}

/**
 * common_pager
 */
 
ul.pager{
  clear: both;
  text-align: center;
  padding-top: 1em;
  margin: 0;
  padding: 0;
  font-size:85%;
}

ul.pager li{
  display: inline;
  margin: 0;
  padding: 0;
}

ul.pager li strong{
  padding: 0.3em 0.5em;
  display: inline-block;
  color: #fff;
  background-color: #333;
}

ul.pager li a{
  padding: 0.3em 0.5em;
  display: inline-block;
  text-decoration: none;
}

ul.pager li a:hover,
ul.pager li a:active{
  color: #fff;
  background-color: #333;
  
}

ul.pager li.next,
ul.pager li.prev{
  padding: 0.3em 0;
}


/**
 * topic_path
*/

#topic_path{
	margin:0;
	font-size:85%;
}

#topic_path li {
	display:inline;
	line-height:110%;
	list-style-type:none;
}

#topic_path li a {
	padding-right:10px;
	background:url(../images/topicpath.gif) no-repeat right center;
}