@charset "utf-8";

/*
-----------------------------
koyo
Author：PUENTE
Update：080309
-----------------------------
*/

/* ===== CONTENTS ===========================================

	1: CLEARFIX
	2: EACH MODULE
	3: FLOAT
	4: TEXT SIZE
	5: TEXT ALIGN
	6: IMG
	7: LIST DOT

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


/* 1: CLEARFIX
========================================================== */
.clearfix{
  zoom:1;/*for IE 5.5-7*/
}
.clearfix:after{/*for modern browser*/
  content:".";
  display: block;
  height: 0px;
  clear: both;
  visibility: hidden;
}
* html .clearfix{
  display: inline-table;
  /*\*/display: block;/**/
}

/* 2: EACH MODULE
========================================================== */
.speaknavi {
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: -9999px;
	left: 0px;
}

.mainCopy {
  margin: 0 0 20px 0;
	padding: 0 15px 0 0;
}
.mainCopy2 {
  margin: 0 2px 20px 2px;
	padding: 0 15px 15px 13px;
}

.subCopy {
 margin: 0 20px 25px 25px;
}

.clearBoth { clear: both;}

.imgBox {
  margin: 0 20px 25px 25px;
}

.marginBox {
  margin: 0 0 15px 0;
}

.marginBottom {
  margin: 0 0 15px 0;
}

.marginBottomw {
  margin: 0 0 25px 0;
}



/* 3: FLOAT
========================================================== */
.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.clearLeft {
	clear: left;
}

.clearRight {
	clear: right;
}

.clearBoth {
	clear: both;
}

/* 4: TEXT SIZE
========================================================== */

.xsmall {
	font-size: 65%;
}

.small {
	font-size: 85%;
}

.large {
	font-size: 120%;
}

.xlarge {
	font-size: 150%;
}

/* 5: TEXT ALIGN
========================================================== */
.left {
	text-align: left;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}

/* 6: IMG
========================================================== */
.imgLeft {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
table .imgLeft {
	margin-bottom: 5px;
}

.imgRight {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
table .imgRight {
	margin-bottom: 5px;
}

.imgBorder {
  border: #c6baae solid 1px;
	padding: 2px;
}

/* 7: LIST DOT
========================================================== */
.dotMark {
  background: url(../images/list_dot_green.gif) no-repeat center left;
	padding-left: 13px;
}

.dotArrow {
  background: url(../images/list_arrow_orange.gif) no-repeat center left;
	padding: 2px 0px 1px 13px;
	font-weight:bold;
}

.dotBlank {
  background: url(../images/list_arrow_blank.gif) no-repeat center left;
	padding: 2px 0px 1px 13px;
	font-weight:bold;
}