@import url('./base.css');

body {
  background: rgb(255, 255, 255) url('../images/body_bg.png') repeat-x scroll center bottom;
}

h1 {
  font-size: 16px;
  font-weight: bold;
  color: rgb(30, 30, 30);
  margin-bottom: 4px;
} h2 {
  font-size: 14px;
  font-weight: bold;
  color: rgb(30, 30, 30);
  margin-bottom: 2px;
} span.login {
  font-size: 12px;
  font-weight: bold;
/*  color: rgb(25, 169, 230); */
  margin-bottom: 2px;
  
} h3, h4, h5, h6 {
  color: rgb(30, 30, 30);
} p {
  color: rgb(0, 0, 0);
}



table {
   font: normal normal normal 12px "メイリオ",Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", "Lucida Grande", Geneva, Verdana,Helvetica,Arial,sans-serif;
} tr td {
  background: transparent;
}

#header_type1 {
  background: rgb(255, 255, 255) url('../images/header_bg_type2.png') no-repeat scroll top center;
} #header_type2 {
  background: rgb(255, 255, 255) url('../images/header_bg_type2.png') no-repeat scroll top center;
} #header_type3 {
  background: rgb(255, 255, 255) url('../images/header_bg_type2.png') no-repeat scroll top center;
}

#content_border_left_type1 {
  background: scroll top center;
} #content_border_right_header {
  background: scroll top center;
} #content_border_right_footer {
  background: scroll top center;
} #content_border_left_type2 {
  background: scroll top center;
} #content_border_right_header_type2 {
  background: scroll top center;
} #content_border_right_footer_type2 {
  background: scroll top center;
} #content_border_left_type3 {
  background: scroll top center;
} #content_border_right_header_type3 {
  background: scroll top center;
} #content_border_right_footer_type3 {
  background: scroll top center;
} #content_border_bottom_type3 {
  text-align: center;
}

#footer_type1 {
  background: rgb(255, 255, 255) url('../images/footer_bg_type3.png') no-repeat scroll bottom center;
} #footer_type2 {
  background: rgb(255, 255, 255) url('../images/footer_bg_type3.png') no-repeat scroll bottom center;
} #footer_type3 {
  background: rgb(255, 255, 255) url('../images/footer_bg_type3.png') no-repeat scroll bottom center;
}

#wrapper { 
  margin: 0 auto;
  padding: 0;
  text-align: left;
  width: 980px;
}

#lang {
    margin: 10px auto;
} #lang li {
    display: inline;
}

.global_navi{
	background: rgb(255, 255, 255) url('../images/header_bg.jpg') repeat-x;
    vertical-align: top;
    line-height: 0px;
} .global_navi a, .global_navi img{
    vertical-align: top;
    border: 0;
}

#logo_products li {
  float: left;
  left: 0;
} #logo_products .product {
  position: relative;
  margin: 0 0 0 0;
} #heading_content {
  margin: 20px 0 20px 143px;
  color: rgb(50, 50, 50);
  font-size: 20px;
}

.info {
  margin: 20px 0;
  color: rgb(50, 50, 50);
  font-size: 20px;
}

.type2 .full_width{
    margin: 0;
}

#menu {
  font-size: 130%;
  float: right;
} #menu li {
	margin-left: 10px;
	float: left;
	font-weight: bold;
} #menu li a {
  color: rgb(0, 0, 0);
} #menu li a.current {
  color: rgb(255, 0, 0);
}

#header_type2 #menu {
  font-size: 130%;
  float: right;
  padding: 8px 120px 0 0;
} #header_type2 #menu li {
  margin-left: 32px;
  float: left;
} #header_type2 #menu li a {
  color: rgb(0, 0, 0);
}

#header_type3 #menu {
  font-size: 130%;
  float: right;
  padding: 0 120px 0 0;
} #header_type3 #menu li {
  margin-left: 32px;
  float: left;
} #header_type3 #menu li a {
  color: rgb(0, 0, 0);
}

