@charset "utf-8";


/*//////////////////////////////////////////////////////////

	1: Index
	2: Commonness other than index
	3: Profile
	4: Service & Customer
	5: Works
	6: Poster
	7: Web
	8: Estimation
	9: Poster Estimation
	10FTemplate
	11FLinks
	12: Manage Estimation
	13: SEO Estimation

//////////////////////////////////////////////////////////*/



/*=========================================================

	Index

==========================================================*/

/*
div#greeting{
  margin:25px 0 25px;
}

div#greeting p{
  line-height:1.7;
  height:125px;
  padding:0 264px 0 10px;
  background:url(../img/back_greeting.jpg) 0 0 no-repeat;
}
*/

div.diagnosis{
  margin-bottom:25px;
}


div.inner{
  position:relative;
  padding:0 0 25px 120px;
  margin-bottom:25px;
  background:url(../img/back_section.gif) 0 100% no-repeat;
}


div.inner h3{
  font-size:1.15em;
  font-weight:normal;
  color:#357;
  margin-bottom:10px;
}

div.inner h3 img{
  position:absolute;
  top:0;
  left:0;
}
/*
div.inner p{
  background:url(../img/back_section.gif) 0 100% no-repeat;
}
*/

div.inner p em{
  color:#f00;
}


div.inner ol.advice{
  list-style-position:inside;
  font-size:0.75em;
  color:#f00;
  padding:1px 10px 10px;
  margin:10px 0 0 0;
  background:#e7e7e7;
}

div.inner ol.advice li{
  text-indent:-1.6em;
  margin-top:9px;
  padding-left:1.6em;
}

div.inner ol.advice li em{
  color:#555;
}


/*== diagnosis ===========================================*/

#flash-layout{
  text-align:center;
  font-size:80%;
  padding-top:10px;
}





/*=========================================================

	Commonness other than index

==========================================================*/

/*== div#base = 530px ====================================*/

ol#topic-path{
  list-style:none;
  font-size:0.75em;
  color:#777;
  padding:0 0 16px 0;
  margin:0;
  background:url(../img/back_section.gif) 0 100% no-repeat;
}

ol#topic-path li{
  display:inline;
}

ol#topic-path li a{
  padding-right:8px;
  background:url(../img/icon_02.gif) 100% 50% no-repeat;
}



h2.pagetitle{
  font-weight:normal;
  font-size:190%;
  color:#357;
  margin-top:15px;
}

div.section{
  width:530px;
  padding-bottom:35px;
  margin-top:25px;
  background:url(../img/back_section.gif) 0 100% no-repeat;
}

div.section:after{
  content:".";
  height:0;
  clear:both;
  display:block;
  visibility:hidden;
}


div.section h3{
  font-size:150%;
  font-weight:normal;
  color:#05c;
  margin-bottom:10px;
}

/*
div.section h3{
  line-height:25px;
  font-size:1.15em;
  color:#3a0;
  padding-left:28px;
  margin-bottom:10px;
  background:url(../img/icon_04.gif) 0 50% no-repeat;
}*/


div.section h3.none{
  padding:0;
  margin:0;
  background:none;
}



/*=========================================================

	Profile

==========================================================*/

dl.profile{
  padding:0;
  margin:0;
  border:solid #aaa;
  border-width:0 1px 1px 1px;
  background:url(../img/back_profile-dt.gif) 0 0 repeat-y;
}

dl.profile dt{
  float:left;
  color:#fff;
  width:120px;
  padding:7px;
  border-top:1px solid #aaa;
}

dl.profile dd{
  padding:7px;
  margin:0 0 0 134px;
  border:solid #aaa;
  border-width:1px 0 0 1px;
}

dl.profile dd address img{
  vertical-align:middle;
  margin-right:3px;
}

dl.profile dd ul{
  list-style:none;
  padding:0;
  margin:0;
}

dl.profile dd ul li{
  padding:3px 0 3px 10px;
  background:url(../img/icon_03.gif) 0 50% no-repeat;
}



/*=========================================================

	Service & Customer

==========================================================*/

ul.service,
ul.customer{
  list-style:none;
  padding:0;
  margin:0 0 0 15px;
}

ul.service li,
ul.customer li{
  line-height:25px;
  font-size:1.15em;
  padding-left:28px;
  margin-top:10px;
  background:url(../img/icon_04.gif) 0 50% no-repeat;
}

ul.service li{
  background:url(../img/icon_06.gif) 0 50% no-repeat;
}



/*=========================================================

	Works

==========================================================*/

div.works{
  width:540px;
  margin-right:-10px;
}

div.works p em.caution{
  display:block;
  text-indent:-1em;
  font-size:80%;
  color:#c00;
  padding-left:1em;
  margin:10px 10px 0 0;
}



div.site{
  float:left;
  text-align:center;
  width:260px;
  margin:15px 10px 0 0;
}

div.site h3,
div.site h4{/* Works & Service */
  font-size:1em;
  color:#333;
  padding:0;
  margin:0;
  background-image:none;
}

