@charset "shift_jis";

/*------------------------------*/
/* Webプロモーションプラン      */
/*------------------------------*/
#heading h1 {
	width: 960px;	/*画像の幅*/
	height: 149px;	/*画像の高さ*/
	font-size: x-small;
	text-indent: -9999px;
	background: url(../img/plan_heading.gif) no-repeat;
}

#main h2{
	width: 660px;
	height: 20px;	/*画像の高さ*/
	font-size: x-small;
	text-indent: -9999px;
	background: url(../img/plan_heading_h2.gif) no-repeat;
}


#guide {
	width: 660px;
}

#guideLeft-box {
	width: 381px; /*IE 印刷プレビュー時のずれ対処に-1px*/
	margin-top: 20px;
	margin-bottom: 22px;
	float: left;
}
#guideTxt-box {
	width: 317px;
	float: left;
}
#guideTxt-box p{
	margin-top: 20px;
	line-height: 1.5em;
	font-size: small;
}
#guideMarker-box {
	width: 64px; /*IE 印刷プレビュー時のずれ対処に-1px*/
	height: 35px;
	margin-top: 100px;
	float: right;
	background: url(../img/arrow.gif) center center no-repeat;
}

#guideRight-box {
	width: 278px;
	margin-top: 20px;
	margin-bottom: 22px;
	float: right;
}
.guideKoumoku-topbox {
	width: 278px;
	height: 23px;
	background: url(../img/koumokuTop_bg.gif) left top no-repeat;
}
.guideKoumoku-topbox h3 {
	font-size: x-small;
	text-indent: -9999px;
}
.guideKoumoku-middlebox {
	width: 258px;
	padding: 10px;
	background: url(../img/koumokuMiddle_bg.gif) left top repeat-y;
}
.koumokuList-box1 {
	width: 129px;
	margin-bottom: 12px;
	float: left;
}
.koumokuList-box2 {
	width: 129px;
	margin-bottom: 12px;
	float: right;
}
.koumokuList-box2 p {
	margin: 5px 0px 0px 0px;
	text-align: right;
}
.guideKoumoku-middlebox li {
	margin-top: 5px;
	list-style-type: none;
}
.guideKoumoku-bottombox {
	width: 278px;
	height: 5px;
	background: url(../img/koumokuBottom_bg.gif) left top no-repeat;
}


#example {
	width: 660px;
}



#exampleLeft-box {
	width: 450px;
	margin-bottom: 60px;
	float: left;
}
#exampleBox1 {
	width: 210px;
	margin-right: 15px;
	float: left;
}
#exampleBox2 {
	width: 210px;
	float: left;
}


#exampleRight-box {
	width: 210px;
	margin-bottom: 60px;
	float: right;
}
#exampleBox3 {
	width: 210px;
}


#exampleBox1 h3 {
	width: 210px;
	height: 26px;	/*画像の高さ*/
	font-size: x-small;
	text-indent: -9999px;
	background: url(../img/exampleH3_01.gif) no-repeat;
}
#exampleBox2 h3 {
	width: 210px;
	height: 26px;	/*画像の高さ*/
	font-size: x-small;
	text-indent: -9999px;
	background: url(../img/exampleH3_02.gif) no-repeat;
}
#exampleBox3 h3 {
	width: 210px;
	height: 26px;	/*画像の高さ*/
	font-size: x-small;
	text-indent: -9999px;
	background: url(../img/exampleH3_03.gif) no-repeat;
}

#exampleBox1 p, #exampleBox2 p, #exampleBox3 p {
	margin: 5px 5px 0px 5px;
}


.exampleDotwaku-box {
	width: 198px;
	margin-top: 5px;
	padding: 0px 5px 5px 5px;
	border: 1px #9a9a9a dotted; 
}
.exampleDotwaku-box ul{
	list-style: none;
	margin: 18px 0px 10px 0px;
}
.exampleDotwaku-box li{
	padding: 0px 0px 0px 10px;
	list-style: none;
	line-height: 1.5em;
	background: url(../img/fp_marker_list.gif) no-repeat;
}
.sepImg {
	width: 187px;
	margin: 18px auto 12px auto;
}
.exampleDotwaku-box p.btmTxt {
	margin: 5px 0px 0px 0px;
	text-align: right;
}