@charset "utf-8";


/*----------------------------------------
基本
-------------------------------------------*/
* {
    margin:0;
	padding:0;
	}
html{
	/*background-color:#A11E1E;*/
	background-color:#FFF;}	

body {
    color:#333;
    font-size:13px;
	letter-spacing:0.05em;
	font-family: "MS PGothic",Osaka,"ヒラギノ角ゴ StdN",Sans-Serif;
	background-color:#FFF
	}

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

* html img, * html div, * html input,* html p,* html h1,* html h2,* html h3,* html h4,* html span,* html li{
	/*behavior:url(iepngfix.htc);*/
}


/*----------------------------------------
共通パーツ
-------------------------------------------*/
br{letter-spacing:0;}

hr {
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #DDD;
	height: 1px;
	margin:10px 0;
   *margin:0px 0;
	clear: both;
}

a img{border:none;}
img { -ms-interpolation-mode: bicubic;
	vertical-align:middle; } 

img.right{
	float:right;
	margin:0 0 10px 10px;
	}
img.left{
	float:left;
	margin:0 10px 10px 0;
	}
img.border{
	border:solid 3px #DDD;}

p.caution,
ul.caution{
	font-size:85%;
	margin:0.5em 0 0 0;
	color:#666666;
	font-weight: normal;
}
p.lead{
	line-height:1.6;
	margin-bottom:10px;
	clear: both;
}
p.caution.required{
	margin-bottom:10px;}

span.caution{
	font-size:85%;
	margin:0 0 0 0.5em;
	color:#666666;}
	
p.error,
ul.error{
	font-weight:bold;
	color:#FF0000;
	font-size:110%;
	margin: 0.5em 0;
}

p strong,
li strong{
	margin:0 0.1em;
	font-size:115%;
	line-height: 1.3;
}
p strong.red,
li strong.red{
	color:#FF0000;}

span.small,
p.small{
	font-size:85%;
	font-weight:normal;
}
	
p.link{margin:0.5em 0 0 0;}
p.link a,
span.link a{
	background:url(../images/arrow_01.gif) no-repeat center left;
	padding-left:15px;
}
p.link.right{
	text-align:right;}

span.link a{ margin-left:1em;}
	
p.btn,
div.btn{
	text-align:center;
	clear:both;
	margin:15px auto;
	}
	
p.btn input{margin:0 5px;}
p.btn.right{text-align:right;margin:15px 0;}
p.btn.right img{margin-left:10px;}

p.arrow{text-align:center;margin:10px 0;}
p.text{line-height:1.6;}
p.lead{
	font-size:120%;
}
	
span img{vertical-align:middle;margin-left:3px;}
span.open img{margin-left:10px;}
p.open img{clear:both;margin-top:10px;}



hr {
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #DDD;
	height: 1px;
	margin:1em 0;
   *margin:0px 0;
	clear: both;
}


/*注意----------------*/	
.box_caution{
	clear:both;
	margin:10px 0 0 0;
	border:double 3px #CCC;
	padding:10px;	/*line-height:1.4;
	background-color:#EEE;*/
}
.box_caution ul{
	margin:0.5em 0 0 20px;

	}


/*アイコン----------------*/	
.mail{
	background:url(../images/icn_mail.png) no-repeat center left;
	padding-left:20px;
	}
.id{
	background:url(../images/icn_vcard.gif) no-repeat center left;
	padding-left:20px;
	}
.icn_caution{
	background:url(../images/icn_caution.gif) no-repeat center left;
	padding-left:22px;
	font-weight:bold;
	font-size:90%;
	line-height:16px;}
.big{
	padding:2px 0 2px 18px;
	background:url(../images/icon_big.gif) no-repeat center left;}
.pdf{
	padding:2px 0 2px 18px;
	background:url(../images/icon_pdf.gif) no-repeat center left;}

a[href $=".pdf"] {
	padding-right: 18px;
	margin-right:0.5em;
	background: transparent url(../images/icon_pdf.gif) no-repeat center right;
	}
	
/*a[target="_blank"] {
	padding-right: 15px;
	margin-right:0.5em;
	background: transparent url(../images/icn_external.gif) no-repeat center right;
	}*/
a[href^="mailto:"] {
	padding-left: 20px;
	background: transparent url(../images/icn_mail.png) no-repeat center left;
	}
	


/*----------------------------------------
ヘッダー
-------------------------------------------*/
#header{
	padding:15px 0;
	/*border-top:solid 5px #333;
	border-bottom:dotted 1px #333;
	border-bottom:solid 1px #A11E1E;*/
	border-bottom:solid 1px #DDD;
	margin-bottom:15px;
}
#header .inner{
	position:relative;
	width:950px;
	margin:0 auto;
	text-align:left;
	padding-bottom:0px;
	}

#header h1{
	position:absolute;
	top:20px;
	left:148px;
	font-size:85%;
	font-weight:normal;
	color: #A11E1E;
	letter-spacing:0.1em;
}
#header h2 {
	text-indent:-9999px;
	background:url(../images/logo.png) no-repeat;
	width:124px;
	height:123px;
	}
