@charset "UTF-8";

/*****************************************************
FileName : /common/new/css/siBlock.css
*****************************************************/

/*	siBlock
-------------------------------------------------------------------*/
#siBlock {
	float:right;
	width:260px;
	margin: 50px 0 0 0;
	font-size:11px;
	line-height:1.5em;
	letter-spacing:0.03em;
	/* background-color: #f2f1ee; */
}
#siBlock .siImgLink {
	padding: 0 0 20px 0;
	margin: 0 0 0 0;
}
#siBlock .siImgLink a img {
	width: 100%;
	height: auto;
}
#siBlock .siImgLink a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);/* IE lt 8.x */
	-ms-filter: "alpha(opacity=70)";/* IE 8.x */
}


/*	siSection01
-------------------------------------------------------------------*/
.siSection01 {
	margin:0 0 20px 0;
	padding:22px 10px 16px 10px;
	border-top:2px solid #888880;
	/* background-color: #fff; */
}

.siSection01 .g_txtBtn02 {
	margin: 0;
}
#siStoreAccess > dt {
	margin: 0 0 10px 0;
}
#siStoreAccess .g_txtBtn02 {
	margin: 0 0 10px 0;
}
.siSection01 > dl dt {
	font-size: 14px;
}

/*	siSection02
-------------------------------------------------------------------*/
.siSection02 {
	margin:0 0 8px 0;
	padding:20px 10px 26px;
	text-align: center;
	border-top:2px solid #888880;
	background: url(/common/new/img/shared/si_bg_01.gif) no-repeat left top;
}


/*	siLnav
-------------------------------------------------------------------*/
#siCategoryTtl {
	margin:0 0 10px;
}

#siLnav {
	margin:0 0 30px 0;
	padding:0 20px;
	font-size:11px;
	background-color: #fff;
}

#siLnav > ul {
	padding:5px 0;
}
#siLnav > ul > li {
	padding:10px 0;
	border-bottom:1px solid #d8d6d4;
}

#siLnav li:last-of-type {
	border-bottom:none;
}

*html #siLnav li {
	zoom:1;
}

#siLnav li p {
	margin:5px 0 0 0;
	padding:3px 20px 3px 7px;
	color:#000;
}

#siLnav li li p {
	margin:5px 0 0 0;
	padding:14px 0 9px 20px;
	color:#000;
}

#siLnav li p + ul li:first-child p {
	padding:0 0 6px 20px;
}

#siLnav li ul {
	margin:0;
}

#siLnav li li ul {
	margin:0;
}

#siLnav li a {
	display:block;
	padding:8px 0 8px 7px;
	color:#737370;
}

#siLnav li li a {
	padding:8px 0 8px 20px;
}

#siLnav li li li a {
	padding:8px 0 8px 40px;
}


/*----------hover----------*/
#siLnav li a:hover {
	color:#0171be;
	text-decoration:none;
}

/*----------current----------*/
#siLnav li.g_siNavCurrent > a {
	color:#0171be;
	text-decoration:none;
	font-weight:bold;
}

/* g_linkIco02 overRide
-------------------------------------------------------------------*/
#siLnav .g_linkIco02 {
    background-image:url(/common/new/img/shared/co_ic_04_off.gif);
}

#siLnav a:hover .g_linkIco02 {
    background-image:url(/common/new/img/shared/co_ic_04_over.gif);
}


/*	siBnr
-------------------------------------------------------------------*/
#siBnr li {
	margin:0 0 8px 0;
	background-color: #f2f1ee;
}
#siBnr li.growingArea {
	padding: 0;
}
#siBnr li.growingArea div.growingBox {
	margin:0 0 8px 0;
	padding:20px 10px 26px;
	text-align: center;
	background: url(/common/new/img/si_bg_01.jpg) no-repeat left top;
}
#siBnr li a {
	background-color:#fff;
	display:block;
}
#siBnr li.growingArea a {
	display:inline;
}
#siBnr li a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);/* IE lt 8.x */
	-ms-filter: "alpha(opacity=70)";/* IE 8.x */
}
#siBnr li.growingArea a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);/* IE lt 8.x */
	-ms-filter: "alpha(opacity=100)";/* IE 8.x */
}