div.site p a{
  display:block;
  border:1px solid #ccc;
}

div.site p a:hover{
  border-color:#3ac;
}

div.site p a img{
  display:block;
  border:4px solid #fff;
}



/*=========================================================

	Poster

==========================================================*/

ol.poster-flow{
  list-style:none;
  padding:0;
  margin:0;
}

ol.poster-flow li{
  padding-bottom:38px;
  margin-bottom:15px;
  background:url(../img/arrow_01.gif) 50% 100% no-repeat;
}

ol.poster-flow li.last{
  padding-bottom:0;
  margin-bottom:0;
  background-image:none;
}

ol.poster-flow li h4{
  line-height:36px;
  padding:0 10px;
  background:url(../img/back_poster-flow01.gif) 0 0 no-repeat;
}

ol.poster-flow li p{
  padding:10px;
  background:url(../img/back_poster-flow02.gif) 0 100% no-repeat;
}


dl.paper{
  font-size:0.75em;
  padding:0;
  margin:10px 0;
}

dl.paper dt{
  float:left;
  color:#f00;
}

dl.paper dd{
  color:#555;
  margin:0 0 5px 0;
}


table.poster-price{
  text-align:center;
  width:530px;
  border-collapse:separate;
  border:1px solid #ccc;
  background:#ccc;
}

table.poster-price caption{
  text-align:right;
  font-size:0.75em;
  color:#f00;
}

table.poster-price thead th{
  width:110px;
}

table.poster-price th{
  padding:5px;
  background:#f7f7f7;
}

table.poster-price thead td{
  width:40px;
  background:#f7f7f7;
}

table.poster-price td{
  padding:5px;
  background:#fff;
}


table.postage{
  text-align:center;
  width:530px;
  border-collapse:separate;
  border:1px solid #ccc;
  background:#ccc;
}

table.postage caption{
  color:#05a;
  padding-top:10px;
}

table.postage thead tr{
  background:#f7f7f7;
}

table.postage tfoot tr{
  background:#f7f7f7;
}

table.postage tbody tr{
  background:#fff;
}

table.postage th{
  padding:5px;
}

table.postage td{
  padding:5px;
}

table.postage td ul{
  list-style:none;
  padding:0;
  margin:0;
}



/*=========================================================

	Web

==========================================================*/

ol.web-flow{
  list-style:none;
  padding:0;
  margin:15px 0 0 0;
}

ol.web-flow li{
  padding-bottom:38px;
  margin-bottom:15px;
  background:url(../img/arrow_01.gif) 50% 100% no-repeat;
}

ol.web-flow li.last{
  padding-bottom:0;
  margin-bottom:0;
  background-image:none;
}

ol.web-flow li h4{
  line-height:36px;
  padding:0 10px;
  background:url(../img/back_poster-flow01.gif) 0 0 no-repeat;
}

ol.web-flow li p{
  padding:10px;
  background:url(../img/back_poster-flow02.gif) 0 100% no-repeat;
}

ol.web-flow li p em{
  text-indent:0.5em;
  color:#f00;
  font-size:80%;
}


p.attention{
  font-size:0.75em;
  color:#f00;
  margin-top:15px;
}



table.price{
  width:530px;
  margin-top:15px;
  border-collapse:separate;
  border:1px solid #ccc;
  background:#ccc;
}

table.price tr{
  background:#fff;
}

table.price th{
  width:205px;
  padding:5px;
  background:#f7f7f7;
}

table.price th span{
  font-weight:normal;
  font-size:0.75em;
  color:#555;
}

table.price td{
  width:300px;
  padding:5px;
}

table.price td ul{
  list-style-position:inside;
  padding:0;
  margin:0 0 0 5px;
}



div.update{
  margin-top:15px;
}

div.update h4{
  text-align:center;
  font-weight:normal;
  color:#05a;
}

div.update table{
  margin:0;
}



/*=========================================================

	Estimation

==========================================================*/

img.estimation{ /*** Web & Poster ***/
  margin-top:15px;
}



form.estimation fieldset{
  padding:0 15px 15px 15px;
  margin-bottom:15px;
  border:1px solid #ccc;
}

form.estimation fieldset legend{
  font-size:1.25em;
  color:#f50;
}

form.estimation fieldset dl{
  padding:5px 0 0 0;
  margin:0;
}

form.estimation fieldset dl dt{
  color:#03a;
  padding:3px 0 3px 10px;
  margin-top:10px;
  border-left:3px solid #5ae;
}

form.estimation fieldset dl dt em{
  font-size:80%;
  color:#f00;
  margin-left:5px;
}


form.estimation fieldset dl dd{
  position:relative;
  width:485px;
  padding:3px 0 3px 10px;
  margin:0;
  border-left:3px solid #ccc;
}

form.estimation fieldset dl dd em{
  font-size:0.75em;
  color:#555;
}


form.estimation fieldset dl dd input.text{
  vertical-align:middle;
  width:270px;
  border:1px solid #aaa;
  background:#f7f7f7;
}

