@charset "utf-8";

/*----------------------------------------------------
     reset
----------------------------------------------------*/

*{
     margin:0px;
     padding:0px;
}

html {
      overflow-y: scroll;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
      margin: 0;
      padding: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
      font-style: normal;
}

table {
      border-collapse: collapse;
      border-spacing: 0;
}

caption,th {
      text-align: left;
}

q:before,q:after {
      content: '';
}

object,
embed {
      vertical-align: top;
}

hr,legend {
      display: none;
}

img,abbr,acronym,fieldset {
      border: 0;
}

li {
      list-style-type: none;
}

/*----------------------------------------------------
     base
----------------------------------------------------*/

body,
form,
td {
       font-family: "ＭＳ Ｐゴシック", sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオMeiryo";
       font-size: 80%; color: #333; line-height: 1.6;
}

textarea,
select,
input {
       font-family: "ＭＳ Ｐゴシック", sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオMeiryo";
       color: #333; line-height: 1.6;
       vertical-align:top;
}

th,td{
       font-size:12px;
}

img {
       border: none;
}

input {
       margin: 0; padding: 0;
}

ul,
ol,
li {
      margin: 0; padding: 0;
      list-style: none;
}

a {
      color: #0C69D0;
      text-decoration:none;
}

.hide_link {
      color: #333;
      text-decoration:none;
}

p strong {
     font-weight:bolder;
     color:#EC6A00;
}

/*----------------------------------------------------
     layout
----------------------------------------------------*/

#header{
     width:800px;
     height:132px;
     margin:0 auto;
     padding:0;
     text-align:left  ;
}

#navi{
     width:600px;
     height:30px;
     margin:0 auto;
     padding:0;
     clear:both;
}

#visual{
     width:800px;
     height:370px;
     margin:0 auto 20px;
     padding:0;
     clear:both;
}
.ad.index #visual {
    margin-top: 2px;
    width: 100%;
    height: 470px;
    position: relative;
}
.ad.index #visual .top-main-img {
    overflow: hidden;
    width: 100%;
    height: 470px;
    min-width: inherit;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom: 3px solid #FFFFFF;
    box-shadow: 0 8px 7px rgba(0,0,0,.1);
}
.ad.index #visual .top-main-img img {
  width: 100%;
  height: auto;
  min-width: 992px;
}
.ad.index #visual.top-main .top-main-in {
  margin: 0 auto;
  padding: 0;
  width: 800px;
  height: 470px;
  position: relative;
}

.phrase-01 {
  position: absolute;
  width: 70%;
  height: 196px;
  z-index: 1000;
  top: 148px;
}
.phrase-01 img {
  width: 100%;
}
.phrase-01 p {
  color: #000;
  font-weight: 200 !important;
  font-size: 24px;
  font-family: "source-han-sans-japanese" !important;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  margin-top: 12px;
}

.summer-campaign {
  position: relative;
  z-index: 1000;
  top: 315px;
  width: 70%;
}
.summer-campaign-text {
  line-height: 1.3;
  font-size: 45px;
  font-family: "futura", "futura-pt" !important;
  color: #0275d8;
}

.ad.index .btn {
display: inline-block;
  font-weight: 400;
  line-height: 1.25;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: .5rem 1rem;
  font-size: 1.3rem;
  border-radius: .25rem;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  -webkit-font-smoothing: antialiased;
}
.ad.index .btn-primary {
  color: #fff;
  background-color: #0275d8;
  border-color: #0275d8;
}
.ad.index .btn-primary:hover {
  color: #fff;
  background-color: #025aa5;
  border-color: #01549b;
}
.ad.index .btn:focus, .ad.index .btn:hover {
  text-decoration: none;
}
.ad.index .btn-primary.focus, .ad.index .btn-primary:focus {
  -webkit-box-shadow: 0 0 0 2px rgba(2,117,216,.5);
}
.ad.index .btn-primary:active {
  color: #fff;
  background-color: #025aa5;
  background-image: none;
  border-color: #01549b;
}
a:active, a:hover {
  outline-width: 0;
}
.ad.index [role=button] {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
}

#main{
     width:800px;
     height:auto;
     margin:0 auto 20px;
     padding:0;
}

#contents{
     background:#ffffd1;
     width:600px;
     margin:0;
     padding:0;
     float:right;
}

#menu{
     width:200px;
     margin:0;
     padding:0;
     text-align: center;
     float:right;
}

