body {
  padding: 0 7px;
  margin: 0;
  background-color: #FAFCFF;
}


a:link{
  color: #3366CC;
}

a:visited{
  color: #224499;
}

a:hover, a:active{
  color: #000033;
}

a img {
  border: 0;
}


#body_div {
  padding: 0;
  margin: 0;
  width: 960px;
  background-color: #FFFFFF;
  border-left: 1px solid #DAE3FF;
  border-right: 2px solid #DAE3FF;
  border-bottom: 2px solid #DAE3FF;
}



#site_header {
  margin: 0 0 2px 0;
  padding: 0;
  width: 960px;
  height: 80px;
  background-color: #FFFFFF;
  clear: both;
  border-bottom: 1px solid #DAE3FF;
}


#title_header {
  padding: 0px;
  margin: 0px;
  width: 700px;
  height: 80px;
  background-color: #FFFFFF;
  float: left;
}

#title_header span {
  position: absolute;
  width: 700px;
  height: 80px;
  background-image: url('site_title.png');
  background-repeat: no-repeat;
}

#title_header h1 {
  padding: 10px 0px 0px 30px;
  margin: 0px;
  height: 30px;
  color: #3366CC;
  font-size: 130%;
}

#title_header h2 {
  padding: 5px 10px 0px 30px;
  margin: 0px 0px 0px 0px;
  height: 48px;
  color: #3366CC;
  font-size: 80%;
  font-family: sans-serif;
  letter-spacing: 1px;
}

#ptpc_header {
  padding: 0px;
  margin: 0px;
  width: 260px;
  height: 80px;
  background-color: #FFFFFF;
  border-bottom: 1px solid #DAE3FF;
  float: left;
}

#ptpc_header img {
  border: 0;
}



#footer {
  clear: both;
  width: 960px;
  padding-top: 5px;
  padding-bottom: 3px;
  font-size: 70%;
  text-align: center;
  background-color: #FFFFFF;
  border-top: 1px solid #DAE3FF;
}

#footer a {
  text-decoration: none;
  color: #003366;
}

#footer a:hover {
  text-decoration: underline;
}





#page_body{
  float: left;
}


#eyecatch_header {
  display: none;
  margin: 0px;
  padding: 0px;
  width: 720px;
  height: 150px;
  background-color: #FFFFFF;
}

#eyecatch_header span {
  position: absolute;
  width: 720px;
  height: 150px;
}

#eyecatch_header_span_index {
  background: #F3F3F3 url('title_top_getfree.jpg') no-repeat;
}



#menu {
  padding-left: 1px;
  margin-right: 1px;
  width:169px;
  float:left;
  font-size: 90%;
  background-color: #FFFFFF;
}

#menu img {
  border: 0px;
}

#menu ul{
  margin: 0;
  padding: 0;
  width: 169px;
  background-color: #FFFFFF;
}

#menu ul li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: block;
  height: 54px;
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  letter-spacing: 1px;
  background: #FFFFFF url('menu_selected.gif') no-repeat;
}

#menu ul li a {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 10px;
  display: block;
  text-decoration: none;
  font-weight: bold;
  background: url('menu.gif') no-repeat;
}

#menu ul li a:hover {
  color: #000000;
  text-decoration: underline;
  background-position: 0 -60px;
}

#menu ul li a.selected {
  color: #FFFFFE;
  background: url('right_w.gif') no-repeat right center;
}

#menu ul li a.selected:hover {
  color: #FFFFFE;
  background: url('right_w.gif') no-repeat right center;
}



#menu p {
  padding-left: 10px;
  line-height: 180%;
}

#menu p a:link {
  color: #3366CC;
}

#menu p a:visited {
  color: #224499;
}

#menu p a:hover, #menu p a:active {
  color: #000000;
}


#menu p.underpath {
  margin: 0;
  padding: 5px 0 10px 5px;
  border-left: 1px solid #DAE3FF;
  border-right: 1px solid #DAE3FF;
  border-bottom: 1px solid #DAE3FF;
  background-color: #FCFEFF;
}

