@charset "utf-8";
/*
Theme Name: terresdetruffes
Theme URI: http://wordpress.org/
Description: terresdetruffesテーマ
Version: 1.0
Author: ccdn / inworks
Author URI: 
Tags: fixed width, two columns

*/




#right_colum, #right_colum2 {display:inline;}

/* =right CSS
------------------------------------------------------------------------------------------*/
#right_column .right_nv  {width:250px;text-align:left;}
#right_column .right_nv  ul{ width:240px;text-align:left;padding:0 0 20px 0;}
#right_column .right_nv ul li{padding:0 0 0 18px;width:230px; line-height:15px; color:#666;font-size:12px;text-align:left; margin:9px 0; 
background:url(images/ttl_left_icon2.gif)  no-repeat left top; }
#right_column .right_nv ul li a{color:#666;}
#right_column .right_nv ul li a:hover{color:#999; text-decoration:none;}
#right_column .right_nv  p{ color:#666;font-size:12px;text-align:left; padding-left:8px; margin-bottom:5px; }
#right_column .right_nv h3{ color:#666;font-size:14px;text-align:left; padding-left:12px; padding-bottom:5px; border-bottom:1px dotted #ccc;
background:url(images/ttl_left_icon.gif)  no-repeat left bottom;  }
#right_column .right_nv h3 a{ color:#666;}

#right_column .imgarea  {width:250px;text-align:left;margin-bottom:20px;}
#right_column .imgarea  img{padding:4px;}

#right_column {width: 255px;float: right;text-align: left;padding-right:0px;margin-bottom:60px;}

/* =left CSS
------------------------------------------------------------------------------------------*/

#left_column  		{padding-left:20px; float: left;text-align:left;width:640px;}
#left_column img	{padding:10px 10px; }
#left_column .left_cont { width:625px;float: left;text-align:left;margin:0 0 20px 0;}
#left_column .left_cont  p{ letter-spacing:0.1em; line-height:20px;color:#666;font-size:12px;text-align:left; padding-left:8px; margin-bottom:20px; }
#left_column h3{ text-align:left;width:625px;color:#666;font-size:14px;text-align:left; padding:0 0 5px 10px; margin:0 0 15px; 0;border-bottom:1px dotted #ccc;
background:url(images/ttl_left_icon3.gif)  no-repeat left top;  }
#left_column .left_cont strong{ font-weight:bold;}

#left_column .left_ttl {width:625px;color:#666;}
#left_column .left_ttl h3 a{color:#666;}
#left_column .left_ttl h3 a:hover{color:#999; text-decoration:none;}
#left_column  .left_ttl h3 a:visited {color:#666;}





/* =left　Nav CSS
------------------------------------------------------------------------------------------*/

.Nav  		{padding-left:20px;text-align:left;width:640px;margin:0 0 0 0;}


