@charset "utf-8";
/*
Contents
*/

/*** Twitter Bootstrap タブ ***/
div.tab-pane{
	overflow-x: hidden;
}
/* for IE6 */
* html body div.tabbable ul.nav-tabs {
	display:none;
}
* html body .active {
	background-color: #FFF;
}

/*** Twitter Bootstrap アイコン ***/
/* for IE6 */
*html body i.icon-ok-sign {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-top: 1px;
  *margin-right: .3em;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("/wp/wp-content/plugins/wordpress-bootstrap-css/resources/bootstrap-2.3.0/img/glyphicons-halflings.png");
  background-position: 14px 14px;
  background-repeat: no-repeat;
  background-position: -72px -96px;
}
*html body i.icon-arrow-up {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-top: 1px;
  *margin-right: .3em;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("/wp/wp-content/plugins/wordpress-bootstrap-css/resources/bootstrap-2.3.0/img/glyphicons-halflings-white.png");
  background-position: 14px 14px;
  background-repeat: no-repeat;
  background-position: -289px -96px;
}


/*** Twitter Bootstrap メニュー ***/
ul.nav-stacked a:hover{
	background-color: #FF9900;
}


/**** フレーム ****/

div#content-body p,
div#content-full p{
	margin: 0px 10px 20px 10px;	
}

div#content-body p ol,
div#content-full p ol{
}

div#content-body ol li,
div#content-full ol li{
	margin-bottom: 10px;
}

/**** 矢印 ****/

div#content-body ol li.arrow01,
div#content-full ol li.arrow01,
div#content-body ol li.arrow02,
div#content-full ol li.arrow02,
div#content-body ol li.arrow03,
div#content-full ol li.arrow03,
div#content-body ol li.arrow04,
div#content-full ol li.arrow04,
div#content-body ol li.arrow05,
div#content-full ol li.arrow05{
	list-style-position: outside;
	list-style-type: none;
	margin-left: 10px;
}

div#content-body ol li.arrow01,
div#content-full ol li.arrow01{
	list-style-image: url(images/list-arrow01.png);
}
div#content-body ol li.arrow02,
div#content-full ol li.arrow02{
	list-style-image: url(images/list-arrow02.png);
}
div#content-body ol li.arrow03,
div#content-full ol li.arrow03{
	list-style-image: url(images/list-arrow03.png);
}
div#content-body ol li.arrow04,
div#content-full ol li.arrow04{
	list-style-image: url(images/list-arrow04.png);
}
div#content-body ol li.arrow05,
div#content-full ol li.arrow05{
	list-style-image: url(images/list-arrow05.png);
}

/* for IE6 */
* html body div#content-body ul.nav-stacked,
* html body div#content-full ul.nav-stacked{
	padding:20px;
}
* html body div#content-body ul.nav-stacked li,
* html body div#content-full ul.nav-stacked li{
	list-style-position: outside;
	list-style-type: none;
	margin-left: 15px;
	margin-bottom: 5px;
	list-style-image: url(images/list-arrow04.png);
}


/**** お問い合わせボックス ****/

div.contact-box{
	display:block;
	width:98%;
	padding: 20px 0 20px 0;
	border: 1px solid #CCC;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
	margin: 0 auto 0 auto;
}

div.contact-box a{
	margin: 0px 3px 0px 3px;
}

/**** タイトル ****/

