@charset "UTF-8";
/* CSS Document ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
/* 　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　  */
/* 内容　:　全体設定 */
/* 作成日:　2011年01月13日 */
/* 変更日:　9999年99月99日 */
/* 　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　  */
/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */



/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 基本本文レイアウト */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.set {
	margin-bottom: 30px;
}
.dot {
	background: url(../img/dotline.gif) repeat-x left bottom;
	margin-bottom: 20px;
	padding-bottom: 20px;
}




/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 共通項目 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 見出し */
h1 {
	line-height: 1;
	font-size: 100%;
}



/* 汎用レイアウト*/
.left {		float: left; }
.right {	float: right; }

/* マージン */
.margin02 {	margin-bottom: 2px; }
.margin05 {	margin-bottom: 5px; }
.margin06 {	margin-bottom: 6px; }
.margin08 {	margin-bottom: 8px; }
.margin10 {	margin-bottom: 10px; }
.margin15 {	margin-bottom: 15px; }
.margin20 {	margin-bottom: 20px; }
.margin30 {	margin-bottom: 30px; }
.margin40 {	margin-bottom: 40px; }


/* 画像配列 */
.imgRight {
	text-align: right;
}

.imgCenter {
	text-align: center;
	margin-bottom: 10px;
}

.imgBottom img {
	vertical-align: bottom;
}



/* 文字配列 */
.txtCenter {	text-align: center; }
.txtRight {		text-align: right; }






/* float解除 */
.cbox { 
}
* html .cbox {
	zoom: 100%;
}
*:first-child+html .cbox {
	display: inline-block;
}
.cbox:after {
	content: "."; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}




/* リンク */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
a {
	color: #000000;
}
a:hover {
	color: #000000;
	text-decoration: underline;
}




/* テキスト装飾 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 小文字 */
.cap {
	line-height: 1;
	font-size: 84%;
	padding-top:8px;
}

h3 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
}




/* 横幅 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
body {
	/*display: none;*/
	font-family: 'Open Sans', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 400;
	color: #191919;
	-webkit-text-size-adjust: 100%;
}
::selection {
	background: #FF0;
}
::-moz-selection {
	background: #FF0;
}






/* PC */
@media screen and (min-width:481px), print {


#Header_sp {
	display: none;
}


#menu_button {
	display: none;
}



#wrapper {
	width: 960px;
	margin: 0 auto;
	font-size: 87%;
}
* html #wrapper {
	zoom: 100%;
}
*:first-child+html #wrapper {
	display: inline-block;
}
#wrapper:after {
	content: "."; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}




/* ---------- header ---------- */	
#mainTitle {
	text-align: center;
	padding: 80px 0;
	font-size: 84%;
	color: #545454;
}
#mainTitle #svg {
	margin-bottom: 15px;
}


.SPh2 {
	display: none;
}








/* ---------- header ---------- */	
#header {
	padding: 35px;
	z-index: 9999 !important;
	background: #fff;
	min-width: 890px;
}
* html #header {
	zoom: 100%;
}
*:first-child+html #header {
	display: inline-block;
}
#header:after {
	content: "."; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}


	#header h1 {
		float: left;
		width: 87px;
		margin: -25px 0 0 9px;
	}


/* ---------- nav ---------- */	
#nav {
	float: right;
	width: 600px;
}
	#nav ul {
	}
	* html #nav ul {
		zoom: 100%;
	}
	*:first-child+html #nav ul {
		display: inline-block;
	}
	#nav ul:after {
		content: "."; 
		clear: both; 
		height: 0; 
		display: block; 
		visibility: hidden;
	}
	
	
	#nav li {
		float: left;
		display: inline;
		margin-right: 30px;
	}
	#nav li.sns {
		margin-right: 10px;
	}
	#nav li.last {
		margin-right: 0px;
	}





/* ---------- mainArea ---------- */	
#mainArea {
	width: 660px;
	float: right;
}


/* 最近チェックした項目 */	
#recentlyChecked {
}
	#recentlyChecked h3 {
		margin-bottom: 30px;
	}
	
	* html #recentlyChecked .Container {
		zoom: 100%;
	}
	*:first-child+html #recentlyChecked .Container {
		display: inline-block;
	}
	#recentlyChecked .Container:after {
		content: "."; 
		clear: both; 
		height: 0; 
		display: block; 
		visibility: hidden;
	}

#recentlyChecked dl {
	width: 135px;
	float: left;
	margin-right: 40px;
	margin-bottom: 40px;
	line-height: 1.3;
}
	#recentlyChecked dl dt {
		margin-bottom: 8px;
		width: 135px;
		overflow: hidden;
	}
		#recentlyChecked dl dt a img {
			width: 100%;
			height: auto;
		}

