/* toplevel layout 
@import url("./article/header.css");
@import url("./article/globalnav.css");
@import url("./article/sidebar.css");
@import url("./article/content.css");
@import url("./article/topicpath.css");
@import url("./article/footer.css");
 /toplevel layout */

/* common element css style */
@import url("btn.css");
/*@import url("./content/icn.css");*/
/*@import url("./content/h.css");*/
@import url("carousel.css");
@import url("list.css");
/*@import url("./content/search.css");*/
/*@import url("./content/navigation.css");*/
/*@import url("./content/parts.css");*/
/*@import url("./content/overlay.css");*/
/*@import url("./content/news.css");*/
/*@import url("./content/review.css");*/
/*@import url("./content/form.css");*/
/*@import url("./content/guide.css");*/
/*@import url("./ui/indicator.css");*/
/*@import url("./ui/actions.css");*/
/* /common element css style */

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, caption,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
* {
	 -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	background:#FFF;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','Meiryo', 'メイリオ', sans-serif;
	text-shadow: 0 1px 0 rgba(255 , 255 , 255, 0.6);
	-webkit-text-size-adjust: 100%;
	margin:0;
	padding:0;
	font-size:12px;
	font-weight:normal;
	word-break: break-all;
	color:#333;
}
a {
	color:#007ED3;
}
a:hover {
	color:#25a5e5;
}
img {
	border:none;
	vertical-align:top;
}
ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
.clearfix:after {
	  content: "."; 
	  display: block; 
	  height: 0; 
	  font-size:0;	
	  clear: both; 
	  visibility:hidden;
}
.clearfix {
	display: inline-block;
} 
/* Hides from IE Mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
display:block;
}
/* End Hack */ 

#article {
	width:100%;
}
#contents {
	margin-top:80px;
}
#content {
	margin-bottom:70px;
	width:100%;
}
#sideBarOverlay {
	display:block;
	position:fixed;
	left:0;
	top:0;
	bottom:0;
	right:0;
	background:rgba(0,0,0,0.5);
	width:100%;
	height:100%;
	z-index:3000000000;
}
#sideBar {
	position:fixed;
	left:0;
	top:44px;
	bottom:0;
	display:none;
	width:260px;
	background:#FFF;
	-moz-box-shadow: -3px 0px 3px rgba(0,0,0,0.1) inset;
	-webkit-box-shadow: -3px 0px 3px rgba(0,0,0,0.1) inset;
	box-shadow: -3px 0px 3px rgba(0,0,0,0.1) inset;
	z-index:3000000001;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	margin-right:0px;
}
#urgentNotice {
	width:100%;
}
#urgentNotice ul{;
	width:100%;
	height:3em;
	white-space: nowrap;
	overflow: hidden;
}
#urgentNotice ul li{
	max-width:100%;
	height:3em;
	display:inline-block;
	padding:0 5px 0 5px;
}
#urgentNotice ul li:nth-child(n+2) {
	display:none;
}
#urgentNotice ul li a {
	display:block;
	max-width:100%;
	height:3em;
	line-height:3em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
.itemPrice span.strong{
	color:#ff623f;
	font-weight:bold;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1279px){
	body {
		font-size:14px;
	}
	#contents {
		margin-top:116px;
	}
	#content {
	}
	#sideBar {
		width:300px;
		top:63px;
	}
	#urgentNotice {
		height:2em;
	xhtml	background:#EEE;
	}
	#urgentNotice ul {;
		height:2em;
	}
	#urgentNotice ul li {
		height:2em;
	xhtml	display:inline-block;
	}
	#urgentNotice ul li a {
		height:2em;
		line-height:2em;
	}
}
@media only screen and (min-device-width: 1280px){
	body {
		font-size:14px;
	}
	#article {
		min-width:1024px;
	}
	#contents {
		margin-top:95px;
	}
	#contentWrapper {
		display:-webkit-box;
		display:-moz-box;
		display:-ms-box;
		display:-o-box;
		display:box;
		width:100%;
	/* IE10 */
		display:-ms-flexbox;
	}
	#content {
		-webkit-box-ordinal-group: 2;
		-moz-box-ordinal-group: 2;
		-o-box-ordinal-group: 2;
		-ms-box-ordinal-group: 2;
		box-ordinal-group: 2;
		-webkit-box-flex: 1.0;
		-moz-box-flex: 1.0;
		-o-box-flex: 1.0;
		-ms-box-flex: 1.0;
		box-flex: 1.0;
		/* IE10 */
		-ms-flex-order: 1;
		-ms-flex : 0 1 auto;
		padding-left:0;
	}
	#contentWrapper:not(:target) {
		margin-bottom:50px\9;
	}
	#content:not(:target) {
		padding-left:230px\9;
		margin-bottom:0\9;
	}
	#contentBody:not(:target) {
		width:100%\9;
		float:right\9;
	}
	#sideBarOverlay {
		display:none;
	}
	#sideBar {
		position:static;
		display:block;
		width:230px;
		min-width:230px;
		border-right:1px solid #DDD;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		box-shadow:none;
		overflow:visible;
		-webkit-box-ordinal-group: 1;
		-moz-box-ordinal-group: 1;
		-o-box-ordinal-group: 1;
		-ms-box-ordinal-group: 1;
		box-ordinal-group: 1;
		/* IE10 */
		-ms-flex-order: 0;
		z-index:auto;
		-webkit-overflow-scrolling:auto
	}
	#sideBar:not(:target) {
		float:left\9;
	}
	#urgentNotice {
		height:2em;
	xhtml	background:#EEE;
	}
	#urgentNotice ul {;
		height:2em;
		overflow: hidden;
	}
	#urgentNotice ul li {
		height:2em;
	}
	#urgentNotice ul li a {
		height:2em;
		line-height:2em;
	}
}
/* IE10 */
@media only screen and (min-device-width: 1280px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#contentWrapper:not(:target) {
		margin-bottom:0px\9;
	}
	#content:not(:target) {
		padding-left:0\9;
		margin-bottom:50px\9;
	}
	#contentBody:not(:target) {
		width:auto\9;
		float:none\9;
	}
	#sideBar:not(:target) {
		float:none\9;
	}
}
/* /IE10 */


/* (articleSmallwin) */
.articleSmallwin #contents {
	margin-top:50px;
}
.articleSmallwin #content {
	margin-bottom:20px;
}
@media only screen and (min-device-width: 1280px){
	#article.articleSmallwin {
		min-width:auto;
	}
	#article.articleSmallwin #contents {
		margin-top:45px;
	}
}

/* /(articleSmallwin) */


