@import url(common.css);
@import url(contents-common.css);

/*
	$Id: vsphp.css 102 2006-03-20 09:23:05Z toyokazu $
*/

/* common */

#contents table.asial-table {
	margin-top: 16px; 
	margin-bottom: 16px; 
	border-spacing: 0px;
	border-collapse: collapse;
	empty-cells: show;
}

#contents table.asial-table td{
	color: #222222;
	background-color: transparent;
    border-style: solid; 
	border-color: #AAAAAA; 
	border-width: 1px; 
	padding: 5px;
}

#contents table.asial-table th{
	color: #000000;
	background: #FFFFFF url(body.png) 0px 0px;
    border-style: solid; 
	border-color: #AAAAAA; 
	border-width: 1px; 
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	white-space: nowrap;
	font-weight: bold;
}

#main-contents h3{
	margin-top: 0em;
	margin-bottom: 1em;
}
#image-frame {
	margin-bottom:10px;
}

#page-top{
	clear: both;
	text-align: right;
	font-size: 10px;
	font-weight: bold;
	color: #999999;
	background: transparent url(pgtop.png) no-repeat 100% 50%;
	cursor: pointer;
	margin-right: 20px;
	padding-right: 13px;}
	
#page-top p{
	text-align: right;
}

.page-top{
	clear: both;
	text-align: right;
	font-size: 10px;
	font-weight: bold;
	color: #999999;
	background: transparent url(pgtop.png) no-repeat 100% 50%;
	cursor: pointer;
	margin-right: 20px;
	padding-right: 13px;}
	
.page-top p{
	text-align: right;
}

/*
#page-top #gotop{
	font-size: 10px;
	font-weight: bold;
	color: #999999;
	background: transparent url(pgtop.png) no-repeat 100% 50%;
	cursor: pointer;
	margin-right: 20px;
	padding-right: 13px;
}
*/
#main-contents h3{
	padding-top 10px !important;
	height: 35px;
}

#main-contents h4{
	height: 30px;
}

#main-contents span{
	font-size: 12px;
	font-weight: bold;
	color: #990000;
	margin-top: 0em !important;
	padding-left: 1px;
	vertical-align: middle !important;
}

#contents .chatchcopy-box {
	padding: 10px;
}

#contents .chatchcopy {
	color: #000080;
	font-size: 16px;
	font-weight: bold;
	background-color: transparent;
	line-height: 0.5em;
	text-align: center;
}

#main-contents dl{
	margin-left: 2em;
	margin-right: 4em;
	margin-top: 1em;
	margin-bottom: 2em;
}
#main-contents dt{
	width: 100%;
	float: none;
	margin-top: 1em;
	margin-bottom: 5px;
}
#main-contents dd{
	margin-left: 2em;
	line-height: 20px;
}

.section-menu li{
	margin-left: 0px !important;
	margin-right: 10px !important;
	display: inline;
}

.menu-item-info{
	color: #333333;
	background: transparent url(/images/ccs/icon_info.gif) no-repeat 0px 50%;
	padding-left: 17px;
}
.menu-item-download{
	color: #333333;
	background: transparent url(/images/ccs/icon_download.gif) no-repeat 0px 50%;
	padding-left: 17px;
}
.menu-item-buy{
	color: #333333;
	background: transparent url(/images/ccs/icon_buy.gif) no-repeat 0px 50%;
	padding-left: 17px;
}

.product-lineup th{
	color: #333333;
	border: 1px solid #000000;
	background-color: #F4F2F0;
	padding: 3px;
}
.product-lineup td{
	border: 1px solid #000000;
	padding: 3px;
}

.sub-section{
	color: #555555;
	margin-left: 1em;
	margin-right: 2em;
	margin-bottom: 2em;
}
.sub-section dt {
	color: #000000;
}

.sub-section ul{
	margin-left: 15px;
}

.sub-section li{
	line-height: 15px;
}

.section-menu li{
	margin-left: 3em !important;
	margin-right: 10px !important;
	display: inline;
}

#products-section .requirment-section ul{
	margin-left: 5px;
}

