@charset "Shift_JIS";

/* ここからは見出しの設定 */
.adv {
	clear: both;
	text-align: center;
	border-color: #ff3333;
	border-width: 1px 3px 3px 1px;
	border-style: solid;
	margin-left: 5%;
	margin-right: 5%;
	width: 100%;
}

.adv h1 { /* 見出し1 */
	font-size: 114%;	
	line-height: 1em;
	margin-top: 7px;
	margin-bottom: 7px;
}
.adv h2 { /* 見出し2 */
	font-size: 100%;	
	line-height: 1em;
	margin-top: 5px;
	margin-bottom: 5px;
}
.adv p { /* 広告の段落 */
	font-size: 80%;	
	margin-top: 5px;
	margin-bottom: 5px;
}

.adv2 {
	clear: both;
	text-align: center;
	border-color: #ff3333;
	border-width: 1px 3px 3px 1px;
	border-style: solid;
	margin-left: 5%;
	margin-right: 5%;
	width: 90%;
}
.adv2 h1 { /* 見出し1 */
	font-size: 95%;	
	line-height: 1em;
	margin-top: 10px;
	margin-bottom: 7px;
}
.adv2 h2 { /* 見出し2 */
	font-size: 95%;	
	line-height: 1em;
	margin-top: 10px;
	margin-bottom: 7px;
/* 	font-size: 58%;	
	line-height: 1em;
	margin-top: 5px;
	margin-bottom: 5px;
 */
}
.adv2 p { /* 広告の段落 */
	font-size: 75%;	
	margin-top: 5px;
	margin-bottom: 5px;
}
a img {
	border: 0;
}

/* ここからは行の設定〜Aの中にB、Bの中にC */
.col3-left { /* C設定：3列の左の列 */
	float: left;
	width: 33%;
	padding: 0 0.5em;
}
.col3-center { /* C設定：3列の中の列 */
	float: left;
	width: 33%;
	padding: 0 0.5em;
}
.col3-right { /* C設定：3列の右の列 */
	float: left;
	width: 33%;
	padding: 0 0.5em;
}

.copyright {
	clear: both;
	margin-top: 1em;
	margin-right: 1em;
	font-size: 85%;	
	text-align: right;
}

/* アンカーテキストマッチ4列設定 */
.col4-1 {
	float: left;
	width: 23%;
	padding: 0 0.1em;
	margin-left: 0.5em;
	text-align: left;
}
.col4-2 {
	float: left;
	width: 23%;
	padding: 0 0.3em;
	text-align: left;
}
.col4-3 {
	float: left;
	width: 23%;
	padding: 0 0.3em;
	text-align: left;
}
.col4-4 {
	float: left;
	width: 23%;
	padding: 0 0.3em;
	text-align: left;
}

/************* 動線 **************/

#inducement{
margin: 30px 150px 5px 150px;
padding: 0px ;
border-color: #000000;
border-width: 1px 2px 3px 1px;
border-style: solid;
font-size: 80%;
}

#inducement h3{
margin-top: -20px; /* 枠の上に */
margin-bottom: 0px;
margin-left: -15px; /* 枠の左に */
padding: 14px 0px 10px 138px;
width: 34em;
font-size: 150%;
background-image: url(http://e-club3.hyperposition.com/images/induce.gif); /* 背景画像 */
background-position: left center;
background-repeat:no-repeat;
background-color: #FFFFFF;
}

#inducement p{
margin: 5px 10px 10px 10px;
line-height: 1.5em;
}


* html body #inducement{
margin: 30px 150px 5px 150px;
font-size: 74%;
}
* html body #inducement h3{
position: absolute;
margin-top: -20px;
margin-bottom: 0px;
margin-left: -16px;
padding: 10px 0px 10px 138px;
width: 36em;
font-size: 135%;
}
* html body #inducement p{
margin: 20px 10px 10px 10px;
font-size: 115%;
}

*+html body #inducement{
margin: 30px 150px 5px 150px;
}
*+html body #inducement h3{
position: absolute;
margin-top: -20px;
margin-bottom: 0px;
margin-left: -16px;
padding: 10px 0px 10px 138px;
width: 36em;
font-size: 135%;
}
*+html body #inducement p{
margin: 20px 10px 10px 10px;
font-size: 115%;
}

/*********** ハイパーポジション仕様 ************/

/* フォントタグを使わずに色付け
〜ただし論理的強調と視覚的強調（b,i）は区別する */
#inducement strong{
color: #cc0000;
}
#inducement em{
color: #0000cc;
font-style: normal;
font-weight: bold;
}
#inducement b{/* strong以外では色をつける */
color: #ff3399;
}
#inducement i{/* em以外では色をつける */
font-style: normal;
font-weight: bold;
color: #0099ff;
}