@charset"shift_JIS";
*{background:none; margin:0; padding:0;}

/*解説ボックス*/
.ex2{overflow:scroll;}
p.a-ttl a{padding-top:267px; display:block;}
p.extop{padding:30px 0 770px;}
/*p.a-ttl aは小見出しのアンカー。.a-ttl aではなくp.a-ttl aとしないと
効かない*/
/*.extopはmarginにするとIEでうまく表示されない*/

.a-ttl,.plt,strong{font-weight:bold;}
body,.dummy2,.dleft2,.ex2,.rb,.tools,.tools2,.tools3{position:absolute;}/*他のpositionが狂わないようbodyにもposition:absolute*/
.dummy2,.dleft2,.tools,.tools2,.tools3{z-index:1;}

body{color:#006; margin-left:20px;}
br.cl{clear:left}/*フロート解除用*/
div{text-align:left; background:#fff;}
div.ex2{height:263px; width:655px; padding:287px 10px 0; left:69px; 
	top:0; border:1px solid #000;}/*解説ボックス*/
	div p{margin:0 0 15px 5px; line-height:1.5em;}/*5pxインデント*/
		p.a-komi:first-line {font-weight:bold; color:#900;}/*小見出し*/
		p.a-ttl{border-bottom:2px groove #fff; padding:0 0 5px 5px; 
			margin:0 0 10px; font-size:large; color:#900;
			letter-spacing:0.3em;}/*各メニューのタイトル*/
		p.b-komi{margin-left:25px;}/*小小見出しのインデント*/
			p.b-komi:first-line {text-decoration:underline; color:#600;}
		p.bottom{height:1000px;}
		/*解説ボックスの最下部のアンカーにとんだ時にうまくスクロールさせる
		ためのダミー。brではうまくいかなかった。全角空白をネスト*/
		p.extop{font-size:large; text-align:center;}
		/*解説欄の初期テキスト*/
		p.plt{width:175px; letter-spacing:0.2em; font-size:16px;
			border-left:20px solid #FC0; border-bottom:2px solid #FC0; 
			padding:0 0 0 10px; color:#C66; margin:30px 0 15px;}
		/*メニューオプションの見出し。あえてインデントなし*/
		p.s-in{margin-left:45px;}/*小小小見出しのインデント*/
			p.s-in:first-line {color:#933;}
	.ex2 ul{margin-bottom:30px;}/*ul打ち消し*/
	.ex2 li{list-style:square; color: #C00; margin:10px 10px 0 30px; 	
		line-height:1.5em; font-size:16px;}
	/*注釈。左marginが0だとIEでブレットが表示されず、他のブラウザでも
	ブレットが欄外に出る*/
div.tools,.tools3{width:671px; padding-left:20px; left:59px; 
	top:0; height:248px;}/*Illus,IRツールページの右ボックス*/
	.tools img{margin:0 10px 0 0; vertical-align:top;}
	/*ツールアイコン。margin-rightにするとimgの元設定が効いてしまう*/
div.tools2{width:686px; padding:24px 0 0 5px; left:59px; top:0;}/*PSツールページの右ボックス*/
	.tools2 p{margin-bottom:10px;}
		p.narabe{margin:0 0 10px 13px;}/*アイコン位置合わせ*/
	.tools2 img{margin:-9px 1px 0 0; vertical-align:bottom;
		border:1px solid #000;}/*PSツールアイコン*/
		img.ochi{margin-bottom:-19px;}/*アイコン位置合わせ*/
div.tools3{}/*IRツールページの右ボックス*/
h1{font-size:30px; margin:15px 0; padding:2px 0 5px 50px; text-align:left;
	border-bottom:5px dotted #F60;
	background:url(../pict/top.gif) no-repeat;}
h1.rb{z-index:2; font-size:20px; letter-spacing:0.1em; border:none;
	left:75px; top:15px; width:240px; line-height:1.2em; margin:0 0 15px;
	padding:0 0 5px 45px; background:url(../pict/top.gif) no-repeat;}
	/*PSツールページのタイトル埋め込み*/
img{vertical-align:middle; margin-left:10px; border:none;}/*リンク線消し*/
img.mark{vertical-align:baseline;}
/*「使わない」「意味不明」マーク。bottomにするとIEで崩れる*/
img.tbox{margin:15px 0 110px;}
/*ツールボックス。ナビメニュー配置のため下余白110px*/
img.tbox2{margin:15px 0 140px;}/*Illustratorのツールボックス*/
map{display:inline;}
/*これを入れないとNでイメージマップが改行されてしまう*/
p.cen{text-align:center;}
p.dummy2{width:677px; border-top:1px solid #000; top:247px; left:69px;}
p.dleft2{height:302px; border-left:1px solid #000; top:247px; left:69px;}
/*ツール解説ボックスの上と左のダミー線*/
p.navi{margin:20px 0 20px 50px;}/*ページ下のナビメニュー設定*/
	.navi img{vertical-align:baseline; margin:0 5px 0 35px;}
p.navi2{margin:0 0 0 95px; font-size:12px; height:100px;}
/*パン屑リスト。スクロール用にheightを入れる*/
p.navi3{font-size:12px; text-align:right;}/*IRのパン屑リスト*/

span{font-size:14px; font-weight:normal; letter-spacing:normal;}
/*PSツールのh1埋め込み*/

a:link {color: #00C;}
a:visited {color: #800080;}

/*以下は印刷時設定*/
@media print{
body{margin-top:0; color:#000}
div{width:auto; margin:0 5%;}
}