#vertical-sub-menu ul{
}
#vertical-sub-menu ul a:link,
#vertical-sub-menu ul a:visited{
	text-align: left;
	padding-left: 28px;
}
#vertical-sub-menu ul ul a:link,
#vertical-sub-menu ul ul a:visited{
	text-align: left;
	padding-left: 48px;
}

#contents .vsphp-intro {
	margin-top: 1em !important;
	text-indent: 1em;
}

.vsphp-logo{
	margin-left: 10px;
	margin-right: 15px;
	margin-top: 0.7em;
	margin-bottom: -1em;
}
.img-left{
	float: left;
	margin-left: 10px;
	margin-right: 15px;
	margin-top: 0.7em;
	margin-bottom: 0em;
}

.img_left2{
	float: left;
	width: 200px;
	height: 75px;
	margin-right: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
}


.img_right{
	float: right;
	width: 250px;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 0px;
	border: 1px solid #9A9A9A;
}

.text-center{
	text-align: center;
}

#volume-section .text-left{
	text-align: left;
}

.text-left{
	text-align: left;
}

.image-section{
	text-align: center;
}

.image-section p{
	text-align: center;
}

#main-contents table.jpgraph-table{
	background-coor: #666666;
	width: 350px;
	height: 200px;
	text-align: center;
	border-spacing: 0px;
    border-color: #000000; 
	border-width: 1px; 
    border-style: solid; 
}

#main-contents ul{
	color: #555555;
	margin-left: 20px;
}

.dbg-section {
	margin-left: 35px;
}

.dbg-section p{
	margin-bottom: 0px !important;
	background-color: transparent;
}

.dbg-extension {
	margin-left: 45px;
}

.dbg-extension p{
	margin-bottom: 0px !important;
	background-color: transparent;
}

#japanese-section p{
	margin-bottom: 0px;
	background-color: transparent;
}

#list-section p{
	color: #000000;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: transparent;

}

#list-section li{
	list-style: none;
	color: #000000;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: transparent;
}

h6 {
	margin-bottom: 5px;
}

#font-black p{
	color: #000000;
}

#main-contents .sample-img{
	border: 1px solid;
}

.screenshots-table {
	margin-left:auto;
	margin-right:auto;
}

.screenshots-table td {
	text-align:center;
}

.screen-image-box {
	height:100px;
	vertical-align: top;
	padding-top: 5px;
}

.debug-box {
	margin-bottom: 3em !important;
}

.debug-img {
	float: left;
	margin-right: 120px;
	margin-left: 20px !important;
}

.debug-img2 {
	float: left;
	margin-right: 40px;
	margin-left: 20px !important;
}

.standard-img {
	float: left;
	margin-top: 0px;
	margin-bottom: 0em !important;
	margin-left: -20px;
	margin-right: 10px;
}

.standard5-img {
	float: left;
	margin-top: 0.5em;
	margin-bottom: 0em !important;
	margin-left: -20px;
	margin-right: 10px;
}

.standard-img-r {
	float: right;
	margin-top: 0px !important;
	margin-bottom: 0em !important;
	margin-left: 0px;
	margin-right: 0px;
}

.standard-img-l {
	float: left;
	margin-top: 0px;
	margin-bottom: 0em !important;
	margin-left: -5px;
	margin-right: 15px;
}

.standalone-img {
	float: right;
	margin-top: 0px;
	margin-bottom: 0em !important;
	margin-left: -1.3em;
	margin-right: 10px;
}

.standalone-open-img {
	float: right;
	margin-top: 0px;
	margin-bottom: 0em !important;
	margin-left: 0px;
	margin-right: 0px;
}


.standard-open-r {
	float: right;
}

.standard-open-r img{
	margin-top: 10px;
}

.products-img {
	float: right;
}

.products-img img{
	margin-top: 10px;
	margin-right: 60px;
}
.contents-clear {
	clear: both;
}


#main-contents table.vsphp-table {
	margin-top: 16px; 
	margin-bottom: 16px; 
	border-spacing: 0px;
	border-collapse: collapse;
	empty-cells: show;
}