#header h2 a{
	display:block;
	width:124px;
	height:123px;}
	
#header ul#nav{
	position:absolute;
	top:82px;
	right:0px;
}

#header ul#nav a {
        color: #FFF;
        text-decoration: none;
		background:url(../images/nav_back.png) no-repeat;
}
#header ul#nav a:hover,
#header ul#nav a:active {
		background:url(../images/nav_back-on.png) no-repeat;
		/*color:#FFF;*/
}
#header ul#nav li {
		font-family:Helvetica, Arial, sans-serif;
		list-style: none;
        float: left;
        position: relative;
        margin: 0 0 0 10px;
        width: 130px;
        height: 40px;
		font-size:120%;
        line-height: 40px;
		font-weight:normal;
		text-align: center;
}
#header ul#nav li a{
        display: block;
        width: 130px;
        height: 40px;
       
}
#header ul#nav li.active a{
	background:url(../images/nav_back-on.png) no-repeat;
	}


#header #head_info{
	position:absolute;
	top:-15px;
	font-size:85%;
	line-height:1.4;
	right:0px;
}
	
	
/*----------------------------------------
コンテンツ共通
-------------------------------------------*/
#container{
	width:950px;
	margin:0 auto 0px auto;
	text-align:left;
	background-color:#FFF;
	}
#space h3,
#menu h3,
#access h3,
#recruit h3,
#company h3{
	clear:both;
	padding:10px 10px 10px 0;
	margin:0 0 20px 0;
	background:url(../images/back_line_02.gif) ;
	/*background-color:#333;*/
	font-family:Helvetica, Arial, sans-serif;
	}
#space h3 span,
#menu h3 span,
#access h3 span,
#recruit h3 span,
#company h3 span{
	border-left:solid 5px #A11E1E;
	color:#A11E1E;
	padding-left:15px;
}
#about h4,
#works h4{
	margin:30px 0 1em 0;
	font-size:115%;
	padding:0 0 10px 0;
	border-bottom:dotted 1px #999;
	font-family:Helvetica, Arial, sans-serif;
}
#about h4 span,
#works h4 span{
	padding-left:1em;
	border-left:solid  5px #FFCC00;}
#container p{
	line-height:1.6;}
	

table.list{
	width:100%;
	border-spacing:2px;
	/*border-top:solid 1px #DDD;
	border-left:solid 1px #DDD;*/}
table.list th,
table.list td{
	padding:10px 10px;
	/*border-right:solid 1px #DDD;
	border-bottom:solid 1px #DDD;*/}
table.list th{
	background:url(../images/back_line_03.gif);
	border-bottom:solid 3px #DDD;}
table.list td{
	line-height:1.5;
	border-bottom:solid 1px #DDD;
	}

/*----------------------------------------
トップ
-------------------------------------------*/
#content{
	background:url(../images/home_back_middle.gif);
	float:left;
	width:950px;
	margin-bottom:15px;
}
#content	#home_back_top{
	clear:both;
	background:url(../images/home_back_up.gif);
	height:10px;}
#content	#home_back_bottom{
	clear:both;
	background:url(../images/home_back_bottom.gif);
	height:10px;}
	
#home_main{
	margin:0 0 15px 0;
}
#home_right{
	float:right;
	width:248px;
	padding:0 15px;
	}

/*----------------------------------------
お知らせ
-------------------------------------------*/
#news{
	margin-right:15px;
	width:655px;
	float:left;
}
#news h3{
	padding:0 0 15px 0;
	font-size:125%;
	color:#A11E1E;
	border-bottom:solid 1px #DDD;
	font-family:helvetica,arial;
	font-weight:normal;
	margin-bottom:15px;
	}
	
#news ul{
	height:400px;
	padding-right:15px;
	overflow: auto;}
#news ul li{
	list-style:none;
	clear:both;
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:dotted 1px #DDD;}
#news ul li p.date{
	font-size:250%;
	line-height:1;
	margin-bottom:0.1em;
	font-family:helvetica,arial;
	color:#CCC;}
#news ul li p.photo{
	float:right;
	margin:0 0 0 10px;
	text-align:center;
	width:250px;
	}
#news ul li p.title{
	font-size:140%;}
#news ul li img{
	height:150px;
	padding:3px;
	border:solid 1px #DDD;
	*margin-bottom:5px;}



/*----------------------------------------
Space
-------------------------------------------*/
#space p.by{
	 text-align:right; 
	 clear:both; 
	 padding:10px 0 0 0;
	 }
	
#space ul.photo{
	list-style:none;
	float:left;
	width:350px;
	}	
#space ul.photo li{
	float:left;
	margin:0px 0px 10px 10px;
	border:solid 10px #000;}

#space .main_photo{
	width:600px;
	text-align:center;
	float:left;}
	
#space .main_photo img{
	border:solid 10px #000;
	}
	

/* safari only \*/
html:\66irst-child #space .main_photo img {
	float:left;}
/* end */


#space .half{
	float:left;
	margin:0 5px 5px 0;
	width:295px;}
#space .half img{
	margin-bottom:3px;}

/*----------------------------------------
menu
-------------------------------------------*/
#menu .box p.photo img{
	border:solid 1px #DDD;
	padding:2px;}

