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

div.ex{padding:195px 10px 0 15px;}
/*解説ボックス。上paddingのデフォルトは195px*/
.ex,ul{overflow:scroll;}
.ex a{padding-top:195px; display:block;}
.ex p a{padding-top:0; display:inline;}
.ex ul{padding:0 0 770px;}
.ex p.a-ttl a{padding-top:195px; display:block;}
.box a{padding-top:10px; display:block;}
.box li a,.box p a{padding-top:0; display:inline;}
.box li.sub a{padding-top:25px; display:block;}
.box p.a-ttl a{padding-top:10px; display:block;}
p.extop{padding:30px 0 770px;}
/*.ex aは解説ボックス内のアンカーポイント*/
/*.ex p aは解説ボックス内のリンク。アンカー設定を打ち消している*/
/*p.a-ttl aは小見出しのアンカー。.a-ttl aではなくp.a-ttl aとしないと
効かない。また.ex p aより前に書くと無効となる*/
/*.box li.sub aは25pxでちょうどメニューリストの横線と合う*/

div div,.window{float:left;}
h2,li,.list2 a,.plt{font-size:16px;}
.a-ttl,.inavi,.list2 a,.menu,.plt,strong,.sub{font-weight:bold;}
.a-ttl,h2,.list2 a,.menu{letter-spacing:0.3em;}
body,.box,.d2,.dummy,.dleft{position:absolute;}/*他のpositionが狂わないようbodyにもposition:absolute*/
.cen,.extop,h2,.inavi,.list2 a,.menu{text-align:center;}
.box,.dummy,.dleft{z-index:1;}

