/*
Theme Name: KIPON's TEMPLATE
Theme URI: http://www.comadori.com
Description: 無国籍料理KIPONオリジナルのテンプレート
Author: Nozomi -comadori design-
*/


@import url("./css/common.css");
@import url("./css/layout.css");
@import url("./css/navigation.css");


/* UNIVERSAL SELECTA
------------------------------------------------------------------------*/
p{
	font-size: 0.8em;
	line-height: 160%;
	color: #330000;
}

p.main{
	padding: 10px 15px 10px 5px;
	line-height: 160%;
}

.alphaimg{ behavior: url(iepngfix.htc); }
.lfloat{ float: left; }
.rfloat{ float: right; }

.clear-formac{
	clear: both;
	background: url(./images/bg-contentwrap.gif) repeat-y;
}


/* CAPTION STYLE FOR POST
------------------------------------------------------------------------*/
/* Captions for 2.6 */
.alignright { float: right;}
.alignleft {float: left;}
.aligncenter,div.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.wp-caption {border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;padding-top: 4px;margin: 10px;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.wp-caption img {margin: 0;padding: 0;border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;}
/* End captions */

/* HEADER
------------------------------------------------------------------------*/
#container #header #openhour img{
	padding: 10px 0;
}


/* TITLES , SUBTITLES
------------------------------------------------------------------------*/
h2{
	width: 538px;
	height: 21px;
	text-indent: -9999px;
}
h2.welcome{ background: url(./images/ti-welcome.gif) no-repeat 0 0; }
h2.information{ background: url(./images/ti-information.gif) no-repeat 0 0; }
h2.about{ background: url(./images/ti-about.gif) no-repeat 0 0; }
h2.contact{ background: url(./images/ti-contact.gif) no-repeat 0 0; }
h2.map{ background: url(./images/ti-access.gif) no-repeat 0 0; }
h2.lunch{ background: url(./images/ti-lunch.gif) no-repeat 0 0; }
h2.dinner{ background: url(./images/ti-dinner.gif) no-repeat 0 0; }
h2.drink{ background: url(./images/ti-drink.gif) no-repeat 0 0; }
h2.party{ background: url(./images/ti-party.gif) no-repeat 0 0; }
h2.link{ background: url(./images/ti-link.gif) no-repeat 0 0; }

/* INDEX
------------------------------------------------------------------------*/
.contarea p.welcome{
	padding: 20px 20px 5px 15px;
}
.contarea div.infoarea{
	width: 535px;
	border-bottom: 1px solid #eaeaea;
}
.contarea div.infoarea img{ float: left; }
.contarea div.infoarea p{
	clear: both;
	padding: 0 0 15px 35px;
}
.contarea div.infoarea p.date{
	padding: 15px 0 0 35px;
	font-size: 11px;
	color: #ff9900;
	background: url(./images/icn-sunny.gif) no-repeat 0 0;
}

/* BANNER BOX */
#maincont table#top-bannerbox{
	margin: 15px auto 0 auto;
	width: 550px;
}

#maincont table#top-bannerbox td{
	vertical-align: top;
}

/* LUNCH MENU */
#maincont table#top-bannerbox #top-lunch{
	width: 248px;
	background: url(./images/bg-lunchbase.jpg) repeat-y;
}
#maincont table#top-bannerbox #top-lunch h3{
	width: 248px;
	height: 57px;
	background: url(./images/ti-lunchmenu.jpg) no-repeat 0 0;
	text-indent: -9999px;
}
#maincont table#top-bannerbox #top-lunch p{
	padding: 15px;
	line-height: 200%;
	font-size: 0.8em;
	color: #ffffff;
}
#maincont table#top-bannerbox #top-lunch #moreinfo{
	width: 248px;
	height: 44px;
	text-align: right;
	background: url(./images/bg-lunchbtm.jpg) no-repeat 0 0;
}
#maincont table#top-bannerbox #top-lunch #moreinfo img{
	margin-right: 20px;
}

#maincont table#top-bannerbox #top-dinner,
#maincont table#top-bannerbox #top-drink{
	width: 299px;
	height: 135px;
}

#maincont table#top-bannerbox #top-dinner{
	background: url(./images/ba-dinnermenu.jpg) no-repeat 0 0;
}
#maincont table#top-bannerbox #top-drink{
	background: url(./images/ba-drinkmenu.jpg) no-repeat 0 0;
}

#maincont table#top-bannerbox #top-dinner p{
	padding: 80px 5px 10px 10px;
	/*width: 284px;*/
	/*height: 20px;*/
}

#maincont table#top-bannerbox #top-drink p{
	padding: 80px 5px 35px 100px;
	/*width: 204px;*/
	/*height: 20px;*/
}

#maincont table#top-bannerbox #top-dinner a,
#maincont table#top-bannerbox #top-drink a{
	font-size: 10px;
	line-height: 140%;
	text-decoration: none;
	color: #330000;
}

#maincont table#top-bannerbox #top-dinner a:hover,
#maincont table#top-bannerbox #top-drink a:hover{
	text-decoration: underline;
	color: #ff0000;
}

