/*@charset "EUC-JP";*/
/*@charset "EUC-JP";*/

/*--------------------------------------------------
	ブラウザの設定をリセットする。
--------------------------------------------------*/
/*---------------------------------------------------
	Properties Reset
-----------------------------------------------------*/
html{
	overflow-y:scroll;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
img{
	font-size:0px;
	line-height:0px;
	border:0;
}
fieldset{
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var { 
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6{
	font-weight:normal;
}
/*ブラウザ設定リセット(文字サイズが小さくなりすぎるのを防ぐため)*/
h5,h6{
	font-size:100%;
}
/*--------------------------------------------------
	Font size settings
--------------------------------------------------*/
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 * 
 */
body {*font-size:small;*font:x-small;
	font-family: "Verdana,Arial,Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif";
	font-size: 13px;
}
table {font-size:inherit;font:100%;}

/**
 * 99% for safari; 100% is too large
 */
select, input, textarea {
	font-family: "Verdana,Arial,Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif";
	font-size: 99%;
}

/**
 * Bump up !IE to get to 13px equivalent
 */
pre, code {font:115% monospace;*font-size:100%;}

/**
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */
body * {line-height:1.5em;}

/*--------------------------------------------------
	HTML erements settings
--------------------------------------------------*/
/* Anchor Style */
a,
a:link {
	/*color: #000e66;
	text-decoration: none;*/
}

a:active,
a:hover,
a:focus {
	/*color: #af1121;
	text-decoration: none;*/
}
/*--------------------------------------------------
	General-purpose class
--------------------------------------------------*/
/*---clearfix-*/
.clearfix:after {
    content: "."; 
	font-size:0;
    display: block; 
    clear: both; 
    visibility: hidden;
	line-height: 0;
}
.clearfix {
	 display:inline-block;
}
/*Hides from IE-mac\*/
*html .clearfix {
	height:1%;
	}
.clearfix{display:block}
/*end hide from IE-mac*/


/*--------------------------------------------------

	layout.css - 全ページ共通のスタイルシート
		
	各ページは下記ルールで判別
	* body#ID:ID名はページ別
	* body.CLASS Class名はカテゴリ名
		カテゴリー：""
--------------------------------------------------*/
body {
	background-color: #fff;
	text-align:left;
}
body div#wrapper{
	font-size:93%;
}
body div#wrapper table{
	font-size:inherit;
	font:100%;
	line-height:1.5em;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
}

/*-------------------------------------------------
フッターを、ページ下部に固定。
-------------------------------------------------*/
html, body {
    height: 100%;
}
body {
	background-image:url(images/body_bg.gif);
	background-repeat:repeat-y;
	background-position:left top;
}
#wrapper{
    min-height: 100%;
    height: auto !important;
    height: 100%; /* ie用に設定 */
    margin: 0 0 -30px;    /* class="footer"と同じ高さ(100px)の負の値を入力 */
	width:100%;
	background-repeat:no-repeat;
	background-image:url(images/wrapperbg2.gif);
	background-position:top left;
	}

/*------------------------
共通設定
カテゴリー：早わかり
------------------------*/
/*基本レイアウト*/
div#content{
	width:821px;
	margin-bottom:20px;
}
/*---clearfix-*/
body #wrapper div#content{
	border:1px solid #fff;
}
body #wrapper div#content:after {
    content: "."; 
	font-size:0;
    display: block; 
    clear: both; 
    visibility: hidden;
	line-height: 0;
}
body #wrapper div#content{
	 display:inline-block;
}
/*Hides from IE-mac\*/
body #wrapper div#content{
	height:1%;
	}
body #wrapper div#content{display:block}
/*end hide from IE-mac*/