/*	siStrMdl
-------------------------------------------------------------------*/
#siStrMdl {
	padding:0 10px;
}

#siStrMdl dt {
	margin:0 0 20px 0;
}

#siStrMdl dt img {
	display:block;
	margin:0 auto;
}

#siStrMdl dd p {
	margin:0 0 20px 0;
}

#siStrMdl dd li {
	margin:0 0 5px 0;
}

#siStrMdl dd li:last-child {
	margin:0;
}

/*	siAdobeBnr
-------------------------------------------------------------------*/
dl#siAdobeBnr{
	border: 1px solid #d8d6d4;
	padding: 20px;
	margin: 0 0 20px 0;
	background-color: #fff;
}

dl#siAdobeBnr dt {
	text-align: center;
	margin-bottom: 10px;
}

/*	siRi
-------------------------------------------------------------------*/
/*----------siRi----------*/
#siRi {
	margin:0 10px;
}

#siRi dt {
	margin:0 0 23px 0;
}

#siRi dd img {
	margin:0 0 8px 0;
}

#siRi dd p {
	margin:0 0 20px 0;
}

#siRi dd ul img {
	margin:0;
}

#siRi dd li {
	margin:0 0 4px 0;
}

#siRi dd li:last-child {
	margin:0;
}

/*----------siEve----------*/
#siEve {
	margin:20px 0 0 0;
	padding:13px 13px 10px 13px;
	background-color:#fff;
}

#siEve dt {
	margin:0 0 15px 0;
}

#siEve dd p {
	margin:0 0 3px 0;
}

#siEve a {
	color:#4d4d41;
}

#siEve a:hover {
	color:#0171be;
	text-decoration:underline;
}

/*	siCourse
-------------------------------------------------------------------*/
#siCourse li.siWaiting {
	padding: 3px 20px;
	color: #999999;
	line-height: 1.6;
	background: url(/common/new/img/shared/co_ic_17.gif) no-repeat right 0.5em;
}


@media screen and (max-width: 750px) {
	#siBlock {
		width: 100%;
		padding: 0 30px 0 30px;
		font-size: 28px;
	}
	#siCategoryTtl {
		margin: 0 0 30px 0;
	}
	dl#siAdobeBnr{
		display: none;
		border:1px solid #d8d6d4;
		padding:20px;
	}
	dl#siAdobeBnr dt img {
		width: 300px;
		height: auto;
	}
	#g_eventLi .g_imgfloatTxt span {
		font-size: 28px;
	}
	#siEvent dt img {
		width: auto;
		height: 46px;
	}
	#p_eveBtn {
		margin-left: 40px;
	}
	#siCategoryTtl img {
		width: 100%;
		height: auto;
	}
	#siLnav {
		font-size: 28px;
		line-height: 2em;
	}
	#siBnr li {
		margin: 0 0 20px 0;
		padding: 0;
	}
	#siLnav li a {
		padding: 14px 20px 14px 0;
	}
	#siLnav li li a {
		padding: 14px 20px 14px 20px;
	}
	#siLnav li li li a {
		padding: 14px 20px 14px 40px;
	}
	#siBnr img {
		width: 100%;
		height: auto;
	}
	#siBnr li.growingArea div.growingBox img{
		width:80%;
	}
	#siBnr li.growingArea div.growingBox {
		padding: 70px 10px 72px;
		background-size:cover;
	}
	#siBnr li.growingArea div.growingBox .mB10 {
		margin: 40px 0 20px 0 !important;
	}
	.siSection01 {
		margin: 0 0 30px 0;
		padding: 30px;
	}
	.siSection01 > dl dt {
		font-size: 28px;
	}
	.siSection01 > dl a.g_txtLink01 {
		font-size: 28px;
		line-height: 1em;
	}
	#siStoreAccess {
		font-size: 24px;
	}
	#siStoreAccess dt img {
		width: auto;
		height: 30px;
	}
	#siStoreAccess .g_txtBtn02 {
		font-size: 24px;
	}
}