@charset "UTF-8";
/* @override 
	http://wsc.studiobrain.net/4/wp-content/themes/wsc4_2/style.css
	http://wsc.studiobrain.net/4/wp-content/themes/wsc4_2_1/style.css
*/
/*  
Theme Name: キッチンメイド カフェ デ ラ ボーン
Theme URI: http://www.cute-refresh.com/
Description:delabonneテーマ
Version: 1.0
Author: nn

Tags: fixed width, two columns, widgets
*/

/***** 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, font, 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 {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
caption {width: 100%;}

/***** 共通のタグ CommonTag *****/
body{
background: #ffdfed url('img/heart03.gif');
margin:0px;
padding:20px 0px 0px 0px;
font: 0.8em/1.8 "Helvetica Neue", Arial, Helvetica, Geneva, "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif;
color:#404040;
}

h1,h2,h3,h4,h5,h6,p{margin: 0;padding: 0px 0 15px;}
ul,ol{padding: 0px 0 15px 30px;margin: 0;}
h1{font-size: 20px;line-height: 22px;}
h2{font-size: 18px;line-height: 20px;}
h3{font-size: 16px;line-height: 18px;}
h4{font-size: 14px;line-height: 16px;}
h5{font-size: 12px;line-height: 14px;}
h6{font-size: 11px;line-height: 13px;}
img{border: none;}
a{
color: #ff92c0;
text-decoration: none;
outline:none;
}
a:hover{
color: #ff388c;
text-decoration: underline;
}
.content a[target="_blank"] {background: url(img/target_blank.gif) no-repeat right center;padding-right: 15px;}

/*スペース領域 AreaSpace*/
.content blockquote{
background-color: #e1f5f9;border: 1px solid #b2d3e0;
}

#container{width:750px;margin-right:auto;margin-left:auto;}
#header{
height:100px;
overflow: hidden;
/*background: #333 url(img/header.gif) no-repeat;border-bottom:2px solid #333;*/
background: #ffffff url(img/hours.png) no-repeat;
background-position: 100% 10%;
}

#rap{
text-align:left;
clear:both;
background-color: #FFF;
}

#alpha{
float: right;
text-align:left;
width: 504px;
overflow: hidden;
padding: 17px 17px 20px 18px;
}
#alpha2{
text-align:left;
width: 710px;
overflow: hidden;
padding: 15px 15px 25px 25px;
}
.alpha_bg{
background: url(img/alpha_bg.gif) repeat-x center top;
}
#beta{
background-color: #f9f9f9;
border-left: 1px solid #ccc;
width: 180px;
overflow: hidden;
padding: 15px 15px 0px;
margin: 0px;
float: left;
border-bottom: 1px solid #ddd;
}
#gamma{text-align: left;width: 710px;padding: 20px 0 20px 20px;}
#footer{
clear:both;
height:40px;
background: #ffffff;
/*border-top:2px #ff71ad dotted;*/
}

/*ヘッダー Header*/
.header_ttl a{
font-size: 24px;
height: 66px;
display:block;
color:#FFF;
padding: 19px 0 0 20px;
line-height: 26px;
}
.header_ttl{
margin:0;
padding: 0;
font-weight: normal;
font-style: normal;
}

.header_ttl a:hover{
color:#fff
}
.header_description{
font-size: 11px;
color: #ff71ad;
font-weight: normal;
font-style: normal;
line-height: 13px;
margin: 0;
padding: 0 0 0 20px;
width: 540px;
float:left;
}
#header #searchform {float: right;margin: 0;padding: 0 12px 0 0;}
#header #searchform input{vertical-align: middle;height:20px;}
#header #searchform #s{vertical-align:middle;border: 1px solid #777;padding:1px;margin:0px;height:16px;background-color: #fff;width: 130px;}
#header #searchform #searchsubmit{border-width: 0;vertical-align: middle;margin: 0px;padding: 0px;height: 20px;}

/*ヘッダーナビ*/
#header_navi{
padding: 0;
width: 100%;
float: left;
clear: both;
}