div#side{
	float:left;
	width:154px;
}
div#bnav{
	float:left;
	width:140px;
	margin-top:172px;
}
div#main{
	float:left;
	width:480px;
	margin-left:30px;
}
div#footer {
	width:100%;
	clear:both;
	background-image:url(../common_img/ft_bg.gif);
	background-repeat:no-repeat;
	background-position:154px bottom;
	text-align:left;
	border-bottom:18px solid #000;
}
div#footer div.up {
	width:154px;
	margin:12px 29px 10px 0;
}
div#footer #heteml{
	display:block;
	margin:0 0 0 24px;
}
/*共通フッター*/
div#common-ft{
	width:100%;
	min-width:916px;
	padding:33px 0 0 0;
	border-top:1px solid #dad9d9;
	border-bottom:1px solid #dad9d9;
	background-color:#f7f7f7;
}
div#cmft-wrapper{
	width:916px;
	background-image:url(http://pickles.tv/images/ft_dotline_w.gif);
	background-repeat:repeat-y;
}
div.cmft-side{
	float:left;
	width:155px;
}
div.cmft-side #cmft-logo{
	margin:0 0 0 27px;	
}
div.cmft-side #cmft-mobile{
	display:block;
	margin:69px 0 0 27px;
}
div.cmft-main{
	float:left;
	width:761px;
	background-image:url(http://pickles.tv/images/ft_vdotline.gif);
	background-repeat:repeat-y;
	background-position:right top;
}
div.cmftnav-column{
	float:left;
	width:190px;
	height:240px;
	background-image:url(http://pickles.tv/images/ft_vdotline.gif);
	background-repeat:repeat-y;
	overflow:hidden;
}
div.cmft-main .first-column{
	background-image:none;	
}
div.cmft-secrow{
	margin:30px 0 0 0;
}
p.cmftnav-head{
	margin:0 0 13px 10px;
	padding:0 0 0 18px;
	background-image:url(http://pickles.tv/images/ft_listhead.gif);
	background-repeat:no-repeat;
}
div.cmftnav-column ul.cmft-nav{
	padding:0 20px 0 28px;	
}
div.cmftnav-column ul.cmft-nav li{
	margin:0 0 5px 0;
	padding:0;
	line-height:1.3em;
	font-size:12px;
}
ul.cmft-nav a,
ul.cmft-nav a:link {
	color: #222222;
	padding:0;
	margin:0;
	text-decoration: none;
	line-height:1.3em;
}

ul.cmft-nav a:active,
ul.cmft-nav a:hover,
ul.cmft-nav a:focus {
	color: #3c8652;
	text-decoration: none;
	line-height:1.3em;
}

div.cmft-banner-area{
	margin:40px 0 0 0;	
}
ul.cmft-banner{
	margin:0 0 0 28px;
}
ul.cmft-banner li{
	float:left;
	margin:0 3px 5px 0;
	padding:0;
	line-height:0;
}
ul.cmft-banner li a{
	padding:0;
	margin:0;
}
p.cmft-copy{
	margin:15px 0 15px 737px;
}




h2.blogtitle{
	margin:57px 0 46px;
}
div.section h3{
	margin-bottom:3px;
	background-color:#000;
}
div.section h3 span{
	color:#fff;
	padding:2px 4px;
}

/*sideナビ*/
div#side h1{
	margin:63px 0 0 25px;
}
div#side ul#nav{
	margin:47px 0 0 30px;
}
div#side ul#nav li{
	padding:0 0 12px;
	line-height:0;
	margin:0;
}
div#side ul#nav li a{
	line-height:0;
	margin:0;
	padding:0;
}
div.banner{
	margin:30px 0 0 0;
	text-align:center;
	padding-top:16px;
	background-image:url(../common_img/side_hr.gif);
	background-repeat:no-repeat;
	background-position:top left;
}
div.banner a{
	display:block;
	margin-bottom:10px;
}


/*ブログナビ*/
div#bnav dl,
div#bnav div#extra,
div#bnav div.side-item{
	padding:14px 0;
	margin:0 0 0 10px;
	background-image:url(images/side_hr.gif);
	background-repeat:no-repeat;
	background-position:top left;
}
div#bnav dt{
	margin:0;
}
div#bnav dd{
	margin:11px 0 0;
}
div#bnav dl#category{
	padding:0 0 14px;
	margin:0 0 0 10px;
	background-image:none;
}

div#bnav dl#category li{
	margin-top:1px;
	line-height:1.5em;
}
div#bnav dl#category a,
div#bnav dl#category a:link {
	color: #000;
	text-decoration: none;
}

div#bnav dl#category a:active,
div#bnav dl#category a:hover,
div#bnav dl#category a:focus {
	color: #3c8652;
	text-decoration: none;
}

