@charset "utf-8";

/*▼基本レイアウト*/

#right-col #navbox-top {
	width:680px;
	height:auto;
	margin:0 0 14px 0;
	font-size:12px;
	overflow:hidden;
	}
	
#right-col #navbox-top #nav-list {
	float:left;
	margin:0.4em 0 0 0;
	list-style:none;	
	}

#right-col #navbox-top form {
	float:right;
	}
	
#right-col #navbox-top form input {
	display:block;
	width:46px;
	height:20px;
	background: url(../../img/pagenav_modoru.gif) no-repeat 0 0;
	border:none;
	cursor:	pointer;
	text-indent:-9999px;
	}
	
#right-col #navbox-top form input:hover {background-position: 0 -20px}
	
#right-col #navbox-top #nav-list li {
	float:left;
	margin:0 1px 0 0;
	padding:0 0 0 15px;
	line-height:1;
	}
	
* html #right-col #navbox-top #nav-list li {
	line-height:1.2;
	padding:2px 0 0 15px;
	}
	
#right-col #navbox-top #nav-list li.navicon01 {
	background: url(../../img/pagenav_icon01.gif) no-repeat left center;
	}
	
#right-col #navbox-top #nav-list li.navicon02 {
	background: url(../../img/pagenav_icon02.gif) no-repeat left center;
	}

/*
--------------------------------
▼伝言板部分のレイアウト
--------------------------------
*/

#right-col .layout-box {
	width:680px;
	height:auto;
	overflow:hidden;
	}
	
#right-col .penguin-box {
	width:680px;
	height:auto;
	margin:0 0 30px 0;
	overflow:hidden;
	}
	
	
html body #container #contents #right-col .layout-box h2.headdingh2img {
	width:680px;
	height:auto;
	margin:0 0 10px 0;
	padding:6px 0 3px 0;
	text-indent:-9999px;
	background: url(../../img/contents_titlepenguin_bg.jpg) no-repeat left center #ffffff;
	}

html body #container #contents #right-col .layout-box h3.headdingh3txt {
	width:680px;
	height:auto;
	margin:0 0 10px 0;
	padding:6px 0 5px 0;
	font-size:0.8em;
	font-weight:bold;
	}
	
#right-col .penguin-box p.penguin-body {
	width:650px;
	height:auto;
	margin:0 auto;
	overflow:hidden;
	font-size: 0.8em;
	}

/*画像幅315px*/

#right-col .penguin-photo-box315 {
	width: 680px;
	margin: 14px 0 0 0;
	}

#right-col .penguin-box .penguin-photo-box315 .penguin-photo-set {
	float: left;
	width: 315px;
	height: auto !important;
	min-height: 300px;
	margin:0 13px 0 12px;
	}

#right-col .penguin-box .penguin-photo-box315 .penguin-photo-set p.caption {
	margin: 5px 0 0 0;
	font-size: 0.6em;
	/*line-height: 1.3;*/
	line-height: 1.6;
	text-align: left;
	}


/*画像幅315px・下マージン狭*/

#right-col .penguin-box .penguin-photo-box315 .penguin-photo-set-narrow {
	float: left;
	width: 315px;
	min-height:235px;
	height: auto !important;
	margin:0 13px 0 12px;
	}


/*画像高さ315px*/

#right-col .penguin-box .penguin-photo-box315h .penguin-photo-set {
	float: left;
	width: 210px;
	height: auto !important;
	min-height: 405px;
	margin:0 13px 0 12px;
	}

#right-col .penguin-box .penguin-photo-box315h .penguin-photo-set p.caption {
	margin: 5px 0 0 0;
	font-size: 0.6em;
	/*line-height: 1.3;*/
	line-height: 1.6;
	text-align: left;
	}


/*画像幅655px*/

#right-col .penguin-box .penguin-photo-box1 {
	width: 680px;
	margin: 14px 0 0 0;
	}