#footer{
     background:#050505;
     clear:both;
     width:100%;
     height:45px;
     margin:0 auto;
     padding:0;
}

#copyright{
     color:#999;
     font-size:12px;
     clear:both;
     width:780px;
     height:20px;
     margin:0 auto;
     padding:0;
     text-align:right;
}

/*----------------------------------------------------
     header
----------------------------------------------------*/

#header h1 a, .wide #header h1 {
     display: block;
     width: 540px;
     height: 80px;
     margin:25px 0px 0px 10px;
     text-indent: -9999px;
     text-decoration: none;
     overflow: hidden;
     background: url(/img/ad/logo.gif) no-repeat;
     float:left;
}

#contact a, .wide div#contact {
     width: 240px;
     height: 100px;
     margin:20px 0px 0px 0px;
     text-indent: -9999px;
     text-decoration: none;
     overflow: hidden;
     background: url(/img/ad/contact.jpg) no-repeat;
     float:left;
}

/*----------------------------------------------------
     menu
----------------------------------------------------*/

#navi ul {
     margin: 0;
     width: 800px;
     height: 30px;
}

#navi li {
     display: inline;
     height: 30px;
     float: left;
}

#navi li a {
     display: block;
     height: 30px;
     text-indent: -9999px;
     text-decoration: none;
     overflow: hidden;
}

#navi01, #navi01 a {width: 112px;}
#navi02, #navi02 a {width: 141px;}
#navi03, #navi03 a {width: 141px;}
#navi04, #navi04 a {width: 145px;}
#navi05, #navi05 a {width: 123px;}
#navi06, #navi06 a {width: 138px;}

#navi01, #navi01 a {background: url(/img/ad/navi01.gif) no-repeat top left;}
#navi02, #navi02 a {background: url(/img/ad/navi02.gif) no-repeat top left;}
#navi03, #navi03 a {background: url(/img/ad/navi03.gif) no-repeat top left;}
#navi04, #navi04 a {background: url(/img/ad/navi04.gif) no-repeat top left;}
#navi05, #navi05 a {background: url(/img/ad/navi05.gif) no-repeat top left;}
#navi06, #navi06 a {background: url(/img/ad/navi06.gif) no-repeat top left;}

#navi01 a:hover, #navi01 a:active {background-position: -112px 0px;}
#navi02 a:hover, #navi02 a:active {background-position: -141px 0px;}
#navi03 a:hover, #navi03 a:active {background-position: -141px 0px;}
#navi04 a:hover, #navi04 a:active {background-position: -145px 0px;}
#navi05 a:hover, #navi05 a:active {background-position: -123px 0px;}
#navi06 a:hover, #navi06 a:active {background-position: -138px 0px;}

/*----------------------------------------------------
     menu
----------------------------------------------------*/

#menu_top{
     background:url(/img/ad/menu_top.gif) no-repeat;
     margin:0px;
     padding:0px;
     width: 200px;
     height: 20px;
}

#menu_content{
     background:url(/img/ad/menu_bg.gif) repeat-y;
     margin:0px;
     padding:0px;
     width: 200px;
}

#menu_bottom{
     background:url(/img/ad/menu_bottom.gif) no-repeat;
     margin:0px;
     padding:0px;
     width: 200px;
     height: 45px;
}

#menu ul{
     margin:0px;
     padding:0px;
}

#menu li{
     margin:0px;
     padding:0px;
}

#menu li.text{
     margin:0px;
     padding:0px 0px 0px 50px;
     font-size:12px;
     text-align:left;
}

#menu li.text a{
     color:#fff;
}

#menu img{
     margin:0px;
     padding:0px;
     vertical-align: bottom;
}

#for_blogger{
    margin:10px auto 10px auto;
    padding:0px;
    width:180px;
    height:150px;
}

/*----------------------------------------------------
     h2
----------------------------------------------------*/

h2#index{
     background:url(/img/ad/h2_01.jpg) no-repeat;
     display: block;
     height: 70px;
     overflow: hidden;
}

/*----------------*/

h2#alpha_01{
     background:url(/img/alpha_blogger/h2_01.jpg) no-repeat;
     display: block;
     height: 70px;
     overflow: hidden;
}

h2#alpha_02{
     background:url(/img/alpha_blogger/h2_02.jpg) no-repeat;
     display: block;
     height: 70px;
     overflow: hidden;
}