#menu p.underpath a {
  display: block;
  padding-left: 15px;
  background-image: url('underpath.gif');
  background-repeat: no-repeat;
  background-position: left center;
  font-size: 93%;
}

#menu p a.selected {
  padding: 2px;
  color: #FFFFFE;
  background-color: #3366CC;
  text-decoration: none;
}

#menu p a.selected:hover {
  text-decoration: underline;
}

#menu p.underpath a.selected {
  display: block;
  padding-right: 15px;
  margin-bottom: 0;
  background-image: url('right_w.gif');
  background-repeat: no-repeat;
  background-position: right center;
  color: #FFFFFE;
  background-color: #3366CC;
  text-decoration: none;
}

#menu p.underpath a.selected:hover {
  text-decoration: underline;
}



#menu ul li sup {
  display: block;
  margin-bottom: 2px;
}


#contents {
  line-height: 180%;
  float: left;
  width: 548px;
  padding-left: 1px;
  background-color: #FFFFFF;
}

#contents_php {
  line-height: 180%;
  float: left;
  width: 783px;
  padding-left: 1px;
  background-color: #FFFFFF;
}

div.contents_block {
  margin: 1px 0px 20px 0px;
}


div.contents_block div.contents_border {
  border-left: 1px solid #3366CF;
  border-right: 1px solid #3366CF;
  border-bottom: 1px solid #3366CF;
  clear: both;
}


div.contents_block h3 {
  margin: 0px;
  padding: 5px 0px 8px 15px;
  font: normal bold 100%/100% sans-serif;
  color: #FFFFFE;
  letter-spacing: 2px;
  background-color: #3366CF;
}

div.contents_block h4 {
  margin: 30px 5px 0 13px;
  padding: 1px 10px 0 8px;
  font: normal bold 100%/120% sans-serif;
  letter-spacing: 1px;
  color: #112266;
  border-left: 1em solid #3366CF;
  border-bottom: 1px solid #3366CF;
  clear: both;
}

div.contents_block h4 a {
  text-decoration: none;
  color: #112266;
}
div.contents_block h4 a:hover {
  text-decoration: underline;
}

div.contents_block h4.question {
  font: normal bold 95%/140% sans-serif;
}

div.contents_block h5 {
  margin: 15px 5px 5px 24px;
  padding: 0;
  font: normal bold 85%/120% sans-serif;
  letter-spacing: 1px;
  clear: both;
}


div.contents_block p {
  text-indent: 1em;
  padding-left: 15px;
  margin-right: 3px;
  clear: both;
}

div.contents_block .terminator {
  display: block;
  height: 5px;
  width: 520px;
  margin: 5px;
  padding: 0;
  clear: both;
}

div.contents_block p.sub_contents, div.contents_block p.answer {
  text-indent: 0em;
  margin-top: 5px;
  padding-left: 30px;
  padding-right: 5px;
  font-size: 95%;
}

div.contents_block p.answer {
  text-indent: 0.5em;
}

div.contents_block p.moderate {
  text-indent: 0em;
  font-size: 97%;
}

div.contents_block p.gotoref {
  margin-top: -20px;
  padding-top: 0px;
  padding-right: 20px;
  text-align: right;
  font-size: 92%;
}

div.contents_block p.gotonext {
  margin-top: -10px;
  padding-top: 0px;
  padding-left: 40px;
  text-align: left;
  font-size: 92%;
}

div.contents_block p.goback {
  padding-top: 0px;
  text-align: left;
}

div.contents_block p.footnote {
  text-indent: 0em;
  line-height: 150%;
  font-size: 80%;
  margin:3px 20px 10px 20px;
  padding-top: 5px;
  border-top: 1px solid #DAE3FF;
}

div.contents_block p.footnote br {
  display: block;
  line-height: 50%;
  margin-bottom: 5px;
}

div.contents_block p a:link {
  color: #3366CC;
}

div.contents_block p a:visited {
  color: #112266;
}

div.contents_block p a:hover, div.contents_block p a:active {
  color: #112266;
}

div.contents_block p sub {
  font-size: 85%;
  vertical-align: baseline;
  padding-left:2px;
  margin-right:4px;
}