#right-col .penguin-box .penguin-photo-box1 .penguin-photo-set {
	float: left;
	width: 655px;
	height: auto !important;
	min-height: 300px;
	margin:0 13px 0 12px;
	}

#right-col .penguin-box .penguin-photo-box1 .penguin-photo-set p.caption {
	margin: 5px 0 0 0;
	font-size: 0.6em;
	/*line-height: 1.3;*/
	line-height: 1.6;
	text-align: center;
	}


/*ナビ*/

#right-col .penguin-box #penguin-navbox {
	clear:left;
	}

#right-col .penguin-box #penguin-navbox p.penguinnav01 a {
	float:left;
	display:block;
	width:118px;
	height:40px;
	margin:0;
	text-indent:-9999px;
	background: url(../../facilities/facility_info/penguin/img/penguin_fbtn01.jpg) no-repeat left top;
	}
	
#right-col .penguin-box #penguin-navbox ul {
	float:right;
	list-style:none;
	*margin-top:-38px; /* IE7 and below */
	}
	
#right-col .penguin-box #penguin-navbox ul li {
	float:left;
	}
	
#right-col .penguin-box #penguin-navbox ul li.penguinnav02 a {
	display:block;
	width:118px;
	height:40px;
	margin:0;
	text-indent:-9999px;
	background: url(../../facilities/facility_info/penguin/img/penguin_fbtn02.jpg) no-repeat left top;
	}
	
#right-col .penguin-box #penguin-navbox ul li.penguinnav03 a {
	display:block;
	width:118px;
	height:40px;
	margin:0 0 0 10px;
	text-indent:-9999px;
	background: url(../../facilities/facility_info/penguin/img/penguin_fbtn03.jpg) no-repeat left top;
	}

#right-col .penguin-box #penguin-navbox p.penguinnav01 a {background-position: 0 0}
#right-col .penguin-box #penguin-navbox ul li.penguinnav02 a {background-position: 0 0}
#right-col .penguin-box #penguin-navbox ul li.penguinnav03 a {background-position: 0 0}

/*
--------------------------------
▲伝言板部分のレイアウト
--------------------------------
*/

#right-col #navbox-bottom {
	width:680px;
	height:auto;
	margin:20px 0 0 0;
	font-size:0.7em;
	overflow:hidden;
	}

#right-col #navbox-bottom p a {
	display:block;
	width:46px;
	height:20px;
	margin:0 0 0 10px;
	background: url(../../img/pagenav_tsugi.gif) no-repeat 0 0;
	border:none;
	text-indent:-9999px;
	}
	
#right-col #navbox-bottom form input {
	display:block;
	width:46px;
	height:20px;
	background: url(../../img/pagenav_modoru.gif) no-repeat 0 0;
	border:none;
	cursor:	pointer;
	text-indent:-9999px;
	}
	
#right-col #navbox-bottom p a:hover {background-position: 0 -20px}
	
#right-col #navbox-bottom form input:hover {background-position: 0 -20px}
	
#right-col #navbox-bottom p {
	float:right;
	}
	
#right-col #navbox-bottom form {
	float:right
	}

.spacing02 {
	letter-spacing:1em;
	}
	
.spacing04 {
	letter-spacing:2em;
	}
	
.clearboth {clear:both;}

.clearleft {clear:left;}
	
	
	
/*
-----------------------------------------------------------
▼2013.9以降追加分
-----------------------------------------------------------
*/


/*ペンギン伝言板記事掲載用box*/
p.pgn_txt{
	font-size:0.8em;
	margin:0 15px 15px;
}
div.pgn_photo {
	margin:0 15px;
	padding-bottom:30px;
}
div.pgn_photo_box {
	width:315px;
	margin:0 auto;
	float:left;
}
div.pgn_photo_box p.caption {
	margin-top:5px;
	font-size:0.6em;
	/*line-height:1.3;*/
	line-height: 1.6;
}