h2#alpha_03{
     background:url(/img/alpha_blogger/h2_03.jpg) no-repeat;
     display: block;
     height: 70px;
     overflow: hidden;
}

h2#alpha_04{
     background:url(/img/alpha_blogger/h2_04.jpg) no-repeat;
     display: block;
     height: 70px;
     overflow: hidden;
}

/*----------------*/

h2#ad_01{
     background:url(/img/ad/ad/h2_01.jpg) no-repeat;
     display: block;
     height: 70px;
     overflow: hidden;
}

h2#ad_02{
     background:url(/img/ad/ad/h2_02.jpg) no-repeat;
     display: block;
     height: 70px;
     overflow: hidden;
}

h2#ad_03{
     background:url(/img/ad/ad/h2_03.jpg) no-repeat;
     display: block;
     height: 70px;
     overflow: hidden;
}

h2#ad_04{
     background:url(/img/ad/ad/h2_04.jpg) no-repeat;
     display: block;
     height: 70px;
     overflow: hidden;
}
/*----------------*/

h2#seo_01{
     background:url(/img/seo/h2_01.jpg) no-repeat;
     display: block;
     height: 70px;
     overflow: hidden;
}

h2#seo_02{
     background:url(/img/seo/h2_02.jpg) no-repeat;
     display: block;
     height: 70px;
     overflow: hidden;
}

h2#seo_03{
     background:url(/img/seo/h2_03.jpg) no-repeat;
     display: block;
     height: 70px;
     overflow: hidden;
}

h2#seo_04{
     background:url(/img/seo/h2_04.jpg) no-repeat;
     display: block;
     height: 70px;
     overflow: hidden;
}

/*----------------*/

h2#build_01{
     background:url(/img/build/h2_01.jpg) no-repeat;
     display: block;
     height: 70px;
     overflow: hidden;
}

h2#build_02{
     background:url(/img/build/h2_02.jpg) no-repeat;
     display: block;
     height: 70px;
     overflow: hidden;
}

h2#build_03{
     background:url(/img/build/h2_03.jpg) no-repeat;
     display: block;
     height: 70px;
     overflow: hidden;
}

h2#build_04{
     background:url(img/build/h2_04.jpg) no-repeat;
     display: block;
     height: 70px;
     overflow: hidden;
}

/*----------------*/

h2#advice_01{
     background:url(/img/advice/h2_01.jpg) no-repeat;
     display: block;
     height: 70px;
     overflow: hidden;
}

/*----------------*/

h2#agency_01{
     background:url(/img/agency/h2_01.jpg) no-repeat;
     display: block;
     height: 70px;
     overflow: hidden;
}

/*----------------*/

h2#report{
     background:url(/img/report/h2_report.jpg) no-repeat;
     display: block;
     height: 70px;
     overflow: hidden;
}

/*----------------*/

h2#faq{
     background:url(/img/faq/h2_01.jpg) no-repeat;
     display: block;
     height: 70px;
     overflow: hidden;
}

/*----------------*/

h2#company{
     background:url(/img/company/h2_01.jpg) no-repeat;
     display: block;
     height: 70px;
     overflow: hidden;
}

/*----------------*/

h2#privacypolicy{
     background:url(/img/privacypolicy/h2_01.jpg) no-repeat;
     display: block;
     height: 70px;
     overflow: hidden;
}

/*----------------*/

h2#sitemap{
     background:url(/img/sitemap/h2_01.jpg) no-repeat;
     display: block;
     height: 70px;
     overflow: hidden;
}

/*----------------*/

h2#contact{
     background:url(/img/contact/h2_01.jpg) no-repeat;
     display: block;
     height: 70px;
     overflow: hidden;
}

/*----------------*/

h2#agreement{
     background:url(/img/agreement/h2_01.jpg) no-repeat;
     display: block;
     height: 70px;
     overflow: hidden;
}

/*----------------*/

h2 span{
     display:none;
}


/*----------------------------------------------------
     common
----------------------------------------------------*/

h3{
     background:url(/img/ad/h3.png) no-repeat;
     padding:0.75em 0.5em 2em 1em;
     margin:1em 0.5em 1em -0.5em;
     text-align:left;
     color:#333;
     font-size:125%;
     vertical-align:middle;
}

h4{
     text-align:left;
     margin:0 1.5em 1em 0.5em;
     padding:7px 0.5em 0.25em;
     color:#333;
     font-size:110%;
     background:#fff;
     border:solid 1px #fc0;
     -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
}


