@charset "UTF-8";



/*==============================================================================
 * Pompy Blog Common CSS
 * 
 * (fh_diary_list, 
 * fh_diary, 
 * fh_diary_comment_confirm, 
 * h_diary_add, h_diary_edit, 
 * h_diary_edit_congirm)
 * 
 * Version: default
 *----------------------------------------------------------------------------*/



	/*----------------------------------------------
	
	Blog Common Config
	(OpenPNE Css Initialization)
	
	----------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}
body {
	text-align: center;
	background-image: url(./img/bg_pompyheader.gif);
	background-repeat: repeat-x;
	background-color: #fff;
	width: 100%;
}
#All {
	margin: 0 auto;
	text-align: left;
	width: 830px;
}
body#pc_page_fh_diary_official #All ,
body#pc_page_fh_diary_list_official #All {
	width: 650px;
}
#Wrap {
	width: 830px;
	background-image: none;
}
body#pc_page_fh_diary_official #Wrap ,
body#pc_page_fh_diary_list_official #Wrap {
	width: 650px;
	background-image: none;
}
#outWrap {
	width: 830px;
}
#inWrap {
	position: relative;
	width: 830px;
	background-image: none;
}
#Footer {
	width: 100%;
	padding: 20px 0 30px;
	background-image: none;
	border-top: 1px solid #ccc;
}
body#pc_page_fh_diary_official #Footer ,
body#pc_page_fh_diary_list_official #Footer {
	width: 830px;
}
#Footer address {
	padding: 2px 0 0 10px;
}

/* Pompy Headerとの間隔 */
#Container { padding: 0; width: 830px; }
body#pc_page_fh_diary_official #Container ,
body#pc_page_fh_diary_list_official #Container { padding: 0; width: 650px; }
body.weblog #Container { margin-top: 85px; }


	/*----------------------------------------------
	Pompy Header (site ID)
	----------------------------------------------*/
body #Header {
	position: absolute;
	top: 0;
	left: 0px;
	width: 830px;
	height: 35px;
	min-height: 35px;
	zoom: 1;
}
#inSite, #outSite {
	position: relative;
}
#logo,
#globalNav {
	position: absolute;
}
#Header #logo {
/*	top: 3px; */
	top: 10px;
/*	left: 0px; */
	left: 545px;
	text-indent: -9999px;
	width: 141px;
	height: 30px;
	z-index: 100;
}
#Header #logo a {
	display: block;
	text-decoration: none;
	width: 141px;
	height: 30px;
	background: url(../../css_blog/default/img/logo_blog.gif) no-repeat;
	border: 0px none;
}

#outSite #logout {
	display: none;
}
#inSite #logout a {
	position: absolute;
/*	top: 10px; */
	top: 20px;
	left: 740px;
	text-indent: 0px;
	font-size: 90%;
	color: #eef4f8;
	width: 5em;
	height: 1em;
	text-decoration: underline;
}
#inSite #logout a:hover, #inSite #logout a:hover {
	color: #eef4f8;
	text-decoration: none;
}



	/*----------------------------------------------
	Base Layout (GlobalNavigation)
	----------------------------------------------*/
#globalNav { margin: 0; padding: 0; line-height:0px; height: 0;}
#globalNav ul { margin: 0; padding: 0; line-height:0px; height: 0;}

#globalNav li { margin: 0; padding: 0; line-height:0px; height: 0;}

#Header #globalNav li a {
	display: block;
	position: absolute;
/*	top: 0px; */
	top: 10px;
	text-indent: -9999px;
	height: 35px;
}

#Header #globalNav #globalNav_0 {
	display: block;
	position: absolute;
/*	top: 0px; */
	top: 10px;
/*	left: 386px; */
	left: 286px;
	text-indent: -9999px;
	width: 110px;
	height: 35px;
	background-position: 0px 0px;
}

#Header #globalNav li a { background: url(../../img/common/globalnav.jpg) no-repeat;}

