@charset "UTF-8";


/* page title
----------------------------------------------- */
#page_showcase {
	width: 535px;
	height: 80px;
	text-indent: -9999px;
	background: url(../showcase/images/pagetitle.gif) no-repeat left top;
}
#page_voice {
	width: 535px;
	height: 80px;
	text-indent: -9999px;
	background: url(../voice/images/pagetitle.gif) no-repeat left top;
}
#page_flow {
	width: 535px;
	height: 80px;
	text-indent: -9999px;
	background: url(../flow/images/pagetitle.gif) no-repeat left top;
}
#page_faq {
	width: 535px;
	height: 80px;
	text-indent: -9999px;
	background: url(../faq/images/pagetitle.gif) no-repeat left top;
}
#page_media {
	width: 535px;
	height: 80px;
	text-indent: -9999px;
	background: url(../media/images/pagetitle.gif) no-repeat left top;
}
#page_sitemap {
	width: 535px;
	height: 80px;
	text-indent: -9999px;
	background: url(../sitemap/images/pagetitle.gif) no-repeat left top;
}
#page_stance {
	width: 535px;
	height: 80px;
	text-indent: -9999px;
	background: url(../stance/images/pagetitle.gif) no-repeat left top;
}
#page_price {
	width: 535px;
	height: 80px;
	text-indent: -9999px;
	background: url(../price/images/pagetitle.gif) no-repeat left top;
}


/* showcase
----------------------------------------------- */
#showcase {
	margin: 0 0 0 40px;
	width: 455px;
}
* html body #showcase h1 {
	font-size: medium;
}
#showcase h1 {
	margin: 30px 0 0;
	padding: 15px;
	color: #c83232;
	font-size: large;
	background: #f0f0f0;
}
* html body #showcase h2 {
	font-size: small;
}
#showcase h2 {
	margin: 15px 0 0;
	color: #c83232;
	font-size: medium;
}
#showcase .column_right h2 {
	margin: 0;
}
* html body #showcase h3 {
	font-size: x-small;
}
#showcase h3 {
	margin: 20px 0 0;
	padding: 3px 5px;
	color: #c83232;
	font-size: small;
	background: #f0f0f0;
}
#showcase p {
	margin: 15px 0 0;
}
#showcase img {
	border: 1px solid #c8c8c8;
}
#showcase a:hover img {
	border: 1px solid #ffb464;
}
#showcase .column3 {
	margin: 30px 0 0;
}
#showcase_title {
	margin: 30px 0 0 40px;
	width: 455px;
	background: url(../showcase/images/image.gif) no-repeat right top;
}
#showcase_title h1 {
	width: 152px;
	height: 25px;
	text-indent: -9999px;
	background: url(../showcase/images/h1.gif) no-repeat left top;
}
#showcase_title p {
	margin: 15px 140px 0 0;
}


/* voice
----------------------------------------------- */
#voice {
	margin: 0 0 0 40px;
	width: 455px;
}
* html body #voice h1 {
	font-size: small;
}
#voice h1 {
	margin: 5px 0 0;
	color: #c83232;
	font-size: medium;
}
* html body #voice h2 {
	font-size: x-small;
}
#voice h2 {
	margin: 35px 0 0;
	padding: 0 0 0 5px;
	color: #32b4e6;
	font-size: small;
	line-height: 1.2em;
	border-left: 25px solid #32b4e6;
}
#voice h3 {
	margin: 35px 0 0;
}
#voice p {
	margin: 15px 0 0;
}
#voice p img {
	margin: 20px 0 0;
	border: 1px solid #e6e6e6;
}
#voice .column3 {
	margin: 30px 0 0;
}
.note {
	margin: 40px 0 0;
	padding: 20px;
	color: #788c96;
	line-height: 1.5em;
	text-align: justify;
	text-justify: inter-ideograph;
	border: 2px dotted #dcf0fa;
}
.note p {
	margin: 10px 0 0;
}
.note img {
	float: right;
	margin: 0 0 0 15px;
}
.note strong {
	color: #32b4e6;
}
#voice_title {
	margin: 30px 0 0 40px;
	width: 455px;
	background: url(../voice/images/image.gif) no-repeat right top;
}
#voice_title h1 {
	width: 152px;
	height: 25px;
	text-indent: -9999px;
	background: url(../voice/images/h1.gif) no-repeat left top;
}
#voice_title p {
	margin: 15px 140px 0 0;
}




