@charset ‘UTF-8′;

html, body, div, h1, h2, h3, h4 ,h5 ,h6,
p, blockquote, pre, address,
ul, ol, li, dl, dt,dd,
table, th, td, form, fieldset  {
    margin: 0;
    padding: 0;
    font-size: 100%;
}

div#header{
    height:20px;
    background: #F2F2F2;
    padding:30px 0px;
}

body {
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    font-size: 15px;
    background: #207373;
}

#logo { margin: -20px 0px 20px 0px;}
#logo img {border: none;}

#menu { margin: 0px 0px}
  #menu li { list-style: none; float: left; }
  #menu li a {  cursor: pointer; padding: 6px 13px; line-height: 25px; background: #5EBFA4; /*margin: 0 1px 0 0;*/ color: #F2F2F2; }
  #menu li a:hover { background: #207373; color: #F2F2F2; }
  #menu li a.current { background: #207373; color: #F2F2F2; /*margin-right: 1px;*/padding: 6px 13px;}
  #menu li a#last  {/*margin-left: 1px;*/ padding: 6px 13px;}

div#content { 
    width: 800px; 
    margin: 0px auto; 
    padding: 5px 20px ;
    overflow: hidden;zoom: 1;
    background: #F2F2F2;
    
}
    
div#home_main{ 
    width:480px;
    height: auto;
    float: left;
    margin: 30px 0px;
}

div#home_main h1 {
    color: #207373;
    border-bottom: 1px solid #207373;
    letter-spacing:-0.05em;
    margin:15px 0px;
}

div#home_main h1:first-letter {
    font-size: 3em;
    color: #207373;
}

div#home_main h2 {
    color: #207373;
    border-bottom: 1px solid #207373;
    letter-spacing:0.1em;
    margin:15px 0px;
}

div#home_main h2:first-letter {
    font-size: 2em;
    color: #207373;
}
div#home_main dl dt {
    color: #207373;
    background:#F2F2F2;
    border-left: 15px solid #207373;
    padding: 5px 0px 5px 10px;
}

div#home_main dl dd {
  font-size:14px;
  margin: 10px;
}

div#home_main dl dt span {margin: 5px;}
div#home_side{
    width: 300px;
/*    height: auto;*/
    float: right;
    margin: 82px 0px;

}

div#home_side h2 {
    color: #207373;
    border-bottom: 1px solid #207373;
    letter-spacing:0.1em;
    margin:15px 0px;
}

div#home_side h2:first-letter {
    font-size: 2em;
    color: #207373;
}

div#main{
    width: 600px;
    margin: 86px 0px 0px;
    height: auto;
    clear: both;
}

div#main h1 {
    color: #207373;
    border-bottom: 1px solid #207373;
    letter-spacing: 0.1em;
    margin:15px 0px;
}

div#main h1:first-letter {
    font-size: 2em;
    color: #207373;
}

div#main dl dt {
    font-size: 15px;
    margin:10px 0px;
    text-decoration:underline;
}

div#main dl dd{
    margin:10px 0px;
    font-size: 14px;
}

div#main dl dt span{
    margin-left: 5px;
}

div#main ol li{
    margin:5px 0px 0px 20px;
}


div#main dl dd ol li{
    margin:5px 0px 0px 20px;
}

div#faq ul li{
    margin:3px 0 3px 20px;
/*    list-style:none;*/
}

div#faq ul li ul li{
    margin:3px 0 3px 20px;
/*    list-style:none;*/
}


div#faq h3{
    color: #F2F2F2;
}
div#faq h3 span{
    margin-left: 5px;
}

div#faq h3 a{
    margin-left: 5px;
}

div#faq h3 {
    padding: 1px 1px;
    margin: 0 0 4px;
    background: #207373;
}


div#faq p{
    margin: 10px 0px;
    line-height: 25px;
}

div#footer  {
    width: 800px;
    margin: 0px auto; 
    color: #808080;
    font-size: .9em;
    color:#F2F2F2;
    background: #118C69;
    padding: 5px 20px ;
}

#copyright { text-align: left; font-size: 1em; }
#news{
    margin-top:24px;
}

#download img { border: none; }
div#news ul{
    margin: 5px 0px;
    list-style:none;
}

.more { border-top: 1px solid #eee; padding: 5px 0 0 0; }
.box {margin-bottom: 30px;}
.hr {margin:10px 0 0 0;border: none;border-top:solid 1px #000000;height: 1px;}
#footer a:link { color: #ffffff; background: inherit; }
#footer a:visited { color: #ffffff; background: inherit; }
#footer a:hover { color: #5EBFA4; background: inherit; }

#hatena-bookmark{ margin: -45px 0px 0px 270px;}
#hatena-bookmark img{border: none;}

#livedoor-bookmark{ margin: -7px 0px 0px 270px;}
#livedoor-bookmark img{border: none;}

.image_hatena_count{margin: 0px 0px -3px 2px;}

div#info{
  margin:2px 2px;
  padding:2px;
  border-width:1 1px;
  border-color:#207373;
  border-style:double;
    
}
div#info ul{
  list-style:none;
}
.infoicon{
  font-weight:bold;
  padding:0 10px 0 3px;
  color: #207373;
}
#pr{
  clear: both;
  margin:30px 0 -30px 0 ;
}

.indent {
  padding:0 0 0 3em;
}
.small_indent {
  padding:0 0 0 1.5em;
}
thead {
  background-color: #207373;
  color: #fff;
}
.price {
  text-align: right;
}