@charset "UTF-8";
/* CSS Document */
	
#pageTitle h1{
	background-image:url(../../../images/icon04_4.png);
}

span.sat{ color:#0071bc; }
span.sun{ color:#ed1c24; }

/*======================================================

	PCサイズ（769px以上）ここから
	
======================================================*/

@media screen and (min-width:769px), print{
	
/*- ページナビゲーション -*/
#pageNavi ul{ width:1024px; }
#pageNavi li{ width:146px; }
#pageNavi li:nth-of-type(3){ line-height:17px; }
	
/* ----------------------------------------------
	資料目録
------------------------------------------------- */
#shiryoList{}
#shiryoList .content strong.caution{
	display:block;
	margin:0 auto;
	text-align:center;
	color:#ce1d2b;
	font-weight:bold;
}
#shiryoList .content .wrapper{}
#shiryoList .content .wrapper > dl{
	border-bottom:1px solid #d4d4d4;
	padding: 20px 10px 20px 20px;
}
#shiryoList .content .wrapper > dl:nth-of-type(1){
	margin-top:40px;
	border-top:1px solid #d4d4d4;
}
#shiryoList .content .wrapper > dl > dt{
	display:block;
	width: 510px;
	min-height:90px;
	margin:0 80px 0 0;
	float:left;
}
	#shiryoList .content .wrapper > dl.pdf_only > dt{
		display:block;
		width: 510px;
		min-height: 0;
		margin:0 80px 0 0;
		float: none;
	}
#shiryoList .content .wrapper > dl.other > dt{
	width:100%;
	margin:0 0 0 0;
}
#shiryoList .content .wrapper > dl > dt .title{
	font-size:114%;
	font-weight:bold;
}
#shiryoList .content .wrapper > dl > dt p{}
#shiryoList .content .wrapper > dl > dd{
	display:block;
}
#shiryoList .content .wrapper > dl > dd:nth-of-type(1){
	min-height:90px;
}
#shiryoList .content .wrapper > dl.pdf_only > dd:nth-of-type(1){
	min-height: 0;
}
#shiryoList .content .wrapper > dl > dd dl{
	display:table;
	margin:5px 0 0 0;
}
#shiryoList .content .wrapper > dl > dd dl dt{
	display:table-cell;
	width:80px;
	height:46px;
	color:#54061a;
	background-color:#f6f6f6;
	font-size:93%;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
}
#shiryoList .content .wrapper > dl > dd dl dt span{
	letter-spacing:1em;
}
#shiryoList .content .wrapper > dl > dd dl dd{
	display:table-cell;
	width:60px;
	height:40px;
	padding-left:10px;
	font-size:93%;
	font-weight:bold;
	line-height:110%;
	text-align:left;
	vertical-align:middle;
}
#shiryoList .content .wrapper > dl > dd dl dd.sold_out{
	color:#ce1d2b;
}
#shiryoList .content .wrapper > dl > dd dl dd:nth-of-type(1){
	width:160px;
}
#shiryoList .content .wrapper > dl > dd dl dd:nth-of-type(1) .price{
	font-size:114%;
}
#shiryoList .content .wrapper > dl > dd dl dd:nth-of-type(1) .text12{
	font-weight:normal;
}
#shiryoList .content .wrapper > dl > dd dl:nth-of-type(2) dt, #shiryoList .content .wrapper > dl > dd dl:nth-of-type(2) dd{
	height:30px;
}
#shiryoList .content .wrapper > dl > dd dl:nth-of-type(2) dd:nth-of-type(2){
	font-weight:normal;
}
#shiryoList .content .wrapper > dl > dd.detail > a{
	display:block;
	width:150px;
	height:20px;
	margin:0 auto;
	text-align:center;
	color:#4883c5;
	text-decoration:underline;
	cursor:pointer;
}
#shiryoList .content .wrapper > dl > dd.detail > div{
	display:none;
	margin:20px 0 10px 0;
	padding: 20px;
	border:1px solid #d4d4d4;
	font-size:86%;
}
#shiryoList .content .wrapper > dl > dd.detail > a.closeDetail{
	display:none;
}
#shiryoList .content .wrapper > dl > dd.detail > div > p{}
#shiryoList .content .wrapper > dl > dd.detail > div > p.pdf{
	margin-top:10px;
}
#shiryoList .content .wrapper > dl > dd.detail > div > p.pdf a{
	display:inline-block;
	margin:5px 0 0 15px;
}
#shiryoList .content .wrapper > dl > dd.detail > div > p.pdf a img{
	display:inline-block;
	margin:0 5px 0 0;
	height:28px;
	width:auto;
}
#shiryoList .content .wrapper > dl > dd.detail > div > ul{
	list-style:disc;
	padding:0 0 0 1.5em;
}
#shiryoList .content .wrapper > dl > dd.detail > div > ul > li{}
#shiryoList .content .wrapper > dl > dd.detail > div > ul > li ul{
	margin:0 0 0 1em;
}

	
/* ----------------------------------------------
	購入方法
------------------------------------------------- */
#How_to_buy{}
#How_to_buy .content .wrapper{}
#How_to_buy .content .wrapper h4{
    font-size: 114%;
    margin-top: 25px;
    margin-bottom: 5px;
}
#How_to_buy .content .wrapper h5{
    font-size: 107%;
    font-weight: bold;
    margin-top: 15px;
}
#How_to_buy .content .wrapper #account{
    font-size: 107%;
    font-weight: bold;
    background-color: #f6f6f6;
    margin: 15px 0 5px;
    padding: 15px;
    text-align: center;
}
#How_to_buy .content .wrapper p.center:last-of-type{
    margin-top: 15px;
}

	
/* ----------------------------------------------
	送料について
------------------------------------------------- */
	#delivery_fee #text{
		margin-top: 10px;
	}