/* media
----------------------------------------------- */
#media {
	margin: 0 0 0 40px;
}
#media .column {
	display: inline-block;
	margin: 30px 0 0;
	width: 455px;
}
#media .column_left {
	float: left;
	width: 100px;
}
#media .column_right {
	float: right;
	width: 340px;
}
#media .column:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}


/* flow
----------------------------------------------- */
#flow {
	margin: 0 0 0 40px;
	width: 455px;
}
#flow h2 {
	margin: 30px 0 0;
	height: 40px;
	text-indent: -9999px;
}
#flow p {
	padding: 10px 0 0 60px;
}
#flow01 { background: url(../flow/images/flow01.gif) no-repeat left top; }
#flow02 { background: url(../flow/images/flow02.gif) no-repeat left top; }
#flow03 { background: url(../flow/images/flow03.gif) no-repeat left top; }
#flow04 { background: url(../flow/images/flow04.gif) no-repeat left top; }
#flow05 { background: url(../flow/images/flow05.gif) no-repeat left top; }
#flow06 { background: url(../flow/images/flow06.gif) no-repeat left top; }
#flow07 { background: url(../flow/images/flow07.gif) no-repeat left top; }
#flow08 { background: url(../flow/images/flow08.gif) no-repeat left top; }
#flow09 { background: url(../flow/images/flow09.gif) no-repeat left top; }
#flow10 { background: url(../flow/images/flow10.gif) no-repeat left top; }
#flow11 { background: url(../flow/images/flow11.gif) no-repeat left top; }
#flow12 { background: url(../flow/images/flow12.gif) no-repeat left top; }


/* faq
----------------------------------------------- */
#faq {
	margin: 0 0 0 40px;
	width: 455px;
}
#faq h2 {
	margin: 30px 0 0;
	width: 455px;
	height: 20px;
	text-indent: -9999px;
}
* html body #faq h3 {
	font-size: x-small;
}
#faq h3 {
	margin: 20px 0 0;
	padding: 0 0 0 5px;
	color: #32b4e6;
	font-size: small;
	line-height: 1.2em;
	border-left: 25px solid #32b4e6;
}
#faq p {
	margin: 15px 0 0;
}

#doc01 { background: url(../faq/images/h2_01.gif) no-repeat left top; }
#doc02 { background: url(../faq/images/h2_02.gif) no-repeat left top; }
#doc03 { background: url(../faq/images/h2_03.gif) no-repeat left top; }


/* sitemap
----------------------------------------------- */
#sitemap {
	margin: 0 0 0 40px;
	padding: 25px 0 0;
	width: 455px;
}
#sitemap ul ul {
	margin: 0 0 0 20px;
}
#sitemap li {
	margin: 10px 0 0;
	list-style: disc inside;
}
#sitemap ul ul ul li {
	list-style: circle inside;
}


/* stance
----------------------------------------------- */
#stance {
	margin: 0 0 0 40px;
	width: 455px;
}
#stance h2 {
	margin: 30px 0 0 40px;
	width: 455px;
	height: 20px;
	text-indent: -9999px;
}
* html body #stance h3 {
	font-size: x-small;
}
#stance h3 {
	margin: 20px 0 0;
	padding: 0 0 0 5px;
	color: #32b4e6;
	font-size: small;
	line-height: 1.2em;
	border-left: 25px solid #32b4e6;
}
#stance p {
	margin: 15px 0 0;
}

#stance01 { height: 48px; background: url(../stance/images/h2_01.gif) no-repeat left top; }
#stance02 { height: 20px; background: url(../stance/images/h2_02.gif) no-repeat left top; }

#stance .image {
	margin: 20px 0 0;
}
#stance .image th {
	width: 170px;
	text-align: right;
}
#stance .image td {
	width: 285px;
}


/* price
----------------------------------------------- */
#price {
	margin: 0 0 0 40px;
	width: 455px;
}
#price p {
	margin: 15px 0 0;
}
* html body #price h2 {
	font-size: x-small;
}
#price h2 {
	margin: 20px 0 0;
	padding: 0 0 0 5px;
	color: #32b4e6;
	font-size: small;
	line-height: 1.2em;
	border-left: 25px solid #32b4e6;
}
#price .price {
	margin: 20px 0 0;
	width: 455px;
	border: 2px solid #32b4e6;
}
#price .price th {
	padding: 5px 10px;
	width: 62%;
	font-weight: normal;
	text-align: left;
	border-top: 1px solid #32b4e6;
	border-right: 1px dotted #32b4e6;
}
#price .price td {
	padding: 5px 10px;
	width: 38%;
	border-top: 1px solid #32b4e6;
	background: #f0f0f0;
	white-space: nowrap;
}