/*アーカイブ*/
div#bnav dl#archives{
	font-size:80%;
}
div#bnav dl#archives li{
	margin-top:1px;
	line-height:1.5em;
}
div#bnav dl#archives a,
div#bnav dl#archives a:link {
	color: #000;
	text-decoration: none;
	background-color:#fff;
}

div#bnav dl#archives a:active,
div#bnav dl#archives a:hover,
div#bnav dl#archives a:focus {
	background-color:#3c8652;
	color:#fff;
	text-decoration: none;
}

/*サイトバー　追加アイテム*/
div#bnav div.side-item{
	margin:0 0 0 30px;
}

dl#search-area .form{
	width:114px;
}

div#bnav #extra{
	font-size:10px;
	line-height:0;
}
div#bnav #extra img{
	margin-right:4px;
	vertical-align:text-bottom;
}

div#bnav #extra a,
div#bnav #extra a:link {
	color: #000;
	text-decoration: none;
}

div#bnav #extra a:active,
div#bnav #extra a:hover,
div#bnav #extra a:focus {
	color: #3c8652;
	text-decoration: none;
}

/*---ページナビ----*/
div#main div.pagenavi{

}
div#main div.pagenavi a{
	text-decoration:none;
	padding:2px 4px;
}
div#main div.pagenavi a,
div#main div.pagenavi a:link{
	background-color:#3c8652;
	color:#fff;
}

div#main div.pagenavi a:active,
div#main div.pagenavi a:hover,
div#main div.pagenavi a:focus{
	background-color:#fff;
	color:#3c8652;
}
/*---ページナビ2 フッター----*/
div#main div.pagenavi2{
	text-align:center;
	font-size:93%;
	margin-bottom:30px;
}
div#main div.pagenavi2 a{
	text-decoration:none;
	padding:2px 4px;
}
div#main div.pagenavi2 a,
div#main div.pagenavi2 a:link{
	color:#3c8652;
	text-decoration:none;
}

div#main div.pagenavi2 a:active,
div#main div.pagenavi2 a:hover,
div#main div.pagenavi2 a:focus{
	color:#3c8652;
	text-decoration:underline;
}
/*----ページタイトル------*/
div#main h3{
	background-color:#000;
	margin:42px 0 5px;
	padding:0;
}
div#main h3 a{
	margin:0;
	font-size:118%;
	line-height:1.4em;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	vertical-align:bottom;
	background-repeat:no-repeat;
}
div#main h3 a,
div#main h3 a:link{
	width:451px;
	_width:480px;
	padding:0 25px 0 4px;
	display:block;
	background-color:#000;
	background-image:url(images/title_bg.gif);
	background-position:right middle;
	background-repeat:no-repeat;
	color:#fff;
	text-decoration:none;
}

div#main h3 a:active,
div#main h3 a:hover,
div#main h3 a:focus{
	width:451px;
	_width:480px;
	padding:0 25px 0 4px;
	background-color:#ccc;
	background-image:url(images/title_bg_o.gif);
	background-position:right middle;
	background-repeat:no-repeat;
	color:#fff;
	text-decoration:none;
}
/*----エントリー本文------*/
div#main div.entry{
	margin-bottom:70px;
}
div#main div.entry_body{
	margin-top:15px;
}
/*エントリー内のスタイル設定*/
div#main div.entry_body strong,
div#main div.entry_more strong{
	font-weight:bold;
}
div#main div.entry_body em,
div#main div.entry_more em{
	font-style:italic;
}
div#main div.entry_body blockquote,
div#main div.entry_more blockquote{
	padding: 10px;
	margin:0;
	background-color: #EEE;
}
div#main div.entry_body ul,
div#main div.entry_more ul{
	list-style:disc;
}
div#main div.entry_body li,
div#main div.entry_more li{
	margin-left:1em;
}



div#main div.entry_body img,
div#main div.entry_more img{
	margin:13px 0 0;
}
div#main div.entry_body a img,
div#main div.entry_more a img{
	text-decoration:none;
}
div#main div.entry_body a,
div#main div.entry_more a{
	text-decoration:none;
}
div#main div.entry_body a,
div#main div.entry_body a:link,
div#main div.entry_more a,
div#main div.entry_more a:link{
	color:#3c8652;
	text-decoration:underline;
}

