@charset "utf-8";
* {
   margin:0;
   padding:0;
}

#rap{
  width:740px;
  margin:0 auto;
  background:#ffffff;
}

#book_header{
  height:70px;
}

.storycontent{
  width:740px;
		margin:0 20px;
		text-align:left;
}

.logo{
  background:url('../images/logo.png') no-repeat 0 0;
  text-indent:-9999px;
  height:50px;
  margin:10px 0px 5px!important;
}

.logo a{
  display:block;
  width:100%;
  height:100%;
}

.description{
  font-size:100%;
}

.cposi h2 {
  margin:4em 0em 1em;
  font-size:130%;
  color:#002266;
  background:url('../images/h2-back.png') no-repeat 0 bottom;
  /*font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"MS PGothic",sans-serif;*/
  font-family: "メイリオ","ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif !important;

}

h3{
  margin:2em 0em 1em;
  font-size:120%;
  background:url('../images/h3-title.png') no-repeat 0 0;
  height:27px;
  color:#ffffff;
  padding:3px 15px 0px ;
  font-family: "メイリオ","ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif !important;
}

.cposi h4{
  margin:2em 0em 1em;
  font-size:115%;
}

.cposi p{
  margin:0.8em 0em;
}

strong{
  color:#ff0000;
}

u{
  background:#ffff88;
}

b{
  color:#ff0000;
  font-size:130%;
  line-height:200%;
  font-family: "メイリオ","ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif !important;
}

#main-container ul,
#main-container ol{
  margin:1em;
}

li{
  margin:0.5em 1em;
}

img{
  border:0;
}


table{
  border-collapse:collapse;
  margin:1em 0em;
}

th{
  padding:5px 10px;
}

td{
  padding:5px 10px;
}

.topimg{
  background:url('../images/topimg2.png') no-repeat 0 0;
  width:740px;
  height:411px;
  padding:0px;
  color:#ffffff;
  text-indent:-9999px;
  margin:20px 0;
}

.new_copy00{
  text-indent:-9999px;
  width:740px;
  height:180px;
  background:url('../images/new_copy00.png') no-repeat 0 0;
  margin:0;
}

.new_copy02{
  text-indent:-9999px;
  height:18px;
  background:url('../images/new_copy02.png') no-repeat 50% 0;
}

.new-left{
  width:310px;
  float:left;
  margin-left:40px;
  text-align:left;
}

* html body .new-left{
  margin-left:15px;
}

.new-right{
  width:310px;
  float:right;
  margin-right:40px;
  text-align:left;
}

* html body .new-right{
  margin-right:15px;
}


.jisseki{
  width:680px;
  clear:both;
  margin:3em auto;
		text-align:left;
}

.jisseki h2{
  background:url('../images/jisseki-header.png') no-repeat 0 0;
  text-indent:-9999px;
  height:60px;
}

h3.living-name{
  background:url('../images/living.png') no-repeat 0 0 !important;
  height:20px;
  text-indent:-9999px !important;
  margin:0 0 1em !important;
}

.jisseki-voice{
  clear:both;
  margin:3em 0em;
  background:#F1FAE8;
  height:230px;
  text-align:left;
  font-size:120%;
}

.jisseki-voice h3{
  margin:0 0 0.5em !important;
  border-bottom:1px solid #ffffff;
  background:#D1F0B2;
  padding:0.2em 0.5em !important;
  color:#333333 !important;
  font-size:120%;
  height:16pt;
}

.jisseki-voice img{
  border:1px solid #eeeeee;
  background:#ffffff;
  padding:5px;
  margin-left:10px;
}

.jisseki-voice p{
  margin:0.5em 1em;
  font-size:85%;
}



.title01{
  text-indent:-9999px;
  background:url('../images/title01.png') no-repeat 0 0;
  height:47px;
}

.title02{
  text-indent:-9999px;
  background:url('../images/title02.png') no-repeat 0 0;
  height:25px;
}

.title03{
  text-indent:-9999px;
  background:url('../images/title03.png') no-repeat 0 0;
  height:25px;
}

.title04{
  text-indent:-9999px;
  background:url('../images/title04.png') no-repeat 0 0;
  height:25px;
}

.title05{
  text-indent:-9999px;
  background:url('../images/title05.png') no-repeat 0 0;
  height:25px;
}

.title06{
  text-indent:-9999px;
  background:url('../images/title06.png') no-repeat 0 0;
  height:25px;
}

.title07{
  text-indent:-9999px;
  background:url('../images/title07.png') no-repeat 0 0;
  height:25px;
}

.title08{
  text-indent:-9999px;
  background:url('../images/title08.png') no-repeat 0 0;
  height:25px;
}

.title09{
  text-indent:-9999px;
  background:url('../images/title09.png') no-repeat 0 0;
  height:25px;
}


.example{
  border:3px solid #919FD0;
  padding:10px 20px 20px 20px;
  margin:1.5em 0em;
		font-size:110%;
}