#heading_user_name {
    margin: 0 0 20px 0;
    margin-left: 232px;
    font-size: 18px;
}

#content {
  /*border-top: 1px solid rgb(226, 226, 226);*/
  width: 980px;
  padding: 0;
  margin: 0 0 0 0;
}

.full_width {
  text-align: left;
  margin: 0 0 0 232px;
}

.wide_width {
  text-align: left;
  margin: 0 0 0 143px;
}


.half_width {
  width:799px;
  text-align: left;
  float: left;
  margin: 0 0 0 0;
}

#no_items_message {
    margin: 8px auto 0 auto;
    width: 160px;
    font-size: 10px !important;
    font-size: 8px;
}

.message {
  margin: 0 0 16px 0;
}

#side_menu {
  position: relative;
  margin: 0 0 0 0;
  float: left;
  width: 176;
} #side_menu th {
  background: rgb(237, 237, 237) url('../images/content_menu_header.png') no-repeat scroll top center;
} #side_menu th {
  font-size: 20px;
  font-weight: bold;
  text-align: left;
} #side_menu th span {
  color: rgb(159, 159, 159);
  margin-left: 6px;
}

#side_menu #navi td {
    color: rgb(255, 255, 255);
    background: rgb(246, 246, 246) url('../images/content_menu_td.png') no-repeat scroll top center;
} 
#side_menu #navi div {
    padding: 0 0 0 5px;

} #side_menu #navi .footer {
    background: rgb(237, 237, 237) url('../images/content_menu_footer.png') no-repeat scroll top center;
}

#side_menu #floating_cart {
  background: rgb(246, 246, 246) url('../images/content_menu_cart_td.png') repeat-y scroll top right;
} #side_menu #floating_cart td {
  color: rgb(136, 136, 136);
} #side_menu #floating_cart td td {
  border-bottom: 1px solid rgb(253, 253, 253);
} #side_menu #floating_cart .logo {
  text-align: center;
  padding: 8px;
} #side_menu #floating_cart #purchase {
  background: rgb(246, 246, 246) url('../images/content_menu_cart_td.png') repeat-y scroll top left;
  padding: 8px 8px 0 8px;
} #side_menu #floating_cart .footer {
  background: rgb(237, 237, 237) url('../images/content_menu_footer.png') no-repeat scroll top center;
  margin: 0;
  padding: 0;
}

#promotion_code {
	font-size: 9px;
}


.update_software_license, .download_software{
    padding-bottom: 16px;
    margin-bottom: 16px;
}

.update_software_license td {
    text-align: left;
}

.download_software .left_button {
	text-align: right;
} .download_software .right_button {
	text-align: left;
}

#special_news {
    margin: 0 0 4px 0;
} #special_news td {
    overflow: hidden;
} #special_news div {
    width: 177px;
    height: 128px;
    overflow: hidden;
    text-align: left;
} #special_news #box1 {
    position: relative;
    top: 0px;
    left: 0px;
    cursor: pointer;
} #special_news #box2 {
    position: relative;
    top: 0px;
    left: 0px;
    cursor: pointer;
} #special_news #box3 {
    position: relative;
    top: 0px;
    left: 0px;
    cursor: pointer;
} #special_news #box4 {
    position: relative;
    top: 0px;
    left: 0px;
    cursor: pointer;
}

#item_list {
} #item_list td {
	padding: 24px 0;
	border-bottom: 1px solid rgb(233, 233, 233);
} 
#item_list .description{
    padding-left: 30px; 
}

#item_list td div {
	margin: 6px 0;
}

#cart_contents {
    padding-right: 25px;
}

#cart_contents th {
    width: 85px;

/*	color: rgb(45, 107, 233); */
	font-size: 12px;
	border-bottom: 1px solid rgb(229, 229, 229);
	text-align: right;
} #cart_contents td {
	padding: 12px 0;
	border-bottom: 1px solid rgb(229, 229, 229);
	text-align: right;
}

#cart_contents td.no_border{
    border-bottom: none;
}

