@charset "euc-jp";

/* ===================================================================
デフォルト
=================================================================== */

html {
	height:100%;
	}

body {
	background:#FFF url(/images/staffblog/staff_bk.jpg) repeat-x left top;
	/* color: #575757;*/
	color: #424242;
	font-size:62.5%; /* IE */
	font-family:HiraMaruPro-W3, "ヒラギノ丸ゴ Pro W3","ＭＳ Ｐゴシック","MS PGothic",Verdana,helvetica,Arial,Sans-Serif;
	text-align:center;
	height:100%;
	}
	
html>/**/body 
{
	font-size: 10px; /* Except IE */
}
 
/**
 * for IE7 
 * ========================================
 */
	 
*+html body 
{
	font-size:62.5%;
}

  
/**
 * for IE6 
 * ========================================
 */
	 
* html body 
{
	font-size:62.5%;
}

/*----------------------------------------------------
LINK
----------------------------------------------------*/
a:link {
	color:#2e4a9a;
	text-decoration:underline;
	}
a:visited	{
	color:#2e4a9a;
	text-decoration:underline;
	}
a:active {
	color:#930301;
	/*color:#c40000;*/
	text-decoration:underline;
	}
a:hover {
	color:#930301;
	/*color:#c40000;*/
	text-decoration:underline;
	}

/*----------------------------------------------------
汎用class
----------------------------------------------------*/
.vmiddle {
	vertical-align:middle;
	}
.vtop {
	vertical-align:top;
	}
.vbottom {
	vertical-align:bottom;
	}

.fleft {
	float:left;
	}
.fright {
	float:right;
	}

.tleft {
	text-align:left;
	}
.tright {
	text-align:right;
	}
.tcenter {
	text-align:center;
	}

.bold {
	font-weight:bold;
	}

.imgR {
	float:right;
	margin:0 0 10px 10px;
	}
.imgL {
	float:left;
	margin:0 10px 10px 0;
	}

.fontL {
	font-size:114.3%;
}
/*----------------------------------------------------
  Text Module
----------------------------------------------------*/	
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	}

/*----------------------------------------------------
clear Module
-------------------------------------------------------*/
.clear {
	clear:both;
	font-size:0.1em;
	line-height:0;
	}

/*IE以外のモダンブラウザ*/
.clearfix:after {
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	clear:both;
	}
	
/*IE7＆MacIE5*/
.clearfix {
	display:inline-block;
	}


/*----------------------------------------------------
  FLAME
----------------------------------------------------*/
#wrapper {
    width:100%;
    height: 100%;
    min-height: 100%;
    font-size:140%;
    text-align: center;
}
 

#container {
	width:950px;
 	height: auto;
	line-height:1.5;
	margin: 0 auto;
	text-align:left;
	}

#container  #leftCol {
	float:left;
	width:668px;
	padding-top:5px;
	}
#container  #rightCol {
	float:right;
	width:282px;
	}


/* -----------------------------------------------------------
#footArea フッターエリア
----------------------------------------------------------- */
#footer {
	background:url(/images/footer_bk.gif) repeat;
	display:block;
	width:100%;
	text-align:center;
}


#footWhite {
	background:#fff;
	width:100%;
	padding:20px 0;
	text-align:center;
	}
	

#footArea {
	background:url(/images/footlist_bk.jpg) no-repeat left top;
	width:930px;
	margin:0 auto;
	padding-top:10px;
}

#footArea a {
	text-decoration:none;
}

#footArea a:hover {
	text-decoration:underline;
}

#footArea ul#footlistTop {
	text-align:center;
	}

#footArea ul#footlistTop li {
	background:url(/images/cmn/foot_line.gif) no-repeat right top;
	display:inline;
	padding-right:51px;
}

#footArea ul#footlistTop li a.start {
	background:url(/images/cmn/foot_line.gif) no-repeat left top;
	padding-left:51px;
}


#footArea ul.footlist {
	text-align:center;
}

#footArea ul.footlist li {
	display:inline;
	color:#3b6fa4;
	line-height:1.5;
}