h5{
     font-size: 13px;
     font-weight:bold;
     background:url(/img/ad/h4.gif) no-repeat;
     text-align:left;
     padding:3px 0px 0px 25px;
     margin-left:3px;
     margin-bottom:0.25em;
}

#hr{
     clear:both;
     width:95%;
     height:5px;
     border-bottom:double 3px #fc0;
     margin:10px auto;
}

.left{
     text-align:left;
     font-weight:bold;
     padding:0px 0px 0px 10px;
}

.note{
     color:#f00;
     font-size: 10px;
     font-weight:bold;
}

.red{
     color:#f00;
}

#contents p{
     font-weight:normal;
     text-align:left;
     margin:0 0px 1em 0px;
     padding:0px 15px;
     letter-spacing:0.1em;
}

p#img{
     text-align:center;
}

p#back{
     width:300px;
     height:30px;
     text-align:right;
     float:left;
     margin:0px;
	 margin-bottom:1em;
     padding:0px;
}

p#next{
     width:300px;
     height:30px;
     text-align:left;
     float:left;
     margin:0px;
	 margin-bottom:1em;
     padding:0px;
}

p#totop{
     clear:both;
     text-align:right;
}

#footer ul{
     margin:5px 0px 0px 0px;
}

#footer li{
     display:inline;
     list-style-type:none;
     margin-right:6px;
     padding-left:10px;
}

#footer li+li {
     border-left:1px solid #333;
}

#footer a{
     color:#fff;
}

#copyright a{
     color:#999;
     text-decoration: none;
}

#button{
     clear:both;
     margin:10px 0px 0px 0px;
     width: 800px;
     height: 53px;
}

#button li {
     display: inline;
     width: 200px;
     height: 53px;
     margin:0px;
     float: left;
}

/*----------------------------------------------------
     table
----------------------------------------------------*/

table#blog_result{
     clear:both;
     width:95%;
     border-top:double #DBA405;
     border-bottom:double #DBA405;
     margin:10px auto;
}

table#blog_result th,td{
     text-align:left;
}

table#blog_result th{
     background:#fc0;
     padding:5px 0px 0px 5px;
     border-right:solid 1px #DBA405;
}

table#blog_result td{
     padding:5px 0px 5px 5px;
}

/*---  table ---*/

table#price{
     width:96%;
     border-top:double #DBA405;
     border-bottom:double #DBA405;
     border-left:solid 1px #DBA405;
     margin:0px auto 15px auto;
}

table#price th{
     text-align:center;
     border-right:solid 1px #DBA405;
     border-bottom:solid 1px #DBA405;
     background:#fc0;
     padding:5px 0px 5px 5px;
}

table#price td.bg{
     text-align:left;
     font-weight:bold;
     background:#fc0;
     padding:5px 0px 5px 5px;
     border-bottom:solid 1px #DBA405;
}

table#price td.bg2{
     text-align:left;
     font-weight:bold;
     background:#ffe168;
     padding:5px 0px 5px 5px;
     border-bottom:solid 1px #DBA405;
}

table#price td{
     font-weight:normal;
     text-align:center;
     border-right:solid 1px #DBA405;
     border-bottom:solid 1px #DBA405;
     padding:5px 0px 5px 5px;
}

/*---  table ---*/

table#company{
     width:96%;
     border-top:double #DBA405;
     border-bottom:double #DBA405;
     border-left:solid 1px #DBA405;
     margin:0px auto 15px auto;
}

table#company th{
     text-align:left;
     border-right:solid 1px #DBA405;
     border-bottom:solid 1px #DBA405;
     background:#fc0;
     padding:5px 0px 5px 5px;
}

table#company td{
     font-weight:bold;
     text-align:left;
     padding:5px 0px 5px 5px;
     border-right:solid 1px #DBA405;
     border-bottom:solid 1px #DBA405;
}

table#company td.no{
     font-size:105%;
     text-align:left;
     padding:5px 0px 0px 5px;
     border-right:none;
     border-bottom:solid 1px #DBA405;
     width:25%;
}

/*---  table ---*/

table#form{
     width:96%;
     border-top:double #DBA405;
     border-bottom:double #DBA405;
     border-left:solid 1px #DBA405;
     margin:0px auto 15px auto;
}

table#form th{
     text-align:left;
     border-right:solid 1px #DBA405;
     border-bottom:solid 1px #DBA405;
     background:#fc0;
     padding:5px 0px 0px 5px;
     white-space: nowrap;
}