#recentlyChecked dl.last {
	margin-right: 0px;
}
#recentlyChecked dl.Clear {
	clear: both;
}










/* ---------- leftArea ---------- */	
#leftArea {
	width: 230px;
	float: left;
}
	#leftArea #bnrArea {
		margin-bottom: 40px;
	}
		#leftArea #bnrArea li {
			margin-bottom: 10px;
		}
		#leftArea #bnrArea li.last {
			margin-bottom: 0px;
		}
		#leftArea #bnrArea li img {
			width: 100%;
			height: auto;
		}
		
	#leftArea #searchArea {
		margin-bottom: 40px;
	}
		#leftArea #searchArea h3 {
			margin-bottom: 10px;
		}
		#leftArea #searchArea .searchText {
			border: none;
			background: #f3f3f3;
			height: 24px;
			padding: 3px;
			width: 170px;
		}
		#leftArea #searchArea .searchBtn {
			border: none;
			background: #000;
			color: #FFF;
			height: 30px;
			width: 50px;
		}
	
	
	#leftArea #categoryArea,
	#leftArea #brandArea {
		margin-bottom: 40px;
	}
		#leftArea #categoryArea li,
		#leftArea #brandArea li {
			padding-bottom: 6px;
			margin-bottom: 6px;
			border-bottom: dotted 1px #979797;
		}
			#leftArea #categoryArea li.last,
			#leftArea #brandArea li.last {
				padding-bottom: 0px;
				margin-bottom: 0px;
				border-bottom: none;
			}
		#leftArea #categoryArea li a,
		#leftArea #brandArea li a {
			display: block;
		}
		#leftArea #categoryArea h3,
		#leftArea #brandArea h3 {
			padding-bottom: 6px;
			margin-bottom: 10px;
			border-bottom: solid 1px #979797;
		}
		



	#leftArea #calendarArea {
		margin-bottom: 40px;
	}
	
	
	#leftArea #snsArea {
		margin-bottom: 40px;
	}
		#leftArea #snsArea li {
			margin-bottom: 10px;
		}
		#leftArea #snsArea li.last {
			margin-bottom: 0px;
		}





	
	
/* -------------------- footer -------------------- */	
#footer {
	margin-top: 150px;
	padding: 35px;
	font-size: 84%;
}
* html #footer {
	zoom: 100%;
}
*:first-child+html #footer {
	display: inline-block;
}
#footer:after {
	content: "."; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}

#footer p {
	float: left;
	width: 222px;
}
#footer ul {
	width: 540px;
	float: right;
}
#footer ul li {
	float: right;
	display: inline;
	margin-left: 30px;
}
#footer ul li.last {
	margin-left: 0px;
}








/* ------カレンダー-------- */
#calendarArea {
	width: 230px;
}

#calendarArea p {
	text-align: right;
}

#calendarArea table {
	width: 230px;
}
	#calendarArea table th {
		text-align: center;
		font-weight: normal;
		padding: 10px 0;
	}
	#calendarArea table td {
		text-align: center;
		padding: 10px 0;
		color: #000;
		font-size: 10px;
	}


/* 休日 */
#calendarArea table tr td.Holiday {
	background:#000;
	color: #fff;
}













	
}






/* スマホ */
@media only screen and (max-width: 480px) {
	
#header,
#nav,
#snsArea,
#footer,
#calendarArea {
	display: none;
}


#container {
	position: relative;
}


	
#wrapper {
	padding: 3%;
	padding-top: 25%;
	font-size: 87%;
}



/* ---------- header ---------- */	
#mainTitle {
	text-align: center;
	font-size: 84%;
	color: #545454;
	margin-bottom: 40px;
}
#mainTitle #svg {
	display: none;
}

.SPh2 {
	width: 100%;
	margin-bottom: 10px;
}
	.SPh2 img {
		width: 100%;
		height: auto;
	}