#page_navi{
padding: 0;
list-style-type:none;
margin: 0;
white-space: nowrap;
float: left;
background: #eee url(img/page_navi_bg.gif) left top;
width: 100%;
}
#page_navi li{
font-size: 12px;
line-height: 14px;
padding: 0 0 0px;
margin: 0;
float: left;
}
#page_navi li ul{
font-size: 12px;
line-height: 14px;
float: left;
padding: 0;
margin: 0;
list-style-type: none;
}
#page_navi li ul li{padding: 0;}
#page_navi li a{
color: #ff92c0;
padding: 4px 10px;
float: left;
background-color: #eee;
height: 10px;
border-right: 1px solid #c7c7c7;
border-left: 1px solid #fff;
}
#page_navi li a:hover{
text-decoration: none;
background-color: #dedede;
color: #ff388c;
}
#page_navi li.current_page_item a{
background-color: #ff92c0;
color: #ffffff;
}
/*フッターナビ*/
#footer_navi{

border-bottom:1px #ff71ad dotted;

	width: 100%;
	float: left;
	clear: both;
	padding: 0;
}
#footer_navi .page_navi{
	list-style-type:none;
	white-space: nowrap;
	width: 100%;
	padding: 0;
	margin-top: 0;
	margin-right: 72px;
	margin-bottom: 10px;
	margin-left: 72px;
}
#footer_navi .page_navi li{
	font-size: 12px;
	line-height: 14px;
	float: left;
	width: 80px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #999;
	border-left-color: #999;
	text-align: center;
}
#footer_navi .page_navi li ul{font-size: 12px;line-height: 14px;float: left;padding: 0;margin: 0;list-style-type: none;}
#footer_navi .page_navi li ul li{padding: 0;}
#footer_navi .page_navi li a{
	color: #ff92c0;
	float: left;
	height: 14px;
	text-align: center;
	width: 80px;
}
#footer_navi .page_navi li a:hover{
	text-decoration: none;
	color: #ff388c;
}
#footer_navi .page_navi li.current_page_item a{
	color: #fff;
}

/*トップーナビ*/
#top_navi{
padding: 0;
width: 300px;
float: right;
clear: both;
	font-size: 12px;
	line-height: 14px;
}

#top_navi .page_navi{
	list-style-type:none;
	white-space: nowrap;
	width: 100%;
	padding: 0;
	margin-top: 0;
	margin-right: 72px;
	margin-bottom: 10px;
	margin-left: 72px;
}
#top_navi .page_navi li{
	font-size: 12px;
	line-height: 14px;
	float: left;
	width: 80px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #999;
	border-left-color: #999;
	text-align: center;
}
#top_navi .page_navi li ul{font-size: 12px;line-height: 14px;float: left;padding: 0;margin: 0;list-style-type: none;}
#top_navi .page_navi li ul li{padding: 0;}
#top_navi .page_navi li a{
	color: #FF9900;
	float: left;
	height: 14px;
	text-align: center;
	width: 80px;
}
#top_navi .page_navi li a:hover{
	text-decoration: none;
	color: #FF6600;
}
#top_navi .page_navi li.current_page_item a{
	color: #fff;
}

/*フラッシュナビ*/
#flash_navi{
padding: 0;
width: 100%;
clear: both;
}
/*トップ画像 Topimage*/
#topimage{
height: 210px;
border-bottom:2px solid #333;
background: #ccc url(img/topimage.jpg) no-repeat;
clear: both;
}

/*コンテンツ Content*/
.content .pagename{
font-weight: bold;
margin: 0;
padding: 0;
clear: both;
color: #ff71ad;
font-size: 20px;
line-height: 22px;
height: 34px;
}