table#form td{
     text-align:left;
     padding:5px 0px 0px 5px;
     border-right:solid 1px #DBA405;
     border-bottom:solid 1px #DBA405;
}

table#form td.no{
     text-align:left;
     padding:5px 0px 0px 5px;
     border-right:none;
     border-bottom:solid 1px #DBA405;
}

table#form td.build{
     text-align:left;
     font-weight:bold;
     background:#39f;
     padding:5px 0px 0px 1px;
     border-bottom:solid 1px #DBA405;
}

table#form td.ad{
     text-align:left;
     font-weight:bold;
     background:#8cda0a;
     padding:5px 0px 0px 1px;
     border-bottom:solid 1px #DBA405;
}

table#form td.bg{
     text-align:left;
     font-weight:bold;
     background:#fc0;
     padding:5px 0px 0px 1px;
     border-bottom:solid 1px #DBA405;
}

/*---  table ---*/

table#att{
     width:250px;
     float:left;
     border-top:double #DBA405;
     border-bottom:double #DBA405;
     margin:0px 0px 20px 10px;
}

table#att th,td{
     font-weight:bold;
     text-align:left;
     background:none;
     border-bottom:solid 1px #DBA405;
     padding:5px 0px 0px 5px;
}

/*---  table ---*/

table{
     width:95%;
     border:none;
     margin:10px auto;
}

th,td{
     text-align:left;
}

th{
     background:#fc0;
     padding:5px 0px 5px 5px;
}

td{
     padding:5px 0px 5px 5px;
     font-weight:normal;
}

/*    contact    */

#information{
 clear:both;
 width:550px;
 margin:1em auto;
 background:url(/img/ad/contact_bg.png) no-repeat;
}

#information p{
 width:auto;
 padding:0 0.5em 0.5em 0.5em;
}

#information img{
 padding:1em auto;
}

/*----------------------------------------------------
     index
----------------------------------------------------*/

body {
      background:#fc0 url(/img/ad/bg.jpg) repeat-x top center;
      text-align: center;
}
/* ad */
body.ad.index2,
body.ad.index3,
body.ad.index4,
body.ad.index5 {
  background:#fc0 url(/img/ad/ad/bg.jpg) repeat-x top center;
}
/* alpha_blogger */
body.alpha_blogger {
  background:#fc0 url(/img/alpha_blogger/bg.jpg) repeat-x top center;
}
/* agency */
body.agency {
  background:#fc0 url(/img/agency/bg.jpg) repeat-x top center;
}
/* faq */
body.faq {
  background:#fc0 url(/img/faq/bg.jpg) repeat-x top center;
}
/* report */
body.report {
  background:#fc0 url(/img/report/bg.jpg) repeat-x top center;
}
/* sitemap */
body.sitemap {
  background:#fc0 url(/img/sitemap/bg.jpg) repeat-x top center;
}
/* inquiry */
body.inquiry {
  background:#fc0 url(/img/ad/contact_bg.jpg) repeat-x top center;
}
body.inquiry {
    height: auto;
    padding: 0;
}

body.contact #main {
		margin-bottom: 0 !important;
}

#balloon{
     margin:30px 0px 0px 0px;
     padding:0px;
}

#balloon ul {
     margin: 0;
     width: 800px; height: 265px;
}

#balloon li {
     display: inline;
     height: 265px;
     float: left;
}

#balloon li a {
     display: block;
     height: 265px;
     text-indent: -9999px;
     text-decoration: none;
     overflow: hidden;
     background-position: -200px 0px;
}

#balloon a {width: 200px;}

#balloon01, #balloon01 a {background: url(/img/ad/balloon01.gif) no-repeat top left;}
#balloon02, #balloon02 a {background: url(/img/ad/balloon02.gif) no-repeat top left;}
#balloon03, #balloon03 a {background: url(/img/ad/balloon03.gif) no-repeat top left;}
#balloon04, #balloon04 a {background: url(/img/ad/balloon04.gif) no-repeat top left;}

/*
#balloon a:hover, #balloon a:active {background-position: -200px 0px;}
*/

/*----------------------------------------------------
     build
----------------------------------------------------*/

body#build {
      background:#fc0 url(/img/build/bg.jpg) repeat-x top center;
      text-align: center;
}