.Nav { font-size: 11px; padding: 10px 0px; color:#666; font-family: 'Verdana';}
.Nav a { padding: 1px 6px 1px 4px; border-right: solid 1px #666; font-size: 11px;color:#666;}
.Nav a:visited { padding: 1px 6px 1px 4px; border-right: solid 1px #666;color:#666;}
.Nav a:hover { padding: 1px 6px 1px 4px; border-right: solid 1px #666; text-decoration: none;color:#666;}
.Nav span { padding: 1px 6px 1px 4px; color:#666; border-right: solid 1px #666; color:#666;}
.Nav .on { padding: 1px 6px 1px 4px; border-right: solid 1px #666; font-size: 11px; color:#003366;}


/* =flashホールド部分CSS
------------------------------------------------------------------------------------------*/


#flash-outer {
	width: 100%;
	height: 250px;
	margin: 0 auto 0px auto;
	overflow: hidden;
	position: relative;
	background:#8D70620;
	border-bottom:solid 3px #302400;
}

#flash1 {
	width: 300px;
	height: 250px;
	text-align:center;
	margin-left:-925px;
	position: absolute;
	top: 0px;
	left: 50%;
}


/* =wrapCSS
------------------------------------------------------------------------------------------*/
#wrap 		{width: 950px;height: auto;}
#wrap #main {margin-bottom: 15px;}


.container {
	height: auto;
	width: 950px;
	text-align: left;
	margin: 0px auto;
	min-height: 100%;
	padding: 0px;
}

/* =contentCSS
------------------------------------------------------------------------------------------*/
#wrap #content {width: 950px;overflow: auto;margin-top: 0px;}
#wrap #content .cluster {width: 950px;overflow:hidden;margin-top:30px;}

.optb_hld { width: 100%;background:#8D7062; }
.optb_hld .optb {
	margin: 0px auto;width: 950px; height:80px;padding:5px 0 5px 0;background:#8D7062; }
.optb_hld .optb .img{ float:left; }
.optb_hld .optb .img img{padding-top:15px;padding-left:20px; }




/* =bnrCSS
------------------------------------------------------------------------------------------*/
.bnr {width:500px; }
.bnr p{ color:#999;font-size:12px;text-align:left; padding-left:18px; margin-bottom:5px; }
.bnr p a{ color:#999; }



/* =right CSS
------------------------------------------------------------------------------------------*/
#wrap #content .left1  {padding-left:20px; float: left;width:475px;text-align:left;}
#wrap #content .left1  p{ color:#999;font-size:12px;text-align:left; padding-left:18px; margin-bottom:5px; }




/* =left1CSS
------------------------------------------------------------------------------------------*/
#wrap #content .right {float:right;width:430px;padding-bottom:20px;}

#wrap #content .right h2{
	padding-left:13px;
	font-size:12px;
	font-weight:bold;
	line-height:18px;
	color:#fff;
	letter-spacing:0.3em;
	padding-top:2px;
	padding-bottom:2px;
	background:#F00;
}
#wrap #content .right p{
	padding-left:30px;
	font-size:12px;
	line-height:16px;
	letter-spacing:0.2em;
	color:#999;
}


/* =bnrCSS
------------------------------------------------------------------------------------------*/
#wrap #content #left2 {	float:left;	width:880px;padding:40px 0;}
#left2 .leftleft{ float:left; width:400px;}

#left2 .leftleft p{padding:0px 0px 10px 35px;font-size:13px;line-height:16px;letter-spacing:0.1em;color:#FFF;}
#left2 .leftright{ float:right; width:450px; height:200px; border:solid 1px #FFF; padding:2px;}
#left2 .leftright p{ padding:3px 0px 0px 5px;}



/* =記事下部のカテゴリー名、タグ関連の場所 CSS
------------------------------------------------------------------------------------------*/

#left_column .post-info {width:625px;color:#666;}
#left_column .post-info { clear: both;font-size: 11px;margin-bottom: 20px;text-align: right; }
#left_column .post-info a { color: #333; text-decoration:none; }
#left_column .post-info a:hover { color: #555; text-decoration:none; }

#left_column .comment-info a { color: #333; text-decoration:none; }
#left_column .comment-info a:hover { color: #555; text-decoration:none; }

#left_column .navigation a { color: #333; text-decoration:none; }
#left_column .navigation a:hover { color: #555; text-decoration:none; }


/* =right2 CSS
------------------------------------------------------------------------------------------*/
#right_column2 .right_nv  {width:250px;text-align:left;}
#right_column2 .right_nv  ul{ width:240px;text-align:left;padding:0 0 20px 0;}
#right_column2 .right_nv ul li{padding:0 0 0 18px;width:230px; line-height:15px; color:#666;font-size:12px;text-align:left; margin:9px 0; 
background:url(images/ttl_left_icon2.gif)  no-repeat left top; }
#right_column2 .right_nv ul li a{color:#666;}
#right_column2 .right_nv ul li a:hover{color:#999; text-decoration:none;}
#right_column2 .right_nv  p{ color:#666;font-size:12px;text-align:left; padding-left:8px; margin-bottom:5px; }
#right_column2 .right_nv h3{ color:#666;font-size:14px;text-align:left; padding-left:12px; padding-bottom:5px; border-bottom:1px dotted #ccc;
background:url(images/ttl_left_icon.gif)  no-repeat left bottom;  }

#right_column2 {width: 255px;float: right;text-align: left;padding-right:0px;}


img { -ms-interpolation-mode: bicubic; }

/* Begin Calendar */
#calendar_wrap {padding:10px 0 20px 18px;}
#calendar_wrap a { color: #333; text-decoration:none; }
#calendar_wrap a:hover { color: #555; text-decoration:none; }

#wp-calendar {
	empty-cells: show;
	margin: 0px auto 0;
	width: 200px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	color:#666;
	}

#wp-calendar caption {
	text-align: left;
	width: 100%;
	}

#wp-calendar td, #wp-calendar th {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover {
	background-color: #fff; 
	}
/* End Calendar */

/* Begin TagCloud */
#tagcloud_wrap {padding:10px 0 20px 18px;}
#tagcloud_wrap a { color: #333; text-decoration:none; }
#tagcloud_wrap a:hover { color: #555; text-decoration:none; }
/* End TagCloud */

/* Begin Comment */
ol.commentlist li {
	margin-bottom: 1em;
}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
	
.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	
/* End Comment */
	
#search_wrap {padding:10px 0 20px 18px;}

/* Begin imgarea */
.imgarea { padding:10px 10px;}
.imgarea img { padding:5px;}

/* End imgarea */



/* pagebar */
.pagebar {
	padding: 0.2em 0.5em;
	margin-right: 0.1em;
	margin-bottom: 3.0em;
	border: none;
	text-decoration: none;
	text-align: center;
}
.pagebar a,.pageList .this-page {
	border: 1px solid #ccc;
	text-decoration: none;
	padding: 0.2em 0.5em;
}
.pagebar a:visited {
	border: 1px solid #ccc;
	text-decoration: none;
	padding: 0.2em 0.5em;
}
.pagebar .break {
	padding: 2px 6px 2px 6px;
	border: none;
	background: #fff;
	text-decoration: none;
}
.pagebar .this-page {
	border: 1px solid #ccc;
	padding: 0.2em 0.5em;
	font-weight: bold;
	background: #423423;
	color: #fff;
}
.pagebar a:hover {
	border-color: #4d4d4d;
}
.pagebar .inactive{
	border: 1px solid #4d4d4d;
	color: #ccc;
	text-decoration: none;
	padding: 0.2em 0.5em;
}