@charset "UTF-8";

/* CSS Document */

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


@import "/css/reset.css";
@import "/css/caramel.css";

Body{
	margin:0;
	padding:0;
	
	color:#000000;
	font-size:100%;
	background-color:#FFFFFF;
	background-image:none/*url(/images/head-bg.gif)*/;
	background-position:top right;
	background-repeat:repeat-x;
	}
	
	
	
#right h3{
	border-bottom:2px solid #ffde00;
	margin:0 0 20px;
	}	

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

#top{
	margin:0;
	padding:0;
	/*height:0;
	position:absolute;
	top:0;*/
	}
	
#header{
	margin:0 10px 0;
	background-color:none;
	/*padding:40px 40px 20px;*/
	height:110px;
	position:relative;

	}		
	
h1{
	margin:0 0 0 -5px;
	font-size:1px;
	text-indent:-9999px;
	display:block;
	line-height:100%;
	padding:0;
	width:170px;
	height:50px;
	background-image:url(/images/logo-ss.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	background-color:none;
	position:fixed;
	top:40px;
	left:50px;
	}
	
h1 a{
	display:block;
	width:170px;
	height:50px;
	text-decoration:none;
	overflow:hidden;
	}
	
h1 a:hover{
	display:block;
	background-color:#ffffff;
	background-image:url(/images/logo-ss.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	}

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

#container{	
	/*position:absolute;
	top:50%;
	left:50%;*/
	max-width:100%;
	min-width:900px;
	
	padding:10px 0 10px;
	margin: 0;
	/*margin-left:-230px;*/
	text-align:left;
	
	
	}
	
#container-inner{
	margin:0 10px;
	background-image:none;
	/*background-color:#FFFFFF;*/
	/*background-image:url(images/contaner-bg.gif);
	background-position:0 0;
	background-repeat:repeat-y;*/
	padding:20px 0 20px 40px;
	
	}
		

#left{
	float:left;
	width:160px;
	font-size:100%;
	position:fixed;
	/*position:fixed;top:249px;left:50px;*/
	
	}
	
ul.menu-ul{
	list-style:none;
	margin:0 0 30px 0;
	padding:0;
	
	}

ul.menu-ul2{
	border-top:1px solid #999999;
	list-style:none;
	margin:0 0 10px 0px;
	padding:10px 0 0px;
	}
	
		
/*画像版*/	
ul.menu-ul li,
ul.menu-ul2 li{
	list-style:none;
	font-size:100%;
	line-height:100%;
	margin:0 0 10px;
	
	
	}
	
ul.menu-ul li img,
ul.menu-ul2 li img{
	height:22px;
	margin:0;
	padding:0;
	}	
	
	
/*テキスト版
ul.menu-ul2 li{
	list-style:none;
	font-size:120%;
	line-height:140%;
	margin:0 0 25px;
	letter-spacing:1px;
	font-weight:bold;
	}	*/	
	
	
	

		
	
ul.menu-ul li ul.submenu-ul,
ul.menu-ul2 li ul.submenu-ul{
	list-style:none;
	margin:5px 0 15px 0;
	padding:0;
	
	}
	

	
ul.menu-ul li ul.submenu-ul li,
ul.menu-ul2 li ul.submenu-ul li{
	background-image:url(images/arrow-r.gif);
	line-height:120%;
	background-position:2px 0px;
	background-repeat:no-repeat;
	padding:0 0 0 18px;
	font-size:64%;
	margin:0 0 5px;
	font-weight:normal;
	letter-spacing:1px;
	}
	
ul.menu-ul li ul.submenu-ul li.mail{
	background-image:url(/images/mail-icon.gif);
	background-position:0px 1px;
	}
	
	
ul.global-ul{
	list-style:none;
	margin:0 0 10px 0px;
	padding:10px 0 5px;
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	}	
	
ul.global-ul li{	
	font-size:70%;
	line-height:140%;
	margin:0 0 3px;
	font-weight:normal;
	letter-spacing:1px;
	background-image:url(images/arrow-r.gif);
	background-position:1px 3px;
	background-repeat:no-repeat;
	padding:0 0 0 18px;
	}	
	