#footArea #searchBox {
	position:relative;
	background:url(/images/cmn/searchbox_bk.jpg) no-repeat left top;
	width:476px;
	height:45px;
	margin:10px 227px;
}


#footArea #searchBox table.search {
	position:absolute;
	top:11px;
	left:16px;
	width:448px;
	height:25px;
}

#footArea #searchBox table.search tr {
	vertical-align:middle;
}

#footArea #searchBox table.search th {
	width:195px;
}

#footArea #searchBox table.search td.searchTxt {
	width:206px;
}

#footArea #searchBox table.search td.searchBtn {
	width:48px;
	cursor:pointer;
}

#footArea #searchBox table.search td.searchBtn input {
	width:48px;
	height:25px;
	border:none;
}


#footArea #searchBox table.search td.searchTxt input#searchF{
	width:196px;
	line-height:20px;
	/height:18px;
}
/* -----------------------------------------------------------
#footer フッター
----------------------------------------------------------- */
#footer  #copyRights {
display:block;
	color:#000;
	margin:0;
	padding:16px 0 20px 0;
	text-align:center;
	}

#footer  #copyRights a {
	text-decoration:none;
}

#footer  #copyRights a:link {
	text-decoration:underline;
}
#footer  #copyRights p.copy {
	font-weight:bold;
	line-height:1.6;
	text-align:center;
}

#footer  #copyRights p.copyRights {
	text-align:left;
	font-size:71.4%;
	line-height:1.3;
	text-align:center;
	}
#footArea #searchBox table.search th select.searchAll {
	width:184px;
	font-size:12px;
}
select.searchAll {
	padding:1px;
	height:20px;
}

table.search td.searchTxt input.searchTxt {
	width:202px;
	height:18px;
	z-index:20;
	font-size:12px;
	line-height:1.6;
}

/* -----------------------------------------------------------
#header ヘッダー
----------------------------------------------------------- */
#header	{
	background:#FFF url(/images/staffblog/header_bk.jpg) repeat-x left top;
	position:relative;
	width:950px;
	height:130px;
	margin:0 auto;
	text-align:left;
	}
#header	a {
	text-decoration:none;
}

#header	a:hover {
	text-decoration:underline;
}

*/
#header h1,
#header p.logo,
#header dl.tacMark,
#header dl.tacMark dt,
#header dl.tacMark dd {
	position:absolute;
}

#header h1 {
	position:absolute;
	top:26px;
	left:11px;
	width:170px;
	height:38px;
	font-size:0;
	line-height:0;
	}

#header dl.tacMark {
	position:absolute;
	top:5px;
	left:16px;
	width:450px;
	height:18px;
	color:#9f9f9f;
}


#header dl.tacMark dt {
	position:absolute;
	top:2px;
	left:0;
	width:114px;
	height:15px;
	font-size:0;
	line-height:0;
}

#header dl.tacMark dd.logo2 {
	position:absolute;
	top:0;
	left:125px;
	width:34px;
	height:18px;
	font-size:0;
	line-height:0;
}

#header dl.tacMark dd.tactxt {
	position:absolute;
	top:2px;
	left:170px;
	width:216px;
	line-height:1.3;
	font-size:12px;
}

#header p.staff {
	position:absolute;
	top:0;
	right:118px;
	width:212px;
	height:68px;
	line-height:0;
	font-size:0;
	}

	/* #gnavi グローバルナビゲーションエリア
----------------------------------------------------------- */
#gnavi {
	position:absolute;
	left:10px;
	bottom:24px;
	width:930px;
	height:35px;
	z-index:1200;
	line-height:35px;
}
#gnavi ul {
	position:absolute;
	top:-999em;
}
#gnavi ul li {
}
#gnavi li:hover {
	 visibility:inherit;
}
#gnavi li {
	float:left;
}
#gnavi a {
	display:block;
}

#gnavi li:hover ul,
#gnavi li.sfHover ul {
	left:447px;
	top:30px;
	width:132px;
	z-index:500;
}

