@charset "shift_jis";

/*--- reset ---*/
body,h1,h2,ul,li,form,p,dl,dt,dd{ margin: 0; padding: 0; }
ul{ list-style:none; }
img { vertical-align:bottom; }
a img{ border:none; text-decoration:none; line-height:1em; }

/*--- basic ---*/
body{
	color:#666;
	font-size:12px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Prdo W3";
	line-height:1.4em;
	text-align:center;
}

#container{
	margin:0 auto;
	width:750px;
	text-align:left;
}

#wrapper{
	width:750px;
}

/*--- header ---*/

#header{
	margin:0 auto;
	margin-bottom:6px;
	width:750px;
	text-align:left;
}
#header h1{
	margin:0;
	color:#F66A0D;
	font-size:12px;
	font-weight:normal;
	text-align:left;
}
#header h1 strong{
	font-weight:bold;
	color:#F00;
}
#header h2{
	margin-bottom:5px;
	width:344px;
	float:left;
}
#header .description{
	margin-bottom:5px;
	width:406px;
	height:100px;
	float:right;
	background:url(../17247/img/temp/h_background.gif) no-repeat 0 0;
}
	#header .description .aboutpoint{
		width:130px;
		height:30px;
		position:relative;
		left:90px;
		top:65px;
	}
#header .sitemenu{
	clear:both;
	margin-bottom:5px;
	padding-left:1px;
	width:655px;
	float:left;
}
	#header .sitemenu li{
		float:left;
	}
#header .ptp{
	margin:0 0 1px;
	width:86px;
	float:right;
}
#header .bannersbox{
	clear:both;
	width:100%;
	text-align:center;
}
	#header .bannersbox li{
		display:inline;
	}

/*--- leftnavi ---*/

#leftnavi{
	margin-bottom:1em;
	width:170px;
	float:left;
	text-align:left;
}

#leftnavi p{
	margin-bottom:0.4em;
}

#leftnavi h3.search-title{
	margin:0;
}

#leftnavi form{
	padding-left:5px;
}

#leftnavi form.search-box{
	margin:0;
		/*margin-bottom:0.8em;*/
	width:158px;
	padding:0 5px;
	border:1px solid #FFA800;
}

	#leftnavi form.search-box p{
		margin:0.2em 0;
		text-align:center;
	}
	
	#leftnavi form.search-box p input.keyword{
		width:80px;
		border:1px solid #FFA800;
	}

/* begin category-list */
#leftnavi ul.category-list{
	margin:0;
	/*margin-bottom:1em;*/
}

	#leftnavi ul.category-list li ul{
		padding-left:10px;
	}
	
		#leftnavi ul.category-list li img{
			padding-bottom:0.2em;
		}
	
			#leftnavi ul.category-list li ul li{
				margin:0;
				padding: 0;
				background:url(../17247/img/temp/l-arrow-mid.gif) no-repeat 0 2px;
				padding-left:20px;
			}
			
			#leftnavi ul.category-list li ul li.last{
				margin-bottom:0.5em;
				background-image:url(../17247/img/temp/l-arrow-end.gif);
			}

/*--- main ---*/

#main{
	margin-bottom:1em;
	width:560px;
	float:right;
	text-align:left;
}

#content{
	margin-bottom:1em;
	width:560px;
}

/* eof category-list */

#leftnavi table.calendar-table{
	margin:0 auto 1em;
	width:138px;
	border:1px solid #CCC;
	border-collapse:collapse;
	font-size:12px;
}

	#leftnavi table.calendar-table caption{
		font-size:10px;
		background-color:#FFA800;
		border:1px solid #CCC;
	}

	#leftnavi table.calendar-table th{
		width:14%;
		font-weight:normal;
		text-align:center;
		border:1px solid #CCC;
	}
	
	#leftnavi table.calendar-table td{
		border:1px solid #CCC;
		text-align:center;
	}
	
	#leftnavi table.calendar-table .close{
		background-color:#FFE4AC;
	}
	
	#leftnavi table.calendar-table .holiday{
		color:#666;
		background-color:#FFE4AC;
	}
	
#leftnavi .calendar-txt{
	margin:0 auto 1em;
	width:140px;
	font-size:10px;
	color:#666;
}

	#leftnavi .calendar-txt p{
		margin:0;
	}
	
	#leftnavi .calendar-txt span.close{
		color:#FFE4AC;
	}