#main-contents table.vsphp-table td{
	color: #555555;
	background-color: transparent;
    border-style: solid; 
	border-color: #AAAAAA; 
	border-width: 0px; 
	padding-top: 0px;
	padding-right: 10px;
	padding-left: 10px;
	vertical-align: top;
}

#main-contents table.vsphp-table h5{
	height: 2.5em;
}

#main-contents table.vsphp-table .tutorial-desc{
	height: 8em !important;
}

.tutorial-list {
	float: right;
	margin-right: 3em;
	margin-top: 0em;
}

img.tutorial-right {
	float: right;
	border: 1px solid #888;
	margin-left: 1em;
	margin-right: 1em;
}

.tutorial-left {
	float: left;
	margin-right: 1em;
}

#main-contents table.common-table2{
}
#main-contents table.common-table2 td{
	color: #555555;
	background-color: transparent;
    border-style: solid; 
	border-color: #AAAAAA; 
	border-width: 1px; 
	padding: 5px;
	text-indent: 1em;
}

#main-contents table.common-table2 th{
	color: #000000;
	background-color: #FFF8EF !important;
    border-style: solid; 
	border-color: #AAAAAA; 
	border-width: 1px; 
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	white-space: nowrap;
	font-weight: bold;
}

#main-contents table.common-table2 p{
	margin-bottom: 0em;
}

#main-contents table.common-table2 ul{
	margin-bottom: 0em;
}
#main-contents table.common-table2 li{
	margin-left: 0em;
	vertical-align: super !important;
}

#vsphp-section .product-list {
	margin-left: 50px !important;
}

#product-section .edition-list li{
	list-style-image: none !important;
	margin-left: 5px !important;
}


#product-section .standard-list li{
	list-style-image: none !important;
	margin-left: 5px !important;
}

#vsphp-section .feature-list {
	margin-left: 30px !important;
}

#regist-form {
	border: 2px solid #FF8800;
	padding: 5px 10px 5px 10px;
	margin-bottom: 3em;
	margin-left: 5px;
	margin-right: 5px;
	background-color: #FFDDAA;
}
#regist-form h5{
	color: #ffffff !important;
	background-color: #333366 !important;
	display: block !important;
	line-height:1.5em;
	font-size:16px;
}
#regist-form fieldset{
	border: none;
}

#regist-form .regist-text{
	color: #000000 !important;
}
#regist-form .regist-info {
 	background-color: #fff1dd;
 	border: 2px dotted #FF8800;
	padding: 5px 10px 0px 10px;
	margin-top: 10px;
	margin-bottom: 1em;
	margin-left: 5px;
	margin-right: 5px;
}
#regist-form .regist-point{
	color: #000033;
	font-size: 1em !important;
	line-height: 1.5em !important;
}
#regist-form .regist-info p{
 	color: #000000 !important;
 	margin-bottom: 5px;
}
#regist-form .regist-info strong{
	font-weight: normal;
}

#regist-form .regist-thank {
  background-color: #fff1dd;
	padding: 5px 10px 5px 10px;
	margin-top: 10px;
	margin-bottom: 1em;
	margin-left: 5px;
	margin-right: 5px;
}
#regist-form .regist-thank .thanks {
	font-size: 1.5em;
	font-weight: bold;
	color: #990000 !important;
}
#regist-form .regist-thank p {
	color: #333333 !important;
}



#main-contents .vs-list ul{
	margin-top: -0.8em !important;
	margin-bottom: 1.5em;
}

#main-contents .vs-list li{
	list-style-image: none;
	list-style: none;
	margin-left: 90px;
	margin-top: -0.5em;
}

#main-contents .vs-type-list ul{
	margin-bottom: 0em;
	margin-top: 0em;
}

#main-contents .vs-type-list li{
	list-style-image: none;
	list-style: none;
	margin-left: 20px;
}

.vs-type {
	text-indent: 7em !important;
}

.email-text {
	margin-top: -0.5em;
	margin-bottom: -1em;
	margin-left: 9em !important;
}
#main-contents .price-text {
	color: #CC0000;
	margin-top: -0.5em;
	margin-bottom: 0.8em;
	text-indent: 2em;
}
.regist-button {
	text-align: center;
}