#Header_sp {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #FFF;
	padding: 6% 0;
		z-index:9999;
}
	#Header_sp #Menu {
		float: left;
		width: 29%;
		text-align: center;
	}
		#Header_sp #Menu img {
			width: 45%;
		}
	#Header_sp h1 {
		padding: 1% 0;
		float: right;
		width: 40%;
		text-align: center;
		border: solid 1px #CCC;
		border-top: none;
		border-bottom: none;
	}
	#Header_sp #OnlineBtn {
		float: right;
		width: 29%;
		text-align: center;
	}
		#Header_sp #OnlineBtn img {
			width: 45%;
		}
	#Header_sp #CatBtn {
		float: right;
		width: 29%;
		text-align: center;
	}
		#Header_sp #CatBtn img {
			width: 45%;
		}
		
		
	
	#Header_sp #MenuNav {
		position: relative;
		padding-top: 5%;
		display: none;
		clear: both;
		z-index:9999;
	}
		#Header_sp #MenuNav ul {
			background: #000;
			padding: 1%;
		}
		#Header_sp #MenuNav ul li {
			background: #FFF;
			margin-bottom: 1%;
			text-align: left;
		}
		#Header_sp #MenuNav ul li.last {
			margin-bottom: 0%;
		}
			#Header_sp #MenuNav ul li a {
				color: #000;
				display: block;
				padding: 10px 15px;
				background: url(../img/arrow_black.gif) no-repeat 95% center;
				text-align: left;
			}


	#Header_sp #CatMenu {
		position: absolute;
		top: 100%;
		width:100%;
		display: none;
		clear: both;
		z-index:9999;
		box-sizing:border-box;
		background: #000;
		padding: 1%;
	}
		#Header_sp #CatMenu h3{
		padding: 10px 15px;
		border-bottom: solid 1px #979797;
		background: #fff;
		}
	
		#Header_sp #CatMenu ul {
			padding: 1%;
			background: #fff;
		}
		#Header_sp #CatMenu ul li {
			border-bottom: dotted 1px #979797;
			}
		#Header_sp #CatMenu ul li.last {
			border-bottom: none;
		}
			#Header_sp #CatMenu ul li a {
				display: block;
				padding: 10px 15px;
				background: url(../img/arrow_black.gif) no-repeat 95% center;
				text-align: left;
			}








/* ---------- mainArea ---------- */	
#mainArea {
	margin-bottom: 60px;
}

/* 最近チェックした項目 */	
#recentlyChecked {
}
	#recentlyChecked h3 {
		margin-bottom: 15px;
	}
	
	* html #recentlyChecked .Container {
		zoom: 100%;
	}
	*:first-child+html #recentlyChecked .Container {
		display: inline-block;
	}
	#recentlyChecked .Container:after {
		content: "."; 
		clear: both; 
		height: 0; 
		display: block; 
		visibility: hidden;
	}

#recentlyChecked dl {
	width: 49%;
	float: left;
	margin-right: 2%;
	margin-bottom: 2%;
	line-height: 1.3;
}
	#recentlyChecked dl dt {
		margin-bottom: 5px;
	}
	#recentlyChecked dl dt img {
		width: 100%;

		height: auto;
	}

#recentlyChecked dl.last_sp {
	margin-right: 0px;
}
#recentlyChecked dl.Clear_sp {
	clear: both;
}









/* ---------- leftArea ---------- */	
#leftArea {
}
	#leftArea #bnrArea {
		margin-bottom: 40px;
	}
		* html #leftArea #bnrArea {
			zoom: 100%;
		}
		*:first-child+html #leftArea #bnrArea {
			display: inline-block;
		}
		#leftArea #bnrArea:after {
			content: "."; 
			clear: both; 
			height: 0; 
			display: block; 
			visibility: hidden;
		}
		
		
		
		#leftArea #bnrArea li {
			width: 49%;
			float: left;
			margin-right: 2%;
			margin-bottom: 2%;
		}
		#leftArea #bnrArea li img {
			width: 100%;
			height: auto;
		}
		#leftArea #bnrArea li.last_sp {
			margin-right: 0;
			margin-bottom: 0;
		}






		
		#leftArea #searchArea {
			margin-bottom: 40px;
		}
		#leftArea #searchArea h3 {
			margin-bottom: 10px;
		}
		#leftArea #searchArea .searchText {
			border: none;
			background: #f3f3f3;
			height: 24px;
			padding: 3px;
			width: 65%;
		}
		#leftArea #searchArea .searchBtn {
			border: none;
			background: #000;
			color: #FFF;
			height: 30px;
			width: 30%;
		}
		
		
		
	
	
	#leftArea #categoryArea,
	#leftArea #brandArea {
		margin-bottom: 40px;
	}
		#leftArea #categoryArea li,
		#leftArea #brandArea li {
			padding-bottom: 6px;
			margin-bottom: 6px;
			border-bottom: dotted 1px #979797;
		}
			#leftArea #categoryArea li.last,
			#leftArea #brandArea li.last {
				padding-bottom: 0px;
				margin-bottom: 0px;
				border-bottom: none;
			}
		#leftArea #categoryArea li a,
		#leftArea #brandArea li a {
			display: block;
		}
		#leftArea #categoryArea h3,
		#leftArea #brandArea h3 {
			padding-bottom: 6px;
			margin-bottom: 10px;
			border-bottom: solid 1px #979797;
		}
		



	#leftArea #calendarArea {
		margin-bottom: 40px;
	}
	
	




	
	
}