@charset "utf-8";

/* ****************************************************************** 

	@This stylesheet Information{
		CSS File Name: styles.css

		Setting of: General pages
			1: General setting
			2: wrapper setting
			3: header setting
			4: container setting
			5: left  setting
			6: center  setting
			7: preContents setting
			8: aboutContents setting
			9: infoContents setting
			10: footer setting
	}

****************************************************************** */


/*===================================================================
	1: General setting
===================================================================*/

body,div,h1,h2,h3,p,form,fieldset{
	margin:0; 
	padding:0; 
}

body{
	font-size:small;
	color:#333;
	background:#FFF7CF;
	line-height:1.4;
	font-family: 'MS PGothic',Verdana, Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', Osaka, sans-serif;
	text-align:center;
	word-break:break-all;word-wrap:break-word; /*IE*/
}

div,p,span,a,input,select,textarea,form,ul,ol,li,dl,dt,dd,tr,td,table{font-size:100%;}


/* Link Color*/
a:link{color:#008837; text-decoration:underline;}
a:visited{color:#90C384; text-decoration:underline;}
a:hover{color:#008837; text-decoration:none;}
a:active{color:#F37712; text-decoration:underline;}


img , a{border:0;}

h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
	font-size:1em;
}

strong , em{font-weight:bold; font-style:normal;}

hr{display:none;}

address{font-style:normal;}

table{border-collapse:collapse}
table th{text-align:left;}

input{line-height:normal;}


.dispNone,
.skipNav{
	display: none;
	/* Hides from IE5-Mac \*/ 
	display: block;
	position: absolute;
	top: -500px;
	left: -2500px;
	font-size: 1px;
	line-height: 100%;
	/*end  Hides from IE5-Mac */
}


/* clearfix */
.pkg:after{
	content: "";
	display: block;
	clear: both;
	height: 0.1px;
}

.pkg{ display: inline-block; }

/* no ie mac \*/
* html .pkg{ height: 1%; }
.pkg{ display: block; }
/* */


.test{border:1px solid #000 !important;}


/* cocolog default set */

.link-note{}
#powered {}

#photo{text-align: center;margin-bottom: 20px;}

.module-qrcode{text-align:center;}


/*===================================================================
	2: wrapper setting
===================================================================*/

div#wrapper{
	font-size:small;
}



/*===================================================================
	3: header setting
===================================================================*/

#headNiftySearch{
	width: 800px;
	margin:0 auto;
	text-align:right;
	background:#EFEFEF;
	padding:4px 0 3px;
	border-bottom:1px solid #C9C9C9;
}

#headNiftySearch a:link{color:#003399; text-decoration:underline;}
#headNiftySearch a:visited{color:#003399; text-decoration:underline;}
#headNiftySearch a:hover{color:#FF6600; text-decoration:none;}

#headNiftySearch div,
#headNiftySearch p,
#headNiftySearch form{
	display:inline;
}

#headNiftySearch input.searchTxtArea{
	width:150px;
	margin:0 5px 0 0;
}

#headNiftySearch input#srchWeb,
#headNiftySearch input#srchSite,
#headNiftySearch input#srchNifty{
	/*vertical-align:-.2em;*/
}

#headNiftySearch label{
	/*zoom:1;*/
	margin:0 5px 0 0;
}

#headNiftySearch #headNiftyLink{
	padding:0 10px 0 7px;
	margin:0 0 0 4px;
}

/* no ie mac \*/
#headNiftySearch #headNiftyLink{border-left:1px solid #B0B0B0;}
/* */


/*===================================================================
	4: container setting
===================================================================*/
div#container {
	width: 800px;
	margin:0 auto;
	text-align:left;
	padding:22px 0 0px;
	background:#FFF;
	border-top:13px solid #F4882F;
}

div#container a#banner-img{
	display:block;
	height:47px;
} /* for comment prevew */
div#container a#banner-img .banner-alt{
	display:none;
} /* for comment prevew */