div.contents_block ul.support_spec {
  margin: 5px 0 10px 0;
  list-style-type: none;
  font-size: 95%;
  clear: both;
}

div.contents_block ul.support_spec li {
  padding: 0;
  clear: both;
}

div.contents_block span.line_headding {
  display: block;
  width: 100px;
  float: left;
}

div.contents_block span.line_splitter {
  display: block;
  width: 10px;
  float: left;
}

div.contents_block span.line_data {
  display: block;
  width: 370px;
  float: left;
}


div.contents_block ul.download_list {
  margin: -10px 0 20px 10px;
  list-style-type: none;
  font-size: 95%;
  clear: both;
}

div.contents_block ul.download_list span.line_headding {
  width: 170px;
}

div.contents_block ul.download_list span.line_data {
  width: 280px;
}

div.contents_block ul.download_list span.explanation {
  width: 370px;
  padding-left: 20px;
  padding-bottom: 10px;
  font-size: 80%;
  float: left;
}


div.contents_block ol.eyecatch {
  margin: -10px 10px -10px 15px;
  font-weight: bold;
}


div.contents_block ul.spec_list {
  font-size: 90%;
}

div.contents_block ul.question_list {
  font-size: 87%;
}


div.contents_block ul.news_list {
  margin: 5px 10px 10px 10px;
  padding-left: 10px;
  list-style-type: none;
  font-size: 90%;
  clear: both;
}

div.contents_block ul.news_list li {
  padding: 5px 0 10px 0;
  background-image: url('border.png');
  background-repeat: repeat-x;
  background-position: left bottom;
  float: left;
}

div.contents_block ul.news_list li span {
  display: block;
  float: left;
}

span.date {
  width: 85px;
}

span.media {
  width: 125px;
}

span.article {
  width: 300px;
}

span.release {
  width: 425px;
}



div.contents_block div.imagebox {
  text-align: center;
  padding: 0;
  margin: 0;
}

div.contents_block div.imagebox img {
  padding: 5px 7px;
  background-color: #FAFCFF;
}


div.contents_block .imagebox_left {
  margin: 5px 10px 5px 0;
  padding: 5px 7px;
  float: left;
  vertical-align: top;
}

div.contents_block .imagebox_right {
  margin: 5px 5px 5px 10px;
  padding: 5px 7px;
  float: right;
  vertical-align: top;
}

div.contents_block .imagebox_center {
  text-align: center;
  margin: 5px 5px 5px 10px;
  padding: 5px 7px;
}

div.contents_block span.imagebox_left, div.contents_block span.imagebox_right, div.contents_block span.imagebox_center {
  border: 1px solid #CCCCCC;
}

div.contents_block span.imagebox_caption {
  display: block;
  text-align: center;
  font-size: 80%;
  line-height: 80%;
  padding-top: -10px;
  margin: 0;
}



div.contents_block div.center_table {
  text-align: center;
}



div.contents_block table.ppd_item_table {
  margin: 10px auto 10px auto;
  border-collapse: collapse;
}

div.contents_block table.ppd_item_table th {
  padding: 3px;
  background-color: #EAEAFF;
  border: 1px solid #666666;
  font-size: 80%;
  font-weight: bold;
  line-height: 120%;
}

div.contents_block table.ppd_item_table td {
  text-align: center;
  vertical-align: middle;
  padding: 3px;
  border: 1px solid #666666;
  font-size: 88%;
  clear: both;
}

div.contents_block table.ppd_item_table td.explain {
  text-align: left;
  vertical-align: top;
}



div.contents_block table.license_table {
  margin: 10px auto 10px auto;
  border-collapse: collapse;
}

div.contents_block table.license_table th {
  padding: 3px;
  background-color: #EAEAFF;
  border: 1px solid #666666;
  font-size: 75%;
  font-weight: normal;
  line-height: 120%;
}

div.contents_block table.license_table td {
  text-align: center;
  vertical-align: middle;
  padding: 3px;
  border: 1px solid #666666;
  font-size: 88%;
  clear: both;
}

div.contents_block table.license_table td.explain {
  text-align: left;
  vertical-align: top;
  padding: 0;
  margin: 0;
}

