@charset "EUC-JP";

/*
Template for SereneBach
Theme Name: kiss me
Version: 1.00
Author: yuz
Author URI: http://www.webcitron.com/blog/
*/

* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

/*--------------------------------------
	  Text
---------------------------------------*/
div, p, hr, blockquote, address, noscript {
	position: static;
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
}

q, dfn, code, samp, kbd, var, cite, abbr, acronym {
	position: static;
	margin: 0;
	padding: 0;
	border: none;
	font-style: normal;
	font-weight: normal;
}

br {
	letter-spacing: 0;
}

ul, ol, dl, dt, dd {
	margin: 0;
	padding: 0;
}

sup, sub {
	margin: 0;
	padding: 0;
}

/*--------------------------------------
	  Body
---------------------------------------*/

body {
	margin: 0;
	padding: 0;
	background-color: #f3fffc;
/*	background: #fff url(http://www.switchback.jp/template/bc012_body_bg2.gif) left top repeat-x;*/
	font-size: x-small;
	text-align: center;
/*	color: #819fb7*/
	color: #314f77
}

html>body {
	font-size: 13px;
}

body div {
	margin: 0 auto;
	font-family: Verdana,'ＭＳ Ｐゴシック', sans-serif;
	text-align: left;
}

/*--------------------------------------
	  Box
---------------------------------------*/

#wrap {
	width: 770px;
	padding: 0;
	margin: 0 auto;
	background:url(http://www.switchback.jp/template/bc012_topback.jpg) center top no-repeat;
}

#main {
	float: right;
	width: 424px;
	margin:123px 0 0 0;
	background:url(http://www.switchback.jp/template/bc012_main_bg3_b.gif) center top no-repeat;
}

#header {
	margin:120px 0 0 0;
	padding:0 0 100px 0;
	height: 80px;
/*	background:url(http://www.switchback.jp/template/bc012_lips.png) center top no-repeat;*/
}

#top {
	font-family: "Century Gothic" ,"Verdana" ,"MS UI Gothic" ,"Osaka" ,sans-serif;
	line-height: 100%;
border-bottom      : 1px solid #333;
}

#side {
	float: left;
	width: 340px;
	margin:80px 0 0 0;
}

#side_a {
	float: left;
	width: 170px;
}

#side_b {
	float: right;
	width: 160px;
/*	margin:0 5px 0 0;*/
}

#footer {
	width: 770px;
	padding: 10px 0;
	margin: auto;
	font-family: "Lucida Sans Unicode","Lucida Grande",Arial,sans-serif;
	font-size: 85%;
	text-align: center;
}

/*--------------------------------------
	  HyperText
---------------------------------------*/	

a { text-decoration: none; }
a:link    { color: #68b586; }
a:visited { color: #68b586; }
a:hover   { color: #68b586; }
a:active  { color: #68b586; }


/*--------------------------------------
	  Header
---------------------------------------*/

h1 {
	margin:0 2em;
	padding-top:2em;
	font-size: 120%;
	font-weight:normal;
	font-family: "Lucida Sans Unicode","Lucida Grande",Arial,sans-serif;
}

p.description {
	margin: 0.5em 0 0 2.7em;
/*	width:370px;*/
	width:300px;
	line-height:1.4;
	font-size: 85%;
	color: #819fb7;
}

ul#headMenu {
	margin:5.5em 0 0 2.7em ;
	padding:0.2em 0;
	width:360px;
	border-top: 1px dotted #819fb7;
}

ul#headMenu li {
	display: inline;
	margin-right:0.5em;
	font-size:85%;
	font-family: "Lucida Sans Unicode","Lucida Grande",Arial,sans-serif;
}

/*--------------------------------------
	  Entry
---------------------------------------*/

div.entry {
	margin:1em 17px 3em;
	background:#f3fffc;
}

p.entry_date {
	margin:0 0 0.5em 0;
	color: #819fb7;
	font-size:85%;
	font-family: "Lucida Sans Unicode","Lucida Grande",Arial,sans-serif;
	letter-spacing:0.2em;
}

div.entry_body,div.entry_more,div.profile_body {
	margin: 0 1em;
	padding:0;
	line-height: 1.5;
}

p.entry_state {
	margin:1em auto;
	width:370px;
	height:27px;
	background:url(http://www.switchback.jp/template/bc012_state_bg2_b.gif) top center no-repeat;
	color:#c5c5c5;
/*	font-size:75%;*/
	font-size:7pt;
	font-family: "Lucida Sans Unicode","Lucida Grande",Arial,sans-serif;
	line-height:23px;
	text-align: right;
}
p.entry_state span {
	margin-right:1em;
}

div.entry_navi {
	margin:1em 17px -0.5em;
	padding: 5px;
	border-bottom: 1px solid #cbc0ad;
	font-size:77%;
	color: #819fb7;
	text-align: right;
}

/*--------------------------------------
	  Comment
---------------------------------------*/
div.comment {
	margin:1em 17px;
	background:#f3fffc;
	text-align:center;
}

h3#comments {
	margin:0;
	height:50px;
	background: url(http://www.switchback.jp/template/bc012_comment.gif) top right no-repeat;
	border:none;
}

h3#comments span {
	display: none;
}

div.comment dl.body {
	margin:1em auto;
	width:90%;
	line-height: 1.4;
	border: 1px solid #ece9e3;
	text-align:left;
}

div.comment dl.body dt {
	padding:0.2em 1em;
	color:#a4965e;
	background: url(http://www.switchback.jp/template/bc012_glid_b.gif);
	border-bottom: 1px solid #ece9e3;
}

div.comment dl.body dt span {
	font-size:85%;
	font-family: "Lucida Sans Unicode","Lucida Grande",Arial,sans-serif;
}

div.comment dl.body dd {
	margin: 0.5em 1em;
	color:#817861;
}

/*--------------------------------------
	  Form
---------------------------------------*/

h4#comForm {
	margin:0;
	height:50px;
	background: url(http://www.switchback.jp/template/bc012_post.gif) top right no-repeat;
	border:none;
}

h4#comForm span {
	display: none;
}

form#comments_form {
	margin: 0.5em 1em;
	padding: 1em;
	color:#a4965e;
	font-size: 85%;
	text-align:left;
	background:url(http://www.switchback.jp/template/bc012_glid.gif);
}

form#comments_form p {
	margin:1em 0;
}

form#comments_form dl dt {
	display: block;
	margin: 0;
	padding: 0;
	clear: left;
	float: left;
	width: 80px;
}