#visual_build{
     background:url(/img/build/visual.gif) repeat-x top center;
     height: 265px;
     text-indent: -9999px;
     text-decoration: none;
     overflow: hidden;
     margin:30px 0px 0px 0px;
}

#build_blog {
     margin:10px auto;
     padding:0px;
     border-bottom:double #fc0;
     width:95%;
}

#blog_img{
     width:200px;
     float:left;
     margin:10px auto;
}

#blog_text{
    width:360px;
    float:left;
    margin:10px auto;
}

p#blog_point{
     clear:both;
     margin:0px;
     padding:0px 10px 20px 10px;
     text-align:left;
}

#build #flow{
     background:url(/img/build/flow.jpg) no-repeat top center;
     width:600px;
     height:820px;
     text-indent: -9999px;
     text-decoration: none;
     overflow: hidden;
     margin:10px 0px 20px 0px;
}

/*----------------------------------------------------
     ad
----------------------------------------------------*/

body#ad {
      background:#fc0 url(/img/ad/ad/bg.jpg) repeat-x top center;
      text-align: center;
}

#visual_ad{
     background:url(/img/ad/ad/visual.gif) repeat-x top center;
     height: 265px;
     text-indent: -9999px;
     text-decoration: none;
     overflow: hidden;
     margin:30px 0px 0px 0px;
}

#ad #flow{
     background:url(/img/ad/ad/flow.jpg) no-repeat top center;
     width:600px;
     height:590px;
     text-indent: -9999px;
     text-decoration: none;
     overflow: hidden;
     margin:10px 0px 20px 0px;
}

/*----------------------------------------------------
     seo
----------------------------------------------------*/

body#seo {
      background:#fc0 url(/img/seo/bg.jpg) repeat-x top center;
      text-align: center;
}

#visual_seo{
     background:url(/img/seo/visual.gif) repeat-x top center;
     height: 265px;
     text-indent: -9999px;
     text-decoration: none;
     overflow: hidden;
     margin:30px 0px 0px 0px;
}

#seo #flow{
     background:url(/img/seo/flow.jpg) no-repeat top center;
     width:600px;
     height:590px;
     text-indent: -9999px;
     text-decoration: none;
     overflow: hidden;
     margin:10px 0px 20px 0px;
}

/*----------------------------------------------------
     alpha
----------------------------------------------------*/

body.alpha_blogger {
      background:#fc0 url(/img/alpha_blogger/bg.jpg) repeat-x top center;
      text-align: center;
}

#visual_alpha{
     background:url(/img/alpha_blogger/visual.gif) repeat-x top center;
     height: 265px;
     text-indent: -9999px;
     text-decoration: none;
     overflow: hidden;
     margin:30px 0px 0px 0px;
}

#alpha #flow{
     background:url(/img/alpha_blogger/flow.jpg) no-repeat top center;
     width:600px;
     height:703px;
     text-indent: -9999px;
     text-decoration: none;
     overflow: hidden;
     margin:10px 0px 20px 0px;
}

/*----------------------------------------------------
     advice
----------------------------------------------------*/

body#advice {
      background:#fc0 url(/img/advice/bg.jpg) repeat-x top center;
      text-align: center;
}

#visual_advice{
     background:url(/img/advice/visual.gif) repeat-x top center;
     height: 265px;
     text-indent: -9999px;
     text-decoration: none;
     overflow: hidden;
     margin:30px 0px 0px 0px;
}

#advice #flow{
     background:url(/img/advice/flow.jpg) no-repeat top center;
     width:600px;
     height:370px;
     text-indent: -9999px;
     text-decoration: none;
     overflow: hidden;
     margin:10px 0px 20px 0px;
}

/*----------------------------------------------------
     agency
----------------------------------------------------*/

body#agency {
      background:#fc0 url(/img/agency/bg.jpg) repeat-x top center;
      text-align: center;
}

#visual_agency{
     background:url(/img/agency/visual.gif) repeat-x top center;
     height: 265px;
     text-indent: -9999px;
     text-decoration: none;
     overflow: hidden;
     margin:30px 0px 0px 0px;
}

/*----------------------------------------------------
     company & faq & privacypolicy
----------------------------------------------------*/

body#common{
      background:#fc0 url(/img/ad/bg.jpg) repeat-x top center;
      text-align: center;
}

#common #main,
body.faq #main,
body.report #main,
body.sitemap #main {
     width:800px;
     height:auto;
     margin:20px auto 20px;
     padding:0;
}