#main-contents table.regist-table td{
	padding: 5px;
}

#main-contents table.regist-table .regist-email {
	text-align: right !important;
}

.feature-list-l {
	float: left;
	margin-right: 0px;
	width: 48%;
}

.feature-list-r {
	float: right;
	margin-left: 0px;
	width: 48%;
}

.feature-contents {
	width: 50%;
}

.feature-contents2 {
	width: 90%;
}

.lineup-box p{
	margin: 0px !important;
	padding: 0px !important;
}
.lineup-box {
	border: 1px solid #000066;
	padding-top: 0em !important;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 1em;
	margin-top: -1em;
	margin-bottom: 2em;
	margin-left: 5px;
	margin-right: 5px;
	text-indent: 1em;
}

#main-contents .lineup-header{
	color: #222222;
	background: #FFFFCC none no-repeat fixed 0px 0px !important;
	font-size: 15px;
	font-weight: bold;
	margin-top: 0em;
	margin-bottom: 0.5em;
	line-height: 30px;
	border-bottom: 1px solid #C3C3C3;
	text-indent: 13em;
}

#main-contents .vsphp-h4-r{
	color: #222222;
	background: transparent url(vsphp-h4-r.png) no-repeat 0px 0px;
	font-size: 16px;
	font-weight: bold;
	margin-top: 8px;
	margin-bottom: 8px;
	padding-left: 10px;
	line-height: 30px;
	border-bottom: 1px dotted #C3C3C3;
	text-indent: 0px;
}

#main-contents table.vsad-table {
	margin-top: 16px; 
	margin-bottom: 16px; 
	border-spacing: 0px;
	border-collapse: collapse;
	empty-cells: show;
}

#main-contents table.vsad-table td{
	color: #555555;
	background-color: transparent;
    border-style: none; 
	border-color: #AAAAAA; 
	border-width: 1px; 
	padding: 0px 7px 0 7px;
	vertical-align: top;
}

#main-contents strong {
	font-size: 13px;
	font-weight: bold;
	color: #990000;
	background-color: transparent;
}

#main-contents .feature-img {
	float:left;
	margin-right: 1em;
	width: 250px;
}

#main-contents .feature-img img{
	border: 1px solid #C3C3C3;
}

.smarty-editor {
	border: 1px solid #C3C3C3;
}

.remote-project {
	float:right;
	margin-left:10px;
	margin-top:10px;
	margin-bottom: 30px;
}

#main-contents .feature-screenshots {
	float:left;
	margin-top: 5px;
	margin-right: 15px;
	width: 260px;
	margin-bottom: 2em;
}

#feature-section img{
	border: 1px solid #C3C3C3;
}


#debug-section img{
	border: 1px solid #C3C3C3;
	margin-top: 10px;
	margin-bottom: 10px;
}

.debug-feature img{
	border: 1px solid #C3C3C3;
}
.html-intellisense {
	float:left;
	margin-right: 1em;
	width: 270px;
}

.class-browser {
	float:left;
	margin-right: 0em;
	width: 270px;
}

.important-text {
	color: #FF0000 !important;
}

.editor-list-r {
	float: right;
	margin-right: 5em;
	margin-top: 0em;
}

.editor-list-l {
	margin-left: 2em !important;
	margin-top: 0em;
}

.ide-list {
	clear: both;
	margin-left: 3em !important;
	margin-top: -2em;
}

.ide-list-r {
	float: right;
	margin-right: 1em;
	margin-top: 0em;
}

.ide-list-l {
	margin-left: 2em !important;
	margin-top: 0em;
}

#product-section strong{
	font-weight: bold;
	color: #222222; 
}

#license-section strong{
	font-weight: bold;
	color: #000066; 
}