label#labelsubmit {
	display: none;
}

form#comments_form dl dd {
	margin: 0 0 0 8.6em;
	padding: 2px;
}

textarea, select, input {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro",Osaka, sans-serif;
}

@media screen {
textarea, select, input {
	font-family: Verdana, Arial, "ＭＳ Ｐゴシック", sans-serif;
	}
}

input, textarea {
	border: 1px solid #e5e5f7;
	margin: 1px;
	color: #819fb7;
	background:url(http://www.switchback.jp/template/bc012_gd_bg.gif) #e5e5f7 repeat-x;
}

form#comments_form dl dd textarea {
	margin-bottom:5px;
	width:300px;
}

/*--------------------------------------
	  Trackback
---------------------------------------*/

div.trackback {
	margin: 0.5em 2em;
	font-size: 85%;
	text-align:left;
	}

h3#trackback {
	margin:0;
	height:50px;
	background: url(http://www.switchback.jp/template/bc012_tb.gif) top right no-repeat;
	border:none;
}

h3#trackback span {
	display: none;
}

div.trackback p {
	margin: 1em;
	color:#a4965e;
}

div.trackback dl.body {
	margin:1em auto;
	width:90%;
	line-height: 1.4;
	text-align:left;
}

div.trackback dl.body dt {
	width:100%;
	padding-left: 0.7em;
	border-left: 5px solid #b6af5a;
	}

div.trackback dl.body dd {
	margin: 0.5em 1em;
	padding: 0.5em;
	color:#817861;
	background: url(http://www.switchback.jp/template/bc012_glid.gif);
	}

/*--------------------------------------
	  Page Navigation
---------------------------------------*/

div.page {
	padding: 10px 0;
	font-size: 80%;
	line-height: 1.5;
	text-align: center;
}

/*--------------------------------------
	  Footer
---------------------------------------*/

div#footer ul {
	margin-bottom: 2em;
}

div#footer ul li {
	display: inline;
	margin:0 0.5em;
}

/*--------------------------------------
	  Side
---------------------------------------*/

div#side dl {
	margin: 0 0 1.5em 0;
}

div#side dl dt {
	color:#819fb7;
	font-family: "Lucida Sans Unicode","Lucida Grande",Arial,sans-serif;
	text-transform: uppercase;
	letter-spacing:0.1em;
	font-size:90%;
	border-bottom:1px dotted #819fb7;
}

div#side dl dd {
	padding:5px 10px;
	color: #666;
	font-size: 78%;
	line-height: 1.5;
}

div#side dl dd ul li {
	line-height: 1.7;
	padding-left:1.2em;
	list-style:none;
	background:url(http://www.switchback.jp/template/bc012_listmark.gif) no-repeat;
}

dl.search dd {
	text-align:center;
}


/*--------------------------------------
	  Calendar
---------------------------------------*/

dt#calendarname {
	display:none;
}