div#banner{
	padding:0 19px 0 26px;
}
div#banner h1{
	margin:0;
	width:755px;
	height:150px;
	background:#FFF url(http://kouken-int.nifty.co.jp/images/ttl_main.gif) no-repeat 0 0;
}
div#banner h1 a{
	display:block;
	width:755px;
	height:150px;
	text-decoration:none;
	font-size:0;
	line-height:100em;
	overflow:hidden;
}

body:first-of-type div#banner h1 a{font-size:0.1em;}/* Safari Hack*/


div#banner h2{display:none;}

div#syndicate p{
	float:right;
	position:relative;
	top:-163px;
	right:19px;
	margin-bottom:-100%;
}

div#pagebody{
	margin:0;
	width:100%;
}

div#pagebody-inner{
	margin:30px 19px 0px 26px;
	zoom:1;
}

div#pagebody p.more,
div#pagebody p.extended{
	text-align:right;
	margin:0;
	padding:0;
}
div#pagebody p.more a,
div#pagebody p.extended a{
	background:url(http://kouken-int.nifty.co.jp/images/ico_arrow-r.gif) no-repeat 0px 50%;
	padding-left:8px;
}


/*===================================================================
	5: left  setting
===================================================================*/

div#left{
	float:left;
	width:192px;
	overflow: hidden;
}


div#left .sidebar .module{
	margin-bottom:22px;
}

div#left .sidebar p{}

div#left .sidebar ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
div#left .sidebar li{
	line-height:1.3;
	margin:.7em 0;
	display:inline-block;
}


/* #recent-information */
div#left .sidebar div#recent-information{
	background:#FFF0AB;
	padding:12px 11px 15px;
	margin-bottom:10px;
}

div#left .sidebar div#recent-information a:link{color:#F86F00;}
div#left .sidebar div#recent-information a:visited{color:#FFB54B;}
div#left .sidebar div#recent-information a:hover{color:#F86F00;}
div#left .sidebar div#recent-information a:active{color:#008837;}

div#left .sidebar div#recent-information ul{
	margin:10px 8px 0 0;
}

div#left .sidebar div#recent-information li{
	background:url(http://kouken-int.nifty.co.jp/images/ico_li.gif) no-repeat 5px .6em;
	padding-left:14px;
}
div#left .sidebar div#recent-information p.more{
	margin-right:8px;
}


/* #about-blog */
div#left .sidebar div#about-blog{
	margin-left:10px;
}

div#left .sidebar div#about-blog a:link{color:#F37712;}
div#left .sidebar div#about-blog a:visited{color:#FFB54B;}
div#left .sidebar div#about-blog a:hover{color:#F37712;}
div#left .sidebar div#about-blog a:active{color:#008837;}

div#left .sidebar div#about-blog p{
	font-weight:bold;
	background:url(http://kouken-int.nifty.co.jp/images/ico_arrow_orange.gif) no-repeat 0 .25em;
	padding:0 0 0 18px;
}


/* #recent-entries */
div#left .sidebar div#recent-entries ul{
	margin:0;
	position:relative;
	top:-5px;
}

div#left .sidebar div#recent-entries li{
	margin:20px 0 0px;
}
div#left .sidebar div#recent-entries li .thumbnail{
	float:left;
	margin-top:2px;
}
div#left .sidebar div#recent-entries li p{
	margin-left:42px;
	margin-bottom:0;
}
div#left .sidebar div#recent-entries li p span{
	font-weight:bold;
	color:#525252;
	display:block;
	margin-bottom:.2em;
}


/* #archive-category */
div#left .sidebar div#archive-category ul{
	margin:12px 0 0 11px;
}
div#left .sidebar div#archive-category li{
	margin:.3em 0;
	display:block;
}
div#left .sidebar div#archive-category li img{
	vertical-align:middle;
}


