@charset "UTF-8";

/* CSS Document */

/*
Theme Name: caramelblog
Theme URI: http://carameldesign.jp/
Description: caramelblog-theme
Author: Kaneko Dai
Version: 1.6
*/


@import "/css/reset.css";


Body{
	margin:0;
	padding:0;
	background-color:#ffde00;
	/*background-image:url(images/bg.jpg);
	background-position:0 0;
	background-repeat:repeat;*/
	color:#000000;
	font-size:100%;
	font-family:Frutiger,Myriad pro,Myriad, Arial, Helvetica, Verdana, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	}

	
a:link {	color: #000000;text-decoration:underline;}
a:visited {	color: #555555;text-decoration:underline;}
a:active {	color: #000000;text-decoration:underline;}
a:hover {	color: #000000;text-decoration:none;background-color:#222222;}


#top{
	margin:0;
	padding:0;
	/*height:0;
	position:absolute;
	top:0;*/
	}

/********コンテナ*******/

#container{	
	/*position:absolute;
	top:50%;
	left:50%;*/
	max-width:100%;
	min-width:900px;
	
	padding:20px 0;
	margin: 0;
	/*margin-left:-230px;*/
	text-align:left;
	}
	
#container-inner{
	margin:0 20px 0 70px;
	background-color:#FFFFFF;
	background-image:url(/images/mark.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	padding:30px 30px 10px 30px;
	}
	

p{
	font-size:76%;
	line-height:180%;
	margin:0 0 22px;
	font-weight:normal;
	letter-spacing:1px;
	}
	
p.text-s{
	font-size:60%;
	line-height:140%;
	}	
	
	
/********ヘッダー*******/

#header{
	margin:0 0 0px;
	padding:0 0 60px;
	/*border-bottom:3px solid #ffde00;*/
	text-align:left;

	}
	
#header-inner{
	
	max-width:700px;
	min-width:480px;
	}
	

	
#header h1{
	width:419px;
	height:42px;
	margin:0 0 10px;
	font-size:1px;
	text-indent:-9999px;
	display:block;
	line-height:100%;
	padding:0;
	background-image:url(images/logo-blog.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	background-color:none;
	}
h1 a{
	display:block;
	width:419px;
	height:42px;
	text-decoration:none;
	overflow:hidden;
	}
	