dl.calendar dd {
	margin: 0;
	padding: 0;
	text-align: center;
}
dl.calendar dd table {
	width: 170px;
	border: 0 none;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
}
dl.calendar dd table td.cell {
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	background:#E1DED7;
	width:23px;
	padding: 1px;
	color: #fff;
	text-align: center;
	font: 10px "tahoma", sans-serif;
}

dl.calendar dd table td.weekday {
	padding: 1px;
	color: #819fb7;
	text-align: center;
	font: 10px "Lucida Sans Unicode","Lucida Grande","tahoma", sans-serif;
}

dl.calendar dd table td.cell a {
	display: block;
	margin: -1px;
	padding: 1px;
	text-decoration: none;
}

dl.calendar table td.cell a span.today {
	font-weight: bold;
}

dl.calendar dd td.calendar_month {
	padding: 0;
	text-align: center;
	font: 11px "Lucida Sans Unicode","Lucida Grande","Verdana", sans-serif;
}
dl.calendar dd td.calendar_month a {
	text-decoration: none;
}

/*--------------------------------------
	  Amazon
---------------------------------------*/

#recomlist {
	text-align:left;
}

#recomlist p {
	text-align:left;
}

#recomlist a {
	float:left;
/*	margin:1em 0;*/
	padding: 0.5em;
}

#recomlist br {
	clear:both;
}
div.amazon {
	margin:1em 0;
	padding: 0.5em;
	text-align:center;
}

div.amazon_text {
	text-align:left;
}

img.amazon_pict {
	float:left;
	clear:left;
}

div.amazon_text strong {
	font-weight:normal;
}

/*--------------------------------------
	  Image
---------------------------------------*/
img {	border: none; }

/* 記事内の画像の左右にマージン設定 */
div.entry_body img,
div.entry_more img { margin:0 5px; }

/* class名がpictとthumbの画像にテキストの回り込み */
img.pict,img.thumb {
	float:left;
	clear:left;
}

/*--------------------------------------
	  Text
---------------------------------------*/

/* 見出し */
h2 {
	margin:0 0 1em 0;
	padding-bottom:0.2em;
	font-size:120%;
	font-weight:normal;
	border-bottom:1px solid #b0b17c;
}

h3, h4 {
	margin:0.5em 0;
	color: #b6af5a;
	font-size: 110%;
	font-weight: normal;
	border-bottom: 2px solid #faf9f5;
}

h4 {
	border:none;
}

h5, h6 {
	font-size:100%;
}

p,
pre,
cite {
	margin: 0.5em 0;
}

/* 整形済みテキスト */
pre {
	margin:0.5em 0;
	font-size:90%;
	width: 90%;
	overflow: auto;
	color: #7c5a47;
	background-color: #f5f5f1;
	border: 1px solid #e2e2d8;
	padding: 0.5em;
	font-family:'ＭＳ ゴシック', monospace;
}

/* プログラムのソースコード */
code {
	color: #7c5a47;
	font-family:'ＭＳ ゴシック', monospace;
}


/* 引用 */
blockquote {
	margin:0.5em;
	padding: 0.5em 0.7em;
	font-size:95%;
	border: 1px solid #E1DDD2;
	color: #7c5a47;
	background:url(http://www.switchback.jp/template/bc012_gd_bg.gif) repeat-x;
}

/* 参照先 */

p.source {
	margin:0;
	text-align: right;
}

cite {
	margin: 0 10px 0 0;
	padding: 0;
	font-size:95%;
	font-style: normal;
}

/* 強調 */
em {
	color:#9c9d5e;
	font-style: normal;
}

/* 削除 */
del {
	color:#999;
	text-decoration: line-through;
}

/* 追記 */
ins {
	color: #7c5a47;
	text-decoration: none;
	border-bottom:1px dotted #7c5a47;
}

/* リスト */
div.entry ul,div.entry ol {
	margin-left:2em;
}

div.entry ul li {
	padding-left:1.2em;
	list-style:none;
	background:url(http://www.switchback.jp/template/bc012_listmark2.gif) no-repeat;
}

div.entry dt {
	border-left: 5px solid #b6af5a;
	padding-left: 5px;
	width:100%;
}
div.entry dd {
	margin-left:1em;
}

/*--------------------------------------
	 Clear
---------------------------------------*/

/* 意味が分からない人は触らないこと
　下手に触るとデザイン崩れの元になります */

#wrap:after,div.entry_more:after,div.amazon:after { 
	content:"."; 
	display:block; 
	height:0;
	clear:both; 
	visibility:hidden; 
}

/* for MAC IE */
#wrap,div.entry_more,div.amazon { 
	display:inline-block; 
} 
/* for WIN IE */ 
* html #wrap,
* html div.entry_more,
* html div.amazon { 
	height:1%; 
} 
#wrap,div.entry_more,div.amazon { 
	display:block; 
}
/**/