div#main div.entry_body a:active,
div#main div.entry_body a:hover,
div#main div.entry_body a:focus,
div#main div.entry_more a:active,
div#main div.entry_more a:hover,
div#main div.entry_more a:focus{
	background-color:#3c8652;
	color:#fff;
	text-decoration:underline;
}
div#main div.entry_body a:active img,
div#main div.entry_body a:hover img,
div#main div.entry_body a:focus img,
div#main div.entry_more a:active img,
div#main div.entry_more a:hover img,
div#main div.entry_more a:focus img{
	background-color:#fff;
}
/*----エントリー 付属情報------*/
div#main div.entry_info{
	background-image:url(images/entry_infohr.gif);
	background-repeat:no-repeat;
	margin-top:19px;
	padding-top:6px;
}
/*---clearfix-*/
div#main div.entry_info:after {
    content: "."; 
	font-size:0;
    display: block; 
    clear: both; 
    visibility: hidden;
	line-height: 0;
}
div#main div.entry_info {
	display:inline-block;
	color:#aaaaaa;
	font-size:83%;
}
/*Hides from IE-mac\*/
*html div#main div.entry_info {
	height:1%;
	}
div#main div.entry_info{display:block}
/*end hide from IE-mac*/

div#main div.entry_info a{
	text-decoration:none;
}
div#main div.entry_info a,
div#main div.entry_info a:link{
	background-color:#fff;
	color:#3c8652;
}

div#main div.entry_info a:active,
div#main div.entry_info a:hover,
div#main div.entry_info a:focus{
	background-color:#3c8652;
	color:#fff;
}
div#main div.entry_author{
	float:left;
}
div#main div.entry_state{
	float:right;
}

/*----コメント------*/
div#main div#comments h2{
	margin:37px 0 15px;
}
div#main div#comments dl.comment_body{
	margin-bottom:30px;
}
div#main div#comments dl.comment_body dt{
	color:#aaaaaa;
	font-size:83%;
	background-image:url(images/entry_infohr.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
	margin:19px 0 10px;
	padding-bottom:6px;
}
div#main div#comments dl.comment_body dt a{
	text-decoration:none;
}
div#main div#comments dl.comment_body dt a,
div#main div#comments dl.comment_body dt a:link{
	background-color:#fff;
	color:#3c8652;
}

div#main div#comments dl.comment_body dt a:active,
div#main div#comments dl.comment_body dt a:hover,
div#main div#comments dl.comment_body dt a:focus{
	background-color:#3c8652;
	color:#fff;
}
div#main div#comments dl#comment_form dt{
	margin:15px 0 3px;
}
div#main div#comments dl#comment_form label{
	background-color:#000;
	color:#fff;
	padding:2px 4px;
}
div#main div#comments dl#comment_form label.cookie{
	font-size:83%;
	margin:0 5px 0 20px;
}
div#main div#comments dt label#labelsubmit{
	display:none;
}
div#main div#comments input.txt{
	height:20px;
	width:301px;
	/*border:1px solid 666666;*/
	background-image:url(../contact/images/images/form_bg.gif);
	background-repeat:repeat-x;
	background-position:top left;
	background-color:#fefcfc;
}
div#main div#comments textarea{
	height:66px;
	width:301px;
	/*border:1px solid 666666;*/
	background-image:url(../contact/images/images/form_bg.gif);
	background-repeat:repeat-x;
	background-position:top left;
	background-color:#fefcfc;
}

/*----コメント------*/
div#main div#trackback h2{
	margin:39px 0 15px;
}
div#main div#trackback p.tb_link{
	background-color:#f2f2f2;
	padding:11px 10px;
	margin-bottom:15px;
}
div#main div#trackback p.tr-title{
	color:#aaaaaa;
	background-image:url(images/entry_infohr.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
	margin:19px 0 10px;
	padding-bottom:6px;
}

div#main div#trackback p.tr-title a{
	text-decoration:none;
}
div#main div#trackback p.tr-title a,
div#main div#trackback p.tr-title a:link{
	background-color:#fff;
	color:#3c8652;
}

div#main div#trackback p.tr-title a:active,
div#main div#trackback p.tr-title a:hover,
div#main div#trackback p.tr-title a:focus{
	background-color:#3c8652;
	color:#fff;
}