/* CSS Document */

/* ====================================
  File        : common.css
  Date        : 2006.08.07
  Last Update : 2006.08.07
===================================== */



/* ------------------------------
 Basic-element
------------------------------ */
body {
	margin: 0;
	padding: 0;
	background-image: url(../customer/misc/bg.gif);
	color: #666666;
}


td, p { 
	color: #666666;
	font-size: 12px;
	line-height: 22px;
}

img {
	border: 0;
}



/* ------------------------------
 Table
------------------------------ */
.tbl_ttl {
	color: #FFFFFF;
	font-size: 12px;
	line-height: 18px;
}

.tbl_cll1 {
	background-color:#FFFFFF;
	font-size: 12px;
	line-height: 18px;
}

.tbl_cll2 {
	background-color:#F8F8F8;
	font-size: 12px;
	line-height: 18px;
}



/* ------------------------------
 Font
------------------------------ */
.t0h12	{font-size: 10px; line-height: 12px;}
.t0h14	{font-size: 10px; line-height: 14px;}
.t0h16	{font-size: 10px; line-height: 16px;}
.t0h18	{font-size: 10px; line-height: 18px;}
.t1h16	{font-size: 12px; line-height: 16px;}
.t1h18	{font-size: 12px; line-height: 18px;}
.t1h20	{font-size: 12px; line-height: 20px;}
.t1h22	{font-size: 12px; line-height: 22px;}
.t2h18	{font-size: 14px; line-height: 18px;}
.t2h18	{font-size: 14px; line-height: 20px;}
.t2h18	{font-size: 14px; line-height: 22px;}

.blue {color: #336699;}
.navy {color: #003366;}
.gray {color: #808080;}

.red {
	color: #FF0000;
	font-size: 10px;
	line-height: 14px;
}

.copy {
	font-size: 10px;
	line-height: 12px;
	padding-bottom: 2px;
}

a:link		{color: #336699; text-decoration: underline;}
a:visited	{color: #336699; text-decoration: underline;}
a:hover		{color: #336699; text-decoration: none;}
a:active	{color: #336699; text-decoration: none;}

a.navy:link		{color: #003366; text-decoration: none;}
a.navy:visited	{color: #003366; text-decoration: none;}
a.navy:hover	{color: #003366; text-decoration: underline;}
a.navy:active	{color: #003366; text-decoration: underline;}

a.white:link	{color: #FFFFFF; text-decoration: none;}
a.white:visited	{color: #FFFFFF; text-decoration: none;}
a.white:hover	{color: #FFFFFF; text-decoration: underline;}
a.white:active	{color: #FFFFFF; text-decoration: underline;}

a.footer:link		{color: #666666; text-decoration: none;}
a.footer:visited	{color: #666666; text-decoration: none;}
a.footer:hover		{color: #666666; text-decoration: underline;}
a.footer:active		{color: #666666; text-decoration: underline;}


/* ------------------------------
 �K�o�i���X�Ή��NjL
------------------------------ */
.sagawa	{ padding: 0 0 0 18px; }
.sgh	{ padding: 10 31 10 0; text-align: left;}


/* ------------------------------
 �A�j���[�V�����X�g�[���[
------------------------------ */
.story_ttl{
    font-size:14px;
    color: #3042b3;
    font-weight: bold;
}
.scene{
    padding-top:5px;
    color: #333333;
}
.scene .title .num{
    color: #94beea;
    font-size: 30px;
    font-weight: bold;
    padding-top: 4px;
}
.scene .title .txt{
    line-height: 1.5;
}
.dotline{
    display: block;
    padding-top: 20px;
    padding-bottom: 10px;
}

/* ------------------------------
 �R�s�[���C�g
------------------------------ */
.copyright {
	color: #3B499F;
	font-size: 10px;
}

.r-mark {
	transform:scale(0.6);
	display: inline-block;
}
a.link-r-mark {
	line-height: 1;
    display: inline-block;
    border-bottom: solid 1px #336699;
    text-decoration: none;
    margin-top: 1px;
	text-decoration: none;
}
.link-r-mark:hover {
	border-bottom-color: rgba(51,102,153,0);
}
a.footer-link-r-mark:hover {
	line-height: 1;
    display: inline-block;
    border-bottom: solid 1px #666666;
    text-decoration: none;
    margin-top: 1px;
	text-decoration: none;
}