@charset "utf-8";
/* 表紙index */ /* 新規追加 */
h1 {
	background-color: #fff0f5 /* 800080 */ ; color: white;
	border-style: none; border-width: 1;
	margin-left: 100px; margin-right: 100px; margin-top: 10px;
	font-size: 20pt; font-weight: bold; font-family: Verdana; 
	-webkit-border-radius: 7px 7px 7px  7px;
	-moz-border-radius: 7px 7px 7px  7px;
	border-radius: 7px 7px 7px  7px;4
	

}
h3.item-title7 {
	 
	background-image: url(globalloop1.jpg) ;
	background-repeat: no-repeat;
	background-position: center;
	height:247px;
	/* width: 800px; */
	color:red;
	padding: 5px 5px 5px 5px;
	border-radius: 7px 7px 7px  7px;
	-webkit-border-radius: 7px 7px 7px  7px;
	-moz-border-radius: 7px 7px 7px  7px;
	text-align: center;
	box-shadow: 5px 5px 10px grey;
	margin-left: 5px; margin-bottom: 10px;
	margin-top: 10px;
	font-size: 18px;
	font-weight: bold;
}

/* テキストとボーダーを重ねる #1 */
h2 {
	position: relative;
	text-align: center;
}
h2 span {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 1em;
	background-color: #fff;
	text-align: left;
}
h2::before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #ccc;
}

.fusenbookgata  {width:450px;/* 600 */
	height:550px;
	background:#e5e9ff;
	font-size:13pt;
	color:#1f3134;
	text-align:left;
	box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1),10px 10px 0 -5px #e5e9ff,
		10px 10px 4px -5px rgba(0,0,0,0.3),13px 13px 0 -5px #e5e9ff,
		13px 13px 8px -5px rgba(0,0,0,0.5),16px 16px 0 -5px #e5e9ff,
		16px 16px 12px -5px rgba(0,0,0,0.7),19px 19px 0 -5px #e5e9ff,
		19px 19px 16px -5px rgba(0,0,0,0.9);
	padding:10px 20px 10px 30px;
}

/* ペーパー形　二枚重ねのペーパー効果 */
.papergata  {
	width:70%;
	background:#fef4f4;
	font-size:18pt;
	color:#a25768;
	-webkit-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1),15px 15px 0 -5px #fef4f4,
	15px 15px 1px -4px rgba(0,0,0,0.2);
	-moz-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1),15px 15px 0 -5px #fef4f4,15px 15px 1px -4px rgba(0,0,0,0.2);
	box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1),15px 15px 0 -5px #fef4f4,15px 15px 1px -4px rgba(0,0,0,0.2);
	padding:15px;
}

/* CSSのみ使った見出し5 */
.midashi5 {
    overflow: hidden;
    text-align: center;
    width: 350px; /*  */
}
 
.midashi5 span:before {
    margin-right: 0.5em;
    right: 100%;
}
 
.midashi5 span:before,
.midashi5 span:after {
    border-bottom: 2px solid #999999;
    border-top: 2px solid #999999;
    content: "";
    height: 0.4em;
    margin-top: -0.2em;
    position: absolute;
    top: 50%;
    width: 200em;
}
 
.midashi5 span:after {
    left: 100%;
    margin-left: 0.5em;
}
 
.midashi5 span:before,
.midashi5 span:after {
    border-bottom: 2px solid #999999;
    border-top: 2px solid #999999;
    content: "";
    height: 0.4em;
    margin-top: -0.2em;
    position: absolute;
    top: 50%;
    width: 200em;
}
 
.midashi5 span {
    position: relative;
}

/* topicPath */

#topicPath_01 {

    margin:10px 0;
    clear: both;
}

#topicPath_01 li {
	  
    display:inline;
    line-height:110%;
    list-style-type:none;
    border-style: solid; border-color: RED; border-width: 0 0 1px 0;
    
}

/* 横幅640px以下の場合のみ適用 */
@media (max-width: 640px) {
  img{
    max-width: 98%;
    height: auto;
  }
}