/* #cocologBnr */
div#left .sidebar div#cocologBnr{
	text-align:center;
	margin:30px 0;
}



/*===================================================================
	6: center  setting
===================================================================*/


div#center{
	float: right;
	width: 537px;
	overflow: hidden;
}

.content{
	width: 537px;
	margin-left:218px;
	overflow: hidden;
} /* for comment prevew */

#mainContents.content{
	width:auto;
	overflow:visible;
	margin:0;
}

.content h2{
	font-weight:normal;
	color:#525252;
	letter-spacing:-1px;
}
/*.content h2.content-header{
	margin:0 0 20px !important;
	padding-top:0;
	font-size:1.2em !important;
}*/

.content h3{
	font-size:1.1em;
	line-height:1.25;
	margin-bottom:.8em;
}
.content h3 a:link{color:#F37712;}
.content h3 a:visited{color:#FFB54B;}
.content h3 a:hover{color:#F37712;}
.content h3 a:active{color:#008837;}

.content p{
	margin:0 0 1em;
}

.content p.extended{
	margin:0;
}

.content p.posted{
	clear: both;
	text-align:right;
	margin:10px 5px;
}

.content blockquote{
	background:#FFF7CF;
	margin:0;
	padding:.5em 12px;
	color:#767676;
}

.content li{}

.content .entry-more{
	clear:both;
}

.content ul.entry-nav{
	width:100%;
	list-style-type:none;
	margin:20px 0 0;
	padding:0;
	color:#008837;
}
.content ul.entry-nav li.prev{
	width:48%;
	float:left;
	text-align:left;
	margin:0 !important;
}
.content ul.entry-nav li.next{
	width:48%;
	float:right;
	text-align:right;
	margin:0 !important;
}


.content #navBtm{
	border-top:4px solid #C4C4C4;
	padding:0;
}
.content #navBtm p{
	margin:5px 0 10px;
}



/* #newEntry */
.content #newEntry .entry-top{
	margin-bottom:10px;
}
.content #newEntry .entry{
	background:url(http://kouken-int.nifty.co.jp/images/bg_index-lead.gif) no-repeat 100% 100%;
	padding:0 110px 25px 0;
}
.content #newEntry h3{
	font-size:1.5em;
	line-height:1.25;
	color:#F37712;
}
.content #newEntry .extended{
	text-align:left;
}


/* .entryList */
.content .entryList{
	clear:both;
	margin:20px 7px 20px 0;
}

/* clearfix */
.content .entryList:after{
	content: "";
	display: block;
	clear: both;
	height: 0.1px;
}
.content .entryList{ display: inline-block; }
/* no ie mac \*/
* html .content .entryList{ height: 1%; }
.content .entryList{ display: block; }
/* */

.content .entryList .entry-top{
	float:left;
}
.content .entryList .entry{
	margin-left:122px;
}
.content .entryList .entry p{
	margin-bottom:.2em;
}
.content .entryList .entry-more{
	clear:none;
}
.content .entryList .extended a:link{color:#F37712;}
.content .entryList .extended a:visited{color:#FFB54B;}
.content .entryList .extended a:hover{color:#F37712;}
.content .entryList .extended a:active{color:#008837;}


/* #entryDetail */
.content #entryDetail .entry-body{
	background:url(http://kouken-int.nifty.co.jp/images/bg_detail-lead.gif) no-repeat 100% 100%;
	padding:25px 120px 18px 0;
	margin-bottom:20px;
	margin-right:7px;
}

.content #entryDetail .entry-body p{
	margin-top:0;
	color:#525252;
}

.content #entryDetail .entry-more h3{
	color:#F37712;
	font-size:1.14em;
	margin:1.5em 0;
}
.content #entryDetail .entry-more p{
	line-height:1.5;
	color:#525252;
}

.content #entryDetail .entry-more .no-photo,
.content #entryDetail .entry-more .photo-left,
.content #entryDetail .entry-more .photo-right{
	margin-right:7px;
}