h1.title-contact,
h1.title-contac,
h1.title-cases,
h1.title-corporate,
h1.title-mysqlnews,
h1.title-press,
h1.title-price,
h1.title-privacy,
h1.title-products,
h1.title-sitemap,
h1.title-agreement,
h1.title-recruit {
	display: block;
	height: 0;
	padding-top: 80px;
	overflow:hidden;
	background: url(images/title-h1-contact.png) no-repeat;
	margin: 0 0 10px 0;
}
h1.title-contact {
	background: url(images/title-h1-contact.png) no-repeat;
}
h1.title-cases {
	background: url(images/title-h1-cases.png) no-repeat;
}
h1.title-corporate {
	background: url(images/title-h1-corporate.png) no-repeat;
}
h1.title-mysqlnews {
	background: url(images/title-h1-mysqlnews.png) no-repeat;
}
h1.title-press {
	background: url(images/title-h1-press.png) no-repeat;
}
h1.title-price {
	background: url(images/title-h1-price.png) no-repeat;
}
h1.title-privacy {
	background: url(images/title-h1-privacy.png) no-repeat;
}
h1.title-products {
	background: url(images/title-h1-products.png) no-repeat;
}
h1.title-sitemap {
	background: url(images/title-h1-sitemap.png) no-repeat;
}
h1.title-recruit {
	background: url(images/title-h1-recruit.png) no-repeat;
}
h1.title-agreement {
	background: url(images/title-h1-agreement.png) no-repeat;
}
h1.not {
	font-size: 48px;
	margin: 30px 10px;
}

div#content-body h2,
div#content-full h2 {
	background-repeat: no-repeat;
	display: block;
	margin: 0px 0px 20px;
	padding: 4px 0px 0px 56px;
	background-image: url(images/title-h2.png);
	font-size: 24px;
	color:#333;
}
div#content-body h2 {
	width: 684px;
}
div#content-full h2 {
	width: 924px;
}
div#content-body h2 a,
div#content-full h2 a {
	color:#333;
}
div#content-body h2 a:hover,
div#content-full h2 a:hover { color:#999; }

div#content-body h2.posts,
div#content-full h2.posts {
	background-image: none;
	display: block;
	margin: 0px 0px 20px;
	padding: 15px 10px 12px;
	font-size: 20px;
	border-bottom: 5px solid #B3B3B3;
	line-height: 140%;
}
div#content-body h2.posts {
	width: 710px;
}
div#content-full h2.posts {
	width: 950px;
}

div#content-body h3,
div#content-full h3 {
	display: block;
	margin: 0px 0px 20px;
	padding: 10px 10px 6px;
	font-size: 18px;
	border-top: 2px solid #DDD;
	border-bottom: 1px solid #EEE;
	line-height: 150%;
}
div#content-body h3 {
	width: 710px;
}
div#content-full h3 {
	width: 950px;
}

div#content-body h4,
div#content-full h4 {
	display: block;
	margin: 0px 0px 20px;
	padding: 0px 10px 6px;
	font-size: 15px;
	border-bottom: 1px solid #EEE;
	line-height: 150%;
}
div#content-body h4 {
	width: 710px;
}
div#content-full h4 {
	width: 950px;
}

/**** English ****/
ul.english-list{
	margin: 0 0 20px 20px;
}
ul.english-list li{
	list-style-position: inside;
	list-style-type: disc;
}

/**** 企業情報 ****/

table.company-table{
	margin: 10px auto 10px auto;
	text-align: left;
}
table.company-table,
table.company-table-link{
	width: 98%;
}
table.company-table tr,
table.company-table-link tr{
	border-bottom: 1px solid #CCC;	
}
/* for IE6 */
* html body table.company-table tr th,
* html body table.company-table tr td,
* html body table.company-table-link tr th,
* html body table.company-table-link tr td{
	border-bottom: 1px solid #CCC;	
}
table.company-table tr:nth-child(even){
	background-color: #f7f7fb;	
}
table.company-table th,
table.company-table-link th{
	width: 200px;
	padding: 10px;
	vertical-align: top;
	text-align: left;
}
table.company-table-link th.center{
	text-align: center;
}
table.company-table td,
table.company-table-link td{
	width: 510px;
	padding: 10px;
}

img.logo{
	margin: 0 0 0 20px;
	padding: 0px;
	display: block;
	border: 0px none;
	float: right;
}

div.googlemaps{
	display: block;
	margin: 0px 10px 20px;
	padding: 0px;
	height: 500px;
	width: 710px;
}
div.googlemaps img{
	margin: 0px;
	padding: 0px;
	border: 0px none;
}

/**** 個人情報の取り扱いについて ****/

img.pmark{
	margin: 0 20px 20px 40px;
	padding: 0px;
	display: block;
	border: 0px none;
	float: right;
}