/* #Header #globalNav #globalNav_1 a { left: 323px; width:  65px; background-position: -110px 0px;} */
/* #Header #globalNav #globalNav_2 a { left: 470px; width:  73px; background-position: -175px 0px;} */
/* #Header #globalNav #globalNav_3 a { left: 615px; width:  93px; background-position: -248px 0px;} */
#Header #globalNav #globalNav_1 a { left: 223px; width:  65px; background-position: -110px 0px;}
#Header #globalNav #globalNav_2 a { left: 370px; width:  73px; background-position: -175px 0px;}
#Header #globalNav #globalNav_3 a { left: 0px; width:  93px; background-position: -248px 0px;}


#Header #globalNav #globalNav_1 a:hover { background-position: -110px -35px;}
#Header #globalNav #globalNav_2 a:hover { background-position: -175px -35px;}
#Header #globalNav #globalNav_3 a:hover { background-position: -248px -35px;}


	/*----------------------------------------------
	Others
	----------------------------------------------*/
#LayoutBlog .operation,
#LayoutBlog_2 .operation {
	border-top: 0px none;
}

.prevNextLinkLine {
	margin-bottom: 20px;
}



	/*----------------------------------------------
	
	#LayoutBlog (レイアウト設定)
	
	----------------------------------------------*/
#LayoutBlog,
#LayoutBlog_2 {
	background: #fff;
}

#LayoutBlog #Center {
	float: right;
	margin: 0 20px 0px 0px;
	padding: 0 0px 0;
	width: 350px;
}
body#pc_page_fh_diary_official #LayoutBlog #Center,
body#pc_page_fh_diary_list_official #LayoutBlog #Center {
	float: left;
}

#LayoutBlog_2 #Center {
	margin: 0 0 0 0px;
	padding: 0 10px 0;
}


#LayoutBlog #Left,
#LayoutBlog_2 #Left {
	padding: 0 0 40px;
	float: left;
	width: 270px;
}
#LayoutBlog #Right {
	padding: 0 0 40px;
	float: right;
	width: 160px;
}

#LayoutBlog a,
#LayoutBlog_2 a { color: #f1667b; }
#LayoutBlog a:hover,
#LayoutBlog_2 a:hover { color: #0066cc; }



	/*----------------------------------------------
	
	Common (基礎設定)
	
	----------------------------------------------*/
h1 {
	text-decoration: none;
	font-size: 32px;
}

h2 {
	text-decoration: none;
	font-size: 12px;
}

h3 {
	font-size: 16px;
	line-height: 1.5;
	font-weight: bolder;
	color: #371e29;
}

h4 {
	margin-bottom: 5px;
	padding: 3px 0;
	font-size: 12px;
	font-weight: bolder;
	color: #371e29;
	background: url(../../img/review/review_bg_title_border.gif) 0 bottom repeat-x;
}



	/*----------------------------------------------
	
	#logHeader
	
	----------------------------------------------*/

#logHeader {
/*	padding: 40px 0 80px;*/
	padding: 0px 0 20px;
}

#BlogTitle a {
	color: #000000;
}
#BlogTitle a:hover {
	color: #000000;
	text-decoration: underline;
}

h3.entryConfigTitle {
	margin-bottom: 15px;
	padding: 3px 0;
	background: url(../../img/review/review_bg_title_border.gif) 0 bottom repeat-x;
}


	/*----------------------------------------------
	
	.layoutBox
	
	----------------------------------------------*/
.layoutBox {
	margin-bottom: 20px;
	padding: 0 3px 5px;
}

.layoutBox ul {
	
}
.layoutBox ul li {
	font-size: 10px;
	line-height: 1.4;
}

.layoutBox ul li.list_all {
	margin-top: 15px;
}

.layoutBox .u_photo {
	width: 145px;
	margin-bottom: 10px;
}
.layoutBox .u_photo {
	padding: 3px 2px;
	width: 145px;
	text-align: center;
	border: 1px solid #ccc;
}