div.contents_block table.license_table td.explain div.edition_image {
  float: left;
  vertical-align: top;
  padding: 0;
  margin: 0;
}

div.contents_block table.license_table_simple td.explain div.edition_image {
  margin-top: 5px;
}

div.contents_block table.license_table td.explain div.edition_price {
  float: right;
  width: 240px;
  padding: 0;
  margin: 0;
}
div.contents_block table.license_table_simple td.explain div.edition_price {
  width: 180px;
}

div.contents_block table.license_table span.license_name {
  display: block;
  margin: 15px 10px 10px 0;
  padding: 0;
  width: 230px;
  font-size: 150%;
  font-weight: bold;
  font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka;
  white-space: nowrap;
}

div.contents_block table.license_table_simple span.license_name {
  width: 170px;
  margin-top: 8px;
  margin-bottom: 0;
  font-size: 120%;
}

div.contents_block table.license_table span.license_price {
  display: block;
  margin: 0 10px 10px 30px;
  padding: 0;
  width: 220px;
  font-size: 120%;
  font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka;
  white-space: nowrap;
}

div.contents_block table.license_table span.license_price {
  width: 160px;
  font-size: 100%;
}

div.contents_block table.license_table span.license_order {
  display: block;
  margin: 5px 30px 0 0;
  padding: 0;
  width: 210px;
  font-size: 110%;
  text-align: right;
  white-space: nowrap;
}

div.contents_block table.license_table span.license_order img {
  margin-left: 10px;
}

div.contents_block table.license_table span.symbol {
  font-size: 250%;
  font-weight: bold;
  font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka;
}

div.contents_block table.contact_form {
  width: 640px;
  margin: 10px 5px 15px 30px;
  line-height: 150%;
  border-collapse: collapse;
}

div.contents_block table.order_form {
  width: 640px;
  margin-left: 50px;
}

div.contents_block table.contact_form input {
  margin-top: 5px;
  margin-bottom: 5px;
}

div.contents_block table.contact_form th {
  width: 100px;
  padding: 3px 10px 3px 10px;
  background-color: #FAFCFF;
  border: 1px solid #DAE3FF;
  font-size: 85%;
}

div.contents_block table.contact_form td {
  text-align: left;
  padding: 3px 10px 3px 10px;
  border: 1px solid #DAE3FF;
  background-color: #FFFFFF;
  line-height: 180%;
  font-size: 85%;
}

div.contents_block table.order_form th {
  background-color: #EAEAFF;
}

div.contents_block table.order_form th, div.contents_block table.order_form td {
  border-top: 1px solid #666666;
  border-bottom: 1px solid #666666;
}

div.contents_block table.order_form td {
  border-left: 1px solid #666666;
  border-right: 1px solid #666666;
}

div.contents_block table.order_form th.item {
  width: 130px;
  border-left: 1px solid #666666;
  border-right: 0;
}

div.contents_block table.order_form th.necessary {
  width: 10px;
  border-left: 0;
  border-right: 1px solid #666666;
  color: #CC0000;
}

div.contents_block table.order_form input {
  background-color: #FFFFFF;
  color: #000000;
}

div.contents_block div.order_next {
  display: block;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 25px;
}




div.contents_block div.error_message {
  text-indent: 0em;
  margin-top: 10px;
  padding: 20px;
  border: 1px solid #FF9999;
  background-color: #FFD3D3;
}





p.path_navi {
  margin: 9px 0 11px 10px;
  padding: 0;
  line-height: 100%;
  font-size: 70%;
  color: #667799
}
p.path_navi a {
  color: #667799;
}
p.path_navi a:hover {
  color: #000000;
}





#information {
  margin-left: 1px;
  line-height: 180%;
  float: right;
  width: 236px;
  padding-left: 1px;
  background-color: #FFFFFF;
}

#information p {
  margin: 5px 0 0 0;
  padding: 0 7px 0 10px;
  font-size: 95%;
  clear: both;
}

#information ul {
  margin: 0 0 5px;
}

#information li {
  font-size: 95%;
}