.example h3{
  margin:0.5em 0;
  color:#000000;
  background:none;
  padding:0 !important;
  height:auto !important;
}


.faq{
  margin:1em 0em 4em;
}

.faq h3{
  background:url('../images/q-back.png') no-repeat 0 5px;
  height:60px;
  color:#002266;
  font-size:100%;
  padding:30px 20px 0px 90px!important;
  margin:2em 0em 1em !important;
  border-top:1px dotted #dddddd;
}

.faq p{
  margin-left:90px;
}

.faq .ans{
  background:url('../images/ans-back.png') no-repeat 0 0;
  height:57px;
  color:#ff0000;
  font-weight:bold;
  padding:10px 20px 0px 90px!important;
  font-size:110%;
  margin:0.5em 0em ;
}  
table.basic-table{
  border: 1px solid #cccccc;
		font-size:110%;
}

th{
  border:1px solid #dddddd;
  padding:7px 10px;
  background:#f6f6f6;
}

td{
  padding:7px 10px;
  border:1px solid #dddddd;
}

ul.sample-list{
  margin:20px 10px 20px !important;
}

* html body ul.sample-list{
  margin:10px 5px !important;
}


.sample-list li{
  width:216px;
  text-align:center;
  margin:10px 9px 30px !important;
  float:left;
  list-style:none;
}

* html body .sample-list li{
  margin:10px 9px !important;
}

.flow{
  clear:both;
  margin:3em 1em;
  background:url('../images/flow-img.png') no-repeat 50% 0;
  height:431px;
  text-indent:-9999px;
}

.flow ol{
  list-style:none;
}

.ok{
  width:30px;
  text-align:center;
  background:#ffffaa;
}

.ng{
  width:30px;
  text-align:center;
  background:#ffcccc;
}

.copyright{
  color:#333333;
  clear:both;
  margin:2em 0em 1em;
  line-height:140%;
}

.required {
	color: #ff3300;
	font-size:80%;
}

.error
{
	color: #c33;
	padding:0em;
	margin:0em;
	
}

.display-inline li{
	display:inline;
	padding:10px;
}

.form-area ul{
  margin:1em 2em;
}

.button{
  margin:10px;
  text-align:center;
}

div.form-area{
	margin:10px 30px;
}

div.form-area{
	margin:10px 30px;
}

.form-area h3{
  /*border:1px solid #cccccc;*/
  border-left:10px solid #306747;
  padding:2px 6px;
  font-size:110%;
}

.form-table table{
	border-collapse:collapse;
	width:100%;
}

.form-table th{
	border-top:1px dotted #cccccc;
        border-bottom:1px dotted #cccccc;
	background:#F5F5E1;
	padding:10px 15px;
	width:40%;
}

.form-table td{
	border-top:1px dotted #cccccc;
        border-bottom:1px dotted #cccccc;
	padding:10px 15px;
}


.presentby{
  margin:6em 0em 2em;
  text-align:center;
  border:1px solid #eeeeee;
  background:#f6f6f6;
  padding:10px 20px;
}


.pagetop{
  text-align:right;
  margin:2em 0em;
}

#contact-header{
  text-indent:-9999px;
  background:url('../images/contact-header.png') no-repeat 0 0;
  height:90px;
}

#trial-header{
  text-indent:-9999px;
  background:url('../images/trial-header.png') no-repeat 0 0;
  height:90px;
}

#order-header{{
  text-indent:-9999px;
  background:url('../images/order-header.png') no-repeat 0 0;
  height:90px;
}

#header-2{
  text-indent:-9999px;
  background:url('../images/privacy-header.png') no-repeat 0 0;
  height:90px;
}

#header-casestudy{
  text-indent:-9999px;
  background:url('../images/casestudy-header.png') no-repeat 0 0;
  height:90px;
}

#header-sample{
  text-indent:-9999px;
  background:url('../images/sample-header.png') no-repeat 0 0;
  height:90px;
}

#header-9{
  text-indent:-9999px;
  background:url('../images/download-header.png') no-repeat 0 0;
  height:90px;
}

.tokucho01{
  text-indent:-9999px;
  background:url('../images/tokucho01.png') no-repeat 0 0;
  height:88px;
}

.tokucho02{
  text-indent:-9999px;
  background:url('../images/tokucho02.png') no-repeat 0 0;
  height:88px;
  clear:both;
}

.tokucho03{
  text-indent:-9999px;
  background:url('../images/tokucho03.png') no-repeat 0 0;
  height:88px;
  clear:both;
}

.tokucho04{
  text-indent:-9999px;
  background:url('../images/tokucho04.png') no-repeat 0 0;
  height:88px;
  clear:both;
}

.link-style{
  background:url('../images/icon-allow.png') no-repeat 0 50%;
  padding:0 0 0 18px;
}