@charset 'shift_jis';
body{


	-webkit-text-size-adjust: 100%;
}

img { -ms-interpolation-mode: bicubic; } 

#contentsWrapper{
	position:relative;
}
/*
#sideBar,#contents{
	display:table-cell;
}
*/
#sideBar{
	width:25%;
	overflow:hidden;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOGY4ZjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) repeat-y; 
	background-position: right 10px top;
	overflow:hidden;
	position:relative;
}

#withMenu{
	position:relative;
	z-index:1;
}

#withMenu > .sideBgWrap:before{
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:10px;
	height:100%;
	background:#fff;
	z-index:4000;
}


#contents{
	width:75%;
	
/*	min-height:100vh;*/
}

#sideBar{
/*	min-height:100vh;*/
}


#sideBar .box{
	background:#f8f8f8;
}

.iLine{
display:inline;	
}

.menuBtn{
	position:absolute;
	width:56px;
	height:25px;
	border:none;
	
	top:10px;
	right:10px;
	
	background: url(../../images/responsive/bg_menu.png) no-repeat;
}

.menuBtn span,.menuBtn2 span{
display:none;	
}

.menuBtn2{
	width:111px;
	height:35px;
	border:none;
	margin-left:-6px;
	background: url(../../images/responsive/bg_cateb1.png) no-repeat;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.05);
}

.expanded .menuBtn2{ 
	background: url(../../images/responsive/bg_cateb2.png) no-repeat;
}

/*box*/
*,*:before,*:after{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}


.grdW{
	max-width:1200px;
	min-width:740px;
	*width:960px;
	margin:0 auto;
	clear:both;
	text-align:left;
	position:relative;
}


/*responsive Images */

.vab{
	vertical-align:bottom;
	
}

img.fit{
	max-width: 100%;
	width: 100%;
    height: auto;
	_width:100%;

	vertical-align:bottom;	
}

img.fitA{
	max-width: 100%;
    height: auto;

	vertical-align:bottom;	
}

img.fit_nomw{
	width: 100%;
    height: auto;
	_width:100%;

	vertical-align:bottom;	
}

img.fit4-1{
	width:100%;
	max-width: 153px;
    height: auto;
	_width:100%;

	vertical-align:bottom;	
}



img.fitcopy{
	width:inherit;
	max-width: 327px;
    height: auto;
	_width:327px;
	
	vertical-align:bottom;	
}


@media \0screen {
	img.fit, img.fit_nomw, img.fit4-1, img.fitcopy {
		width: auto; /* for ie 8 */
		max-width:100%; /* for ie 8 */
	}
}


/*base Clearfix */
.rows {
	*zoom: 1;
}

.rows:after{
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

.rows {
	/*overflow:hidden;*/
	list-style-type: none;
	padding: 0;
	letter-spacing: -0.4em;
	word-spacing: -0.4em;
	line-height:0;
	display: -webkit-flex;
	-webkit-flex-flow: row wrap;
}

.tc.rows,.tr.rows,.tl.rows{ /*inline-box text-align for webkit*/
	display: block;
}

/* Firefox hack start */
@-moz-document url-prefix() {
	.rows {
		word-spacing: normal;
�@�@}
}

/* Nested grid */
.rows > .rows {
	width:100%;
	clear: none;
	float: left;
	margin: 0 !important;
}

 
.box {
	*zoom: 1;
	margin:0 10px;	
}

.box:after{
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}


.ibBox{
	/*overflow:hidden;*/
	list-style-type: none;
	padding: 0;
	letter-spacing: -0.4em;
	word-spacing: -0.4em;
	line-height:0;
	display: -webkit-flex;
	-webkit-flex-flow: row wrap;
}

.ib{
	line-height:1;
	float:none;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	vertical-align:top;
	word-spacing: normal;
	letter-spacing: normal;
	*display:inline;
	word-wrap:break-word;
}

.g5,.g10,.g15,.g175,.g1875,.g20,.g25,.g30,.g33,.g35,.g40,.g45,.g50,.g55,.g60,.g60,.g65,.g66,.g70,.g75,.g80,.g85,.g90,.g95,.g100{
	float:none;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	vertical-align:top;
	word-spacing: normal;
	letter-spacing: normal;
	*display:inline;
	word-wrap:break-word;
	line-height:1;
	/*min-height:1px;*/
	/*min-height makes error on Chrome*/
}


.g5{
	width:5%;
}
.g10{
	width:10%;
}
.g15{
	width:15%;
}
.g175{
	width:17.5%;
	*width:17%;
}
.g1875{
	width:18.75%;
	*width:18%;
}
.g20{
	width:20%;
}
.g25{
	width:25%;
}
.g30{
	width:30%;
}
.g33{
	width:33.33%;
	*width:33%;
}
.g35{
	width:35%;
}
.g40{
	width:40%;
}
.g45{
	width:45%;
}
.g50{
	width:50%;
}
.g55{
	width:55%;
}
.g60{
	width:60%;
}
.g65{
	width:65%;
}

.g66{
	width:66.66%;
	*width:66%;

}
.g70{
	width:70%;
}
.g75{
	width:75%;
}
.g80{
	width:80%;
}
.g85{
	width:85%;
}
.g90{
	width:90%;
}
.g95{
	width:95%;
}
.g100{
	width:100%;
}


.gnavB li.pcNone{
	display:none;	
}

.pcNone{
	display:none;	
}
.pcNoneB{
	display:none;	
}

.movNone{
	display:block;
}

.movNoneB{
	display:inline-block;
	*display:inline;
}
.phoneNone{
	display:block;
}

.phoneNoneB{
	display:inline-block;
	*display:inline;
}