@charset "UTF-8";
/* ========================================================================================= */
/* [ ジャングル新人ブログ ] CSS
/*
/* (c)2008 Jungle, Inc. All Rights Reserved.
/* saito@junglejapan.com
/* ========================================================================================= */

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/
html{color:#444444;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
	margin:0;padding:0;
	line-height:1.5;
	font-family: "ＭＳ Ｐゴシック","Osaka";
}
input{line-height:1;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*because legend doesn't inherit in IE */
legend{color:#000;}

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}

/* ========================================================================================= */

/* ----- BODY ----- */
body {
	text-align:center;
    background: #FFFFFF url(../images/body_bg.gif) repeat-x;
}

/* ----- LINK ----- */
a         { text-decoration: none; }
a:link    { color: #2B41B3; }
a:visited { color: #8B4D8C; }
a:active  { color: #0099CC; text-decoration: underline; }
a:hover   { color: #0099CC; text-decoration: underline; }

/* ----- 共通セレクタ ----- */
.small {
	font-size:85%;
	*font-size:77%;
	font-family: "Verdana";
}

.red { color:#E51C0E; }
.blue { color:#0068B7; }
.green { color:#81D466; }
.green2 { color:#22A13F; }
.pink { color:#DD5085; }
.big { font-size:130% }



ul{ margin: 0 0 0 20px; }
ul li{ list-style:disc; margin: 0; }

/* ----- clearfix ----- */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* ----- コンテナ ----- */
#container {
	text-align:left;
	width: 900px;
	background:#FFFFFF;
	margin:0 auto;
}

/* ----- ヘッダー ----- */
#jungle_header {
	width: 900px;
	overflow:hidden;
	text-align:right;
	height:30px;
}

	#jungle_header .logo{
		float:right;
		margin:0 0 0 10px;
	}
	
	#jungle_header .link{
		float:right;
		padding:7px 0 0 0;
	}
	
	#jungle_header .link a{
	}


/* ----- レイアウト ----- */
#pagebody {
	width: 900px;
	overflow:hidden;
	border-bottom:1px solid #CCCCCC;
	margin:10px 0 30px 0;
}

	#pagebody #alpha{
		width: 580px;
		float:left;
		display:inline;
		margin-left:40px;
	}

	#pagebody #beta{
		width: 250px;
		float:right;
		display:inline;
	}



	#pagebody .content-nav{
		text-align:center;
		margin:0 0 20px 0;
	}

	#pagebody .entry-header, #archive-title{
		font-size:120%;
		font-weight:bold;
		background:url(../images/entry-header_bg.gif) no-repeat;
		margin:0 0 5px 0;
		padding:0 0 0 5px;
		height:34px;
	}

	#pagebody .entry{
		margin:0 0 40px 0;
	}

	#pagebody .entry .entry-date{
		font-size:85%;
		*font-size:77%;
		font-family: "Verdana";
		text-align:right;
		margin:0 0 20px 0;
	}


	#pagebody .entry-body{
		margin:0 0 10px 0;
	}

		#pagebody .entry-body p{
			font-size:110%;
			margin:0 0 20px 0;
		}

		#pagebody .entry-body .photo{
			text-align:center;
			margin:0 0 20px 0;
			font-weight:bold;
		}

		#pagebody .entry-body .box_gray{
			border:1px solid #CCCCCC;
			background-color:#F5F5F5;
			padding:5px;
			margin:0 50px 20px 0;
		}


	#pagebody .entry-footer{
		font-size:85%;
		*font-size:77%;
		font-family: "Verdana";
		margin:0 0 5px 0;
		background-color:#F0FCEA;
		padding:5px 10px;
	}




.module-header {
	background:url(../images/module-header_bg.gif) no-repeat;
	color:#FFFFFF;
	padding:9px 7px 2px 7px;
	font-weight:bold;
	height:32px;
}

.module-content {
	margin-bottom:20px;
}

.module-list {
	margin-left:25px;
}

.powered p{
	text-align:center;
	font-size:85%;
	*font-size:77%;
	font-family: "Verdana";
	margin-bottom:10px;
}

/* ----- カレンダー ----- */
#calendar {
    margin: 5px 0 10px;;
    color: #444444;
	text-align:center;
}

	#calendar a {
		font-weight:bold;
	}
	.calendarhead {
		padding-bottom: 5px;
		letter-spacing: 0.2em;
		font-weight:bold;
	}
	#calendar table {
		width:250px;
		padding: 0;
		border-collapse: collapse;
	}
	#calendar th {
		padding-bottom: 3px;
		text-align: center;
		width: 23px;
	}
	#calendar td {
		padding: 2px 0;
		text-align: center;
		line-height: 120%;
	}
	.today {
		display: block;
		border: 1px solid #CCCCCC;
		background-color:#F5F5F5;
	}
	.sunday,
	.holiday,
	.holiday a:link,
	.holiday a:visited {
		color: #e50003;
	}
	.saturday,
	.saturday a:link,
	.saturday a:visited {
		color: #0000ff;
	}


/* ----- 価格・ラインアップ ----- */
#lineup {
	width:580px;
	overflow:hidden;
	padding:30px 0 0 0;
}

	#lineup h2 {
		margin:0 0 20px 0;
	}

	#lineup h3 {
		margin:0 0 10px 0;
		font-weight:bold;
		border-bottom:1px #AAAAAA solid;
	}

	#lineup h4{
		font-weight:bold;
		font-size: 110%;
		margin: 0;
	}

		#lineup .box_l{
			clear:both;
			float:left;
			display:inline;
			width:285px;
			margin-bottom:20px;
	
		}
	
		#lineup .box_r{
			float:right;
			display:inline;
			width:285px;
			margin-bottom:20px;
		}

		#lineup .pkg{
			float:left;
			display:inline;
			width:90px;
			padding-top:5px;
		}

		#lineup .info{
			float:left;
			display:inline;
			width:195px;
		}

			#lineup .info .price{
				font-size:130%;
				font-family: "Verdana";
				color:#E51C0E;
				font-weight:bold;
			}
	
			#lineup .info .btn{
				margin:5px 0;
			}
	
			#lineup .info .com1{
				color:#E51C0E;
				font-weight:bold;
				line-height:1.3em;
			}

		#lineup .box{
			clear:both;
			background-color:#F5F5F5;
			border: 1px solid #AAAAAA;
			padding: 5px 10px;
			margin: 0 50px 20px 50px;
		}

			#lineup .box h4{
				background:url(http://www.junglejapan.com/common/images/parts/notice.gif) no-repeat left center;
				font-weight:bold;
				font-size:110%;
				margin: 0 0 5px 0;
				padding-left:18px;
			}

			#lineup .box h5{
				font-weight:bold;
				margin: 0 0 2px 0;
			}

			#lineup .box p{
				margin: 0 0 10px 0;
			}

			#lineup .box ul{
				margin:0 0 10px 30px;
			}
			
		#lineup dl dt, #lineup dl dd {
			font-weight: bold;
		}
		#lineup dl dd {
			margin-left: 20px;
		}
			

		



/* ----- フッター ----- */
#jungle_footer {
	width: 900px;
	overflow:hidden;
	height:30px;
	margin:0 auto;
}

	#jungle_footer .logo{
		float:right;
		text-align:right;
		margin:0 0 0 10px;
	}
	
	#jungle_footer .link{
		float:left;
		padding:7px 0 0 0;
	}
	


