@charset "utf-8";

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

 ・FONT SIZE 設定

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

html,x:-moz-any-link {
    font-size:16px;
}
html,x:-moz-broken {  
	font-size:100%;
}
body {
    font-size:70%;
	line-height:160%;
	font-family:'Verdana', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "メイリオ", sans-serif;
    font-weight : normal; 
	color: #666;
}
* html body {
    font-size:68%; /* すべてのブラウザで12pxで表示されるよう設定 */
}
*+html body {
    font-size:68%; /* すべてのブラウザで12pxで表示されるよう設定 */
}


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

 ・初期設定

================================================*/
* {
	margin:0;
    padding:0;
}

body {
	background: url(images/bg_body.gif);
}
img {
	border:none;
	vertical-align: bottom;
}
a {
	text-decoration:none;
	cursor:pointer;
}
a,
a:visited,
a:hover {
	color: #c60;
}
a:hover {
    text-decoration:underline;
}
a:focus { /*クリックした時リンク範囲が表示されてしまうのを回避*/
    outline:none;
}
li {
	list-style-type: none;
}	
h1,h2,h3 {
    font-weight:normal;
    font-size:120%;
	margin:0 0 10px;
}
.clear {
    clear:both;
    line-height:0;
}
.left {
    float:left;
}
.right {
    float:right;
	}
small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}
.m-btm {
    margin:0 0 10px;
}
.m-left {
	margin:0 23px 0 0;
	float: left;
}
.leftRight10 {float:left; margin-right:10px;}
.leftRight15 {float:left; margin-right:15px;}
.rightLeft10 {float:right; margin-left:10px;}
.btm8 { margin-bottom:8px;}
.btm12 { margin-bottom:12px;}
.cap {
    font-size:85%;
	line-height:140%;
}
.cap a {
    color:#c00;
}

	

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

 CSS Hack 設定 

 =========================================*/
.clearfix:after {
   content:".";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
   }
.clearfix {
   display:inline-block;
   }
/* Hide from IE-mac \*/
*html .clearfix {
   height:1%;
   }
.clearfix {
   display:block;
   }
/* End hide from IE-mac */


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

 Second 設定 

 =========================================*/
/*Second_bg_wrapper
----------------------------------------------------------*/
#Sec_bg_wapper {
	background: url(images/bg_container.gif) repeat-y;
	width: 790px;
	padding:0 10px;
	margin:0 auto;
}

/*Sec_container
----------------------------------------------------------*/
#Sec_container {
    font-size:10px;
	width:790px;
    margin:0 auto;
    padding:0;
    background-color: #FFFFFF;
}

/*Sec_header
----------------------------------------------------------*/
#Sec_header {
    width:790px;
    margin:0;
    padding:0;
	position:relative;
}
#Sec_cityNavi {
    height:23px;
	background:url(../images/SecHeader01.gif) no-repeat 0 0;
	text-align:right;
	padding:0 5px 0 550px;
}
#Sec_cityNavi li {
    display:inline;
	line-height:23px;
}
/*Sec_footer
----------------------------------------------------------*/
#Sec_footer_PR, #Sec_footer_company {
    width:774px;
    margin:8px;
    clear:both;
}

#Sec_footer_PR p.PRtit {
    width:768px;
	padding:3px;
    background-color:#333333;
	color:#FFFFFF;
	margin-bottom:8px;
}

#Top_footer_company .box,#Sec_footer_company .box {
	height:35px;
	padding:10px;
	color:#e4d09b;
	background-color:#999967;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}

#Sec_footer_company .box p.center {
    color:#FFFFFF;
}

#Sec_footer_company .box p.center a {
    color:#FFFFFF;
	text-decoration:none;
}

#Sec_footer_company .box p.center a:hover {
    color:#e4d09b;
	text-decoration:none;
}

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

 Contents 設定 

 =========================================*/
#content-kuchikomi,
#content-classified {
    width:750px;
	margin:0 20px 20px;
}

#content-kuchikomi #wrap {
    background:url(images/wrap_bg.gif) repeat-y;
}








	

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

 Contents-classified 設定 

 =========================================*/
#content-classified h2 {
    width:750px;
	height:126px;
	display:block;
	position:relative;
	/* Hide MacIE ¥*/
	overflow:hidden;
	/**/
	margin:0 0 15px;
}

#content-classified h2 span {
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background: url(images/ti_classified.gif) no-repeat 0 0;
}

#content-classified #main {
    width:530px;
	float:left;
	margin:0 20px 0 0;
}
#content-classified #main #back-bt {
    width:186px;
	height:26px;
	display:block;
	position:relative;
	/* Hide MacIE ¥*/
	overflow:hidden;
	/**/
	margin:0 0 15px;
}

#content-classified #main #back-bt span {
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background: url(images/bt_classified_bk.gif) no-repeat 0 0;
}

