*{/*すべてのスタイルに適用*/
	margin: 0px;	/*マージンを0*/
	padding: 0px;	/*パディングを0*/
}
body {/*bodyタグ全般に適用*/
	background-color: #F5F5F5;	/*背景色*/
	/*margin: 0px;*/				/*マージンを0に。上でやってるので不要？*/
	overflow: auto;
	/*要素内容をトリミングして、オーバーフロー（はみ出した）部分の処理を指定します。このプロパティを実行するには、要素にPOSITIONでABSOLUTEかRELATIVEを指定しなければなりません。autoはブラウザが自動的に処理します。*/
}

A:link{/*ハイパーリンクの書式*/
	color:#0000FF;
	text-decoration:none;
}
A:visited{
	color:#0000FF;
	text-decoration:none;
}
A:active{
	color:#FF0000;
	text-decoration:none;
}
A:hover{
	color: #FF0000;
	text-decoration:none;
}

strong{/*HTMLのstrongタグを設定*/
	color: #CC3333;
}

/*blockquote{
	margin: 30px;
}
*/

blockquote {
	width : auto;
	_width : 95%;
	margin : 1em 20px;
	padding : 5px 0 5px 10px;
	border-left : 2px solid #07b;
}
blockquote[title]:after {
	display : block;
	margin-bottom : 1em;
	content : "\30fb  " attr(title) "  \5f15 \7528 \5143 ";
}
blockquote p, blockquote dl, blockquote ul, blockquote ol { margin : 0.5em 1em; }

div.column{/*コラムのタイトル枠*/
	width: 100%;
	font-size:100%;
    font-weight: bold;
    border-width: 1px 0px 0px 1em;
    border-style: solid;
    border-color: #6A5ACD; /*#1E90FF;*/
	color: #696969;
	padding-right: 0px;
	padding-left:4px;
	padding-top:4px;
	padding-bottom:0px;
}

div.imgbox{
	margin: 0px 4px 0px 0px;
	float: left;
}

div.caption{/*VBA Tipsのタイトルで使用*/
	padding: 3px 10px;
	/*要素の境界線との間隔。4つ指定したときは上・右・下・左の順、3つは上・左右共通・下、2つは上下共通・左右共通、1つは4方向共通*/
	background-color: rgb(102,102,204);		/*ボックス内背景の色*/
	color: white;							/*文字色の色*/
	font-weight: bold;						/*文字を太字に*/
}

/*Tipsのコンテンツ部分*/
div.contents {
	position: absolute;
	/*要素の配置方法を指定。配置方法を指定しないと、「TOP」や「LEFT」などのプロパティーを指定できません。「POSITION」を指定することで、DTPやWordのようにコンテナとして要素を自由な位置に配置できます。親要素と相対的に配置する「RELATIVE」と、絶対的位置に配置する「ABSOLUTE」があります。*/
	top: 9%;
	/*で、開始位置を上から9%にする。*/
	width: 780px;
	/*画面の横幅*/
	padding: 10px 10px 0px 10px;		/*上 右 下 左*/
	line-height: 130%;					/*行間*/
	border-right: 1px solid #717191;	/*右に罫線を引く*/
	background-color: rgb(256,256,256);
}

	/*箇条書きが反映されなかったのは、ページのメイン部分で定義しているcontentsがposition: absolute;で絶対位置指定をしていたからかもしれない。下のように定義したらレイアウトできた。CSSは難しいなぁ...VBAの方が簡単だ*/

.contents ul{margin: 0.5em 2em;}	/*2つの数値は、上下共通 左右共通*/
.contents ol{margin: 0.5em 2em;}
.contents dl{margin: 0.5em 2em;}


/*フッターのコピーライト*/
div#foot {
	clear: both;
	/*フロートで指定された要素の回り込みを解除。bothは左右両方を解除*/
	border-top: 1px solid #333333;
	padding: 0px;
	text-align: center;
	margin: 0px -10px;
	background: #304890;
	color: #FFFFFF;
}
div#foot p{
	margin: 5px 0px 0px;
	padding: 5px 0px;
}


/*ソース用ボックスで使用*/
div.box {
    border: 1px solid gray;
    padding: 15px;
    width: 90%;
    border-color: #000090;
    background-color: #FFFFE0;
	line-height: 100%;					/*行間*/
}

div.box2 {
    border: 1px solid gray;
    padding: 15px;
    width: 90%;
    border-color: #000090;
    background-color: #B0C4DE;
	line-height: 100%;					/*行間*/
}

/*div.h1{
	width: 100%;
	font-size:100%;
    font-weight: bold;
    border-width: 1px 0px 0px 1em;
    border-style: solid;
    border-color: #6A5ACD;
	color: #696969;
	padding-right: 0px;
	padding-left:4px;
	padding-top:4px;
	padding-bottom:0px;
}*/


/*その他のindexで使用*/
h2.uandd{/*タイトルの設定*/
  font-size: 14px;							/*文字サイズ*/
  font-family: monospace;
  margin: 1.5em 15% 0.7em 15px;				/*余白。15%が右の余白です*/
  border-bottom: solid 1px #8686EE;			/*下線の色*/
  }
h2.uandd span.up{/*上がる文字*/
  color: #FFFFFF;							/*文字色*/
  background-color: #4141B6;				/*背景色*/
  padding: 0.2em 0.2em 0.1em 0.2em;
  margin: 0 2px 0 0;
  border: solid 1px #4141B6;				/*背景色と同じに*/
  }
