@charset "UTF-8";

p { margin-bottom:1em; }

/*-- Headline --------------------------------------------------------------------------------------------------------------------------------------------------------*/
h2.title { width:720px; font-size:134%; color:#000000; margin:0 0 10px 0; padding:0; background:none; background:#333333; }
h3.subtitle { width:720px; font-size:100%; color:#000000; margin:0 0 5px 0; padding:0; background:none; border-bottom:1px solid #cccccc; }


/*-- List ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
ol, ul { margin:0 0 10px 0; text-align:left; }
ol li  { margin:0 0 0 28px; padding:0; list-style:decimal outside; } /* 10を超える場合は 28px */
	/* for IE6 */ * html ol li { margin-left:32px; } /* 10を超える場合は 32px */
	/* for IE7 */ *+html ol li { margin-left:32px; } /* 10を超える場合は 32px */

ul li  { margin:0 0 0 20px; padding:0; list-style:square outside; }
	/* for IE6 */ * html ul li { margin-left:24px; }
	/* for IE7 */ *+html ul li { margin-left:24px; }

ul li ol li { margin:0 0 0 28px; padding:0; list-style:decimal outside; } /* 10を超える場合は 28px */
	/* for IE6 */ * html ul li ol li { margin-left:32px; } /* 10を超える場合は 32px */
	/* for IE7 */ *+html ul li ol li { margin-left:32px; } /* 10を超える場合は 32px */

ul.note-list li { list-style:none; }
ul.note-list li span.pointer { position:absolute;	margin-left:-16px; }
  /* for IE6 */ * html ul.note-list li span.pointer { margin-top:-1px; }
  /* for IE7 */ *+html ul.note-list li span.pointer { margin-top:-2px; }


/*-- Location --------------------------------------------------------------------------------------------------------------------------------------------------------*/
.left   { text-align:left; }
.center { text-align:center; }
.right  { text-align:right; }

.leftside-img  { float:left; margin:0 15px 10px 0; }
.rightside-img { float:right; margin:0 0 10px 15px; }


/*-- Text Decoration -------------------------------------------------------------------------------------------------------------------------------------------------*/
.large  { font-size:117%; font-weight:normal; }
.normal { font-size:100%; font-weight:normal; }
.small  { font-size:84%; font-weight:normal; }
.red    { color:#cc0000; }
.gray   { color:#666666; }

.highlighttext { color:#2b529c; }

p.nomargin { margin-bottom:0; }


/*-- Template --------------------------------------------------------------------------------------------------------------------------------------------------------*/
#header { height:auto; }
#header p { margin:0; }

#footer { font-family:verdana; }

#contentsArea { width:720px; font-family:verdana; line-height:1.8; padding:0 40px 1px 40px; background:url(../pix/background_contentArea.gif) repeat-y; }
#contentsAreaBottom { width:800px; height:30px; margin-bottom:15px; background:url(../pix/background_contentAreaBottom.gif) bottom no-repeat; }

.section { margin:0 0 30px 0; }
.subsection { margin:0 0 15px 0; }

#marquee { margin:0; padding:0; }

div.presentBox:after { content:""; display:block; clear:both; height:0; visibility:hidden; }
	/* for IE6 */ * html div.presentBox { display:inline-block; }
	/* for IE7 */ *+html div.presentBox { display:inline-block; }
p.course  { display:block; float:left; width:212px; margin:0; padding:0; }
p.product { display:block; float:left; width:254px; margin:0; padding:0; }

p.targetTitle { color:#2b529c; font-size:117%; font-weight:bold; margin:0; }

.targetBox1 { margin-bottom:30px; }
.targetBox1:after { content:""; display:block; clear:both; height:0; visibility:hidden; }
	/* for IE6 */ * html targetBox1 { display:inline-block; }
	/* for IE7 */ *+html targetBox1 { display:inline-block; }

.targetBox1 p.targetLeft  { float:left; width:85px; margin:0; }
.targetBox1 p.targetRight { float:left; width:635px; margin:0; }

.targetBox2 { margin-bottom:15px; }
.targetBox2:after { content:""; display:block; clear:both; height:0; visibility:hidden; }
	/* for IE6 */ * html targetBox2 { display:inline-block; }
	/* for IE7 */ *+html targetBox2 { display:inline-block; }

.targetBox2 p.targetLeft  { float:left; width:108px; margin:0; }
.targetBox2 p.targetRight { float:left; width:612px; margin:0; }

div.highlightbox { width:600px; margin:0 auto 30px auto; padding:15px; background:#f5f5f5; }
div.highlightbox p { margin:0;  }

/* clearfix */
.clearfix:after { content:""; display:block; clear:both; height:0; visibility:hidden; }
	/* for IE6 */ * html .clearfix { display:inline-block; }
	/* for IE7 */ *+html .clearfix { display:inline-block; }