#menu.food,
#menu.drink,
#menu.course{
	clear:both;}

#menu.food .box{
	width:435px;
	float:left;
	margin:0 20px;}
#menu.drink .box,
#menu.course .box{
	width:288px;
	float:left;
	margin:0 13px;}

#menu h4{
	font-size:140%;
	padding:1em 0 0.5em 0;
	margin-bottom:10px;
	/*border-top:solid 1px #DDD;*/
	border-bottom:dotted 1px #CCC;
	clear:both;
	}
	
table.menu{
	border-collapse:collapse;
	margin-top:20px;
}
#menu.food table.menu{width:435px;}
#menu.drink table.menu{width:288px;}
#menu.course table.menu{width:100%;}

table.menu td{
	border-bottom:solid 1px #EEE;
	padding:0.5em 0;}
table.menu td.price,
table.menu th.price{
	text-align:right;}
	
table.menu th{
	padding:20px 0 10px 0px;
	text-align:left;
	border-top:solid 5px #EEE;
	}
table.menu th img{
	float:right;
	border:solid 1px #DDD;
	padding:2px;
	margin-left:10px;}
table.menu th p{
	line-height:1.5;
	/*margin-left:1em;*/
	color:#666666;
	font-weight:normal;}	
table.menu th  h5{
	font-size:130%;
	margin-bottom:0.5em;
	color: #A9252D;
}
table.menu h6{
	/*border-left:solid 3px #CCC;
	padding-left:10px;*/
	font-size:100%;}
	
/*タブ___________________*/
ul.select_menu{
	margin-bottom:20px;
	float:left;
	width:100%;
	border-bottom:solid 1px #DDD;
	height:30px;
	}
#main_contents.home_login ul.select_menu{
	margin-bottom:0;}
ul.select_menu li{
	list-style:none;
	display:block;
	float:left;
	margin:0 5px 0 0;
	font-size:100%;
	border-left:solid 1px #DDD;
	border-top:solid 1px #DDD;
	border-right:solid 1px #DDD;
	text-align:center;
	width:180px;
	}
ul.select_menu li a{
	line-height:19px;
	display:block;
	padding:5px 0;
	background:url(../images/back_tab1.gif) repeat-x;}
ul.select_menu li a:hover{
	line-height:20px;
	background:url(../images/back_tab1_on.gif) repeat-x;
	text-decoration:none;
}
	
ul.select_menu li.selected{
	line-height:20px;
	padding:5px 0;
	font-weight:bold;
	background:url(../images/back_tab1_on.gif) repeat-x;
	color:#A9252D;
	}

	
	
/*----------------------------------------
access
-------------------------------------------*/
#access .data{
	float:left;
	width:530px;
	margin-right:15px;
}
#access .map{
	float:left;
	width:405px;
}

#access .map p{
	text-align:center;
	font-size:85%;
	margin-top:0.5em;}

/*----------------------------------------
バナー
-------------------------------------------*/
#banner{
	clear:both;
	padding-top:40px;}
	
#banner ul.bnr li{
	list-style:none;
	display:inline;
	margin:0 5px;}
ul.bnr li img{
	padding:2px;
	border:solid 1px #DDD;}

#home ul.bnr{
	clear:none;
	float:none;
	margin-top:20px;}
#home ul.bnr li{
	margin-bottom:10px;
	list-style:none;}

/*----------------------------------------
フッター
-------------------------------------------*/
#footer{
	clear: both;
	min-height: 140px;
	/*background-color: #EEE;*/
	margin-top:20px;
	border-top:solid 1px #DDD;
	}

#footer .inner {
	width:950px;
	margin:0 auto;
	padding:20px 0 20px 0;
	position:relative;
	}

#footer .inner h2{
	width:60px;
	position:absolute;
	top:15px;
	left:0px;}
#footer .inner dl.data{
	font-size:85%;
	position:absolute;
	top:15px;
	left:60px;
	color:#666;
	border-left:dotted 1px #DDD;
	padding-left:10px;
	line-height:1.5;
}
#footer .inner dl.data dt{
	font-weight:bold;
	float:left;
	width:5.5em;
	margin:0 0 0.5em 0;
	clear:both;}
#footer .inner dl.data dd{
	margin:0 0 0.5em 0;
	width:400px;
	float:left;}
	
#footer .inner ul{
	clear:both;
	margin:0 0;}
#footer .inner ul li{
	color:#FFF;
	display:block;
	float:left;
	font-size:90%;
	list-style:none;
	width:60px;
}
#footer .inner ul li ul{
	margin:0.2em 0 0 0;}
#footer .inner ul li ul li{
	float:none;}
#footer .inner ul li a:link,
#footer .inner ul li a:visited{
	color:#FFF;}

#footer .inner p{
	line-height:1.6;}

#footer p.copy{
	position:absolute;
	top:15px;
	right:0;
	font-size:85%;
	color:#666;
	}

/*----------------------------------------
clearfix
-------------------------------------------*/

.clearfix:after,
#contents_main .inner:after,
#news ul li:after,
ul.select_menu: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;
	}