/* clearfix */
.content #entryDetail .entry-more .photo-left:after,
.content #entryDetail .entry-more .photo-right:after{
	content: "";
	display: block;
	clear: both;
	height: 0.1px;
}
.content #entryDetail .entry-more .photo-left,
.content #entryDetail .entry-more .photo-right{ display: inline-block; }
/* no ie mac \*/
* html .content #entryDetail .entry-more .photo-left,
* html .content #entryDetail .entry-more .photo-right{ height: 1%; }
.content #entryDetail .entry-more .photo-left,
.content #entryDetail .entry-more .photo-right{ display: block; }
/* */

.content #entryDetail .entry-more .photo-left .photo{
	float:left;
	margin:0 20px 10px 0px;
}
.content #entryDetail .entry-more .photo-right .photo{
	float:right;
	margin:0 0 10px 20px;
}

.content #entryDetail .next{
	text-align:right;
	color:#008837 !important;
	margin:30px 10px;
}


/* #PR */
.content #PR{
	border:1px solid #F8D166;
	padding:9px 14px;
	margin-top:40px;
}
.content #PR h3{
	margin:0 0 15px !important;
}
.content #PR .layout{
	border-collapse:collapse;
	width:500px;
}
.content #PR .layout th,
.content #PR .layout td{
	vertical-align:top;
}
.content #PR .layout th{
	font-weight:normal;
}
.content #PR .layout td{
	background:url(http://kouken-int.nifty.co.jp/images/line_dot.gif) repeat-x 0 100%;
	padding:0 0px 10px
}
.content #PR .layout td.noBG{
	background-image:none;
}
.content #PR .layout td h4{
	margin:0;
	color:#F37712;
	font-size:1.04em;
}
.content #PR .layout td p{
	margin:.3em 4px;
}

.content #PR p.more{
	margin-top:10px;
}



/* trackback , comment */
.entry-trackback,
.comment-list,
.comment-form,
.comment-preview,
.comment-list-previous{
	margin:30px 0;
}

.content .entry-trackback h2,
.content .entry-comment h2,
.content .comment-form h2,
.content .comment-preview h2,
.content .comment-list-previous h2{
	color:#F37712;
	letter-spacing:normal;
	font-weight:bold;
	font-size:1.1em;
}

.content .comment-list p,
.content .comment-form p,
.content .comment-preview p,
.content .comment-list-previous p{
	margin:.5em 3px;
}

.content .entry-trackback p.posted,
.content .comment-list p.posted,
.content .comment-form p.posted,
.content .comment-preview p.posted,
.content .comment-list-previous p.posted{
	font-size:.86em;
	margin:0;
	background:url(http://kouken-int.nifty.co.jp/images/line_dot.gif) repeat-x 0 100%;
	padding:0 0 4px;
}


.trackback-url{}
.trackback-url .url{
	display:block;
	border:1px solid #CCC;
	padding:.2em 5px;
	margin-top:.3em;
}

.comment-form h2{
	margin-bottom:10px;
}
.comment-form #comment-data{
	float: left;
	width: 195px;
	margin-right: 15px;
	text-align: left;
	border-right: 1px dotted #9F9F9F;
}

.comment-form #comment-data p{
	margin-top:0;
}

.comment-form input#author,
.comment-form input#email,
.comment-form input#url{
	width:160px;
}

.comment-form input#bakecookie{
	vertical-align:middle;
}

.comment-form #comment-separator{
	display:none;

}

.comment-form #comment-text-field{
	clear:both;
}

.comment-form textarea#comment-text,
.comment-form textarea#text{
	width: 400px;
}

.comment-form #comment-submit{
	width: 400px;
	text-align:center;
}


/* archive */

.content .archive-category,
.content .archive-datebased,
.content .archive-individual{
	margin:20px 0;
}