body{color:#006; margin-left:20px; height:700px;}
/*heightを入れないとページ最下部がスクロールしない*/
br.cl{clear:left}/*フロート解除用*/
div{text-align:left; background:#fff;}
div div{padding-top:15px;}
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:18px; color:#900;}
	/*各メニューのタイトル*/
	p.b-komi{margin-left:25px;}/*小小見出しのインデント*/
		p.b-komi:first-line {color:#600;}
	p.cen{}
	p.extop{font-size:large;}
	/*解説欄の初期テキスト。marginにするとIEでうまく表示されない*/
	p.menu{font-size:20px; border-left:25px solid #F60;
		border-right:25px solid #F60; padding-right:10px; color:#F30;
		 width:285px; margin:100px 0 30px;}
	/*ImageReadyなどのメニュー。カギカッコのため右のみpadding*/
	p.plt{width:175px; letter-spacing:0.2em; border-left:20px solid #FC0;
		border-bottom:2px solid #FC0; padding:0 0 0 10px; color:#C66;
		margin:30px 0 15px;}/*パレットメニューなどの見出し*/
		p.pltin{margin-left:20px;}
		/*「Web用に保存」などでパレットメニュー見出しをインデントさせる*/
	p.s-in{margin-left:45px;}/*小小小見出しのインデント*/
		p.s-in:first-line {color:#933;}
		/*なぜかSafariでfont-styleが効かなかった*/

div.box{width:750px; padding-bottom:15px;}
	div.list{width:200px;}/*メニューリスト*/
	div.memo{margin-left:-1px;}
	/*メモのページで、メニューボックスの線を重ねて１本消す*/
	div.title{width:525px; margin-right:20px;}	
	/*タイトル用ボックス。あえて幅5px減らして落ちを防ぐ*/
		.title p,.title2 p{font-size:16px;}
		/*レイアウト崩れを防ぐためサイズ固定*/
	div.title2{width:335px; margin-right:10px;}
	/*サブメニューがある場合のタイトル用ボックス*/
		.title2 h1{font-size:20px; padding:0 0 5px 55px;
			background:url(../pict/top.gif) no-repeat;}
		/*２行タイトルの設定*/
		.title2 p{margin:0 0 0 5px;}/*boxの高さが狂わないよう下余白0*/

div.ex{height:350px; width:720px; border:1px solid #000;}
/*解説ボックス。z-index:0でページ上端につけ、ジャンプ時に動かない
ようにしている*/
	.ex ul{width:auto; height:auto; overflow:auto; border:none; 
		background:none; margin-bottom:30px;}/*ul打ち消し*/
		.ex li{list-style:square; color: #C00; 
			margin:10px 10px 0 30px; padding:0; line-height:1.5em;}
		/*注釈。左marginが0だとIEでブレットが表示されず、他のブラウザでも
		ブレットが欄外に出る。またli打ち消し*/

h1{font-size:26px; margin-bottom:15px; padding:4px 0 6px 50px;
	border-bottom:5px dotted #F60; text-align:left;
	background:url(../pict/top.gif) no-repeat; line-height:1.2em;}
h1.tsume{font-size:25px; padding:5px 0 8px 50px;}
/*「選択範囲」のタイトル設定*/
h2{padding:7px 0; border:solid 1px #000; background:#CCC; color:#000;
	border-bottom:none;}/*メニュー名。ulと重なるので下border消去*/
hr{width:100%; height:1px; background:#CCC;}
img{vertical-align:middle; margin-left:10px; border:none;}/*リンク線消し*/
img.icon{vertical-align:baseline; margin:0 3px;}/*パレットボタン類*/
img.mark{vertical-align:baseline;}
/*「使わない」「意味不明」マーク。bottomにするとIEで崩れる*/
li{list-style:none; padding:0 0 3px 10px;}/*改行しないよう右paddingはあえて0*/
	li a,li a:link,li a:visited{color:#000; display:block;
		text-decoration:none;}/*これを書かないとIEで矢印が出ない*/
	li a:hover{background:#6CF}
li.subm{background:url(../pict/subm.gif) center right no-repeat;}
*html li.subm{background:url(../pict/subm.gif) top right no-repeat;}
/*サブメニューありのマーク。WinIEのみマークが位置ズレするためハック*/
	.subm a:link,.subm a:visited{background:url(../pict/subm.gif) center right no-repeat;}
	.subm a:hover{background:#6CF url(../pict/subm.gif) center right no-repeat;}/*マウスオーバー時でもマークが表示される設定*/
li.noex{color:#666;}/*解説のないメニュー*/
li.short{font-size:15px;} li.ss{font-size:14px;} li.sss{font-size:13px;}
li.ssss{font-size:12px;}/*文字サイズを落としてリストに収める*/
p.dummy{width:747px; border-top:1px solid #000; top:175px;}
p.dleft{height:370px; border-left:1px solid #000; top:175px;}
/*解説ボックスの上と左のダミー線*/
p.d2{z-index:2; width:210px; height:15px; border-bottom:1px solid #000; 	
	left:536px; top:0px; line-height:0; background:#fff;}/*サブメニュー上部を消すダミー。line-height:0を入れないとIEで
レイアウトが崩れる*/
p.inavi{font-size:small; margin:100px 65px 0 0;}
/*ImageReadyメニュー解説ページ最下のナビメニュー。
中央寄せがずれて見えるので右余白*/
p.navi{margin:15px 0 0 30px;}/*ページ下のナビメニュー設定*/
	.navi img{vertical-align:baseline; margin:0 5px 0 30px;}
	/*vertical-align:bottomだとIEで落ちる*/
p.navi2{margin:20px 0 0 40px; font-size:12px;}
/*パン屑リスト。スクロール用に下余白100px*/
p.navi3{margin:20px 0 0 75px; font-size:12px;}
/*Illustratorのパン屑リスト*/
p.navi4{margin:15px 0 100px 65px; font-size:12px;}
/*Illustratorのキー（naviが上にない）のパン屑リスト*/

ul{padding:5px 0; height:100px; border:solid 1px #000; background:#CCC; 
	color:#000;}/*メニュースクロール用iframe風ボックス*/
	ul hr{width:90%; margin:0 auto 5px;}
ul.ir{width:253px;}
ul.window{height:148px; width:200px; border-left:none;}
/*サブメニュー用の別ウィンドウ*/
	.window li{margin:0 10px; padding:1px 0;}
	li.sub{list-style:none; padding-left:21px;
		background:url(../pict/list.gif) no-repeat;
		background-position:0px 27px;
		border-bottom:2px groove #999; margin-bottom:5px;}
	/*サブメニュートップ。list-styleでブレットを設定するとIEで崩れる*/
	li.top{margin:35px 0 20px 10px; border-bottom:none; font-size:15px;
		line-height:1.5em;}
	/*ウィンドウ初期メッセージ*/

.bottom{height:500px;}
/*ボックス最下部のアンカーにとんだ時にうまくスクロールさせる
ためのダミー。pまたはliで使う。brではうまくいかなかった。
全角空白をネスト*/

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

/*ps-otherページ用の設定*/
div.list2{width:340px; height:145px;}
	.list2 a,.list2 a:link,.list2 a:visited{display:block; 
		width:300px; border:2px outset #fff; margin:9px 20px; 
		padding:3px 0; text-decoration:none; background:#ccc; color:#000;}
	.list2 a:hover{border:2px inset #fff;}
p.s-menu{letter-spacing:0.1em; margin:0 0 10px; font-size:24px; 
	border-left:25px solid #F60; padding:0 0 0 10px; width:265px;
	border-bottom:2px solid #f60; color:#900;}
/*.list2はキーのリスト。ボタンの設定で上が空くためmargin-top:-10px*/
/*.list2 aは上下marginいずれかを0にするとロールオーバー時にIEでエラー。
	また上下margin9pxでちょうど解説ボックスの位置が合う*/
/*.s-menuはメニュー名*/


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