.layoutBox .u_table dl {
	margin-bottom: 20px;
}
.layoutBox .u_table dt,
.layoutBox .u_table dd {
	padding: 3px 0;
	font-size: 11px;
	color: #555555;
}
.layoutBox .u_table dt {
	float: left;
	clear: both;
}
.layoutBox .u_table dd {
	
}
/* 2009.07.01 */
.layoutBox .u_table p {
/*	margin-bottom: 20px;*/
	margin-bottom: 20px;
	padding: 3px 0;
	font-size: 90%;
	line-height: 1.5;
}

.layoutBox p.u_pr {
	color: #555555;
}



	/*----------------------------------------------
	
	.entryPage
	
	----------------------------------------------*/
.entryPage {
	margin-top: 5px;
	margin-bottom: 40px;
	text-align: center;
}
.entryPageBottom {
	margin-bottom: 80px;
	text-align: center;
}

.entryPage p,
.entryPageBottom p {
	display: inline;
	font-size: 10px;
}



	/*----------------------------------------------
	
	Entry (記事) .entryColumn
	
	----------------------------------------------*/
.entryColumn {
	margin-bottom: 50px;
}

body#pc_page_fh_diary .entryColumn {
	margin-bottom: 50px;
}


.entryColumn .entryDate {
	padding: 0 15px 5px;
	font-size: 10px;
}
.entryColumn .entryTitle {
	background: #efefef url(./img/fh_diary_title_bg_a.gif) left top no-repeat;
}

.entryColumn .entryTitle h3 {
	padding: 0 15px;
	min-height: 26px;
	height: auto !important;
	height: 26px;
	background: url(./img/fh_diary_title_bg_b.gif) left bottom no-repeat;
}

.entryColumn .entryTheme {
	padding: 5px 15px;
	font-size: 12px;
}
.entryColumn .entryBody {
	margin: 20px 0;
	padding: 3px 15px;
	font-size: 18px;
	line-height: 1.5;
}
.entryColumn .entryBody p {
	font-size: 12px;
	line-height: 1.5;
}
.entryColumn .entryBody ul.photo {
	text-align:center;
	margin: 0 auto;
}



.entryColumn p {
	margin-bottom: 10px;
}


.entryColumn table {
	width: 100%;
}
.entryColumn table th,
.entryColumn table td {
	padding: 3px;
	background: #efefef;
	border-bottom: 2px solid #fff;
}
.entryColumn table th {
	width: 6em;
}
.entryColumn table td {
	line-height: 1.5;
}

.entryColumn table p {
	line-height: 1.5;
	margin-bottom: 0;
}

.entryColumn table input.input_text {
	line-height: 1.2;
	height: 1.2em;
}
.entryColumn table textarea {
	width: 410px;
}

.entryNon {
	padding: 30px 10px;
	text-align: center;
	background: #ededed;
}



	/*----------------------------------------------
	
	#eComment
	
	----------------------------------------------*/
#eComment {
	margin-bottom: 50px;
}
#eComment h3 {
	font-size: 16px;
	margin-bottom: 15px;
	background: url(../../img/review/review_bg_title_border.gif) 0 bottom repeat-x;
}
#eComment h4 {
	margin-bottom: 15px;
}

#eComment .entryComment {
	margin-bottom: 20px;
}

#eComment .entryComment .entryUser {
	display: inline;
	float: left;
}
#eComment .entryComment .entryDate {
	display: block;
	float: right;
}
#eComment .entryComment .entryBody {
	
}

#eComment {
	margin-bottom: 50px;
}

#eComment .entryComment {
	margin-bottom: 20px;
}

#eComment .entryComment dl {
	margin-bottom: 10px;
}

#eComment .entryComment dl dt {
	clear: float;
	float: left;
}
#eComment .entryComment dl dd {
	
}
#eComment .entryComment p {
	padding-bottom: 10px;
	background: url(../../img/review/review_bg_title_border.gif) 0 bottom repeat-x;
}