.content .archive-category h3,
.content .archive-datebased h3,
.content .archive-individual h3{
	color:#525252;
	font-size:1.3em;
	margin-left:3px;
}

.content .archive-category ul,
.content .archive-datebased ul,
.content .archive-individual ul{
	margin:10px 15px 25px;
	padding:0;
	list-style-type:none;
}

.content .archive-category ul li,
.content .archive-datebased ul li,
.content .archive-individual ul li{
	margin:.6em 0;
	line-height:1.3;
}

.content .archive-category ul li span,
.content .archive-datebased ul li span,
.content .archive-individual ul li span{
	color:#525252;
}

.content .archive-category a:link,
.content .archive-datebased a:link,
.content .archive-individual a:link{color:#F37712;}

.content .archive-category a:visited,
.content .archive-datebased a:visited,
.content .archive-individual a:visited{color:#FFB54B;}

.content .archive-category a:hover,
.content .archive-datebased a:hover,
.content .archive-individual a:hover{color:#F37712;}

.content .archive-category a:active,
.content .archive-datebased a:active,
.content .archive-individual a:active{color:#008837;}



/* img max */
.image-full {
	width: 320px;
}

/* emoji */
.emoticon{
	vertical-align:middle;
}


.image-thumbnail {
	float: left;
	width: 150px;
	margin-bottom:10px;
}

.image-thumbnail img{
	width: 115px;
	height: 115px;
}


/* ads */
.ads{
	margin:30px 0;
	clear:both;
}

.ads p.ad_logo {
	font-weight:bold;
	color:#656055;
	font-size:1.1em;
	margin:0;
}

.ads dl{
	margin:.5em 0px;
}
.ads dl dd{
	margin:0 0 .5em;
}
.ads dl dt a.ad_title,
.ads dl dt a.ad_url,
.ads dl dd a.ad_line{
}
.ads dl dt a.ad_title{
	color:#0062DC;
	font-weight:bold;
	margin-right:5px;
}
div.ads dl dt a.ad_url{
	color:#51B329;
	text-decoration:none;
}
div.ads dl dd a.ad_line{
	text-decoration:none;
	color:#656055;
}


/*===================================================================
	7: preContents setting
===================================================================*/

#preContents{
	text-align:center;
	margin:0 auto;
}


/*===================================================================
	8: aboutContents setting
===================================================================*/

#aboutContents{
	margin:20px 0;
}
#aboutContents h3{
	margin:40px 0 0;
}
#aboutContents p{
	margin:0;
}


/*===================================================================
	9: infoContents setting
===================================================================*/

#info .content h2{margin-bottom:20px;}
#info .content .entry h2{
	margin-bottom:0;
}
#info .content .entry h3{
	color:#F37712;
	font-size:1.14em;
}
#info .content p.posted{
	font-size:.86em;
}

#info .content p.extended{
	margin-top:1em;
	text-align:left !important;
}


/* #newEntry */
#info .content #newEntry .entry-top{
	margin:0px;
}
#info .content #newEntry .entry{
	padding:20px 120px 10px 0;
}


/* .entryList */
#info .content .entryList{
	clear:both;
	margin:20px 7px 20px 0;
}

#info .content .entryList .entry-top{
	float:none;
}
#info .content .entryList .entry{
	margin-left:0px;
}


/* #entryDetail */
#info .content #entryDetail .entry-body{
	background-image:none;
	padding:0;
	margin-bottom:20px;
	margin-right:7px;
}
#info .content #entryDetail .entry-more{
	margin-right:7px;
}



/*===================================================================
	10: footer setting
===================================================================*/

div#footer{
	clear:both;
	width:100%;
	background:#FFF7CF;
	padding:15px 0;
	text-align:center;
}
div#footer .inner{
	width:800px;
	margin:0 auto;
	text-align:left;
}

div#footer p{
	width:200px;
	float:left;
}

#footer address{
	float:right;
	clear:right;
	width:600px;
	text-align:right;
	font-style:normal;
}