/* ABOUT
------------------------------------------------------------------------*/
/* 店内写真（営業時間） */
.contarea #shopimg{
	margin: 0 19px 15px 19px;
	width: 502px;
	height: 346px;
	background: url(./images/img-about.jpg) no-repeat 0 0;
}
.contarea #shopimg p{
	padding: 263px 15px 5px 20px;
	line-height: 120%;
}

/* LUNCH
------------------------------------------------------------------------*/
#maincont table.lunchbox{
	margin: 10px 22px 15px 22px;
	width: 516px;
}
#maincont table.lunchbox td.imagebox{
	width: 231px;
}
#maincont table.lunchbox td.txtbox{
	width: 285px;
	height: 93px;
}
#maincont table.lunchbox td.txtbox p.lunchtext{
	padding: 0 15px;
}

/* SET MENU */
#maincont .contarea #lunch-setmenu{
	margin: 0 11px 20px 11px;
	width: 516px;
	height: 231px;
	background: url(./images/bg-lc-setmenu.gif) no-repeat 0 0;
}

/* SET MENU +150 */
#maincont .contarea #lunch-setmenu #drinkset{
	position: relative;
	top: 30px;
	left: 100px;
	width: 380px;
	height: 75px;
	background: url(./images/icn-lc-150set.png) no-repeat 0 0;
}

/* SET MENU +300 */
#maincont .contarea #lunch-setmenu #dessertset{
	position: relative;
	top: 50px;
	left: 100px;
	width: 380px;
	height: 75px;
	background: url(./images/icn-lc-300set.png) no-repeat 0 0;
}


#maincont .contarea #lunch-setmenu #drinkset p,
#maincont .contarea #lunch-setmenu #dessertset p{
	padding-left: 80px;
}

/* DINNER , DRINK RECOMMEND 
------------------------------------------------------------------------*/
#maincont .contarea #recommend{
	margin: 0 32px;
	width: 474px;
	height: 230px;
	background: url(./images/bg-recommend.jpg) no-repeat 0 0;
}
#maincont .contarea #recommend p{
	padding: 0 100px 10px 20px;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
}

/* DINNER
------------------------------------------------------------------------*/

/* DINNER TABLE-STYLE , SIDEDISH */
#maincont .cont-dinner table#sidedish{
	margin: 20px 0;
	width: 538px;
	background: url(./images/img-sidedish.jpg) no-repeat right bottom;
}

/* DINNER TABLE-STYLE , SALAD */
#maincont .cont-dinner table#salad{
	margin: 20px 0;
	width: 538px;
	background: url(./images/img-salad.jpg) no-repeat right center;
}

/* DINNER TABLE-STYLE , TACOS */
#maincont .cont-dinner table#tacos{
	margin: 20px 0;
	width: 538px;
	background: url(./images/img-tacos.jpg) no-repeat right bottom;
}

/* DINNER TABLE-STYLE , CURRY */
#maincont .cont-dinner table#curry{
	margin: 20px 0;
	width: 538px;
	background: url(./images/img-curry.jpg) no-repeat right bottom;
}

/* DINNER TABLE-STYLE , HANGRY */
#maincont .cont-dinner table#hungry{
	margin: 20px 0;
	width: 538px;
	height: 410px;
	background: url(./images/img-hungry.jpg) no-repeat right bottom;
}
#maincont .cont-dinner table#hungry td.fixspace{
	height: 100px;
	vertical-align: top;
}

/* DINNER TABLE-STYLE , PIZZA */
#maincont .cont-dinner table#pizza{
	margin: 20px 0;
	width: 538px;
	background: url(./images/img-pizza.jpg) no-repeat right center;
}

/* DINNER TABLE-STYLE , SPAGHETTI */
#maincont .cont-dinner table#pasta,
#maincont .cont-dinner table#sweets{
	margin: 20px 0;
	width: 538px;
}
#maincont .cont-dinner table#pasta td,
#maincont .cont-dinner table#sweets td{
	padding: 5px 0;
}

/* DINNER TABLE-STYLE , BREAD */
#maincont .cont-dinner table#bread{
	margin: 20px 0;
	width: 538px;
}

#maincont .cont-dinner h3{
	width: 538px;
	height: 50px;
	text-indent: -9999px;
}

/* DINNER TITLES */
#maincont .cont-dinner h3.sidedish{	background: url(./images/ti-sidedish.gif) no-repeat left center; }
#maincont .cont-dinner h3.salad{ background: url(./images/ti-salad.gif) no-repeat left center; }
#maincont .cont-dinner h3.tacos{ background: url(./images/ti-tacos.gif) no-repeat left center; }
#maincont .cont-dinner h3.hungry{ background: url(./images/ti-hungry.gif) no-repeat left center; }
#maincont .cont-dinner h3.curry{ background: url(./images/ti-curry.gif) no-repeat left center; }
#maincont .cont-dinner h3.pizza{ background: url(./images/ti-pizza.gif) no-repeat left center; }
#maincont .cont-dinner h3.pasta{ background: url(./images/ti-pasta.gif) no-repeat left center; }
#maincont .cont-dinner h3.bread{ background: url(./images/ti-bread.gif) no-repeat left center; }
#maincont .cont-dinner h3.sweets{ background: url(./images/ti-sweets.gif) no-repeat left center; }

