@charset "UTF-8";
/* CSS Document */

/*------------------------------

RESET CSS

--------------------------------*/


/*
 Box Model Reset
--------------------------------*/

html, body, div, span, object, iframe,a,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	outline: 0;
}

img {
	border: none;
	vertical-align: middle;
}

table {
   border-collapse: collapse; 
   border-spacing: 0;
   border: none;
}


/*
 HTML5 Tag
--------------------------------*/

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	display:block;
}

time {
	display: inline;
}


/*
 Base Font Style
--------------------------------*/


body {
	color: #333;
	font: 13px/1.231 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3",Hiragino Kaku Gothic Pro W3,"Hiragino Kaku Gothic Pro",Hiragino Kaku Gothic Pro, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*

Font Size

10px	0.77em
11px	0.85em
12px	0.92em
13px	1em
14px	1.08em
15px	1.15em
16px	1.23em
17px	1.31em
18px	1.38em
19px	1.46em
20px	1.54em
21px	1.62em
22px	1.69em


*/

body,h1,h2,h3,h4,h5,h6,p,strong,em {
	font-style: normal;
	font-weight: normal;
	line-height: normal;
	text-decoration: none;
}

h1,h2,h3,h4,h5,h6,p {
	font-size: 1em;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}


/*
 Base Anchor Text Style
--------------------------------*/

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


/*
 Base List Style
--------------------------------*/

ul {
	list-style:none;
}




/*------------------------------

INDEX CSS

--------------------------------*/

#contents:after {
	clear:both;
	content:"";
	height:0;
	display:block;
}

#contents {
	zoom:1;
}

/*------------------------------*/

body {
	font-size:62.5%;
	line-height:1.3;
	color:#000;
	background:url("http://img01.naganoblog.jp/usr/u/s/a/usako628/IMG_0385AAAA4.jpg") no-repeat center top #f6f4ec;
}

/*-----ここからカラー変更-----*/
a,
#side .sidetitle,
#trackback .title, #comments .title,
#comments .form th,
#footer {
	color:#000;
}
#header,
#header a,
.menu a {
	color:#FFF;
}
a,
#header h1 a:hover,
#side a:hover {
	text-decoration:underline;
}
a:hover,
.menu a,
#header h1 a,
#side a {
	text-decoration:none;
}
#side a,
#side,
.entryBody {
	color:#4C4C4C;
}
#side a:hover,
#main .entryFooter p.title,
.entryFooter a {
	color:#AC9681;
}
#main .section .entryDate,
.copyright {
	color:#949494;
}

/*-----ウェブフォント-----*/

#main .section .entryDate,
.menu a {
	font-family: 'Josefin Sans', sans-serif;
}

/*---------------------------*/
#header {
	width:880px;
	height:336px;
	margin:0 auto;
	margin-top:55px;
}
#header h1 {
	font-size:3.6em;
	font-weight:bold;
}
#header .catch {
	font-size:1.4em;
	font-weight:bold;
	margin-top:15px;
}
#contents {
	width:980px;
	margin:0 auto;
	margin-top:127px;
}
#contents #main {
	float:left;
	width:710px;
}
#contents #side {
	float:right;
	width:220px;
}
#main .section {
	margin-bottom:50px;
	background:#fff;
	padding:45px 35px;
}
#main .section .entryTitle {
	border-bottom:1px solid #E5E5E5;
}
#main .section .entryTitle h1 {
	font-size:2.4em;
	font-weight:bold;
	padding:10px 0 10px 18px;
	border-left:8px solid #957f72;
}
#main .section .entryTitle h1 a {
	text-decoration:none;
}
#main .section .entryTitle h1 a:hover {
	text-decoration:underline;
}
#main .section .entryDate {
	font-size:1.6em;
	margin:10px 0;
}
#main .section .entryBody {
	padding:65px 0 20px;
	font-size:1.4em;
}

#main #more {
	margin-top:15px;
}
#main .section .entryFooter {
	padding:10px 0;
	font-size:1.4em;
}
#main .section .entryFooter > p {
	text-align: right;
}
#main .section .entryFooter p {
	margin-bottom:10px;
}
nav.menu {
	width:710px;
	padding-right:270px;
	margin:0 auto;
}
.menu a {
	display:inline-block;
	width:330px;
	height:45px;
	font-size:18px;
}
.menu a.prev {
	background:url("//www.naganoblog.jp/_img/ph-coffee/menuPrev.png") no-repeat 10px center #957f72;
	text-align:right;
	padding:25px 25px 0 0;
}
.menu a.next {
	background:url("//www.naganoblog.jp/_img/ph-coffee/menuNext.png") no-repeat 320px center #957f72;
	text-align:left;
	padding:25px 0 0 25px;
}
.menu a:hover {
	background-color:#ac9681;
}
#side .plugin {
	margin:30px 0 100px 0;
	font-size:1.2em;
}
#side .plugin > div {
	padding-bottom:20px;
}
#side .sidetitle {
	background:url("//www.naganoblog.jp/_img/ph-coffee/sideTitleBg.png") no-repeat left center;
    font-size:1.3em;
    font-weight:bold;
    margin-bottom:15px;
    padding-left:17px;
}
#side .sidebody {
	padding:4px 0;
}
#side .plugin .calender {
	background:#fff;
    margin-bottom:30px;
}
#side .calendarhead {
	text-align:center;
	padding:3px 0;
	font-weight:bold;
}
#side .calendartable {
	width:100%;
	margin:10px auto 0;
}
#side .calendartable tr:first-child {
	background:#fff;
	height:30px;
}
#side .calendartable a {
	font-weight:bold;
}

#side .calendartable td {
	text-align:center;
	height:25px;
}

#trackback,
.commentSingle {
	color:#000;
	padding: 36px 0 5px;
	margin-bottom:15px;
	text-align:left;
}
.commentSingle {
	border-bottom:1px dotted #c1c1c1;
}
.trackback-url {
	width:350px;
}
#trackback .title,
#comments .title {
	text-align:left;
	font-size:1.2em;
}
.commentSingle .comm {
	color:#999;
	text-align:right;
}
#comments .form {
	margin: 0 auto;
	margin-top:30px;
	border-collapse:separate;
    border-spacing:3px;
	padding:36px;
}
#comments .form th {
	width:80px;
	text-align:left;
	font-weight:normal;
	margin:3px 0;
}
#comments .form td {
	margin:3px 0;
}
#page-top {
	position:fixed;
	bottom:30px;
	right:30px;
}
#footer {
	font-size:1.2em;
	margin-top:70px;
	height:110px;
	background:#fff;
}
#footer .copyright {
	margin:0 auto;
	padding-top:30px;
	width:980px;
	text-align:right;
}