/*** SKIN ***/
#gnavi {
	width:900px;
}

#gnavi li {
}

ul#gnavi li a {
	background:url(/images/staffblog/menu_blog.jpg) no-repeat left top;
	display:block;
	overflow:hidden;
	height:35px;
	text-indent:-9999px;
}


/*** OFF ***/
ul#gnavi li.gn01 a {
	background-position:0 0;
	width:140px;
	margin-right:2px;
	}

ul#gnavi li.gn02 a {
	background-position:-141px 0;
	width:140px;
	margin-right:1px;
	}
	
ul#gnavi li.gn03 a {
	background-position:-282px 0;
	width:164px;
	margin-right:1px;
	}

ul#gnavi li.gn04 a{
	background-position:-447px 0;
	width:132px;
	margin-right:1px;
	}

ul#gnavi li.gn05 a {
	background-position:-580px 0;
	width:123px;
	margin-right:1px;
	}

ul#gnavi li.gn06 a {
	background-position:-704px 0;
	width:123px;
}

/*** ON ***/
ul#gnavi li.gn01 a:hover {
	background-position:0 -35px;
	width:140px;
	}

ul#gnavi li.gn02 a:hover {
	background-position:-141px  -35px;
	width:140px;
	}
	
ul#gnavi li.gn03 a:hover {
	background-position:-282px  -35px;
	width:164px;
	}

ul#gnavi li.gn04 a:hover {
	background-position:-447px  -35px;
	width:132px;
	}

ul#gnavi li.gn05 a:hover {
	background-position:-580px  -35px;
	width:123px;
	}

ul#gnavi li.gn06 a:hover {
	background-position:-704px  -35px;
	width:123px;
}


#gnavi li ul {
	width:132px;
	z-index:500;
}

#gnavi li ul.pdlogoff li a,
#gnavi li:hover ul.pdlogoff li a,
#gnavi li.sfHover ul.pdlogoff li a {
	background:url(/images/menu/pd_logout.jpg) no-repeat left top;
	width:132px;
	height:26px;
	display:block;
	z-index:500;
	cursor:pointer;
	}
/* sub off */
#gnavi li ul.pdlogoff li.pd01 a,
#gnavi li:hover ul.pdlogoff li.pd01 a,
#gnavi li.sfHover ul.pdlogoff li.pd01 a {
	background-position:0 0;
}

#gnavi li ul.pdlogoff li.pd02 a,
#gnavi li:hover ul.pdlogoff li.pd02 a,
#gnavi li.sfHover ul.pdlogoff li.pd02 a {
	background-position:0 -27px;
}

#gnavi li ul.pdlogoff li.pd03 a,
#gnavi li:hover ul.pdlogoff li.pd03 a,
#gnavi li.sfHover ul.pdlogoff li.pd03 a   {
	background-position:0 -54px;
}

/* sub on */
#gnavi li ul.pdlogoff li.pd01 a:hover,
#gnavi li:hover ul.pdlogoff li.pd01 a:hover,
#gnavi li.sfHover ul.pdlogoff li.pd01 a:hover {
	background-position:-132px 0;
}

#gnavi li ul.pdlogoff li.pd02 a:hover,
#gnavi li:hover ul.pdlogoff li.pd02 a:hover,
#gnavi li.sfHover ul.pdlogoff li.pd02 a:hover {
	background-position:-132px -27px;
}

#gnavi li ul.pdlogoff li.pd03 a:hover,
#gnavi li:hover ul.pdlogoff li.pd03 a:hover,
#gnavi li.sfHover ul.pdlogoff li.pd03 a:hover   {
	background-position:-132px -54px;
}


#gnavi li:hover, #gnavi li.sfHover,
#gnavi a:focus, #gnavi a:hover, #gnavi a:active {
}

/* #topickPath パンクズリスト
----------------------------------------------------------- */
ul#topickPath {
	width:600px;
	margin:0 0 8px 10px;
	text-align:left;
	}