h2.uandd span.down{/*下がる文字*/
  color: #313195;							/*文字色*/
  background-color: #FFFFFF;				/*背景色*/
  padding: 0.1em 0.2em 0.0em 0.2em;
  margin: 0 2px 0 0;
  border: solid 1px #4141B6;				/*背景色と同じに*/
  position: relative;
  top: 0.4em;								/*下がる程度*/
  z-index: 1;
  }
div.tit12{/*文章枠*/
  font-size: 12px;							/*文字サイズ*/
  margin: -10px 15% 1em 15px;				/*ここの-10pxは、合うように適宜変更を…*/
  padding: 15px 0.4em 0.6em 0.4em;			/*枠内余白*/
  border: solid 1px #5656EE;				/*枠色*/
  }

/*オンラインソフトレビューで使用*/
.box26{
  width: 100%;								/*全体の幅*/
  /*width: 380px;/*全体の幅*/*/
  font-size: 10pt;							/*文字サイズ*/
  }
.box26 dt{/*タイトル部分の設定*/
  color: #454142;							/*文字色*/
  background-color: #FCFCFE;				/*背景色*/
  font-weight: bold;
  width: 30em;								/*タイトルの幅（文字数）*/
  position: relative;
  z-index: 2;
  padding: 0.3em 1em 0.2em 0.3em;
  border-style: solid;
  border-color: #6A6FBE;					/*枠の色*/
  border-width: 1px 1px 1px 1px;
  }
.box26 dt span{
  padding-left: 8px;
  border-left: 4px solid #AAAFEC;			/*タイトル部の左縦線*/
  }
.box26 dd{/*内容部分*/
  position: relative;
  z-index: 1;
  top: -0.9em;
  margin: 0 0 0 0.9em;
  border: solid 1px #8A8FBE;				/*枠の色*/
  }
.box26 dd .text {
  padding: 1.7em 0.5em 1em 1em;				/*テキスト部分の余白*/
  border-left: solid 30px #D4D6EC;			/*左側の着色部分*/
  line-height:1.3em;
  }

/*共通ヘッダで使用*/
div.top22{/*全体枠*/
  font-size: 12px;							/*■全体の文字サイズ*/
  font-family: Verdana,Arial,sans-serif;	/*■全体の字体*/
  color: #212125;							/*■全体の文字色*/

  }
.top22 .main{/*帯部分*/
  width: 780px;								/*上部領域の横幅*/
  position: absolute;						/*配置方法の指定*/
  top: 0%;									/*最上部に配置*/
  height: 9%;								/*上部領域の高さ*/
  overflow: hidden;							/*はみ出した部分は隠すhidden*/
  border-bottom: solid 1px #717191;			/*中央の境界線の色*/
  border-right: solid 1px #717191;			/*中央の境界線の色*/
  background-color: #FFFFFF;				/*■上半分の背景色*/
  }
.top22 h1{/*左側*/
  background-image: url("bg.gif");			/*模様用の背景画像*/
  background-repeat: no-repeat;
  background-position: -125px 0px;
  background-color: #304890;				/*■格子部分の色*/
  font-size: 12px;							/*■タイトルの文字サイズ*/
  font-family: Tahoma,sans-serif;			/*■タイトルの字体*/
  font-weight: bold;
  letter-spacing: 0.1em;					/*タイトル文字の文字間隔*/
  text-align: left;							/*タイトル文字の横位置*/
  margin: 0;								/*タイトル表示位置(？)*/
  padding: 0px 0px 0px 50px;				/*タイトル表示部分の余白(上・右・下・左)*/
  width: 250px;								/*タイトル文字の左位置(幅)*/
  height: 23px;								/*タイトル表示部分の上下*/
  position: absolute;						/*配置方法の指定*/
  bottom: 13px;								/*下からの距離*/
  }
.top22 .update{/*Updateの部分*/
  color: #818185;							/*文字色*/
  font-size: 10px;							/*フォントサイズ*/
  text-align: right;						/*テキストの配置*/
  padding: 0 4px 2px 1em;					/*テキストの余白*/
  position: absolute;						/*配置方法の指定*/
  bottom: 35px;								/*下からの距離*/
  width: 100%;								/*全体の横幅*/
  }
.top22 .menu{/*メニュー部分*/
  font-size: 11px;							/*■メニューの文字サイズ*/
  padding: 3px 0 3px 0;						/*メニュー表示部分の余白(上・右・下・左)*/
  border-top: solid 3px #707090;			/*■メニュー上部の枠線*/
  position: absolute;						/*配置方法の指定*/
  bottom: 13px;								/*下からの距離*/
  left: 250px;								/*左からの距離*/
  width: 100%;								/*全体の横幅*/
  height: 23px;								/*全体の高さ*/
  }
.top22 .menu ul{/*メニューの箇条書き書式*/
  margin: 0;
  padding: 0;
  width: 100%;								/*横幅(50%→100%に増やした)*/
  }
.top22 .menu li{/*箇条書き項目の書式*/
  margin: 1px 10px 2px 10px;				/*■メニュー間の間隔*/
  list-style: none;							/*先頭の・を表示しない*/
  float: left;								/*左に向かって配置する*/
  }

/* For IE Box */
*{ box-sizing : border-box }
*{ -moz-box-sizing : border-box }