#eComment .entryComment .entryUser {
	display: inline;
	float: left;
}
#eComment .entryComment .entryDate {
	display: block;
	float: right;
}
#eComment .entryComment .entryBody {
	
}


	/*----------------------------------------------
	
	#commentForm
	
	----------------------------------------------*/
#commentForm {
	margin-bottom: 50px;
}

#commentForm h4 {
	margin-bottom: 15px;
}

.commentFormBody textarea {
	width: 335px;
}

body#pc_page_fh_diary_comment_confirm #commentForm {
	margin-bottom: 50px;
}
body#pc_page_fh_diary_comment_confirm #commentForm p {
	margin-bottom: 10px;
}
body#pc_page_fh_diary_comment_confirm #commentForm h4 {
	font-size: 16px;
	margin-bottom: 15px;
}

body#pc_page_fh_diary_comment_confirm .commentFormBody {
	padding: 5px;
	background: #efefef;
}
body#pc_page_fh_diary_comment_confirm .commentFormBody textarea {
	width: 400px;
}
/*
body#pc_page_fh_diary_comment_confirm .operation {
	margin-top: 2px;
	background: #dedede;
}
*/


	/*----------------------------------------------
	
	#eTrackback
	
	----------------------------------------------*/
#eTrackback {
	margin-bottom: 50px;
}

#eTrackback h3 {
	font-size: 16px;
	margin-bottom: 15px;
	background: url(../../img/review/review_bg_title_border.gif) 0 bottom repeat-x;
}

#eTrackback h4 {
	margin-bottom: 15px;
}

#eTrackback .entryTrackbackUrl {
	margin-bottom: 20px;
}

#eTrackback .entryTrackbackUrl p {
	
}
#eTrackback .entryTrackbackUrl input {
	width: 80%;
}

	/*----------------------------------------------
	
	#entryColumnList
	
	----------------------------------------------*/
#entryColumnList {
	
}

#entryColumnList h3 {
	font-size: 16px;
	margin-bottom: 15px;
	background: url(../../img/review/review_bg_title_border.gif) 0 bottom repeat-x;
}

dl.entryList {
	display: block;
	margin-bottom: 5px;
}

.entryList dt {
	padding: 3px 0;
}
.entryList dd {
	padding: 3px 0;
	font-size: 10px;
	color: #555555;
}


/* 
.entryList dt {
	display: inline;
	padding: 3px 0;
	clear: both;
	float: left;
	width: 70%;
}
.entryList dd {
	display: block;
	padding: 3px 0;
	float: right;
	font-size: 10px;
	color: #555555;
	width: 29%;
}
 */






	/*----------------------------------------------
	
	#blogNav
	
	----------------------------------------------*/

#blogNav {
	padding: 0 0 20px;
}
#blogNav li {
	padding-bottom: 10px;
}
#blogNav li a {
	text-indent: 0;
}
#blogNav li {
	font-size: 90%;
	line-height: 1.5;
	height: 16px;
	background-image: none;
	background-position: left center;
	background-repeat: no-repeat;
}
#blogNav li a {
	display: inline;
	height: 16px;
	background-image: none;
	background-position: left center;
	background-repeat: no-repeat;
}

#blogNav li.blogNav_1 {
	padding-bottom: 20px;
	font-size: 12px;
}



	/*----------------------------------------------
	
	#fLocalNav
	
	----------------------------------------------*/