#textarea{
    width:600px;
    height:200px;
    margin:10px 0px;
}

#balloon_q{
    width:570px;
    margin:10px auto;
}

#balloon_top{
    clear:both;
    background:url(/img/ad/balloon_top.gif) no-repeat;
    width:570px;
    height:15px;
    margin:0px;
    padding:0px;
    vertical-align: bottom;
}

#balloon_content{
    background:url(/img/ad/balloon_content.gif) repeat-y;
    color:#fff;
    width:570px;
    margin:0px;
    padding-left:10px;
    text-align:left;
    vertical-align: bottom;
}

#balloon_content:first-letter{
    font-size:120%;
    font-weight:bold;
}

#balloon_bottom{
    background:url(/img/ad/balloon_bottom.gif) no-repeat;
    width:570px;
    height:35px;
    margin:0px;
    padding:0px;
    vertical-align: bottom;
}

p#dcap{
    padding-left:25px;
}

p#dcap:first-letter{
   font-size:120%;
   font-weight:bold;
}

ul#vertical{
    margin:5px;
    padding-left:20px;
    text-align:left;
}

.first{
    color:#CFFF40;
    font-size:150%;
}

.second{
    color:#66C2A5;
    font-size:150%;
}

.third{
    color:#FFBF00;
    font-size:150%;
}

.fourth{
    color:#FF6331;
    font-size:150%;
}

.fifth{
    color:#009CCE;
    font-size:150%;
}

.sixth{
    color:#FFF;
    font-size:150%;
}

.seventh{
    color:#FFFFA3;
    font-size:150%;
}

.eighth{
    color:#0066CC;
    font-size:150%;
}

.ninth{
    color:#FC3063;
    font-size:150%;
}

.tenth{
    color:#FF0;
    font-size:150%;
}

.eleventh{
    color:#000;
    font-size:150%;
}

.twelfth{
    color:#CCC;
    font-size:150%;
}

.percent{
     text-align:right;
     font-size:120%;
}

ul.notice{
    list-style: none;
    margin-left:2em;
    font-size:12px;
}
 
ul.notice li{
    padding-left: 2em;
    text-indent: -2em;
    text-align:left;
}

/*-------------------------------------------------
     sitemap
---------------------------------------------------*/

#sitemap a{
     color:#333;
     text-decoration:none;
}

#sitemap a:hover{
     color:#fff;
     background:#333;
     text-decoration:none;
}

#sitemap a{
     color:#333;
     text-decoration:none;
}

#sitemap img{
    margin:0px 10px 0px 0px;
    padding:0px;
    vertical-align: bottom;
}

#sitemap h4{
     padding:0px 0px 0px 20px;
     background:url(/img/ad/spacer.gif) no-repeat;
}

#sitemap h4 span{
     font-size: 16px;
     font-weight:bold;
     padding-bottom:2px;
}

#sitemap ul{
     font-weight:bold;
     margin:0px 0px 0px 60px;
}

#sitemap ul li{
     list-style:square;
     line-height:2em;
}

/*-------------------------------------------------
     notice
---------------------------------------------------*/

#notice{
     background:#fff;
     border:solid 2px #f00;
     width:92%;
     margin:10px auto;
     padding:10px;
     text-align:left;
}

#notice_seo{
     background:#fff;
     border:solid 2px #f00;
     width:150px;
     margin:10px auto;
     padding:3px;
     text-align:left;
}


/*-------------------------------------------------
     print
---------------------------------------------------*/

#nodisplay{
     display:none;
}

.print{
     display:none;
}


/*----------------------------------------------------
     layout(contact form)
----------------------------------------------------*/
.wide #contents{
     background:#ffffd1;
     width:800px;
}

.wide div#contact {
    width: 240px;
    height: 42px;
    margin-top: 62px;
}
body.inquiry h2#contact {
    background: url(/img/ad/contact_h2_01.jpg) no-repeat;
     width: 800px;
}

input[type=text]{
     width: 460px;
     height:30px;
     margin-bottom:4px;
}

input, textarea, select, .wide td{
     font-size: 18px;
}

label{
     font-size: 14px;
}

.ime_on{
  ime-mode:active;
}

.ime_off{
  ime-mode:disabled;
}
.zipcode{
  width: 100px !important;
}

.telephone{
  width: 180px !important;
}

body.inquiry textarea {
	max-width:600px;
	width:600px;
	height:200px;
	margin:10px 0px;
}