ul#topickPath li {
	display:inline;
	color:#7c7c7c;
	font-size:85.7%;
	}
	
ul#topickPath li a {
	background:url(/images/staffblog/pankuzu.gif) no-repeat right center;
	padding-right:10px;
	margin-right:8px;
	text-decoration:none;
	}

ul#topickPath li a:hover {
	text-decoration:underline;
}

/*-----------------------------------------------------------
 左カラム
----------------------------------------------------------- */
#entryBox {
	padding-left:20px;	}
	
#entryBox .pageTop {
	text-align:right;
	font-size:85.7%;
	padding-right:10px;
	margin-bottom:15px;
}
	
#entryBox .entry {
	background:url(/images/staffblog/entry_bk.png) repeat-y left top;
	width:648px;
	}

#entryBox #entryHead {
/*	position:relative;*/
	background:url(/images/staffblog/entry_head_top.png) no-repeat left top;
	width:648px;
	height:77px;
	z-index:10;
	}
	
#entryBox #entryHead h2 {
	/*position:absolute;*/
	padding-top:22px;
	padding-left:34px;
	width:200px;
	height:20px;
	font-size:157.1%;
	font-weight:bold;
	color:#4c2318;
	z-index:10;
}

#entryBox #entryHead p {
	/*position:absolute;*/
	padding-top:16px;
	padding-left:34px;
	width:200px;
	height:12px;
	font-size:78.6%;
	font-weight:bold;
	color:#886b31;
	z-index:10;
}

#entryBox .entryBody {
	display:block;
	background:url(/images/staffblog/entry_body.jpg) no-repeat left top;
	margin:0 6px 0 5px;
	padding:30px 30px 24px 31px;
}

#entryBox .listBody {
	display:block;
	background:url(/images/staffblog/entry_body.jpg) no-repeat left top;
	margin:0 7px 0 6px;
	padding:15px 0px 12px 0px;
}

#entryBox p.catName {
	float:left;
	width:450px;
	font-size:85.7%;
	color:#711f09;
	font-weight:bold;
}

#entryBox p.entryDate {
	float:right;
	width:120px;
	font-size:85.7%;
	color:#9d8560;
	font-weight:bold;
}


#entryBox h3.entryTitle {
	clear:both;
	font-size:114.3%;
	color:#711f09;
	font-weight:bold;
	margin-bottom:24px;
	padding:0;
}

#entryBox .listBody h3.listTitle {
	background:url(/images/staffblog/title_cat.jpg) no-repeat left top;
	width:635px;
	height:29px;
	color:#6f1f08;
	font-size:114.3%;
	font-weight:bold;
	text-indent:30px;
	line-height:30px;
}

#entryBox .listBody dl {
	width:635px;
	padding-top:16px;
}

#entryBox .listBody dl dt {
	background:url(/images/staffblog/icon_list.gif) no-repeat 0.3em 0.5em;
	border-bottom:1px solid #d4d0c2;
	width:577px;
	margin:0 28px 6px 30px;
	padding-bottom:2px;
	color:#711f09;
	font-weight:bold;
}

#entryBox .listBody dl dt a {
	display:block;
	color:#711f09;
	text-decoration:none;
	padding-left:15px;
}
	
#entryBox .listBody dl dt a:hover {
	color:#a07225;
	text-decoration:underline;
}

#entryBox .listBody dl dd {
	border-bottom:1px solid #cf8f3e;
	margin:0 0 12px 0;
	padding-bottom:26px;
}

#entryBox .listBody dl dd.ddlistLast {
	border-bottom:none;
	padding-bottom:12px;
	margin-bottom:0;
}

#entryBox .listBody dl dd.outline {
	border-bottom:none;
	width:569px;
	margin:0 32px 0 34px;
	padding-bottom:0;
	color:#424242;
}

#entryBox .listBody dl dd.detail {
	text-align:right;
}