#fLocalNav {
	padding: 0 0 20px;
}
#fLocalNav li {
	padding-bottom: 10px;
}
#fLocalNav li a {
	text-indent: 0;
}
#fLocalNav li {
	font-size: 90%;
	line-height: 1.5;
	height: 16px;
	background-image: none;
	background-position: left center;
	background-repeat: no-repeat;
}
#fLocalNav li a {
	display: inline;
	padding-left: 20px;
	height: 16px;
	background-image: none;
	background-position: left center;
	background-repeat: no-repeat;
}
/*
li#fLocalNav_1 { top: 520px; left:  45px; }
li#fLocalNav_2 { top: 520px; left: 180px; }
li#fLocalNav_3 { top: 550px; left:  45px; }
li#fLocalNav_4 { top: 550px; left: 180px; }
li#fLocalNav_5 { top: 580px; left:  45px; }
*/
/*
#fLocalNav li a { color: #e35e6f;}
#fLocalNav li a:hover { color: #1b5195;}
*/


li#fLocalNav_0 {
	margin-bottom: 15px;
}

li#fLocalNav_0 a,
li#fLocalNav_0 a:hover {
	display: block;
	padding-left: 0;
	text-decoration: none;
	text-indent: -9999px;
	width: 163px;
	height: 33px;
	background-image: url(./img/fh_diary_button_prof.jpg);
	background-repeat: no-repeat;
	border: 0px none;
}

li#fLocalNav_0 a { background-position: 0 0; }
li#fLocalNav_0 a:hover { background-position: 0 -33px; }


li#fLocalNav_0s a,
li#fLocalNav_0s a:hover { background-image: url(../../css_skin/default/img/h_home_icon_0.png); }

li#fLocalNav_1 a,
li#fLocalNav_1 a:hover { background-image: url(../../css_skin/default/img/h_home_icon_1.gif); }
li#fLocalNav_2 a,
li#fLocalNav_2 a:hover { background-image: url(../../css_skin/default/img/h_home_icon_2.gif); }
li#fLocalNav_3 a,
li#fLocalNav_3 a:hover { background-image: url(../../css_skin/default/img/h_home_icon_3.gif); }
li#fLocalNav_4 a,
li#fLocalNav_4 a:hover { background-image: url(../../css_skin/default/img/h_home_icon_4.gif); }
li#fLocalNav_5 a,
li#fLocalNav_5 a:hover { background-image: url(../../css_skin/default/img/f_home_icon_1.gif); }



	/*----------------------------------------------
	
	#hLocalNav
	
	----------------------------------------------*/

#hLocalNav {
	padding: 0 0 20px;
}
#hLocalNav li {
	padding-bottom: 10px;
}
#hLocalNav li a {
	text-indent: 0;
}
#hLocalNav li {
	font-size: 90%;
	line-height: 1.5;
	height: 16px;
	background-image: none;
	background-position: left center;
	background-repeat: no-repeat;
}
#hLocalNav li a {
	display: inline;
	padding-left: 20px;
	height: 16px;
	background-image: none;
	background-position: left center;
	background-repeat: no-repeat;
}

li#hLocalNav_1 { top: 520px; left:  45px; }
li#hLocalNav_2 { top: 520px; left: 180px; }
li#hLocalNav_3 { top: 550px; left:  45px; }
li#hLocalNav_4 { top: 550px; left: 180px; }
li#hLocalNav_5 { top: 580px; left:  45px; }

/*
#hLocalNav li a { color: #e35e6f;}
#hLocalNav li a:hover { color: #1b5195;}
*/

/*  2009.07.01 非表示*/
li#hLocalNav_0 {
	margin-bottom: 15px;
}

li#hLocalNav_0 a,
li#hLocalNav_0 a:hover {
	display: block;
	padding-left: 0;
	text-decoration: none;
	text-indent: -9999px;
	width: 163px;
	height: 33px;
	background-image: url(./img/fh_diary_button_prof.jpg);
	background-repeat: no-repeat;
	border: 0px none;
}

li#hLocalNav_0 a { background-position: 0 0; }
li#hLocalNav_0 a:hover { background-position: 0 -33px; }