#cart_contents .logo {
    text-align: center;
}
#cart_contents .image{
    width: 265px;
}
#cart_contents .item{
    text-align: center;
    width: 175px;
}

#cart_contents .price{
    width: 125px;
}


#cart_contents .item_name{
    text-align: left;
}

#splash_home {
    position: relative;
	margin: 0 0 0 20px;
}

#splash_products {
}

.input_form {
    margin-top: 10px;
}


.input_form td {
    margin: 16px 0 0;
}

.input_form .left_side {
    width: 30%;
}



.input_form .right_side {

    width: 70%;
    margin-left: 16px;
}

.input_form .description {
    vertical-align: top;
}

#footer_menu {
	font-size: 12px;
	height: 100px;
	text-align: center;
	font-weight: bold;
} #footer_menu a {
	color: rgb(50, 50, 50);
} #footer_copyright {
	color: rgb(100, 100, 100);
	text-align: center;
	font-size: 9px;
}

#footer_type2 {
  font-size: 11px;
  height: 242px;
} #footer_type2 #menu {
  color: rgb(255, 255, 255);
  padding: 84px 0 0 110px;
} #footer_type2 #menu li {
  float: left;
} #footer_type2 #menu li a {
  color: rgb(255, 255, 255);
} #footer_type2 #copyright {
  color: rgb(255, 255, 255);
  font-size: 12px;
  padding: 8px 140px 0 0;
}

#footer_type3 {
  font-size: 11px;
  height: 166px;
} #footer_type3 #menu {
  color: rgb(255, 255, 255);
  padding: 8px 0 0 110px;
} #footer_type3 #menu li {
  float: left;
} #footer_type3 #menu li a {
  color: rgb(255, 255, 255);
} #footer_type3 #copyright {
  color: rgb(255, 255, 255);
  font-size: 12px;
  padding: 8px 140px 0 0;
}

#invoice td {
    border-bottom: 1px solid rgb(255, 255, 255);
}

.emph {
    font-size: 16px;
    font-weight: bold;
}

table td #errorExplanation{
    width: 390px;
    border: 2px solid red;
}

table td #errorExplanation h2{
    color: black;
    padding: 5px 10px;
}

table td #warning{
    color: red;
}

#errorExplanation {
  border: 2px solid rgb(25, 169, 230);
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  color: rgb(25, 169, 230);
}

#errorExplanation p {
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
  margin-left: 32px;
}

.fieldWithErrors{
    display:inline;
}

.payment_message {
	width: 520px;
	margin: 10px;
	font-size: 10px;
}

.payment_desc {
	width: 500px;
	margin: 5px;
	font-size: 11px;
}

.bold {
    font-weight: bold;
}

#footer_menu .current_info, #menu .current_product_navi {
    color: red;
}

.center {
    text-align: center;
}

.heading_for_center{
    margin: 20px 0;
}

.heading_for_center #heading_user_name{
    margin: 0;
}

#heading_content #heading_user_name{
    margin: 0;
}

.update_software_license .update_license{
    margin: 0 auto;
    width: 720px;
    padding: 15px 0;
    border-width: 1px 0;
    border-style: solid;
    border-color: #BFBFBF;
}

.update_software_license .update_license .item{
    width: 380px;
}

.align_heading{
    margin: 30px 0 0 143px;
}

.align_heading td{
    vertical-align: top;
}

.download_software td{
    vertical-align: top;
}

.license_date tr{
    line-height: 13px;
}

.license_date td{
    text-align: left;
}


.clear{
    border-bottom: 1px solid rgb(229, 229, 229);   
    margin-bottom: 30px;
    width: 90%;
}

#notice{
    padding: 5px 0px;
    border:1px solid rgb(255,182,193);
    font-size: 1.1em;
}

#decide_payment hr{
    border: none;
    border-bottom: 1px solid #E5E5E5;
}

#decide_payment img{
    vertical-align:middle;
}

.message_no_item, .message_incomplete{
    font-size: 1.2em;
}

.message_incomplete{
    margin: 10px 10px 0;
}