dl.top-info{
	margin:0 0 10px 0;
	padding:0 0;
	
	}
	
dl.top-info dt{
	font-weight:bold;
	font-size:100%;
	margin:0 0 5px;
	height:20px;
	}
	
dl.top-info dd{
	font-size:65%;
	line-height:150%;
	margin:0 0 5px;
	color:#666666;
	}	
/*dl.top-info dd a{
	text-decoration:underline;
	}
dl.top-info dd a:hover{
	background-color:#FFFFFF;
	text-decoration:underline;
	}	*/
		
		
ul.menu-ul li p{
	font-size:65%;
	line-height:150%;
	margin:0 0 5px;
	color:#666666;
	letter-spacing:0;
	}		
	 	


	
#right{
	margin:0 30px 0 200px;
	
	
	}
	
	p.text-s{
	font-size:64%;
	line-height:140%;
	}	
	
	

	
/********記事*******/
#post-all{
	/*border-bottom:2px solid #ffde00;*/
	margin:0;
	padding: 0;
	min-height:300px;
	

	}
	
	
.postlist{
	float:left;
	/*height:140px;
	width:140px;*/
	margin:0 30px 30px 0;
	overflow:hidden;
	/*width:140px;*/
	/*background-color:#ffffff;*/
	text-align:left;
	}
.postlist p{
	letter-spacing:0;
	margin:0 0 5px;
	padding:0;
	line-height:120%;
	}
	

	
.postlist img.thumbnail{
	height:80px;
	line-height:100%;
	margin:0 0 ;
	padding:0;
	display:block;
	}
.postlist a{
	display:block;
	}	
.postlist a img.thumbnail{
	border:0px solid #ffffff;
	display:block;
	}
	
.postlist a:hover img.thumbnail{
	border:0px solid #ffde00;
	/*background-color:#ffffff;*/
	opacity:0.2;
	filter: alpha(opacity=20);
	}

.postlist a:hover{
	/*background-color:#ffde00;*/
	background-image:url(images/list_bg.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	display:block;
	}


	
	
		
.postlist h2 a{
	margin:10px 0;	
	font-size:70%;
	line-height:120%;
	display:block;
	}	
	

	 
	 	
.post{
	margin:0 0 10px 0;
	padding:0;
	text-align:left;
	/*clear:both;*/
	border:1px solid #ffffff;
	

	}
	

		
.post-txt{
	margin:0 0 0 0px;
	text-align:left;
	
	padding:0;
	/*border-top:1px solid #000000;
	border-bottom:1px solid #000000;*/
	
	}
.post-txt p{
	color:#000000;
	}	
.post-txt .post-left{
	float:left;
	margin:0;
	padding:0;
	font-size:1px;

	}
	

	
.post-txt .post-right{
	margin:0;
	float:left;
	
	}
.post-right p{
	margin:0 0 20px;
	}
.post-right ul{
	list-style:none;
	margin:0 0 20px;
	padding:0;
	font-size:64%;
	line-height:120%;
	letter-spacing:0.5px;
	text-align:left;
	font-weight:normal;
	}
	
.post-right ul li{
	list-style:none;
	margin:0 0 6px 0;
	padding:0 0 0 14px;
	background-image:url(images/arrow-r.gif);
	background-position:0px 3px;
	background-repeat:no-repeat;
	/*color:#000000;
	background-color:#ffde00;*/
	}
	/*
.post-right ul li a:visited{color:#000000;background-color:#ffde00;}	
.post-right ul li a:hover{color:#000000;background-color:#ffffff;
	text-decoration:underline;}	
*/

/*
.post-txt ul{
	list-style:none;
	margin:0 0 20px;
	padding:0 0 0 10px;
	}
	
.post-txt ul li{
	font-size:80%;
	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 20px 10px 0;
	/*border:1px solid #cccccc;*/
	padding:0;
	display:block;
	line-height:100%;
	}
	
.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.pagelink-head,
p.pagelink-head2,
p.pagelink-foot{
	font-size:64%;
	line-height:100%;
	width:600px;
	text-align:center;
	height:19px;
	vertical-align:middle;
	display:block;
	}