.content .title a{
color: #ff92c0;
text-decoration:none;
}
.content .index .title {color: #C00;text-decoration:none;background: url(img/title_bg.gif) no-repeat left bottom;padding: 0 0 5px;margin-bottom: 10px;}
.content .title a:hover{
color:#ff388c;
}
.content a{
color: #ff92c0;
}
.content a:hover{
color: #ff388c;
}
.content a.more-link {font-size: 12px;line-height: 14px;} 
.content {clear: both;}
.content ul{margin-left: 25px;padding-left: 0px;list-style-type:disc;}
.content ol{margin-left: 30px;padding-left: 0px;list-style-type:decimal;}
.content .title .date {font-size:11px;font-style:italic;font-weight:normal;}
.content .ddsg-wrapper a{
color: #666;
}
.content blockquote {
margin: 0px 0px 15px 0px;
padding: 10px 20px 10px 20px;
}
.content blockquote p{padding: 0px;margin: 0px 0px 0px 0px}
.content blockquote ol,.content blockquote ul{padding: 0px;margin: 0px 0px 0px 20px}
.content .postmetadata {
text-align: right;
font-size: 12px;
line-height: 14px;
background:url(img/entry_bg.png) no-repeat right bottom;
width: 100%;
padding: 0 0 7px;
margin: 0;
color: #555;
clear: both;
}
.content .index {padding: 0 0 20px;}
.content pre {background-color: #eee;padding: 5px 15px;margin: 0 0 15px;font: 11px/16px "Courier New", Courier, mono;white-space: pre;overflow: scroll;}

/*コメント comments*/
#comments,#respond {clear: both;font-size: 13px;color: #246;padding: 20px 0 10px;}
ol.commentlist{float: left;width: 462px;margin: 0;padding: 0 0 0 40px;list-style-type: none;}
ol.commentlist li{padding: 10px 10px 6px;font-size: 12px;line-height: 17px;}
ol.commentlist li img.avatar {float: left;margin-right: 7px;}
ol.commentlist li cite {}
ol.commentlist li small.commentmetadata {}
ol.commentlist li p {clear: both;padding: 3px 0;font-size: 12px;line-height: 15px;}
ol.commentlist li.alt {background-color: #eceeef;}
.nocomments{display: none;}

/*ページ page*/
.page{padding: 20px 0;clear: both;}

/*子ページ relation*/
.relation{padding: 5px 0 0;}
.relation ul {color: #666;list-style-type: none;padding: 0;margin: 0;}
.relation ul li{font-size: 12px;line-height: 14px;padding-left: 20px;display: block;}
.relation ul li a{
color: #555;
font-size: 12px;
line-height: 14px;
padding: 3px 0 3px 26px;
display: block;
background: url(img/icon_subpage.gif) no-repeat 6px top;
border-bottom: 1px solid #ccc;
width: 100%;
}

.relation ul li a:hover{
color: #3d99e4;
text-decoration: none;
background-color: #f6f6f6;
}

/*ページ分割*/
.linkpages{text-align: center;}

/*アーカイブリスト Archive*/
.archive a{
color: #ff92c0;
font-size: 14px;
line-height: 16px;
} 
.archive h4{color: #666;font-size: 13px;line-height: 15px;margin: 0;padding: 10px 0 5px;} 
.archive ul {padding: 0 0 0 15px;margin: 0;color: #666;}
.archive ul li{font-size: 11px;line-height: 13px;padding: 9px 0 9px 9px;border-left: 3px solid #999;border-bottom: 1px solid #ccc;margin: 0 0 1px;list-style-type: decimal;list-style-position: inside;}
.archive ul li ul{padding: 7px 0 0 12px;}
.archive ul li li{font-size: 11px;line-height: 13px;padding: 6px 0 3px 8px;border-left: 2px solid #999;list-style-type: decimal;border-bottom-style: none;border-top: 1px solid #ccc;margin: 1px 0 0;}
.archive a.title {font-size: 14px;line-height: 16px;}

/*リンク集 Links*/
.links{color: #666;}
.links ul{font-size: 11px;line-height: 13px;list-style-type: none;padding: 0;margin: 0;}
.links ul h2{font-size: 13px;line-height: 15px;margin: 0;padding: 10px 0;color: #246;}
.links a{font-size: 14px;line-height: 16px;}
.links ul li{padding: 0 0 1px;}
.links ul li li a{padding: 6px 0 2px 11px;border-left: 3px solid #999;border-bottom: 1px solid #ccc;margin: 0 0 0 15px;display: block;}
.links ul li li a:hover{background-color: #fffae2;text-decoration: none;}

/*サイトマップ sitemap*/
.sitemap{color: #666;}
.sitemap h3{font-size: 13px;line-height: 15px;margin: 0;padding: 4px 0 3px 6px;border-left: 3px solid #999;color: #555;}
.sitemap ul{font-size: 11px;line-height: 13px;list-style-type: none;margin:0;padding: 0;}
.sitemap ul ul {padding-left: 15px;border-top: 1px solid #666;border-right: 1px solid #bbb;}
.sitemap ul li{margin: 0 0 20px;padding: 0;}
.sitemap ul ul a{
font-size: 14px;
line-height: 16px;
color: #ff92c0;
}
.sitemap ul ul a:hover{
color: #ff388c;
}
.sitemap ul ul li{padding: 10px 0 6px 12px;border-left: 1px solid #bbb;margin: 0;border-bottom: 1px solid #aaa;background-color: #fafafa;border-top: 1px solid #fff;}
.sitemap ul ul ul{padding: 5px 0 2px 9px;margin:0;border-top-style: none;border-right-style: none;}
.sitemap ul ul ul a{font-size:12px;line-height: 14px;color: #ff92c0;}
.sitemap ul ul ul a:hover{color: #ff388c;}
.sitemap ul ul ul li{border-style: none;list-style-type: disc;list-style-position: inside;padding: 2px;}
.sitemap ul ul ul ul li{}

/*delicious*/
.delicious-posts ul,#delicious ul{padding: 0;margin: 0;font-size: 12px;line-height: 15px;list-style-type: none;}
li.delicious-post.delicious-odd a,#delicious a{padding: 5px 0 5px 12px;border-left: 3px solid #999;margin: 0 0 0 15px;background-color: #f9f9f9;display: block;color: #297ee5;width: 524px;}
li.delicious-post.delicious-even a{
padding: 5px 0 5px 12px;
border-left: 3px solid #999;
margin: 0 0 0 15px;
background-color: #f0f0f0;
display: block;
color: #297ee5;
width: 524px;
}
li.delicious-post.delicious-odd a:hover,#delicious a:hover{
text-decoration: underline;
color: #43b2fc;
background-color: #fcfcfc;
}
li.delicious-post.delicious-even a:hover{
text-decoration: underline;
color: #43b2fc;
background-color: #f3f3f3;
}

/*タグ検索 Tags*/
.tags {line-height: 200%;}

/*トピックス表示 Topics*/
#toptopics {
clear: both;
margin: 0;
padding: 30px 10px 8px;
list-style-type: none;
border: 1px solid #ccc;
background: #fcfcfc url(img/topics.png) no-repeat left top;
}

#toptopics a{
color: #ff92c0;
font-size: 12px;
line-height: 14px;
}
#toptopics a:hover{
color: #ff388c;
text-decoration: none;
}
#toptopics li {border-bottom: 1px solid #ddd;margin-bottom: 4px;padding-bottom: 1px;}
#toptopics li span.date {
color: #fff;
font-size: 11px;
background-color: #ff71ad;
padding: 3px 4px 2px;
margin-right: 4px;
}

/*ナビゲーション Navi*/
.navigation{clear: both;text-align: center;padding: 20px 0 0;}
.navigation a{
color: white;
padding: 2px 10px;
background-color: #ff71ad;
border: 2px solid #ccc;
font-size: 11px;
}
.navigation a:hover{
color: #fff;
}
.navigation div.alignleft {display: inline;margin: 0 5px;}
.navigation div.alignright {display: inline;margin: 0 5px;}

/*サイドバー共通 Sidebar*/
#beta ul{
margin-left:0px;
padding: 0;
list-style-type: none;
font-size: 11px;
line-height: 15px;
}
#beta ul li{padding: 0 0 0 10px;background: url(img/beta_li.gif) no-repeat left 3px;}
#beta .widget{
padding:0 0 15px;
font-size:11px;
line-height:1.3;
}

#beta .module_title {
font-size:12px;
padding:0px 0px 4px 0;
border-bottom:1px solid #bbb;
margin:0 0px 6px;color:#ff71ad;
}

/*サイドメニューボタン Menu*/
#beta li.cat-item{padding: 0 0 6px;background-image: none;}
#beta li.cat-item a{width: 180px;display: block;text-align: center;font-size: 12px;line-height: 15px;margin: 0;padding: 11px 0 0;height: 24px;background: url(img/menu_btn.gif) no-repeat center top;}
#beta li.cat-item a:hover{background-position: center bottom;text-decoration: none;color: #5eb3d1;}
#beta ul.children{padding: 5px 0 0;}
#beta ul.children ul{padding: 0;}
#beta ul.children li.cat-item  {padding: 0 0 0 10px;font-size: 11px;background: url(img/beta_li.gif) no-repeat left 3px;}
#beta ul.children li.cat-item a {font-size: 11px;line-height: 13px;height: auto;background-image: none;text-align: left;width: 100%;padding: 0;}

/*NAVT*/
div.navt_tog {padding: 2px 0 4px;margin: 0 0 0 -10px;background-image: none;background-color: #f9f9f9;}
div.navt_tog a {
width: 180px;
display: block;
height: 24px;
text-align: center;
font-size: 12px;
line-height: 15px;
color: #4083af;
margin: 0;
padding: 11px 0 0;
}
div.navt_tog a:hover{
background-position: center bottom;
text-decoration: none;
color: #5eb3d1;
}
#beta ul.menu li.emptytab{height: 3px;margin: 0 0 5px;background-image: none;width: auto;font-size: 1px;line-height: 1px;border-bottom: 1px solid #bbb;padding: 0;}
#beta ul.menu li.item_parent li,
#beta ul.menu li.current_item_parent li{padding: 0 0 0 10px;background: url(img/beta_li.gif) no-repeat left 3px;list-style-type: none;height: inherit;width: inherit;}
#beta ul.menu li.item_parent li a,
#beta ul.menu li.current_item_parent li a {text-align: left;padding: 0;font-size: 11px;line-height: 13px;height: auto;width: inherit;background-image: none;}
div.navt_tog.blue a{background: url(img/menu_btn1.gif) no-repeat center top;}
div.navt_tog.yellow a{background: url(img/menu_btn2.gif) no-repeat center top;}
div.navt_tog.red a{background: url(img/menu_btn3.gif) no-repeat center top;}
div.navt_tog.green a{background: url(img/menu_btn4.gif) no-repeat center top;}
div.navt_tog.gray a{background: url(img/menu_btn.gif) no-repeat center top;}

/*タグクラウドウィジェット Tags*/
div#tag_cloud,div.st-tag-cloud {margin-bottom: 15px;line-height: 1.3;}

/*カレンダーウィジェット Calendar*/
#wp-calendar {width: 100%;font-size: 11px;color: #666;margin-top: 5px;}
#calendar p.module_title {display: none;}
#wp-calendar caption {color: #404040;}
#wp-calendar th{background-color: #ff71ad;text-align: center;padding: 0;font-weight: normal;font-style: normal;color: #FFFFFF}
#wp-calendar td{text-align: center;background-color: #ffeff6;padding: 0;}
#wp-calendar td a {color: #ff92c0;font-weight: normal;font-style: normal;}
#wp-calendar td.pad {background-color: transparent;}

/*フッター Footer*/
.copyright {
color: #ff71ad;
margin-top: 10px;
margin-left: 10px;
font: bold 12px/14px Arial, Helvetica, sans-serif;
}

.produced{color:#666;font-size: 11px;text-align:right;margin-top:10px;line-height: 13px;}

/*コメント Comment*/
#commentform {padding-left: 40px;}
#commentform #comment{width: 450px;border: 1px solid #b3b3b3;background-color: #fbffe4;height: 170px;font-size: 12px;line-height: 18px;padding: 5px;}
#commentform #author,
#commentform #email,
#commentform #url {border: 1px solid #b3b3b3;background-color: #fbffe4;width: 250px;padding: 5px;font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;}
#commentform p {padding: 0 0 5px;}
#commentform input#submit {border-style: none;height: 30px;width: 220px;color: #697600;font-size: 14px;background: url(img/submit.gif) no-repeat;margin: 4px 0 0;}

/*地図 Map*/
#map {border-style: solid;border-width: 1px;}

/*WP2.5ビジュアルエディタ*/
img.aligncenter {display: block;margin: 0 auto;}
img.alignleft {float: left;margin: 0 10px 10px 0;}
img.alignright {float: right;margin: 0 0 10px 10px;}

/*その他 Others*/
.code{font-style: italic;color: #f60;border: 1px solid #b3b3b3;padding: 10px;font-size: 9px;margin: 10px 0;}
.download{margin: 0;padding: 10px;list-style-type: none;text-align: center;width: 450px;background-color: #fff7e9;border: 1px solid #f5aa6a;border-bottom-width: 3px;}
#alpha .edit{text-align: center;font-style: italic;padding: 0;float: right;width: 49px;height: 15px;}
#alpha .edit a{width: 49px;height: 15px;float: right;text-indent: -9999px;background: url(img/edit.gif) left top;}
#alpha .edit a:hover{background-position: left bottom;}

/*スクロール*/
.pagetop{
	text-align: right;
}

html {
	scrollbar-arrow-color: #ffffff;
	scrollbar-shadow-color: #ffdfed;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-base-color: #ff71ad;
	scrollbar-highlight-color: #ffdfed;
	scrollbar-face-color: #ff71ad;
	scrollbar-darkshadow-color: #ffdfed;
	scrollbar-track-color: #ffeff6;
}

.frame {
  border: 2px dashed #ff71ad;
	width: 634px;
	padding: 10px;
}
.indent {
padding-left: 20px;
padding-right: 26px;
}
INPUT,SELECT, TEXTAREA  {
	border-style:solid;
	border-width:1px;
	border-color:#ff71ad;
	background:#FFFFFF;
	font-size:10pt;
	line-height:12pt;
	color:#ff3f90;
}
input[type="checkbox"]  {
	border-style:solid;
	border-width:1px;
	border-color:#ffffff;
	background:#FFFFFF;
	font-size:10pt;
	line-height:12pt;
	color:#ff3f90;
}
.arrow_under {
  background: #FFFFFF url('img/arrow_under.png') no-repeat center center;
	height: 40px;
}
.frame_header {
  font-weight: bold;
  border-bottom: 2px dashed #ff71ad;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-right: 5px;
  padding-left: 5px;
  background: #FFFFFF;
	height: 25px;
}
.frame_maid {
  border: 2px dashed #ff71ad;
	width: 200px;
	margin: 5px;
}
.frame_shift {
  border: 2px dashed #ff71ad;
	width: 90px;
	margin: 3px;
	height: 180px;
}
.thumbnail {
  width:100%;
  overflow:hidden;
  padding-top: 1px;
  padding-right: 1px;
  padding-left: 1px;
  padding-bottom: 1px;
}

.frame_thumbnail {
  border: 1px dashed #ff71ad;
}

hr {
border:2px #ff71ad dotted;
	width: 694px;
}
table {
	border-color:#999999;
	background: #FFFFFF;
	border-style:none;
}
td, tr {
	border-style:none;
}
.underline {
	border-width: 1px;
	border-color: #ff71ad;
	border-style:none;
  border-bottom: 1px dotted #ff71ad;
}
.contents_header {
  padding-top: 0px;
  padding-right: 20px;
  padding-left: 20px;
  padding-bottom: 0px;
	text-align: left;
}

.contents_footer {
  padding-top: 10px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
}