div#p-box{
	margin: 20px 0 0 0;
	padding: 0px;
	display: block;
	float: right;
	line-height: 160%;
}

ul.p-ul{
	margin: 0px 10px 30px 30px;
}
ul.p-ul li{
	list-style-position: outside;
	list-style-type: disc;
}
ul.p-ul ul{
	margin: 10px 10px 10px 20px
}
ul.p-ul ul li{
	list-style-type: square;
}

/**** 個人情報の取り扱いについて（フォーム用） ****/

div.privacy-box{
  text-align:left;
	display:block;
	border:solid #CCCCCC 1px;
	margin:10px 0 10px 0;
	padding:10px;
	height:200px;
	overflow:scroll;
	overflow-x: hidden ;
}
div.privacy-box ul{
	margin: 10px 10px 20px 30px;
}
div.privacy-box ul li{
	list-style-position: outside;
	list-style-type: disc;
}

/**** サイトマップ ****/

div#sitemap{
	margin: 0 10px 0 10px;
}
div#sitemap div.left{
	display: block;
	padding: 0px;
	float: left;
	width: 465px;
	margin: 0px 20px 0px 0px;
}
div#sitemap div.right{
	display: block;
	padding: 0px;
	float: left;
	width: 465px;
	margin: 0px;
	text-align:left;
}
div#sitemap h3{
	background-image: none;
	margin: 20px 0 5px 0;
	padding: 0;
	font-size: 20px;
	width: 465px;
	border-top: none;
	border-bottom: none;
}

div#sitemap ul{
	margin-left: 18px;
}
div#sitemap ul li{
	font-size: 14px;
	margin-top: 10px;
}
div#sitemap ul li ul{
}
div#sitemap ul li ul li{
}

/**** 記事リスト ****/

div.information-list{
	float: right;
	width: 720px;
}
div.information-list ul {
	display: block;
	margin: 0;
	padding: 0;
}

div.information-list ul li {
	position: relative;
	padding: 5px 0;
	border-bottom: #CCCCCC solid 1px;
	line-height: 160%;
}

/* for IE6 */
* html body div.information-list ul li {
	border-top: #CCCCCC solid 1px;
	border-bottom: none;
}

div.information-list ul li:last-child {
	border-bottom: none;
}

div#content-body div.information-list ul li p,
div#content-full div.information-list ul li p{
	margin: 0px 0px 4px 0px;	
}

div.information-list ul li p.category {
	position: absolute;
	top: 5px;
	right: 0;
}
/* for IE6 */
* html body div.information-list ul li p.category {
	position: static;
}

a.pr{
	margin:0 auto;
	display:block;
	width:300px;
}
a.pr button{
	width:300px;	
}

div.prevnext{}
div#content-body div.prevnext p.prev,
div#content-full div.prevnext p.prev{
	float: left;
	margin:0 0 0 10px;
}
div#content-body div.prevnext p.next,
div#content-full div.prevnext p.next{
	float: right;
	margin:0;
}


/**** MySQLニュース ****/

div#mysql-news-content{
	margin: 0 10px 0 10px;
}


/**** 事例紹介 ****/

dl.hidden-cases{
	margin: 0px 10px 60px 10px;	
}
dl.hidden-cases dt{
	cursor:pointer;
	display: block;
	margin: 0px 0px 40px;
	padding: 0px;
	width: 100%;
}
dl.hidden-cases dt button{
	width: 100%;
	font-size:18px;
}
dl.hidden-cases dd{
	overflow:hidden;
}

div.cases{
	display: block;
	padding: 0;
}
div#content-full div.cases strong{
	display: block;
	padding-bottom: 8px;
	font-size: 16px;
	border-top: none;
	border-bottom: 1px solid #CCC;
	line-height: 150%;
	width:100%;
	margin: 2px 0px 5px 0px;
}


/**** テーブル ****/