div.info_contents {
  margin: 1px 0px 12px 0px;
}

div.info_contents div {
  clear: both;
}

div.info_contents h3 {
  margin: 0px;
  padding: 5px 0px 8px 10px;
  font: normal bold 100%/100% sans-serif;
  color: #FFFFFE;
  letter-spacing: 1px;
}

div.info_contents h3 a, div.info_contents h3 a:visited {
  color: #FFFFFE;
  text-decoration: none;
}

div.info_contents h3 a:hover {
  text-decoration: underline;
}

div.info_contents p.gotoref {
  text-align: center;
  font-size: 92%;
}


div.impotant_info_border {
  border-left: 1px solid #FF5C00;
  border-right: 1px solid #FF5C00;
  border-bottom: 1px solid #FF5C00;
}

div.impotant_info_border h3 {
  background-color: #FF5C00;
}

div.impotant_info_border h3.title_only {
  padding: 4px 0px 4px 10px;
}

div.impotant_info_border img {
  display: block;
  padding: 5px 41px;
  margin-bottom: 5px;
  text-align: center;
}



div.campaign_info_border {
  border-left: 1px solid #00AA00;
  border-right: 1px solid #00AA00;
  border-bottom: 1px solid #00AA00;
}

div.campaign_info_border h3 {
  background-color: #00AA00;
}


div.update_info_border {
  border-left: 1px solid #00AA00;
  border-right: 1px solid #00AA00;
  border-bottom: 1px solid #00AA00;
}

div.update_info_border h3 {
  background-color: #00AA00;
}

div.update_info_border object {
  margin-top: 10px;
  width: 234px;
  height: 120px;
}

body.inframe {
  margin: 0;
  padding: 0;
  border: 0;
  width: 234px;
  background-color: #FFFFFF;
  padding-left: 10px;
  overflow: hidden;
  font-size: 95%;
  line-height: 160%;
}

body.inframe p {
  margin: 0 0 12px 0;
  padding: 0;
}

body.inframe span {
  display: block;
  font-weight: bold;
}

body.inframe a.version {
  display: block;
  margin-left: 22px;
  padding-left: 10px;
  width: 180px;
  border-bottom: 1px solid #CCCCDD;
  color: #000000;
  text-decoration: none;
  background-image: url('update_on.png');
  background-repeat: no-repeat;
  background-position: right center;
}

body.inframe a.version:hover {
  color: #000000;
  font-weight: bold;
  border-bottom: 1px solid #000000;
  background-image: url('update_off.png');
}



.rr{display:block}
.rr *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#3366CF}
.rr1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #a7bdea;
  border-right:1px solid #a7bdea;
  background:#668cdb}
.rr2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #eaeffa;
  border-right:1px solid #eaeffa;
  background:#5983d8}
.rr3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #5983d8;
  border-right:1px solid #5983d8;}
.rr4{
  border-left:1px solid #a7bdea;
  border-right:1px solid #a7bdea}
.rr5{
  border-left:1px solid #668cdb;
  border-right:1px solid #668cdb}


.rro{display:block}
.rro *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#FF5C00}
.rro1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #ffb891;
  border-right:1px solid #ffb891;
  background:#ff843f}
.rro2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #ffeee5;
  border-right:1px solid #ffeee5;
  background:#ff7a30}
.rro3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #ff7a30;
  border-right:1px solid #ff7a30;}
.rro4{
  border-left:1px solid #ffb891;
  border-right:1px solid #ffb891}
.rro5{
  border-left:1px solid #ff843f;
  border-right:1px solid #ff843f}



.rrg{display:block}
.rrg *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#00AA00}
.rrg1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #91da91;
  border-right:1px solid #91da91;
  background:#3fbf3f}
.rrg2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #e5f6e5;
  border-right:1px solid #e5f6e5;
  background:#30ba30}
.rrg3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #30ba30;
  border-right:1px solid #30ba30;}
.rrg4{
  border-left:1px solid #91da91;
  border-right:1px solid #91da91}
.rrg5{
  border-left:1px solid #3fbf3f;
  border-right:1px solid #3fbf3f}