/*
Theme Name: kevibu
Author: ochiai
Description: original theme
Version:1.0 
*/

@charset "utf-8";

/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
.clear{clear: both;}
#container:after,
#about:after,
#family:after,
#today:after,
#todayshopfoot_shop_btn:after,
#content:after{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section,
aside, address {
	display: block;
}
html{
height:100%;
font-size: small;
}
body {
  line-height:1.6;
  font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'sans-serif';
  color:#834637;
	background: url(images/bg_img.jpg) ;
}
h2{
	font-size: 22px;
	font-weight: bold;
	padding: 8px 0 8px 16px;
	margin: 20px 0;
}
a{
	text-decoration: none;
}
.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.alignright { float: right; }
.alignleft { float: left; margin-right:20px; }
/* header */
#header{
	background: url(images/color_line.jpg) repeat-x ;
	position: relative;	
}
#header h1{
	text-align: center;
	position: relative;
	z-index: 10;
	top:-80px;
	margin:0 auto -80px;
	height: 253px;
	width: 253px;
}
.header_inn{
	width:940px;
	margin: 0 auto 0;
	position: relative;
	top:70px;
}
.slogan{
	background: url(images/frame_bg.png);
	width: 940px;
	height: 53px;
}
.slogan_left{
	float:left;
	padding: 12px 0 0 50px;
}
.slogan_right{
	float:right;
	padding: 12px 50px 0 0;
}
/* navi */
#navi {
	background: #ffffff;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	position: relative;
	top:100px;
}
#navi ul{
	height: 53px;
	width: 940px;
	margin: 0 auto;
}
#navi ul li{
	margin-top: 16px;
	list-style-type: none;
	display: inline-block;
}
.home,.about,.family{
	float:left;
	padding-right: 40px;
}
.today,.shop,.contact{
	float:right;
	padding-left: 40px;
}
#navi .home a{
	color:#DE9F3A;
	font-weight: bold;
	background:url(images/home_arw.png) no-repeat center left;
	padding-left: 12px;
}
#navi .about a{
	color:#BF657F;
	font-weight: bold;
	background:url(images/about_arw.png) no-repeat center left;
	padding-left: 12px;
}
#navi .family a{
	color:#D0B839;
	font-weight: bold;
	background:url(images/family_arw.png) no-repeat center left;
	padding-left: 12px;
}
#navi .today a{
	color:#BF6580;
	font-weight: bold;
	background:url(images/today_arw.png) no-repeat center left;
	padding-left: 12px;
}
#navi .shop a{
	color:#609ACC;
	font-weight: bold;
	background:url(images/shop_arw.png) no-repeat center left;
	padding-left: 12px;
}
#navi .contact a{
	color:#92B233;
	font-weight: bold;
	background:url(images/contact_arw.png) no-repeat center left;
	padding-left: 12px;
}
#main{
	position: relative;
	z-index: 1;
	top:-73px;
	margin:0 auto -73px;
	width: 940px;
}
#news{
	height:60px;
	background: #ffffff;
	position: relative;
	padding-top: 34px;
}
#news p{
	width: 940px;
	margin: 0 auto;
	font-weight: bold;
	font-size: 14px;
}
#news span{
	width: 200px;
	padding:5px 10px;
	margin-right: 20px;
	background: #824538;
	color:#ffffff;
}
#about{
	width:940px;
	margin: 0 auto 50px;
}
#about h2{
	border-left: 6px solid #D15B63 ;
	background: url(images/h2_title_bg.png) no-repeat 200px 1px;
	color: #D15B63;
}
#about img{
	float: left;
	padding-right: 20px;
}
.btn01{
	margin-top: 40px;
	float: right;
}
.btn01 a img:hover{
	opacity: 0.8;
}
.nav-below a{
	background: #f6f6f6;
	padding: 5px 10px;
	border-radius: 5px;
	border: 1px solid #cccccc;
}
.nav-below a:hover{
	opacity: 0.8;
}
#family{
	background: #ffffff;
	padding-bottom: 40px;
}
#family .inner{
	width:940px;
	margin: 0 auto;
	padding-top: 10px;
}
#family .inner article{
	float: left;
	width: 280px;
	margin: 15px;
}
#family h2{
	border-left: 6px solid #D5BF26 ;
	background: url(images/h2_title_bg.png) no-repeat 100px 1px;
	color: #D5BF26;
}
#family h3{
	font-size: 18px;
	font-weight: bold;
	padding:10px 0;
	border-top:1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	text-align: center;
	margin-bottom: 20px;
}
#family span{
	height: 300px;
	vertical-align: bottom;
	display: inline-table;
}
#today,#shop{
	width: 940px;
	margin: 0 auto 40px;
}
#today h2{
	border-left: 6px solid #BF6581 ;
	background: url(images/h2_title_bg.png) no-repeat 80px 1px;
	color: #BF6581;
}
#shop h2{
	border-left: 6px solid #609ACC ;
	background: url(images/h2_title_bg.png) no-repeat 140px 1px;
	color: #609ACC;
/* 	margin-top: -37px; */
}
#today article,#shop article{
	width: 200px;
	background: #ffffff;
	float: left;
	margin: 7px;
	padding: 10px 10px 20px;
	height: 250px;
	overflow: hidden;
	position: relative;
}
#today article:hover,#shop article:hover{
	opacity: 0.8;
}
#today .date_text,#shop .date_text{
	font-size: 11px;
}
.new{
	background:#f65252;
	color:#ffffff;
	padding: 0 8px;
	display: inline-block;
	position: absolute;
	top:0;
	left:0;
}
#more_btn{
	margin: 0 auto;	
	padding: 4px 0 6px;
	text-align: center;
	font-weight: bold;
	border-bottom: 4px solid #ffffff;
	width: 120px;
	height:20px;
}
#more_btn a{
	width: 120px;
	height:20px;
	display: block;
}
#more_btn:hover{
	background: #ffffff;
}
#footer{
	background: #ffffff;
	text-align: center;
	padding: 0;
	margin-top: 20px;
}
#foot_shop_btn{
	width: 940px;
	margin: 0px auto;
	padding-bottom: 10px;
}
#footer p{
	padding: 14px 0 10px;
	background: url(images/color_line.jpg) repeat-x center top;
}

/* single */
#content{
	width: 600px;
	margin: 0 auto;
	background: #ffffff;
	padding: 20px 50px 40px;
	margin-bottom: 40px;
}
#content h2{
	border-left: 6px solid #834637 ;
	color: #834637;
}
.nav-below{
	text-align: center;
	margin-top: 40px;
}
.post img{
	  margin-bottom:20px;
}
/* contact */
.wpcf7{
	width:400px;
	margin: 0 auto !important;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea{
	font-size: 14px;
	border:3px solid #e6e6e6 ;
	padding: 10px 5px;
	width: 400px;
}
.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 textarea:focus{
	border:3px solid #C8ED0A ;
	outline:none;
}
.wpcf7 input[type="submit"]{
	width:300px;
	color: #834637;
	text-align: center;
	background: #C8ED0A;
	border: 1px solid #DAD047;
	border-radius: 5px;
	padding: 10px 0px;
	margin: 20px 0 0 56px;
	font-size: 14px;
	font-weight: bold;
}
.wpcf7 input[type="submit"]:hover,
.wpcf7 input[type="submit"]:focus{
	opacity: 0.8;
	outline:none;
}