@charset "utf-8";
/*CSS INFOMATION=======================

TSUKEMEN-DB
BASECSS

File name : tsukemen.css
   
====================================*/


/*-----------------------------------------
 
 =RESET
-----------------------------------------*/

body{background:url(../img/bg.png);}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
hr{display:none;}
img{vertical-align:bottom;}
a{outline:0;}


/*-----------------------------------------
  1-1.Yahoo Library Font.css
　http://developer.yahoo.com/yui/fonts/

　*Copyright (c) 2006, Yahoo! Inc. All rights reserved.
　*http://developer.yahoo.com/yui/license.txt



	Font-size Adjustment
	
	#10px = 77%
	#11px = 85%
	#12px = 93%
	#13px = 100%
	#14px = 108%
	#15px = 116%
	#16px = 123.1%
	#17px = 131%
	#18px = 138.5%
	#19px = 146.5%
	#20px = 153.9%
	#21px = 161.6%
	#22px = 167%
	#23px = 174%
	#24px = 182%
	#25px = 189%
	#26px = 197%

-----------------------------------------*/


body {font:13px/1.231 arial,helvetica,clean,Meiryo,sans-serif;*font-size:small;*font:x-small; color:#111;}/*通常のブラウザは13px, IE 全般はsmall ,IE 6/7後方互換モードはx-small*/
table {font-size:inherit;font:100%;}/*IE 6以前でtableへフォントサイズの継承がうまくいかない問題を回避*/
pre,code,kbd,samp,tt{font-family:monospace;*font-size:110%;line-height:100%;}/*IE　全般でpreやcodeの等幅フォントのサイズが小さくなるのを回避*/


/* -------- font --------*/

* html body {font-family:font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ',Verdana,'ＭＳ Ｐゴシック',sans-serif;;}/*IE 6 と それ以前*/
*:first-child+html body{font-family:font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ',Verdana,'ＭＳ Ｐゴシック',sans-serif;;}/*IE 7 のみ*/
html>/**/body{font-family:font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ',Verdana,'ＭＳ Ｐゴシック',sans-serif;}/*IE7 を除くモダンブラウザにのみ適用*/
/



/*----------------------------------------
	
	=COMMON
-----------------------------------------*/


#tsukemen_container {
	background:url(../img/bg.png);
	background-size:50%;
}




h1{
	width:200px;
	float:left;
	padding:10px 0;
}

strong{
	font-weight:bold;
}

#tsukemen_header{
	width:100%;
}

#tsukemen_search{
	background:#949494;
	border:1px solid #fff;
	margin:15px 15px 5px;
	padding:10px 10px 10px;
	color:#fff;
}

#tsukemen_search td{
	padding:3px;
}


#contents{
	width:100%;
	margin:20px auto 0;
	padding:0 0 20px;
}




#main{
	width:1000px;
	overflow:hidden;
}


#map{
	margin:0 15px;
	padding:0 0 30px;
}

.boxA{
	border:5px solid #fff;
}

.boxA{
	background:#111;
	
}

.boxA iframe{
	height:200px !important;
}

.boxB{
	padding:20px;
	background:#111;
	font-size:14px;
	color:#fff;
	line-height:1.8;
}

.boxC{
	background:#fff;
	border:1px solid #dadada;
	padding:40px 15px 15px;
	overflow:hidden;
	position:relative;
	margin:20px 15px 0;
	color:#333;
}


.noData{
	border:1px solid #dadada;
	margin:5px 15px;
	background:#fff;
	color:#333;
	text-align:center;
	padding:30px 0;
	line-height:1.6;
	font-size:12px;
}

.tsukemenBox{
	margin:10px;
	overflow:hidden;
}

.tsukemenBox li{

	
}

.tsukemenBox li a{
	border:1px solid #dadada;
	margin:5px;
	background:#fff;
	color:#333;
	position:relative;
	display:block;
	text-decoration:none;
}