#entryBox .listBody dl dd.detail a {
	padding-right:32px;
}
/*-----------------------------------------------------------
 右カラム
----------------------------------------------------------- */
#rightCol #calBox {
	display:block;
	background:url(/images/staffblog/calbk.jpg) no-repeat left top;
	width:272px;
	height:244px;
}

#rightCol #calBox p {
	width:190px;
	margin-left:35px;
	padding-top:32px;
	color:#491e0e;
	font-weight:bold;
	text-align:center;
}

#rightCol #calBox .widget-calendar {
	display:block;
	width:190px;
	margin:3px 0 0 35px;
	font-size:85.7%;
	color:#7f3019;
}

#rightCol #calBox .widget-calendar h3.widget-header{
	width:190px;
	text-align:center;
}

#rightCol #calBox .widget-calendar .widget-content table {
	width:190px;
}

#rightCol #calBox .widget-calendar .widget-content table td,
#rightCol #calBox .widget-calendar .widget-content table th{
	text-align:center;
	padding:1px 0;
}

#rightCol #calBox .widget-calendar .sunday,
#rightCol #calBox .widget-calendar .holiday {
	color:#f00;
}

#rightCol #newEntry {
	position:relative;
	width:272px;
	height:280px;
}

#rightCol #newEntry #newEntryBk {
	position:absolute;
	top:-8px;
	left:-3px;
	background:url(/images/staffblog/new_entry.png) no-repeat left top;
	width:265px;
	height:287px;
	z-index:600;
}

#rightCol #newEntry h4 {
	position:absolute;
	top:18px;
	left:36px;
	width:150px;
	color:#491e0e;
	font-weight:bold;
}

#rightCol #newEntry ul {
	position:absolute;
	top:48px;
	left:25px;
	width:210px;
}

#rightCol #newEntry ul li {
	background:url(/images/staffblog/icon_newentry.gif) no-repeat -0.5em top;
	width:210px;
	border-bottom:1px solid #d4d0c2;
	font-size:85.7%;
	padding-top:4px;
	padding-bottom:3px;
	margin-bottom:4px;
}

#rightCol #newEntry ul li a {
	display:block;
	padding-left:33px;
	min-height:20px;
	_height:20px;
	line-height:1.3;
	color:#323232;
	text-decoration:none;
}

#rightCol #newEntry ul li a:hover {
	text-decoration:underline;
}
	

#rightCol #newEntry ul li.calLast {
	border:none;
	margin-bottom:0;
	padding-bottom:0;
}

#rightCol #subMenu {
	width:235px;
	background:url(/images/staffblog/submenu_bk.gif) repeat-y left top;
	border-bottom:1px solid #d4d0c2;
	margin:6px 0 0 13px;
	padding-bottom:10px;
}

#rightCol #subMenu h4 {
	background:url(/images/staffblog/submenu.jpg) no-repeat left top;
	width:235px;
	height:36px;
	text-indent:22px;
	line-height:28px;
	color:#491e0e;
	font-weight:bold;
}

#rightCol #subMenu ul.categoryList,
#rightCol #subMenu ul.archiveList {
	width:210px;
	margin-left:12px;
}

#rightCol #subMenu ul.categoryList {
	margin-bottom:20px;
}

#rightCol #subMenu ul.archiveList {
	margin-bottom:0;
}

#rightCol #subMenu ul.categoryList li,
#rightCol #subMenu ul.archiveList li {
	background:url(/images/staffblog/icon_list.gif) no-repeat 0.3em 0.5em;
	border-bottom:1px solid #d4d0c2;
	width:210px;
	font-size:85.7%;
	padding-bottom:3px;
	margin-bottom:4px;
}

#rightCol #subMenu ul.archiveList li.aListLast {
	border:none;
	margin-bottom:0;
	padding-bottom:0;
}

#rightCol #subMenu ul.categoryList li a,
#rightCol #subMenu ul.archiveList li a {
	display:block;
	padding-left:18px;
	color:#323232;
	text-decoration:none;
}

#rightCol #subMenu ul.categoryList li a:hover,
#rightCol #subMenu ul.archiveList li a:hover {
	text-decoration:underline;
}