li#hLocalNav_0s a,
li#hLocalNav_0s a:hover { background-image: url(../../css_skin/default/img/h_home_page_h2_16x16.gif); }
li#hLocalNav_1 a,
li#hLocalNav_1 a:hover { background-image: url(../../css_skin/default/img/h_home_icon_1.gif); }
li#hLocalNav_2 a,
li#hLocalNav_2 a:hover { background-image: url(../../css_skin/default/img/h_home_icon_2.gif); }
li#hLocalNav_3 a,
li#hLocalNav_3 a:hover { background-image: url(../../css_skin/default/img/h_home_icon_3.gif); }
li#hLocalNav_4 a,
li#hLocalNav_4 a:hover { background-image: url(../../css_skin/default/img/h_home_icon_4.gif); }
li#hLocalNav_5 a,
li#hLocalNav_5 a:hover { background-image: url(../../css_skin/default/img/f_home_icon_1.gif); }



	/*----------------------------------------------
	
	calendar
	
	----------------------------------------------*/
.c_nav p {
	margin-bottom: 5px;
	text-align: center;
	font-size: 10px;
	color: #ccc;
}

.c_month {
	color: #000;
}

table.calendar {
	width: 100%;
}

.calendar th {
	padding: 2px 3px;
	text-align: center;
	font-size: 10px;
	word-break: normal;
	letter-spacing: -1px;
	width: 14%;
}
.calendar td,
.calendar td * {
	padding: 2px 3px;
	text-align: center;
	font-size: 10px;
	word-break: normal;
	letter-spacing: -1px;
}
.calendar td a {
	font-weight: bold;
}
#Wrap .calendar .holiday,
.calendar .sun {
	color: #d92c49;
}
.calendar .sat {
	color: #2c65d9;
}



	/*----------------------------------------------
	
	Entry (記事) .entryFooter
	
	----------------------------------------------*/
.entryFooter {
	background: url(../../img/review/review_bg_title_border.gif) 0 top repeat-x;
}

body#pc_page_fh_diary_list_digest .entryFooter {
	display: block;
	background: url(../../img/review/review_bg_title_border.gif) 0 top repeat-x;
}

.entryFooter ul {
	text-align: right;
}
body#pc_page_fh_diary_list_digest .entryFooter ul {
	height: 50px;
}

.entryFooter ul li {
	display: inline;
	margin-left: 8px;
	font-size: 10px;
	line-height: 1.5;
	height: 16px;
	background-image: none;
	background-position: left center;
	background-repeat: no-repeat;
}

.entryFooter ul li a {
	display: inline;
	padding: 3px 0 3px 20px;
	height: 20px;
	background-image: none;
	background-position: left 50%;
	background-repeat: no-repeat;
}

.entryFooter ul li.entryFooter_1s a,
.entryFooter ul li.entryFooter_1s a:hover { background-image: url(./img/fh_diary_icon_1s.gif); }
.entryFooter ul li.entryFooter_1 a,
.entryFooter ul li.entryFooter_1 a:hover { background-image: url(./img/fh_diary_icon_1.gif); }
.entryFooter ul li.entryFooter_2 a,
.entryFooter ul li.entryFooter_2 a:hover { background-image: url(./img/fh_diary_icon_2.gif); }
.entryFooter ul li.entryFooter_3 a,
.entryFooter ul li.entryFooter_3 a:hover { background-image: url(../../css_skin/default/img/h_home_icon_1.gif); }

/*
li#entryFooter_4 a,
li#entryFooter_4 a:hover { background-image: url(../../css_skin/default/img/h_home_icon_4.gif); }
*/



a.voice_blog1 {
	background-image: url(/img/o_top/banner_sj6.png);
	display: block;
	height: 45px;
	left: 365px;
	position: absolute;
	text-indent: -2000;
	top: 75px;
	width: 160px;
}

a.voice_blog2 {
	background-image: url(/img/o_top/banner_sj6.png);
	display: block;
	height: 45px;
	left: 405px;
	position: absolute;
	text-indent: -2000;
	top: 125px;
	width: 160px;
}