.tsukemenBox li a:hover{
	border:1px solid #dadada;
	margin:5px;
	background: #FEFDE4;
	color:#333;
	position:relative;
	display:block;
	text-decoration:none;

}

.tsukemenBox li h3{
	font-size:16px;
	padding:0 0 10px;
	font-weight:bold;
}

.tsukemenBox li h4{
	font-size:14px;
	font-weight:bold;
	padding:15px 0;
	line-height:1.8;
	border-bottom:1px solid #aaa;
}

.tsukemenBox li p{
	font-size:12px;
	line-height:1.8;
	border-bottom:1px solid #aaa;
	padding:10px 0;
}

.tsukemenBox li .detail{
	font-size:10px;
	padding:10px 0 ;
}

.tsukemenBox li td{
	padding:3px 0;
}

.tsukemenBox li td strong{
	color:#333;
}

.tsukmen_inner{
	padding:40px 15px 15px;
}

.locationA{
	width:100%;
	padding: 5px 0;
	position: absolute;
	background: #4babf8;
	text-align: center;
	color: #fff;
}

.locationB{
	width:100%;
	padding:5px 0;
	position:absolute;
	background:#17a6af;
	text-align:center;
	color:#fff;
}

.locationC{
	width:100%;
	padding:5px 0;
	position:absolute;
	background:#a616a7;
	text-align:center;
	color:#fff;
}

.locationD{
	width:100%;
	padding:5px 0;
	position:absolute;
	background:#ee9217;
	text-align:center;
	color:#fff;
}

.locationE{
	width:100%;
	padding:5px 0;
	position:absolute;
	background:#90b718;
	text-align:center;
	color:#fff;
}



.locationA_detail{
	width:100%;
	padding: 5px 0;
	position: absolute;
	top: 0px;
	left: 0px;
	background: #4babf8;
	text-align: center;
	color: #fff;
}

.locationB_detail{
	width:100%;
	padding:5px 0;
	position:absolute;
	top: 0px;
	left: 0px;
	background:#17a6af;
	text-align:center;
	color:#fff;
}

.locationC_detail{
	width:100%;
	padding:5px 0;
	position:absolute;
	top: 0px;
	left: 0px;
	background:#a616a7;
	text-align:center;
	color:#fff;
}

.locationD_detail{
	width:100%;
	padding:5px 0;
	position:absolute;
	top: 0px;
	left: 0px;
	background:#ee9217;
	text-align:center;
	color:#fff;
}

.locationE_detail{
	width:100%;
	padding:5px 0;
	position:absolute;
	top: 0px;
	left: 0px;
	background:#90b718;
	text-align:center;
	color:#fff;
}



.btn01{
	text-align:center;
	padding:15px 0 0;
}

.btn01 a:hover{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}



.box-inner{
	padding:0 70px;
}




.ttlA{
	background:#7c7c7c;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	padding:8px 12px;
   margin:0 0 5px;
}

.ttlC{
	background:#444;
	color:#fff;
	overflow:hidden;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	padding:10px;
   margin:0 0 5px;
    -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin:0 0 10px;
}



.leftBoxA{ width:730px; float:left; }
.rightBoxA{ width:250px; float:right; }

.leftBoxB{ width:453px; float:left; }
.rightBoxB{ width:530px; float:right; }

.leftBoxC{ width:100%;}
.rightBoxC{ width:100%; }

.rightBoxC td{
	padding:10px 10px ;
	border-bottom:1px solid #ccc;
	line-height:1.7;
	font-size:10px;
}

.rightBoxC td strong{
	color:#333;
}

.men img{
	width:85%;
}
	





/*--- button---*/

input{
	border:none;
}

input:focus {
    outline: none;
}