form.estimation fieldset dl dd textarea{
  overflow:auto;
  width:430px;
  height:7em;
  border:1px solid #aaa;
  background:#f7f7f7;
}



#exB.estimation .jsvalidation{ /*** Jsvalidate ***/
  position:absolute;
  z-index: 1;
  left:270px;
  top:-1em;
  color:#a00;
  padding:5px;
  border:1px solid #a00;
  background:url(../img/back_description.png) 0 0;
}



form.estimation p.send input{
  vertical-align:text-bottom;
}



p.fin{
  padding:50px 0;
}





/*=========================================================

	Poster Estimation

==========================================================*/

form.estimation fieldset dl dd input.text_small{
  vertical-align:middle;
  width:70px;
  border:1px solid #aaa;
  background:#f7f7f7;
}


form.estimation fieldset dl dd em.red{
  color:#f00;
}

form.estimation fieldset dl dd p{
  text-indent:-1em;
  font-size:0.75em;
  color:#f00;
  padding-left:1em;
}



/*== size-sample.html ====================================*/

body.size-sample{
  background-image:none;
}

#size-sample{
  width:100%;
}

#size-sample h1{
  text-align:left;
  line-height:75px;
  font-weight:normal;
  font-size:1.5em;
  width:774px;
  padding:0 0 0 26px;
  margin:0 auto;
  border-bottom:1px solid #ccc;
  background:url(../img/icon_04.gif) 0 50% no-repeat;
}

#size-sample p.sampleimg{
  padding:35px 0;
}

#size-sample p.sampleimg img.back{
  padding-top:15px;
}



/*=========================================================

	Template

==========================================================*/

/*== index.html ==========================================*/

h2.temptitle{
  color:#f07;
}

div.temp-gree{
  padding:0;
  background:url(../template/img/back_tempgree.jpg) 100% 100% no-repeat;
}

div.temp-gree h3{
  padding:0;
  margin:0;
  /*height:290px;*/
}

div.temp-gree p{
  line-height:1.5;
  width:270px;
  /*margin-top:-205px;*/
}


ul.sample{
  list-style:none;
  width:540px;
  padding:0;
  margin:15px -10px 0 0;
}

ul.sample li{
  float:left;
  width:260px;
  margin-right:10px;
}


ul.sample li.temp-works{
  clear:both;
  float:none;
  width:530px;
  padding-top:10px;
  margin:0;
}




/*== entryform.html ======================================*/

div.templist form.estimation fieldset dl dd input.text_small{
  width:120px;
}

div.templist form.estimation fieldset dl dd select{
  vertical-align:middle;
  border:1px solid #aaa;
  background:#f7f7f7;
}


p.point{
  padding:10px;
  margin-top:15px;
  border:1px solid #eac;
  background:#feeff5;
}


p.caution{
  text-align:center;
  color:#f00;
  width:800px;
  padding:15px 0;
  margin:25px auto 0;
  border-top:1px solid #f00;
  border-bottom:1px solid #f00;
}


/*== caution.html ========================================*/

ol.caution li{
  margin-bottom:15px;
}

ol.caution li em{
  display:inline-block;
  zoom:1;
  text-indent:-1em;
  font-size:80%;
  color:#f07;
  padding-left:1em;
}


p.alteration{
  text-align:center;
  padding:10px;
  margin-bottom:25px;
  border:1px dotted #ccc;
  background:#eee;
}



/*== templist.html =======================================*/

p.template-description{
  width:780px;
  padding:10px;
  margin:15px auto 0;
  background:#eee;
}

div.templist{
  text-align:left;
  width:800px;
  padding-bottom:15px;
  margin:35px auto 0;
}

div.templist h2{
  font-size:150%;
  font-weight:normal;
  color:#05c;
}

div.templist ul{
  overflow:hidden;
  list-style:none;
  width:810px;
  padding:0;
  margin:0 -10px 0 0;
}

div.templist ul li{
  float:left;
  text-align:center;
  width:152px;
  margin:10px 10px 0 0;
}

div.templist ul li a{
  display:block;
  color:#333;
  margin-bottom:3px;
  border:5px solid #ddd;
}

div.templist ul li a:hover{
  border:5px solid #7ae;
}



/*=========================================================

	Links

==========================================================*/

ul#links{
  list-style:none;
  line-height:1.7;
  padding:0;
  margin:0;
}

ul#links li a{
  padding-left:18px;
  background:url('../links/img/icon_external.gif') 0 50% no-repeat;
}



/*=========================================================

	Magena Estimation

==========================================================*/

ul.worry{
  list-style:none;
  padding:10px;
  margin:0 0 10px 0;
  border:1px dotted #aaa;
}

ul.worry li{
  padding-left:19px;
  background:url('../img/icon_worry.gif') 0 50% no-repeat;
}


form.manage textarea#comment{
  height:12em;
}



/*=========================================================

	SEO Estimation

==========================================================*/

p.seo{
  overflow:hidden;
  width:530px;
}

p.seo img{
  float:right;
  margin-left:10px;
}