#leftnavi .sitemenu-box{
	margin-bottom:1em;
	padding-top:28px;
	padding-left:9px;
	width:161px;
	height:305px;
	background:url(../17247/img/temp/lb-sitemenu.jpg) no-repeat 0 0;
}

	#leftnavi .sitemenu-box ul{
		margin-bottom:22px;
	}

		#leftnavi .sitemenu-box ul li{
			margin-bottom:8px;
		}
	
	#leftnavi .sitemenu-box p.blog{
		margin-left:-2px;
	}

#leftnavi .mobile-box{
	background-color:#F9F3E5;
}

	#leftnavi .mobile-box h3{
		margin:0;
	}
	
	#leftnavi .mobile-box p.qr-code{
		text-align:center;
	}
	
	#leftnavi .mobile-box ul.bland li{
		display:inline;
	}
	
		#leftnavi .mobile-box ul.bland li span.firstletter{
			color:#F60;
		}
		
	#leftnavi .mobile-box .url{
		color:#F60;
		font-size:12px;
		padding-bottom:1em;
	}

/*--- main ---*/

#main{
	margin-bottom:1em;
	width:560px;
	float:right;
}

#content{
	margin-bottom:1em;
	width:560px;
}

/*--- information ---*/

#information{
	padding-left:20px;
	width:560px;
	text-align:left;
}
#information h3{
	margin:0;
}
#information h4{
	margin: 0 0 10px;
}
#information .contentbox{
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:2px dotted #666;
}
#information .information-box{
	padding:5px;
	border:1px solid #FFA800;
}
#information .information-box .information-box-inner{
	width:100%;
}
#information .information-box .leftcolbox{
	width:266px;
	float:left;
}
#information .information-box .rightcolbox{
	width:266px;
	float:right;
}
#information .information-box .caution{
	padding:5px;
	color:#C00;
	border:1px solid #C00;
}
#information .calendar1
,#information .calendar2{
	margin:0;
	padding:0;
	width:125px;
	border:1px solid #CCC;
	border-collapse:collapse;
	text-align:center;
}
#information .calendar1{ float:left; }
#information .calendar2{ float:right; }
#information .calendar1 caption
,#information .calendar2 caption{
	font-size:10px;
	background-color:#FFA800;
	border:1px solid #CCC;
}
#information .calendar1 th
,#information .calendar2 th{
	border:1px solid #CCC;
	font-weight:normal;
}
#information .calendar1 td
,#information .calendar2 td{
	border:1px solid #CCC;
}
#information .calendar1 .close,
#information .calendar2 .close,
#information .calendar1 .sunday,
#information .calendar2 .sunday,
#information .calendar1 .saturday,
#information .calendar2 .saturday{
	background-color:#FFE4AC;
}
	#information .calendar1 .close,
	#information .calendar2 .close{
		color:#F00;
	}
	#information .calendar1 .saturday,
	#information .calendar2 .saturday{
		color:#666;
	}

#information .postage{
	border:1px solid #666;
	border-collapse:collapse;
}
#information .postage th{
	padding:3px;
	border:1px solid #666;
	text-align:center;
}
#information .postage td{
	padding:3px;
	border:1px solid #666;
	text-align:center;
}
#information .postage th.under
,#information .postage td.under{
	background-color:#F9F3E5;
	font-weight:normal;
}
#information .postage th.over
,#information .postage td.over{
	background-color:#FFEDC8;
	font-weight:normal;
}

/*--- footer ---*/

#footer{
	margin:0 auto;
	width:750px;
	text-align:left;
}

	#footer ul.sitemenu-list{
		margin-right:1em;
		padding:1em 0;
		text-align:right;
		color:#666;
	}
	
	#footer ul.sitemenu-list li{
		padding-left:0.5em;
		padding-right:0.3em;
		border-left:1px solid #666;
		text-align:right;
		display:inline;
	}
	
	#footer ul.sitemenu-list li.last{
		border-right:1px solid #666;
	}
	
	#footer ul.sitemenu-list li.last{
		border-right:1px solid #666;
	}

#footer p.copy{
	font-size:10px;
	color:#FFF;
	background-color:#FF6600;
	text-align:center;
}

/*--- extra ---*/

.clear{
	clear:both;
}
br.clear{
	display:block;
	margin:0;
	padding:0;
	clear:both;
	height:0;
	border:none;
	letter-spacing:0;
	visibility:hidden;
	font-size:0;
}
.clearfix:after{
	content:".";	/* 新しい要素を作る */
	display:block;	/* ブロックレベル要素に */
	clear:both;
	height:0;
	visibility:hidden;
}
.clearfix{
	min-height:1px;
}
* html .clearfix{
	height:1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

table{
text-align:left;
}