h1 a:hover{
	display:block;
	background-color:none;
	background-image:url(images/logo-blog.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	}			
	

h1 a:link {	color: #000000;text-decoration:none;}
h1 a:visited {color: #666666;text-decoration:none;}
h1 a:active {color: #000000;text-decoration:none;}
h1 a:hover {color: #000000;text-decoration:none;background-color:#ffffff;}

#header h2,
#header p.descript{
	font-size:60%;
	line-height:140%;
	color:#000000;
	margin:0 0 10px;
	font-weight:100;
	letter-spacing:1px;
	}
	
	
	
h3.pagetitle{
	margin:0 0 10px;
	font-size:90%;
	line-height:100%;
	padding:0;
	font-weight:normal;
	letter-spacing:2px;
	}	
	
/********記事*******/
#post-all{
	border-bottom:3px solid #ffde00;
	margin:0;
	padding: 0;
	}
.post{
	margin:0 0 10px 0;
	padding:0;
	text-align:left;
	clear:both;
	}
/*
.post a:link {	color: #000000;text-decoration:underline;}
.post a:visited {	color: #555555;text-decoration:underline;}
.post a:active {	color: #000000;text-decoration:underline;}
.post a:hover {	color: #000000;text-decoration:none;background-color:#111111;}
*/
	
.post hr{
	border:	
	}
	
.date{
	float:left;
	width:90px;
	margin:3px 0 0 -90px;
	padding:0;
	text-align:left;
	background-color:#FFFFFF;
	
	}
	
.date-inner{
	/*background-color:#ffde00;*/
	padding:3px 0;
	text-align:center;
	margin-right:30px;
	/*color:#ffffff;*/
	height:60px;
	background-color:#FFFFFF;
	position:relative;
	background-image:url(images/date-bg.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	/*font-family:Big Caslon ;*/
	}
	

.date-inner p.post-year{
	font-size:10px;
	margin:0;
	line-height:100%;
	padding:2px 0 3px;
	border-bottom:1px solid #ffde00;
	display:block;
	}
	
.date-inner p.post-month{
	font-size:14px;
	margin:6px 33px 3px 0;
	font-weight:normal;
	/*position:absolute;
	top:7px;
	left:9px;*/
	text-align:center;
	line-height:100%;
	}
	
.date-inner p.post-date{
	font-size:18px;
	margin:0 0 0 20px;
	font-weight:100;
	/*position:absolute;
	top:20px;
	left:25px;*/
	text-align:center;
	/*font-family:"Times New Roman", Times, serif;
	font-style:italic;*/
	line-height:100%;
	}	
		
.post-txt{
	margin:0 0 0 0px;
	text-align:left;
	}
	
.post-txt h2{
	font-size:100%;
	font-weight:bold;
	margin:0 0 20px;
	border-top:3px solid #ffde00;
	padding:22px 0 0;	
	}
	
.post-txt h2 a {color: #000000;text-decoration:none;}	
.post-txt h2 a:visited {color: #000000;}

.post-txt ul{
	list-style:none;
	margin:0 0 30px;
	padding:0 0 0 10px;
	}
	
.post-txt ul li{
	font-size:76%;
	line-height:140%;
	margin:0 0 5px 0;
	padding:0 0 0 18px;
	background-image:url(images/ul-icon01.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	}
	
.post-txt img{
	margin:0 0 1px;
	}
	
.post-txt strong{
	font-weight:normal;
	}	
	
.post-txt blockquote{
	color:#888888;
	border:1px solid #ffde00;
	padding:15px 0;
	font-style:italic;
	margin:0 0 20px;
	width:520px;
	}	
	
.post-txt blockquote p{
	margin:0 15px;
	}
		
p.post-cate{
	
	}
	
p.pagelink-head,
p.pagelink-head2,
p.pagelink-foot{
	font-size:60%;
	line-height:120%;
	}
p.pagelink-head{margin:0 0 10px;}
p.pagelink-head2{margin:-10px 0 10px;}	
p.pagelink-foot{margin:20px 0 0;clear:both;}

p.pagelink-head a, 
p.pagelink-head2 a, 
p.pagelink-foot a{color: #000000;text-decoration:none;}


p.pagelink-head a:hover, 
p.pagelink-head2 a:hover, 
p.pagelink-foot a:hover{color: #000000;text-decoration:none;background-color:#111111;}


p.pagelink-head a:visited, 
p.pagelink-head2 a:visited, 
p.pagelink-foot a:visited{color: #000000;/*text-decoration:underline;*/}

.kanren{
	margin:35px 0;
	text-align:left;
	/*border-left:8px solid #ffde00;*/
	padding:0 0 0 20px;
	background:url(images/kanren-bg.gif);
	background-position:0 0;
	background-repeat:repeat-y;
	}
	
.kanren h4{
	margin:0 0 20px;
	font-size:80%;
	line-height:130%;
	font-weight:bold;
	}	
	
.kanren ul{
	list-style:none;
	margin:0;
	padding:0;
	font-size:76%;
	line-height:140%;
	letter-spacing:1px;
	text-align:left;
	font-weight:100;
	}
	
.kanren ul li{
	list-style:none;
	margin:0 0 6px 0;
	padding:0 0 0 20px;
	background-image:url(images/arrow-r.gif);
	background-position:0px 4px;
	background-repeat:no-repeat;
	}	


.wp-pagenavi{
	font-size:70%;
	line-height:100%;
	}
	
.wp-pagenavi .pages{
	padding:0 20px 0 0;
	font-weight:100;
	}
	
.wp-pagenavi .current{
	padding:3px 5px;
	background-color:#ffde00;
	border:1px solid #000000;
	margin:0 1px;
	
	}
.wp-pagenavi a{
	padding:3px 5px;
	border:1px solid #666666;
	margin:0 1px;
	text-decoration:none;
	}
		

	/*
.page-pre{
	float:left;
	
	padding:0 0 0 13px;
	background-image:url(images/arrow-l.gif);
	background-position:0px 2px;
	background-repeat:no-repeat;
	}
	
.page-next{
	float:right;
	}	
*/	
	
	
.post-footer{
	text-align:right;
	clear:both;
	margin:50px 0 0 0;
	/*border-bottom:3px solid #ffde00;*/
	
	}	
	
.post-footer p{
	font-size:60%;
	margin:0 10px 0 0;
	font-weight:100;
	}
	
.post-footer p span.permalink-link{
	padding:0 0 0 20px;
	background-image:url(images/arrow-r.gif);
	background-position:8px 3px;
	background-repeat:no-repeat;
	}
	
	
	
.post .left-pos{
	float:left;
	margin:0 20px 0 0;
	}		
	
	
#main-content{
	float:left;
	width:100%;
	}	
	
#main-content-inner{
	margin:0 230px 0 0;
	text-align:center;
	}	
	
	
	
	
/********サイドメニュー**********/	

#side{
	float:left;
	width:180px;
	margin:0 0 50px -180px;
	text-align:left;
	}
	



	
.searchbox{
	margin:0 0 40px;
	}
input.searchtext{
	background-color:#ffffff;
	border:1px solid #000000;
	width:120px;
	height:16px;
	padding:0;
	font-size:12px;
	line-height:130%;
	margin:0 0 0 3px;
	}
	
input.searchbtn{
	background-color:#ffde00;
	border:1px solid #ffde00;
	width:50px;
	padding:0;
	font-size:12px;
	line-height:130%;
	margin:0;
	}	
	
ul.rssfeed{	
	list-style:none;
	width:180px;
	margin:0 0 20px;
	padding:0;
	}
ul.rssfeed li{
	text-align:right;
	font-size:70%;
	line-height:100%;
	margin:0;
	}	
	
ul.rssfeed li a:hover{
	background-color:#ffffff;
	}	
/*	
ul.rssfeed{
	background-image:url(images/rss.gif);
	background-position:top right;
	background-repeat:no-repeat;
	width:180px;
	padding:0;
	list-style:none;
	margin:0 0 20px;
	}
	
ul.rssfeed li{
	text-align:right;
	font-size:70%;
	line-height:100%;
	margin:0;
	font-weight:bold;
	list-style:none;
	padding:15px 38px 10px 0;
	}
	
ul.rssfeed li a,
ul.rssfeed li a:visited{
	color:#ff9c00;	
	}
ul.rssfeed li a:hover{
	color:#ffffff;
	background-color:#ff9c00;
	}
*/	
	
	
h3.sidemenu{
	text-align:left;
	font-size:90%;
	margin:0 0 7px;
	padding:0;
	font-weight:bold;
	}
ul.ul-sidemenu{
	list-style:none;
	margin:0 0 35px 0;
	padding:0;
	font-size:70%;
	line-height:130%;
	letter-spacing:1px;
	text-align:left;
	font-weight:100;
	}
	
ul.ul-sidemenu li{
	list-style:none;
	margin:0 0 8px 0;
	padding:0 0 0 20px;
	background-image:url(images/arrow-r.gif);
	background-position:0px 3px;
	background-repeat:no-repeat;
	}
	
	
	
/*
ul.ul-sidemenu li a,
ul.ul-sidemenu li a:visited{
	text-decoration:none;
	}
	*/
/***Comment sidebar*******/	
	
ul.ul-sidemenu-com{
	list-style:none;
	margin:0;
	padding:0;
	
}
ul.ul-sidemenu-com h2.widgettitle{text-align:left;
	font-size:90%;
	margin:0 0 7px;
	padding:0;
	font-weight:bold;
	}
	
#get_recent_comments_wrap{
	margin:0 0 35px;
	}
	
#get_recent_comments_wrap ul{
	list-style:none;
	margin:0 0 35px 0;
	padding:0;
	font-size:70%;
	line-height:130%;
	letter-spacing:1px;
	text-align:left;
	font-weight:100;
	}
	
#get_recent_comments_wrap ul li{
	list-style:none;
	margin:0 0 8px 0;
	padding:0 0 0 20px;
	background-image:url(images/comment-list-bg2.gif);
	background-position:1px 1px;
	background-repeat:no-repeat;
	}
	
#get_recent_comments_wrap ul li strong{
	font-weight:100;
}	
	
	
/*******孫リスト*******/	
	
#get_recent_comments_wrap ul li ul{
	list-style:none;
	margin:5px 0 15px -20px;
	padding:0 0 5px;
	font-size:90%;
	line-height:130%;
	letter-spacing:1px;
	text-align:left;
	font-weight:100;
	background-image:url(images/comment-list-bg3.gif);
	background-position:bottom left;
	background-repeat:repeat-x;
	}
	
#get_recent_comments_wrap ul li ul li{
	list-style:none;
	margin:0 0 3px 0;
	padding:0 0 0 20px;
	background-image:url(images/comment-list-bg.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	}
	

	
	
/*******************************/		
	
p.tagu-p{	
	margin:0 0 35px;
	letter-spacing:0;
	font-weight:bold;
	}
	
p.tagu-p a{
	text-decoration:none;
	color:#bfbfbf;
	}
	
p.tagu-p a:hover{
	color:#000000;
	}	
	
h2.h2-about{
	font-size:1px;
	line-height:100%;
	font-weight:normal;
	margin:0 0 10px;
	}
	
h2.h2-about a:link {	color: #000000;text-decoration:none;}
h2.h2-about a:visited {color: #666666;text-decoration:none;}
h2.h2-about a:active {color: #000000;text-decoration:none;}
h2.h2-about a:hover {color: #000000;text-decoration:none;background-color:#ffffff;}

	
h2.h2-about .caramel{
	font-size:120%;
	}
	
.side-amazon,
.favor{
	padding:0 10px 20px;
	}	
	
.abm{
	padding:0 0 20px;
	}

.twi{
	padding:0 0 10px;
	border-bottom:1px solid #000000;
	margin:0px 0 30px;
	}
	
.twi h2{
	display:none;
	}
	
.twi h3{
	padding:0 0 15px;
	font-size:1px;
	line-height:100%;
	margin:0;
	}
	

	
.twi ul{
	list-style:none;
	margin:0 0 10px 0;
	padding:0;
	font-size:70%;
	line-height:130%;
	letter-spacing:1px;
	text-align:left;
	font-weight:100;
	}
	
.twi ul li{
	list-style:none;
	margin:0 0 10px;
	padding:0 0 0 20px;
	background-image:url(images/twi-list-bg.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	}
	
.twi p{
	text-align:right;
	margin:0;
	font-size:60%;
	line-height:100%;
	letter-spacing:0;
	}			
	
.nigaoe{
	text-align:right;
	margin:-70px 0 10px;
	border-bottom:1px solid #000000;
	padding:0 0 5px;
	}	
	
	
.mobile{
	margin:0 0 50px;
	text-align:left;
	}
	
.mobile img{
	margin:0 auto;
	}	
.mobile p{
	font-size:60%;
	letter-spacing:0;
	line-height:120%;
	margin:5px 0 10px;
	}	

/********フッター**********/


#footer{
	clear:both;
	padding:70px 0 0 0;
	/*width:100%;
	padding:0;
	margin:20px 0 20px;*/
	}
	
#footer-inner{
	text-align:left;
	/*margin:0 20px 0 70px;*/
	}
	
#footer-inner p{
	margin:0;
	font-size:70%;
	line-height:140%;
	font-weight:100;
	}	
	
.pagetop{
	text-align:center;
	margin:0 230px 35px 0;
	/*float:right;
	width:100px;*/
	}
	
.pagetop ul{
	list-style:none;
	margin:0;
	padding:25px 0 0;
	font-size:60%;
	line-height:100%;
	background-image:url(images/arrow-top.gif);
	background-repeat:no-repeat;
	background-position:top center;
	}
	
.pagetop ul li{
	list-style:none;
	margin:0;
	padding:0;
	}
	
/*.pagetop ul li a:hover {text-decoration:none;background:none}	*/
#footer  a {color: #000000;text-decoration:none;}
#footer  a:visited {color: #000000;text-decoration:none;}
#footer  a:hover {text-decoration:none;}
			
/* ---------- clear ----------*/
	
	

div.clear{
	clear:both;
	height:0;
	}
	
div.clear hr{
	display:none;
	}	
		
	
div.space{	
	clear:both;
	height:30px;
	}
	
div.space hr{
	display:none;
	}		
	
	
div.gray{	
	clear:both;
	margin:10px 0 15px;
	height:1px;
	border-top:1px solid #000000;
	}
	
div.gray hr{
	display:none;
	}
		

		
/************** comments ************/

.comment-box{
	text-align:left;
	margin:35px 0;
	padding:20px;
	background:url(images/kanren-bg.gif);
	}		
	
.comment-box h4{
	margin:0 0 40px;
	font-size:90%;
	line-height:130%;
	font-weight:bold;
	}
	
.comment-box .comment-block p{
	margin:0 0 0;
	padding:15px;
	background-color:#FFFFFF;
	}
.comment-box p.com-info{
	font-size:70%;
	margin:0 0 20px;
	font-weight:100;
	text-align:right;
	background-color:#ffffff;
	padding:3px 5px 2px;
	border-top:1px solid #ffde00;
	}	
	
.comment-box h5{
	margin:40px 0 20px;
	font-size:80%;
	line-height:100%;
	font-weight:bold;
	/*background-color:#ffde00;
	padding:3px 5px 2px;*/
	}
	
.comment-box textarea{
	border:1px solid #000000;
	padding:5px;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	width:80%;
	font-size:120%;
	line-height:160%;
	letter-spacing:1px;
	}		
		
.comment-box input.comment-1{
	border:1px solid #000000;	
	padding:5px;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	width:250px;
	font-size:120%;
	letter-spacing:1px;
	}
	
.comment-box p.comennt-input{
	margin:0 0 6px;
	}
	
	
.traba{	
	border:1px solid #000000;	
	padding:5px;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	width:80%;
	font-size:100%;
	letter-spacing:1px;
	background-color:#FFFFFF;
	}
	
/*******Calendar******/

.cl-month{
	text-align:center;
	margin:-10px 0 16px;
	padding:0 200px;
	}
	
.cl-month h2.main-month{
	padding:0 0x;
	font-weight:bold;
	font-size:100%;
	}	
	
.cl-month p{
	margin:3px 0 0;
	font-weight:normal;
	line-height:120%;
	background-repeat:no-repeat;
	}	
	
.cl-month p.prev-month{
	padding:0 0 0 12px;
	background-image:url(../images/side_li_icon4.gif);
	background-position:0px 3px;
	float:left;
	}
	
.cl-month p.next-month{
	padding:0 18px 0 0;
	background-image:url(../images/side_li_icon2.gif);
	background-position:right 3px;
	float:right
	}					

.cl-entry table{
	border-top:1px solid #895b38;
	border-left:1px solid #895b38;
	line-height:130%;
	margin:0 0 16px
	}
	
.cl-entry table th{
	border-bottom:1px solid #895b38;
	border-right:1px solid #895b38;
	padding:5px 5px;
	font-weight:bold;
	width:14%;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:70%;
	
	}
.cl-entry table th.sat{
	color:#3d71b1;
	}
	
.cl-entry table th.sun{
	color:#ce2146;
	}	
	
.cl-entry table td{
	border-bottom:1px solid #895b38;
	border-right:1px solid #895b38;
	padding:3px 5px;
	font-weight:normal;
	letter-spacing:0;
	font-size:90%;
	font-weight:bold;
	vertical-align:top;
	text-align:right;
	
	}
	
.cl-entry table td ul{
	font-size:70%;
	line-height:110%;
	list-style:none;
	margin:5px 0 0;
	padding:0;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	}
	
.cl-entry table td ul li{
	list-style:none;
	margin:0 0 5px;
	background-image:url(../images/ul-icon.gif);
	background-position:0 2px;
	background-repeat:no-repeat;
	padding:0 0 0 8px;
	}