p.pagelink-head{margin:0 0 10px;}
p.pagelink-head2{margin:-25px 0 10px;}	
p.pagelink-foot{margin:20px 0 0;clear:both;}

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


.kanren{
	margin:35px 0 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:64%;
	line-height:120%;
	letter-spacing:0.5px;
	text-align:left;
	font-weight:normal;
	}
	
.kanren ul li{
	list-style:none;
	margin:0 0 6px 0;
	padding:0 0 0 15px;
	background-image:url(images/arrow-r.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	}	


.wp-pagenavi{
	font-size:80%;
	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 #111111;
	margin:0 1px;
	
	}
.wp-pagenavi a{
	padding:3px 5px;
	border:1px solid #666666;
	margin:0 1px;
	}
	

	/*
.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:0;
	/*border-bottom:3px solid #ffde00;*/
	
	}	
	
.post-footer p{
	font-size:70%;
	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;
	}		
	
	
	
	
	
/********サイドメニュー**********/	

	

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


#footer{
	clear:both;
	padding:70px 0 0 0;
	text-align:left;
	/*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:60%;
	line-height:120%;
	font-weight:normal;
	letter-spacing:0.5px;
	}	
	
.pagetop{
	text-align:center;
	margin:0 0 35px 0;
	/*float:right;*/
	width:800px;
	
	}
	
.pagetop ul{
	list-style:none;
	margin:0 0 0 200px;
	padding:25px 0 0;
	font-size:64%;
	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:visited {color: #000000;text-decoration:none;}
#footer  a:hover {text-decoration:none;}
			
/* ---------- clear ----------*/
	
	

div.clear{
	clear:both;
	height:0;
	margin:0;
	padding:0;
	font-size:1px;
	line-height:100%;
	
	}
	
div.clear hr{
	display:none;
	margin:0;
	padding:0;
	}	
		
	
div.space{	
	clear:both;
	height:30px;
	margin:0;
	padding:0;
	}
	
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;
	}
		

/********個別ページ********/

#post-all h2.pagetitle{
	font-size:100%;
	line-height:100%;
	letter-spacing:1px;
	font-weight:bold;
	margin:0 0 30px;
	padding:0 30px 30px 0;
	border-bottom:2px solid #ffde00;
	text-align:right;
	}
	
	

	
		
#post-all .page-contents{
	/*padding:0 0 0 30px;*/
	max-width:1000px;
	min-width:700px;
	margin:0 0 0 30px;
	
	}
	
#post-all .page-contents a{
	text-decoration:underline;
	}	
	
	
	
#post-all .page-box{
	margin:0 0 80px;
		font-size:105%;
	}	
	
#post-all .page-contents h3{
	font-size:90%;
	font-weight:bold;
	letter-spacing:1px;
	line-height:100%;
	border:none;
	margin:0 0 20px;
	padding:0;
	}
	


		

#post-all .page-box img.caramel-img{
	margin:0 0 16px;
	line-height:100%;
	padding:0;
	}
			
#post-all .page-box ul{
	list-style:none;
	margin:0 0 16px;
	padding:0 0 0 0;
	font-size:60%;
	line-height:130%;
	}
	
#post-all .page-box ul li{
	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-all .page-box blockquote{
	border:1px solid #ffde00;
	padding:15px 0;
	font-style:italic;
	margin:0 0 20px;
	width:520px;
	}	

#post-all .page-box  blockquote p{
	margin:0 15px 5px;
	color:#888888;
	}
	
#post-all .page-box table{
	margin:0;
	padding:0;
	font-size:65%;
	line-height:160%;
	/*border-top:1px solid #999999;*/
	width:80%;
	}
	
#post-all .page-box table th{
	font-weight:100;
	padding:9px 0 7px 0px;
	width:100px;
	text-align:left;
	/*border-bottom:1px solid #999999;*/
	vertical-align:top;
	}
	
#post-all .page-box table td{
	font-weight:100;
	padding:9px 0 7px;
	text-align:left;
	/*border-bottom:1px solid #999999;*/
	vertical-align:top;
	}