@charset "utf-8";

/* =========================================================================================================

   Style Info : ./css/common.css
		├　1-0, h*
		├　1-1, header
		├　2-1, navi
		├　3-1, mainImage
		├　4-1, main
		├　5-1, side
		├　6-1, footer
		└　7-1, expansion
 
========================================================================================================= */


/* ---------------------------------------------------------------------------------------------------------
   0-0. h* & container
--------------------------------------------------------------------------------------------------------- */

h1 {}
h2 {}
h3 {}

#container {
	width:100%;
	background-color:#f5f5f5;
	margin:0 auto;
	}


/* ---------------------------------------------------------------------------------------------------------
   1-1, header
--------------------------------------------------------------------------------------------------------- */

header {
	width:100%;
	height:120px;
	background:#ffffff;
	}
	header .inner {
		width:1000px;
		height:120px;
		margin:0 auto;
		}
		header .inner h1 {
			float:left;
			width:325px;
			height:120px;
			background:#ffffff;
			}
			header .inner h1 img {
				margin-top:26px;
				}


/* ---------------------------------------------------------------------------------------------------------
   2-1, navi
--------------------------------------------------------------------------------------------------------- */

header .inner nav {
	float:left;
	height:120px;
	background:#cccccc;
	}
	header .inner nav ul {
		list-style:none;
		}
		header .inner nav ul li {
			float:left;
			height:120px;
			white-space:nowrap;
			}


/* ---------------------------------------------------------------------------------------------------------
   3-1, mainImage
--------------------------------------------------------------------------------------------------------- */

#mainVisual {
	background:#ffffff url('../image/mainVisual/mainVisualBg.png') left top repeat;
	width:100%;
	height:350px;
	}
#mainVisual.sub {
	height:10px !important;
	}
	#mainVisual .inner {
		position:relative;
		width:1000px;
		margin:0 auto;
		}
		#mainVisual .inner ul {
			float:left;
			list-style:none;
			margin-top:26px;
			}
		#mainVisual .inner .contact {
			float:right;
			width:270px;
			background:#aa0f46;
			margin-top:26px;
			}
			#mainVisual .inner .contact p {
				color:#ffffff;
				}
			#mainVisual .inner .contact .tel {
				margin-top:20px;
				margin-left:-5px;
				}
			#mainVisual .inner .contact dl {
				margin-top:10px;
				padding:0 15px;
				}
				#mainVisual .inner .contact dl dt {
					float:left;
					width:76px;
					height:26px;
					margin-right:15px;
					margin-bottom:10px;
					}
				#mainVisual .inner .contact dl dd {
					float:left;
					width:149px;
					color:#ffffff;
					font-size:16px;
					font-weight:bold;
					line-height:26px;
					margin-bottom:10px;
					}


/* ---------------------------------------------------------------------------------------------------------
   4-1, contents
--------------------------------------------------------------------------------------------------------- */

#contents {
	width:1000px;
	margin: 0 auto;
	}
#main {
	float:left;
	width:705px;
	}
#main.wide {
	width:100% !important;
	}
#side {
	float:right;
	width:270px; 
	padding:35px 0; 
	}


/* ---------------------------------------------------------------------------------------------------------
   5-1, side
--------------------------------------------------------------------------------------------------------- */
	#side ul {
		list-style:none;
		}
		#side ul li {
			margin-bottom:10px;
			}

	#side .pickUp a {
		color:#121212;
		text-decoration:none;
		}
	#side .oneBox {
		width:248px;
		_width:268px;
		background:#ffffff;
		border:#d2d2d2 solid 1px;
		margin-top:15px;
		padding:10px;
		}
	#side .oneBox:hover {
		background:#efefef !important;
		}
		#side .oneBox div {
			position:relative;
			}
			#side .oneBox div .cateIc {
				position:absolute;
				right:0;
				top:0;
				}
		#side .oneBox h3 {
			font-size:107%;
			margin-top:16px;
			padding:0 5px;
			}
		#side .oneBox.cate01 h3 { color:#7aa015; }
		#side .oneBox.cate02 h3 { color:#db640c; }
		#side .oneBox.cate03 h3 { color:#0e6fa1; }
		#side .oneBox .typeIc {
			display:inline-block;
			font-size:12px;
			font-weight:bold;
			background-color:#efefef;
			border-style:solid;
			border-width:1px;
			border-color:#cccccc;
			margin:5px 0 0 5px;
			padding:2px 5px 1px 5px;
			}
		#side .oneBox ul {
			font-size:92%;
			margin-top:7px;
			padding:0 5px;
			list-style:none;
			}
			#side .oneBox ul li .price {
				color:#b3191e;
				font-size:150%;
				font-weight:bold;
				}


/* ---------------------------------------------------------------------------------------------------------
   6-1, footer
--------------------------------------------------------------------------------------------------------- */

#footer {
	width:100%;
	height:150px;
	background:#ffffff;
	border-top:#cccccc solid 1px;
	border-bottom:#cccccc solid 1px;
	margin-top:40px;
	}
	#footer .inner {
		width:1000px;
		margin:0 auto;
		}
		#footer p {
			margin: 0;
			}
		#footer .inner .address {
			float:left;
			width:386px;
			height:100px;
			margin-top:26px;
			}
			#footer .inner .address img {
				float:left;
				margin-right:16px;
				}
			#footer .inner .address .name {
				font-size:121% !important;
				font-weight:bold;
				margin-top:7px;
				margin-bottom:3px;
				}
		#footer .inner .navi {
			float:left;
			width:473px;
			height:70px;
			margin-left:125px;
			margin-top:50px;
			list-style:none;
			}
			#footer .inner .navi li {
				float:left;
				height:70px;
				}
		#footer .inner .copy {
			color:#777777;
			font-size:78% !important;
			text-align:left;
			margin-top:7px !important;
			}


/* ------------------------------------------------------------------------------------------------------------------------/
	7-1, expansion
/------------------------------------------------------------------------------------------------------------------------ */

#bread {
	float:right;
	width:870px;
	list-style:none;
	}
	#bread img {
		float:right;
		}
	#bread li a {
		display:inline-block;
		float:right;
		min-width:122px;
		height:32px;
		color:#235d8d;
		font-size:13px;
		text-align:center;
		text-decoration:none;
		line-height:32px;
		background-color:#c8e6ff;
		padding-left:13px;
		padding-right:13px;
		}
	#bread li a:hover {
		color:#ffffff;
		background-color:#48acff;
		}
	#bread li.active a {
		background-color:#e5f3ff !important;
		pointer-events:none;
		cursor:default;
		}

.pager {
	margin:10px 0;
	}
	.pager span {
		position:relative;
		display:inline-block;
		color:#ffffff;
		width:2em;
		text-align:center;
		font-weight:bold;
		background:#add8fb;
		margin-bottom:4px;
		padding:5px 2px;
		}
	.pager span:hover {
		color:#ffffff !important;
		background:#c8e6ff !important;
		}
	.pager span.stay {
		color:#ffffff !important;
		background:#22479b !important;
		}