table.basic-table{
	margin: 10px auto 10px auto;
	text-align: left;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
}
table.basic-table{
	width: 98%;
}
table.basic-table tr{
		
}
table.basic-table tr:nth-child(even){
	background-color: #f7f7fb;
}
table.basic-table th{
	vertical-align: top;
	text-align: left;
	padding: 10px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background-color: #EEE;
}
table.basic-table td{
	vertical-align: top;
}
table.basic-table th.left,
table.basic-table td.left{
	width:150px;
}
table.top th {
	color: #FFF;
	font-size:16px;
	text-align:center;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
/* グラディエーション */
table.top th {
    /* Old Browsers */
   background: #036;

   /* IE9, Firefox 1.5-3.5, Safari 3.1-3.2, Opera 8.0-11.0, iOS Safari 3.2-4.0.3 */
   background: url(data:image/svg+xml;base64,...);

   /* Safari 4.0-5.0, Chrome 3-9, iOS Safari 4.0.4-5.0, Android 2.1-3.0 */
   background: -webkit-gradient(linear, left top, left bottom, from(#03C),to(#036));

   background: -webkit-linear-gradient(top, #03C, #036);       /* Safari 5.1+, Chrome 10+, iOS Safari 5.1+, Android 4.0+ */
   background:    -moz-linear-gradient(top, #03C, #036);       /* Firefox 3.6-15.0 */
   background:      -o-linear-gradient(top, #03C, #036);       /* Opera 11.10-12.10 */
   background:         linear-gradient(to bottom, #03C, #036); /* IE10, Firefox 16.0+, Opera 12.50+ */

   /* IE 8+ */
   /* "-ms-filter" should be included first before "filter" in order for the filter to work properly in Compatibility View */
   /* http://msdn.microsoft.com/en-us/library/ms530752%28v=vs.85%29.aspx */
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#03C', endColorstr='#036', GradientType=0)";

   /* IE 5.5-7 */
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#03C', endColorstr='#036', GradientType=0);
}

/* Set filter: none; for IE 9+ */
/* Browsers which support both Media Queries and -ms-filter are only IE 9+ */
@media screen and (min-width:0) {
   .gradient {
     -ms-filter: "";
   }
}
/* for IE6 */
*html body table.top th{
   background: #036;
}

table.ha th {
	font-size:12px;
}
table.ha td {;
	font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

table.basic-table td{
	padding: 10px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
table.basic-table tr td:first-child,
table.basic-table tr th:first-child{
	white-space: nowrap;
}
div#content table.basic-table th.br,
div#content table.basic-table td.br{
	white-space:normal;
}

table.contact tr td:first-child{
	vertical-align: top;
}
table.basic-table td.price{
	text-align: right;	
	width:200px;
}

div#content table.basic-table tr.col{
	background-color: #CCCCCC;
	font-weight:bold;
}

table.inner-table{
	margin: 0;
	text-align: left;
	border: none;
}
table.inner-table td{
	padding: 5px;
	border: none;
}
table.inner-table tr:nth-child(even){
	background:none;
}

table.flow-table{
	margin: 10px auto 10px auto;
}
table.flow-table td{
	text-align: left;
	vertical-align: top;
	padding: 10px;
}
table.flow-table td.image{
	width:254px;
}

/**** フォーム ****/

.text-quarter-quarter{
	width: 5%;
}
.text-quarter-half{
	width: 11%;
}
.text-quarter{
	width: 22%;
}
.text-half{
	width: 45%;
}
.text-full{
	width: 90%;
}

/**** 製品＆サポートサービス ****/

#products-support p img,
#products-ha p img,
#products-mysql p img,
#products-percona img,
#products-mariadb p img,
#products-infobright p img,
#products-osssys p img,
#products-other p img {
	padding: 0px;
	float: left;
	margin: 0px 20px 0px 0px;
}

div.compare-box{
	display:block;
	border:solid #CCCCCC 1px;
	margin:0;
	padding:0 7px 0 7px;
	overflow:scroll;
	overflow-y: hidden;
}

table.compare th {
	font-size:12px;
	text-align:center;
}
table.compare td {
	font-size:12px;
}



.arrow-list{
	margin: 10px 10px 20px 10px;
}
.arrow-list li{
	background: url(images/sidemenu-sub-bg.png) -20px -3px no-repeat;
	display: block;
	padding: 0 0 0 15px;
	margin: 0 0 3px 0;
}