.workbench-img img{
	float: left;
	border: 1px solid;
	margin-top: 8px;
	margin-bottom: 20px;
	margin-right: 15px;
	margin-left: 5px;
}
#contents .information {
	border: dashed 1px #FF9900;
	padding: 5px;
	margin-bottom: 10px;
}
#contents .information p {
	text-indent: 0px !important;
	line-height:1em;
	margin: 10px;
}
#contents .information-title {
	font-weight: bold;
	color: #990000;
}

#contents .notice-msg {
	border: dashed 1px #FF9900;
	padding: 0 5px 5px 5px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
}
#contents .notice-msg p {
	text-indent: 0px !important;
	line-height:1.5em;
	margin: 10px;
}
#contents .notice-title {
	font-size: 14px;
	font-weight: bold;
	color: #990000;
}

#manual-section image {
	margin-left: 1em;
	border: 1px solid #C3C3C3;
	margin-top: 0.3em;
	margin-bottom: 0.5em;
}

.manual-title {
	text-indent: 1em;
}

.guide-title {
	text-indent: 1em;
}
.guide-list {
	margin-left: 1em;
}

.guide-list li{
	list-style-image: none !important;
	font-weight: bold;
}

.guide-list p{
	font-weight: normal;
}

.manual-list {
	margin-left: 1em;
}

.manual-list li{
	list-style-image: none !important;
}

.menu-list {
	margin-left: 2em !important;
}

.menu-list li{
	list-style-image: none !important;
	list-style: none;
}

.contents-list {
	margin-left: 2em !important;
}

.contents-list li{
	list-style-image: none !important;
	list-style: none;
	font-weight: bold;
}

.debug-list {
	margin-left: 1em !important;
}

.debug-list li{
	font-weight: normal !important;
	list-style-image: none !important;
	list-sytle: none;
}

.paragraph-list {
	margin-left: 22em;
}

.paragraph-list2 {
	text-align: right;
	margin-right: 1em;
}

.license-data {
	text-align: left;
	width: 350px;
}

#main-contents .license-regist {
	margin-bottom: 1em;
	margin-left: 2em;
}

#main-contents .license-regist li{
	list-style-image: none !important;
}

.notice-box{
	height: auto !important;
	line-height: 60px !important;
}

#main-contents .release-mark {
	float: right;
	margin-right: 15px;
	margin-bottom: 0px;
}

.new-mark {
	vertical-align: text-bottom;
}

.evaluation-botton {
	color: #990000 !important;
	font-weight: bold;
	text-align: center;
	margin-top: 0px !important;
	margin-bottom: 5px !important;
}

.evaluation-botton img{
	vertical-align: middle;
}
.update-botton {
	text-align: center;
}

/**
a.evaluation-button{
	display: block !important;
	color: #222222;
	background: transparent url(/images/vsphp/button/evaluation.jpg) no-repeat 0 0;
}
a.evaluation-button:hover{
	color: #222222;
	background: transparent url(/images/vsphp/button/purchase.jpg) no-repeat 0 0;
}
*/
.download-button {
	vertical-align: middle !important;	
}

.topic-title {
	margin-top: 10px !important;
}

#faq-section h5 {
	margin-top: 10px;
	padding-bottom: 2px;
	border-bottom: solid 1px #dddddd;
}

.faq-question {
	margin-left: 20px;
}

.refer-list {
	margin-left: 2.5em;
	text-indent: 0 !important;
	font-weight: normal !important;
}

.dbg-install {
	margin-left: 40px;
}

.dbg-note {
	margin-left: 30px;
}

#main-contents .xdebug-title {
	font-weight: bold;
	border-bottom: 1px solid #CCCCCC;
	text-indent: 0em !important;
	margin-top: 10px !important;
	margin-left: 10px;
	clear: both;
}

.website-copy{
	float: right;
	margin-left: 10px;
	margin-right: 10px;
	border: 1px solid #9A9A9A;
}

.upgrade-price li{
	display: inline;
	margin-left: 40px;
	background: transparent url(main-contents-li.png) no-repeat 0px 50%;
	padding-left: 15px;
}

/* system-link */
#main-contents #system-introduction h3 {
	clear: both;
}
#main-contents #system-introduction .system-image {
	float: left;
	border: solid 1px #999999;
}