@charset "utf-8";
/* CSS Document */

/* ==============================

・ベース追加設定
・共通クラス設定
・ヘッダー/フッター
・その他特定箇所id

============================== */

/* ===== ベース追加設定 ===== */

body{
	width:100%;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
  font-size:18px;
	line-height:30px;
	background:#000;
}



/* ===== 共通クラス設定 ===== */

/*
　ヘッダー部のみ、#headerと#mainで設定
　その他コンテンツは、#wrapper内.ctsで設定
*/

#wrapper{
	clear:both;
	width:100%;
	background:#000;
	text-align:center;
	padding-bottom:30px;
	border-bottom:3px solid #FFF;
}

.cts{
	clear:both;
	width:960px;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
	background:#000;
}
	.cts .box_top{
		padding:40px 0px 0px;
		background:url(../ramen/images/cts_bg_top.gif) top no-repeat;
	}
	.cts .box_btm{
		padding-bottom:40px;
		background:url(../ramen/images/cts_bg_btm.gif) bottom no-repeat;
	}



/* お問い合わせ */
.contact{
	clear:both;
	position:relative;
	width:960px;
	height:110px;
	margin-right:auto;
	margin-left:auto;
	background:url(../ramen/images/contact_bg.gif) #000 left top no-repeat;
}
.contact p{
	position:absolute;
	width:300px;
	height:38px;
	top:55px;
	right:13px;
}
.pageup{
	width:960px;
	margin:20px auto 10px;
	text-align:right;
	background:#000;
}

/* 余白 */
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb50{ margin-bottom:50px;}

.ml10{ margin-left:10px;}
.ml20{ margin-left:20px;}
.mr10{ margin-right:10px;}
.mr20{ margin-right:20px;}

.prl15{ padding-right:15px; padding-left:15px;}
.prl50{ padding-right:50px; padding-left:50px;}


/* レイアウト */
.fleft{ float:left;}
.fright{ float:right;}
.txtright{ text-align:right;}
.txtcenter{ text-align:center;}
.txtwhite { margin:5px 10px 5px 20px; color:#FFF; font-size:24px; line-height:36px;}

.clear{ clear:both;}

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */




/* ===== ヘッダー/フッター ===== */

#header{
	width:100%;
	height:40px;
	padding-top:10px;
	background:#000;
	text-align:left;
	border-bottom:3px solid #FFF;
}

#header .cts{
	height:40px;
	margin-bottom:-3px;
	position:relative;
	background:#000;
	border-bottom:3px solid #FFF;
}

#header .cts h1{ background:#000;}
#header .cts ul{
	position:absolute;
	width:500px;
	height:35px;
	top:0px;
	right:0px;
	background:#000;
}
	#header .cts ul li{
		float:left;
		margin-right:10px;
		background:#000;
	}


.borderline{
	width:960px;
	height:10px;
	margin-top:-3px;
	border-top:3px solid #FFF;
}


#footer {
	margin:0px;
	padding:0px;
	color:#FFF;
	background:#000;
	font-size:12px;
}
	#footer .contents{
		clear:both;
		position:relative;
		width:940px;
		margin:0px auto 0px;
		padding:0px 10px 20px;
		background:#000;
	}
	#footer .contents a,#footer .contents a:visited{
		color:#FFF;
	}
	#footer .contents a:hover{
		color:#CCC;
		text-decoration:none;
	}



/* ===== その他特定箇所id ===== */

#main{
	text-align:center;
	background:#660000;
}

#service01{
	position:relative;
}
	#service01 p.text{
		width:470px;
	}
	#service01 p.photo{
		position:absolute;
		width:367px;
		height:245px;
		top:50px;
		right:40px;
	}

#kinou .box_btm ul{
	margin:25px 0px 0px 36px;
}
	#kinou .box_btm li{
		float:left;
		width:410px;
		padding:9px 19px 19px 9px;
		border:1px solid #cccccc;
		background:#FFF;
	}
	#kinou .box_btm li dl dd{
		height:40px;
		margin-left:10px;
		padding-left:20px;
		line-height:40px;
	}
	#kinou .box_btm li dl dd.bg01{ background:#CCC;}
	#kinou .box_btm li dl dd.bg02{ background:#e0e0e0;}

#faq .box_btm dl{
	margin:10px 0px;
	padding-top:10px;
	padding-bottom:10px;
	background:url(../ramen/images/faq_bg.gif) bottom repeat-x;
}
	#faq .box_btm dt{
		padding-left:60px;
		background:url(../ramen/images/faq_q.gif) left top no-repeat;
	}
	#faq .box_btm dd{
		margin-bottom:10px;
		padding-left:70px;
		background:url(../ramen/images/faq_a.gif) left top no-repeat;
	}
	#faq .box_btm .bgnone{
		margin-bottom:0px;
		background:none;
	}

.cts .box_top.bg_long{
	background: url(../ramen/images/cts_bg_top2.gif) top no-repeat;
}
.contact{
	position: relative;
}