#titleText{
	color: #808080;
	text-align: left;
	line-height: 250%;
        /*margin-top: 20px;*/
        margin-top: 0px;
        margin-left: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #00A8EA;
}
h1		 {
	color: #4c4c4c;
	font-size: 250%;
}

.contentMain{
	padding: 0;
	margin: 20px 0 0;
}

.contentMain h3{
	color: #333;
	font-size: 1.1em;
	line-height: 1.5em;
	margin-top: 10px;
	margin-bottom: 5px;
}

.contentMain ul{
	list-style-type: none;
}

.contentMain li{
	margin: 0;
	padding-left: 45px;
	padding-top: 0.4em;
}

.contentMain li#speech{
	background: url(/images/bubble.png) no-repeat scroll 0 20%;
}

.contentMain li#api{
	background: url(/images/block.png) no-repeat scroll 0 20%;
}

.contentMain li#free{
	background: url(/images/free.png) no-repeat scroll 0 20%;
}

.contentMain li#more{
	text-align: right;
	margin-top: -20px;
}

#information {
	/*border: 1px solid #666;*/
	/*padding: 10px;*/
	padding: 0px;
	margin-bottom: 20px;
	/*margin-top: 15px;*/
	margin-top: 0px;
}
#information .newsitem{
	margin-left: 20px;
	margin-bottom: 10px;
	padding-left: 3px;
	border-bottom: 1px dotted gray;
}
#pastInformation {
	margin-top: 20px;
	margin-bottom: 0px;
	text-align: right;
}

/*.noBullet ul li{*/
ul.bBullet{
	list-style-image: url('/images/bullet.gif');
	margin-left: 20px;
	margin-top: 10px;
}
/*
ul.bBullet a:link {
	color: #555555;	
}
ul.bBullet a:visited {
	color: #555555;	
}
ul.bBullet a:hover {
	color: #00843C;	
}
*/
ul.bArrow{
	/* list-style-image: url('/images/rightArrow.gif'); */
	list-style-image: url('/images/sqArrow.gif');
	margin-left: 100px;
	margin-top: 10px;
}
ul.bArrow li{
	margin-top: 10px;
}
/*
ul.bArrow a:link {
	color: #555555;	
}
ul.bArrow a:visited {
	color: #555555;	
}
ul.bArrow a:hover {
	color: #00843C;	
}
*/

ul li{
	background: transparent none;
	list-style-type: none;
}

#sidebar td{
	border-style: none;
}

#sidebar table{
	border-style: none;
}

.play{
	width: 73px;
	height: 24px;
	border: 0;
	background: url(/images/playBtn.gif) no-repeat 0 0;
	text-indent: -9999px;
	cursor: pointer;
}

/*
.play:active{
	width: 16px;
	height: 16px;
	border: 0;
	background: url(/images/playPushed.png) no-repeat 0 0;
	text-indent: -9999px;
	cursor: pointer;
}
*/

#pageTitle{
	text-align: center;
        font-size: 200%; 
}

#sidebar {
	font-size: 88%;
	/* background-color: #f00; */
}

.content {
	/* background-color: #f00; */
}


pre {
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: pre-wrap;      /* CSS3 */
    word-wrap: break-word;      /* IE 5.5+ */
}

code {
  font-family: monospace;
  line-height: 150%;
  text-align: left;
  margin-bottom: 10px;
}


div.left-top {
     /*margin-top: 20px;*/
     /*width:600px; 適当に調整*/
     background:url(/images/tl.png) no-repeat left top #e6e6e6 /*画像と同じ色を指定*/
     }
div.right-top {
     background:url(/images/tr.png) no-repeat right top;
     }
div.left-bottom {
     background:url(/images/bl.png) no-repeat left bottom;
     }
div.right-bottom {
     background:url(/images/br.png) no-repeat right bottom;
     }
.round {
     padding:20px; /*適当に調整*/
     }
.round-box {
     width: 600px; 
     margin-top: 50px;
     margin-bottom: 20px;
     margin-left : auto; 
     margin-right : auto;
     text-align : left;
}
.ss {
     padding: 10px;
     float: right;
     margin-top: 20px;
}
dd{
     margin-bottom: 10px;
     padding-left: 20px;
}
p{
     text-align: justify;
     text-justify: distribute;
     margin-top: 10px;
     margin-bottom: 10px;
}
p.doc{
     text-align: justify;
     text-justify: distribute;
     margin-top: 20px;
     margin-bottom: 10px;
}

h2{
     margin-top: 30px;
     color: #4c4c4c;
     font-size: 150%;
     font-weight: bold;
}
h2.side{
     margin-top: 20px;
     color: #4c4c4c;
     font-size: 150%;
     font-weight: bold;
}

.right{
     margin-top: 20px;
     margin-left: 25px;
     margin-right: 25px;
     float: right;
}
.center{
     text-align: center;
}