#maincont .cont-dinner p{
	padding: 0 250px 8px 20px;
	line-height: 140%;
	font-size: 10px;
}

/* DRINK
------------------------------------------------------------------------*/
/* HEADER NAVIGATION */
#maincont .contarea table.drinknavi{
	margin: 0 26px;
	width: 486px;
}
#maincont .contarea table.drinknavi td{
	padding: 5px 3px;
	width: 162px;
	text-align: center;
}

#maincont .contarea p.drinkcap{
	margin: 0 15px;
	padding: 0;
	text-align: right;
}

#maincont .contarea table.drinkmenu{
	margin: 15px 18px;
	width: 520px;
	border-collapse: collapse;
	color: #330000;
	font-size: 0.8em;
	line-height: 120%;
}
#maincont .contarea table.drinkmenu td{
	border-collapse: collapse;
	border-bottom: 1px dotted #c3b477;
}

#maincont .contarea table.drinkmenu th{
	border-collapse: collapse;
	text-align: left;
}

#maincont .contarea table.drinkmenu td.drinknames{
	vertical-align: center;
}
#maincont .contarea table.drinkmenu td.price{
	vertical-align: center;
	white-space: nowrap;
	text-align: right;
}

#maincont .contarea table.drinkmenu p.title{
	padding-top: 5px;
	font-size: 1.1em;
	font-weight: bold;
}
#maincont .contarea table.drinkmenu p.title span{
	padding: 5px 0 0 15px;
	font-size: 0.7em;
	font-weight: normal;
	color: #927146;
}
#maincont .contarea table.drinkmenu p.discrip{
	padding: 3px 15px 3px 0;
	font-size: 0.8em;
}

/* PARTY
------------------------------------------------------------------------*/
/* HEADER IMAGE */
#maincont .contarea .partyimage{
	width: 538px;
	background: url(./images/bg-partyheader.jpg) no-repeat 0 0;
}
#maincont .contarea .partyimage p{
	padding: 130px 180px 10px 30px;
}

p.partycap{
	padding: 35px 30px 10px;
}

/* FOOD COURCE 2000yen */
#maincont .contarea .cource-2000{
	width: 538px;
	height: 228px;
	background: url(./images/bg-cource2000.gif) no-repeat 0 0;
}
/* FOOD COURCE 2500yen */
#maincont .contarea .cource-2500{
	width: 538px;
	height: 235px;
	background: url(./images/bg-cource2500.gif) no-repeat 0 bottom;
}
/* FOOD COURCE 3000yen */
#maincont .contarea .cource-3000{
	width: 538px;
	height: 258px;
	background: url(./images/bg-cource3000.gif) no-repeat 0 0;
}
#maincont .contarea p.partycource{
	padding: 100px 20px 0 25px;
}
#maincont .contarea p.partycource span{
	font-size: 10px;
}
#maincont .contarea p.partycource span.point{
	color: #ff0000;
}

/* DRINK COURCE */
#maincont .contarea #partydrink{
	margin: 20px 19px 20px 18px;
	width: 501px;
}
#maincont .contarea #partydrink .header{
	width: 501px;
	height: 123px;
	background: url(./images/ti-freedrink.gif) no-repeat 0 0;
}
#maincont .contarea #partydrink .header p{
	padding: 60px 5px 5px 100px;
}
#maincont .contarea #partydrink .header p span{
	color: #ff0000;
}

#maincont .contarea #partydrink table{
	margin: 0;
	width: 501px;
	border-collapse: collapse;
	border-right: 1px solid #66cc00;
	border-bottom: 1px solid #66cc00;
	border-left: 1px solid #66cc00;
}
#maincont .contarea #partydrink table td{
	vertical-align: top;
}
#maincont .contarea #partydrink table p{
	padding: 5px 15px;
}
#maincont .contarea #partydrink table p span{
	font-size: 10px;
}
#maincont .contarea #partydrink table p span.point{
	color: #ff0000;
}

/* LINKS
------------------------------------------------------------------------*/
#maincont .contarea table#links{
	margin: 10px 0;
	width: 535px;
	font-size: 0.8em;
	line-height: 140%;
	border-collapse: collapse;
	border: 1px solid #66cc00;
}

#maincont .contarea table#links th,
#maincont .contarea table#links td{
	padding: 10px 5px;
	border-collapse: collapse;
	border: 1px solid #66cc00;
}

#maincont .contarea table#links th{
	width: 140px;
	text-align: center;
}
#maincont .contarea table#links td{
	width: 395px;
}


/* FOOTER
------------------------------------------------------------------------*/
#container #footernavi{
	text-align: right;
}

#container #footernavi .totop{
	padding: 15px 10px;
	text-align: right;
}

#container #footernavi p{
	padding: 15px;
	font-size: 1em;
}

/* Copyright */
address{
	padding: 20px 0 0 350px;
	font-size: 11px;
	font-style: normal;
	color: #ffffff;
}