/* CSS Document */

body {
	font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

a{
	color:#333;
	text-decoration:none;
}
a:hover {
	color:#0080ff;
}

/**************************************************************************************************
CLEARFIX CLASS
**************************************************************************************************/
.clearfix:after {
	display			: block;
	clear			: both;
	height			: 0;
	visibility		: hidden;
	content			: ".";
	line-height		: 0;
}
.clearfix {
	display			: inline-table;
	min-height		: 1%;
}
/* FOR MAC IE \*/
* html .clearfix {
	height			: 1%;
}
.clearfix {
	display			: block;
}
/* END OF FOR MAC IE */



/* レフトナビ */
#leftNavi table#tableNavi td.summergift {
	width:200px;
	font-size:12px;
}
#leftNavi table#tableNavi td.summergift h3.title{
	background:#d1e5fa;
	border-bottom:2px solid #356aaa;
	padding-top:10px;
}
#leftNavi table#tableNavi td.summergift h3.title span {
	font-size:75%;
	line-height:0.8;
}

#leftNavi table#tableNavi td.summergift ul {
	border-bottom:1px dotted #CCC;
	list-style-type:none;
}
#leftNavi table#tableNavi td.summergift ul ol {
	margin-left:20px;
	list-style-type:none;
}

#leftNavi table#tableNavi td.summergift ul li {
	border-top:1px dotted #CCC;
}

#leftNavi table#tableNavi td.summergift ul li a {
	display:block;
	padding:8px 0 8px 20px;
	background:url(images/arrow_s.gif) no-repeat 8px 12px;
}
#leftNavi table#tableNavi td.summergift ul li a:hover {
	background:url(images/arrow_s.gif) no-repeat 10px 12px #F9F9F9;
}


#cautionBox {
	width:100%
	box-sizing: border-box;;
	font-size:12px;
	border:3px solid #F6F6F6;
	margin:0 0 30px 0;
	padding:20px;
	}
	#cautionBox p:first-child {
		font-weight:bold;
		font-size:16px;
		margin-bottom:10px;
	}
		#cautionBox dd strong {
			color:#d80000;
		}
		#cautionBox dd a {
			color:#4c79ff;
			text-decoration:underline;
		}
		#cautionBox dd a:hover {
			text-decoration:none;
		}

#brandBox {
	width:100%;
	box-sizing: border-box;
	padding:7px 0;
	background:url(images/brand_bg.jpg) repeat-y;
}
	#brandBox h2 {
		text-align:center;
	}
	#brandBox ul {
		list-style-type:none;
	}
		#brandBox ul li.long {
			width:705px;
		}
		#brandBox ul li {
			width:230px;
			float:left;
			margin:7px 0 0 7px;
		}
		#brandBox ul li a {
			display:block;
			background:#FFF url(images/brand_arrow.gif) no-repeat 20px 18px;
			padding:12px 10px 12px 34px;
		}
		#brandBox ul li a:hover {
			color:#593c1a;
			background:#f8df5f url(images/brand_arrow.gif) no-repeat 20px 18px;
		}

#searchBox {
	width:100%;
	box-sizing: border-box;
	margin:30px 0;
}
	#searchBox h3 {
		background:url(images/midashi_bg.gif) repeat-x bottom #019fe0;
		border:3px solid #019fe0;
		color:#FFF;
		text-shadow:1px 1px 0px #1478a6;
		padding:5px 10px;
	}
	#searchBox h3 a {
		color: #FFF;
	}
	#searchBox hr {
		border:0;
		border-top:1px solid #DDD;
		margin-top:-20px;
	}
	#searchBox ul {
		margin:0 0 30px 5px;
	}
	#searchBox ul li {
		list-style-type:none;
		float:left;
		border:3px solid #9bd8f3;
		margin:10px 5px 0 5px;
			background:url(images/arrow.gif) no-repeat 10px 18px;
	}
		#searchBox ul li a {
			display:block;
			width:188px;
			padding:12px 10px 12px 24px;
		}
		#searchBox ul li a:hover {
			background:url(images/arrow_w.gif) no-repeat 10px 18px #9bd8f3;
			color:#FFF;
		}