.success{
	width:565px;
	position:relative;
	display:block;
}
.success .top{
	background-image: url('/images/successS-t.gif');
	background-repeat:no-repeat;
	height:13px;	
}
.success .middle{
	background-image: url('/images/successS-m.gif');
	background-repeat:repeat-y;	
	background-position:bottom left;
	padding-left:20px;
	padding-right:20px;
}
.success .middle span{
	text-align: left;
	position:relative;
	top:-8px;
/*
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	font-size:9px;
*/
}
.success .bottom{
	background-image: url('/images/successS-b.gif');
	background-repeat:no-repeat;
	height:33px;
	position:relative;
	top:-20px;
	color: #ffffff;
        text-align: right;
}
.success .bottom h3{
	color: #F33;
	font-size: 1.1em;
	margin-top: 8px;
	margin-bottom: 0px;
        vertical-align: middle;
}

#nav li.page_item a{
	padding-left: 10px;
	padding-right: 10px;
}


/****
.container 		{  }

a 				{ color: #00487D; }
a:hover			{ color: #7B0F0F; }
****/

/* vds 読み上げ設定用 */
.vdsSetting{
  margin-top: 10px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  background-color: F7F7F7;
  border: 1px solid #AAA;
}
.vdsSettingTitle{
  font-weight: bold;
  margin-top: 5px;
  margin-left: 5px;
}
.vdsSettingVoiceTitle{
  margin-left: 10px;
}
/* vds rubyタグ非表示用 */
.vdsHidden{
  display: none;
}

/* 読み上げ速度用スライダー */
.sliderRail {
  background:url(/images/slider_bg.gif) 0px 0 no-repeat;
  height:15px;
  width:75px;
  position: relative;
}
.sliderThumb:focus{
/*
  border: 1px solid #000;
  background-color: #00CCCC;
*/
}
.sliderThumb {
  background:url(/images/slider_thumb.gif) 0px 0 no-repeat;
  padding: 0px;
  width: 15px; 
  height: 15px;
  border: none;
  position: absolute;
}
.floatLeft {
  float:left;
}
/* clearfix */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.clearfix {
  display: inline-block;
}
html[xmlns] .clearfix {
  display: block;
}
* html .clearfix {
  height: 1%;
}

/* vds 右寄せ読み上げボタン（vdsとはで使用） */
.vdsRightReadBtn{
  margin-left: 490px;
  margin-bottom: 7px;
}

/* vds お知らせ用読み上げボタン */
.vdsPostReadBtn{
  height: 22px;
  margin-left: 480px;
  margin-top: -45px;
  margin-bottom: 15px;
}

/* planlist, selectguide用罫線付テーブル */
table.plan_guide {
	border-collapse: collapse;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}
td.plan_guide {
	text-align:center;
	vertical-align:middle;
	border-width: 1px;
	border-style: solid;
	border-color: #A4A4A4;
}
td.off {
	background-color: #EAEAEA;
}
th.plan_guide {
	text-align:center;
	vertical-align:middle;
	background-color: #F7F7F7;
	border-width: 1px;
	border-style: solid;
	border-color: #A4A4A4;
}

/* 目安のプランごとの背景色 */
td.vds_free{
	background-color: #CCFFFF;
}
td.vds_light{
        background-color: #CCFF99;
}
td.vds_standard{
}
td.vds_stplus{
        background-color: #FFFFCC;
}
td.vds_plus{
}
td.vds_deluxe{
        background-color: #FFCCFF;
}

/* 注文の流れ用BOX表示 */
p.orderfollow{
	margin-left: 90px;
	width: 400px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align:center;
	background-color: #00A8EA;
	color: #FFFFFF;
	font-weight: bold;
}
p.orderfollowArrow{
	margin-left: 90px;
	width: 400px;
	text-align:center;
	color: #00A8EA;
	font-weight: bold;
	font-size: 1.2em;
}

/* 三角矢印付の文字 */
.sqArrow {
        padding-left: 14px;
        background:transparent url(/images/squarearrow.gif) no-repeat scroll left;
}
/*-----------------------------------------------------------------------------
	Header
	Add a graphic logo, using the following CSS
-----------------------------------------------------------------------------*/


/****
#header {
	background: url('../images/logo.gif') 50px 17px no-repeat;
	height: 89px;
}

#header h1		 { display: none;  }
#header .description { display: none; }
****/

/*-----------------------------------------------------------------------------
	Navigation Colors
	Customize the navbar with this CSS
-----------------------------------------------------------------------------*/

/****
#nav, #subnav	{ background: #668040; }

#nav li.current_page_item a,
#nav li a:hover 	{ background: #F2FFDF; color: #FFF;}

#nav li a,
#subnav li a 	{ color: #F2FFDF; }

#nav li.current_page_item a,
#subnav li.current_page_item a,
#subnav li a:hover 	{ color: #F2FFDF; }
****/