#content-classified #main ul#bt li {
    width:245px;
	float:left;
	margin:0 0 10px;
}

#content-classified #main ul#bt li#bt01,
#content-classified #main ul#bt li#bt03,
#content-classified #main ul#bt li#bt05 {
	margin:0 40px 10px 0;
}



#content-classified #main ul#bt li a {
    width:245px;
	height:52px;
	display:block;
	position:relative;
	/* Hide MacIE ¥*/
	overflow:hidden;
	/**/
}

#content-classified #main ul#bt li a span {
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

#content-classified #main li#bt01 a span {
	background: url(images/bt_classified01.jpg) no-repeat 0 0;    
}

#content-classified #main li#bt02 a span {
	background: url(images/bt_classified02.jpg) no-repeat 0 0;    
}

#content-classified #main li#bt03 a span {
	background: url(images/bt_classified03.jpg) no-repeat 0 0;    
}

#content-classified #main li#bt04 a span {
	background: url(images/bt_classified04.jpg) no-repeat 0 0;    
}

#content-classified #main li#bt05 a span {
	background: url(images/bt_classified05.jpg) no-repeat 0 0;    
}

#content-classified #main li#bt06 a span {
	background: url(images/bt_classified06.jpg) no-repeat 0 0;    
}



#content-classified #main #recent-comment {
    width:530px;
}

#content-classified #main #recent-comment h2 {
    width:530px;
    height:30px;
	line-height:30px;
	font-size:150%;
	border-bottom:2px solid #f30;
	color:#f30;
}
#content-classified #main #recent-comment li {
    width:530px;
	line-height:200%;
	border-bottom:dotted 1px #999;
}

#content-classified #side {
    width:180px;
	float:right;
    background:#e6e6e6;
	padding:10px;
}
#content-classified #side img {
    margin:0 0 10px;
}
#content-classified #side p {
    line-height:140%;
	margin:10px 0;
}

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

 Content-classified (single1.php)

================================================*/
#content-classified #main h3 {
    width:530px;
	height:52px;
	display:block;
	position:relative;
	/* Hide MacIE ¥*/
	overflow:hidden;
	/**/
}
#content-classified #main h3 span {
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
#content-classified #main h3#kitchen span {
	background: url(images/ti_classified_kitchen.jpg) no-repeat 0 0;    
}
#content-classified #main h3#wait span {
	background: url(images/ti_classified_wait.jpg) no-repeat 0 0;    
}
#content-classified #main h3#manager span {
	background: url(images/ti_classified_manager.jpg) no-repeat 0 0;    
}
#content-classified #main h3#chef span {
	background: url(images/ti_classified_chef.jpg) no-repeat 0 0;    
}
#content-classified #main h3#bar span {
	background: url(images/ti_classified_bar.jpg) no-repeat 0 0;    
}
#content-classified #main h3#others span {
	background: url(images/ti_classified_others.jpg) no-repeat 0 0;    
}






	

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

 Contents-Kuchikomi (single2.php)

 =========================================*/
#content-kuchikomi h2 {
    width:750px;
	height:55px;
	display:block;
	position:relative;
	/* Hide MacIE ¥*/
	overflow:hidden;
	/**/
	margin:0 0 30px;
}

#content-kuchikomi h2 span {
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background: url(images/kuchikomi_ti.jpg) no-repeat 0 0;
}


#kuchikomi-left {
    width:520px;
	float:left;
}
#kuchikomi-right {
    width:205px;
	float:right;
	background:#f6f6f8;
}
#kuchikomi-right ul {
    margin:10px;
}
#kuchikomi-right li#subti {
    font-size:120%;
	font-weight:bold;
	border-bottom:#999 1px dotted;
	margin:0 0 5px;
}

#kuchikomi-left h3 {
    font-size:180%;
	font-weight:bold;
	color:#167c00;
}



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

 COMMENT

================================================*/
#columnComment {
	font-family: Verdana;
}
p.tiComment {
    padding:3px 5px 4px;
	background:#000;
	color:#fff;
	margin:20px 0 5px;
}
p label {
    display:block;
	margin:2px 0;
}
p input {
    border:1px solid #666;
	float:left;
	margin:0 10px 0 0;
}
p small {
	float:left;
}
p #comment {
    width:400px;
	margin:10px 0;
    border:1px solid #666;
}

.commentlist {
    border-bottom:1px dotted #666;
}
.commentlist li {
    border-top:1px dotted #666;
	padding:10px 5px;
	margin:10px 0;
}

.comment_author {
	border-bottom:1px dotted #ccc;
}

.comment_author p {
    width:330px;
	float:right;
}

.comment_text {
	padding:5px 0 0;
}

textarea {
    width:530px;
}
#respond {
    margin:0 0 20px;
}
#respond h4 {
    font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size:200%;
	margin:30px 0 10px;
}
#respond p {
    margin:0 0 10px;
}