/* ----------------------------------------------
	お問い合わせ
------------------------------------------------- */
#inquiry{}
#inquiry .content .wrapper{
	background-color:#f6f6f6;
	padding:40px 20px;
	text-align:center;
}

}
/*======================================================

	SPサイズ（768px以下）ここから
	
======================================================*/

@media screen and (max-width: 768px) {

/* ----------------------------------------------
	資料目録
------------------------------------------------- */
#shiryoList{}
#shiryoList .content p.center:nth-of-type(1){
	text-align:left;
}
#shiryoList .content strong.caution{
	display:block;
	margin:0 0 0 1em;
	color:#ce1d2b;
	font-weight:bold;
	text-indent: -1em;
}
#shiryoList .content .wrapper{
}
#shiryoList .content .wrapper > dl{
	border-bottom:1px solid #d4d4d4;
	padding: 20px 0;
}
#shiryoList .content .wrapper > dl:nth-of-type(1){
	margin-top:40px;
	border-top:1px solid #d4d4d4;
}
#shiryoList .content .wrapper > dl > dt{
	display:block;
	margin: 0;
}
#shiryoList .content .wrapper > dl.other > dt{
	width:100%;
	margin:0 0 0 0;
}
#shiryoList .content .wrapper > dl > dt .title{
	font-size:114%;
	font-weight:bold;
}
#shiryoList .content .wrapper > dl > dt p{}
#shiryoList .content .wrapper > dl > dd{
	display:block;
	margin: 15px 0 0;
}
#shiryoList .content .wrapper > dl > dd:nth-of-type(1){
}
#shiryoList .content .wrapper > dl > dd dl{
	display:table;
	margin: 0 0 5px 0;
}
#shiryoList .content .wrapper > dl > dd dl dt{
	display:table-cell;
	color:#54061a;
	background-color:#f6f6f6;
	font-size:93%;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	padding: 5px 10px;
}
#shiryoList .content .wrapper > dl > dd dl dt span{
}
#shiryoList .content .wrapper > dl > dd dl dd{
	display:table-cell;
	height:40px;
	padding-left: 5px;
	font-size:93%;
	font-weight:bold;
	line-height:110%;
	text-align:left;
	vertical-align:middle;
}
#shiryoList .content .wrapper > dl > dd dl dd.sold_out{
	color:#ce1d2b;
}
#shiryoList .content .wrapper > dl > dd dl dd:nth-of-type(1){
	width: 140px;
}
#shiryoList .content .wrapper > dl > dd dl dd:nth-of-type(1) .price{
	font-size:114%;
}
#shiryoList .content .wrapper > dl > dd dl dd:nth-of-type(1) .text12{
	font-weight:normal;
}
#shiryoList .content .wrapper > dl > dd dl:nth-of-type(2) dt, #shiryoList .content .wrapper > dl > dd dl:nth-of-type(2) dd{
	height:30px;
}
#shiryoList .content .wrapper > dl > dd dl:nth-of-type(2) dd:nth-of-type(2){
	font-weight:normal;
}
#shiryoList .content .wrapper > dl > dd.detail > a{
	display:block;
	width:150px;
	height:20px;
	margin:0 auto;
	text-align:center;
	color:#4883c5;
	text-decoration:underline;
	cursor:pointer;
}
#shiryoList .content .wrapper > dl > dd.detail > div{
	display:none;
	margin:20px 0 10px 0;
	padding: 20px;
	border:1px solid #d4d4d4;
	font-size:86%;
}
#shiryoList .content .wrapper > dl > dd.detail > a.closeDetail{
	display:none;
}
#shiryoList .content .wrapper > dl > dd.detail > div > p{}
#shiryoList .content .wrapper > dl > dd.detail > div > p.pdf{
	margin-top:10px;
}
#shiryoList .content .wrapper > dl > dd.detail > div > p.pdf a{
	display:block;
	margin:5px 0 0 0;
}
#shiryoList .content .wrapper > dl > dd.detail > div > p.pdf a img{
	display:inline-block;
	margin:0 5px 0 0;
	height:28px;
	width:auto;
}
#shiryoList .content .wrapper > dl > dd.detail > div > ul{
	list-style:disc;
	padding:0 0 0 1em;
}
#shiryoList .content .wrapper > dl > dd.detail > div > ul > li{}
#shiryoList .content .wrapper > dl > dd.detail > div > ul > li ul{
	margin:0 0 0 1em;
}

/* ----------------------------------------------
	購入方法
------------------------------------------------- */
#How_to_buy{}
#How_to_buy .content .wrapper{}
#How_to_buy .content .wrapper h4{
    font-size: 114%;
    margin-top: 25px;
    margin-bottom: 5px;
}
#How_to_buy .content .wrapper h5{
    font-size: 107%;
    font-weight: bold;
    margin-top: 15px;
}
#How_to_buy .content .wrapper #account{
    font-size: 107%;
    font-weight: bold;
    background-color: #f6f6f6;
    margin: 15px 0 5px;
    padding: 15px;
    text-align: center;
}
#How_to_buy .content .wrapper p.center:last-of-type{
    margin-top: 15px;
}
	

/* ----------------------------------------------
	送料について
------------------------------------------------- */
	#delivery_fee　#text{margin-top:10px;}
	#delivery_fee .content table tr th,
	#delivery_fee .content table tr td{
		padding:5px;
	}

/* ----------------------------------------------
	お問い合わせ
------------------------------------------------- */
#inquiry{}
#inquiry .content .wrapper{
	background-color:#f6f6f6;
	padding:40px 10px;
	text-align:center;
}

}

@media screen and (max-width: 348px) {
#shiryoList .content .wrapper > dl > dd dl dd:nth-of-type(1){
	width: 100px;
}
}