.search_button {
	border:1px solid #2a2c2f; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:14px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #45484d; background-image: -webkit-gradient(linear, left top, left bottom, from(#45484d), to(#000000));
 background-image: -webkit-linear-gradient(top, #45484d, #000000);
 background-image: -moz-linear-gradient(top, #45484d, #000000);
 background-image: -ms-linear-gradient(top, #45484d, #000000);
 background-image: -o-linear-gradient(top, #45484d, #000000);
 background-image: linear-gradient(to bottom, #45484d, #000000);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#45484d, endColorstr=#000000);
  width:100%;
}

.search_button:hover {
  border:1px solid #151617;
 background-color: #2d2f32; background-image: -webkit-gradient(linear, left top, left bottom, from(#2d2f32), to(#1a1a1a));
 background-image: -webkit-linear-gradient(top, #2d2f32, #1a1a1a);
 background-image: -moz-linear-gradient(top, #2d2f32, #1a1a1a);
 background-image: -ms-linear-gradient(top, #2d2f32, #1a1a1a);
 background-image: -o-linear-gradient(top, #2d2f32, #1a1a1a);
 background-image: linear-gradient(to bottom, #2d2f32, #1a1a1a);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#2d2f32, endColorstr=#1a1a1a);
  cursor: pointer;
}


.button:active {
  -moz-box-shadow: inset 0 0 10px 0 #350a0a, 0 1px 0 #ccc;
  -webkit-box-shadow: inset 0 0 10px 0 #350a0a, 0 1px 0 #ccc;
  box-shadow: inset 0 0 10px 0 #350a0a, 0 1px 0 #ccc;
  cursor: pointer;
}


.buttonC{
  border:1px solid #b7b7b7; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #d3d3d3; background-image: -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#707070));
 background-image: -webkit-linear-gradient(top, #d3d3d3, #707070);
 background-image: -moz-linear-gradient(top, #d3d3d3, #707070);
 background-image: -ms-linear-gradient(top, #d3d3d3, #707070);
 background-image: -o-linear-gradient(top, #d3d3d3, #707070);
 background-image: linear-gradient(to bottom, #d3d3d3, #707070);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d3d3d3, endColorstr=#707070);
  font:14px bold "ヒラギノ角ゴ Pro W3",tahoma,arial;
  font-weight:bold;
  padding: 8px 0 9px 0;
  text-decoration: none;
  text-align: center;
  width: 100%;
}

.buttonC:hover {
  border:1px solid #a0a0a0;
 background-color: #bababa; background-image: -webkit-gradient(linear, left top, left bottom, from(#bababa), to(#575757));
 background-image: -webkit-linear-gradient(top, #bababa, #575757);
 background-image: -moz-linear-gradient(top, #bababa, #575757);
 background-image: -ms-linear-gradient(top, #bababa, #575757);
 background-image: -o-linear-gradient(top, #bababa, #575757);
 background-image: linear-gradient(to bottom, #bababa, #575757);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#bababa, endColorstr=#575757);
  cursor: pointer;
}




.buttonB {
  border:1px solid #b7b7b7; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #d3d3d3; background-image: -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#707070));
 background-image: -webkit-linear-gradient(top, #d3d3d3, #707070);
 background-image: -moz-linear-gradient(top, #d3d3d3, #707070);
 background-image: -ms-linear-gradient(top, #d3d3d3, #707070);
 background-image: -o-linear-gradient(top, #d3d3d3, #707070);
 background-image: linear-gradient(to bottom, #d3d3d3, #707070);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d3d3d3, endColorstr=#707070);
  font:14px bold "ヒラギノ角ゴ Pro W3",tahoma,arial;
  font-weight:bold;
  padding: 8px 0 9px 0;
  text-decoration: none;
  text-align: center;
  width:100%;
}

.buttonB:hover {
   border:1px solid #a0a0a0;
 background-color: #bababa; background-image: -webkit-gradient(linear, left top, left bottom, from(#bababa), to(#575757));
 background-image: -webkit-linear-gradient(top, #bababa, #575757);
 background-image: -moz-linear-gradient(top, #bababa, #575757);
 background-image: -ms-linear-gradient(top, #bababa, #575757);
 background-image: -o-linear-gradient(top, #bababa, #575757);
 background-image: linear-gradient(to bottom, #bababa, #575757);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#bababa, endColorstr=#575757);
  cursor: pointer;
}

.buttonB:active {
  -moz-box-shadow: inset 0 0 10px 0 #350a0a, 0 1px 0 #ccc;
  -webkit-box-shadow: inset 0 0 10px 0 #350a0a, 0 1px 0 #ccc;
  box-shadow: inset 0 0 10px 0 #350a0a, 0 1px 0 #ccc;
  cursor: pointer;
}







.search_btn_submit {
  -webkit-appearance: none;
  font:14px "ヒラギノ角ゴ Pro W3",tahoma,arial;
  font-weight:bold;
}


.btn_alink {
  width: 198px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  color:#fff !important;
  text-decoration:none !important;
}

.btn_alinkB {
  width:100%;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  color:#fff !important;
  text-decoration:none !important;
}





/*----------------------------------------
	
	=LINK
-----------------------------------------*/

a:link {color: #e00007;text-decoration:underline;}
a:visited {color:#e00007;text-decoration:none;}
a:hover, a:active {color: #e00007;text-decoration: none;}
a:focus {color:#e00007;}
a img, a:link img, a:visited img, a:hover img, a:active img {border: none;text-decoration: none;}



/*----------------------------------------
	
	=MARGIN - PADDING
-----------------------------------------*/

.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pl40 {padding-left:40px !important;}
.pl45 {padding-left:45px !important;}
.pl50 {padding-left:50px !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
.pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;}
.pr45 {padding-right:45px !important;}
.pr50 {padding-right:50px !important;}
.pt0 {padding-top:0px !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt22 {padding-top:22px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}
.pb0 {padding-bottom:0px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}
.pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !important;}

.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr45 {margin-right:45px !important;}
.mr50 {margin-right:50px !important;}
.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}

.mg5 {margin:5px !important;}
.mg10 {margin:10px !important;}
.mg15 {margin:15px !important;}
.mg20 {margin:20px !important;}
.mg25 {margin:25px !important;}
.mg30 {margin:30px !important;}
.mg35 {margin:35px !important;}
.mg40 {margin:40px !important;}
.mg45 {margin:45px !important;}
.mg50 {margin:50px !important;}

.pd5 {padding:5px !important;}
.pd10 {padding:10px !important;}
.pd15 {padding:15px !important;}
.pd20 {padding:20px !important;}
.pd25 {padding:25px !important;}
.pd30 {padding:30px !important;}
.pd35 {padding:35px !important;}
.pd40 {padding:40px !important;}
.pd45 {padding:45px !important;}
.pd50 {padding:50px !important;}

.ma0 {margin:0 !important;}
.pd0 {padding:0 !important;}

*/

/*----------------------------------------
	
	=ALIGN
-----------------------------------------*/


.alignL {
	text-align:left !important;
}
.alignR {
	text-align:right !important;
}

.alignC {
    text-align:center !important;
}


/*----------------------------------------
	
	=FLOAT
-----------------------------------------*/

.floatR{
	float:right;
}

.floatL{
	float:left;
}

.floatN{
	float:none;
}


/*-----------------------------------------
 
  =FLOATING BOX CLEAR
-----------------------------------------*/

.clr:after {
content: ".";
display: block;
height: 0; 
clear: both;
visibility: hidden;
}

.clr {
display: inline-block;
}

* html .clr { 
height: 1%;
}

.clr {
display: block;
}

.clearR{
	clear:right;
}

.clearL{
	clear:left;
}

.clear{
	clear:both;
}


/*----------------------------------------
	
	=TXT
-----------------------------------------*/

.fontSSS{
	font-size:66%;
}

.fontSS{
	font-size:77%;
}

.fontS{
	font-size:85%;
}

.fontM{
	font-size:100%;
}

.fontL{
	font-size:108%;
}

.fontLL{
	font-weight:bold;
}

.fontB{
font-weight:bold;
}

.fontBlue{
	color:#1275bb;
	font-weight:bold;
}

.fontRed{
	color:#F00;
}