@charset "utf-8";

@import "base.css";


#main{
	clear: both;
	margin: 25px 25px 0 25px;
	width: 710px;
	}

/* ���������� 
--------------------------------------------- */

/* �Q�l����\ 
--------------------------------------------- */
table.ryoukin-t{
	width: 666px;
	}
table.ryoukin-t th,table.ryoukin-t td{
	border: 1px solid #ffcc00;
	}

table.ryoukin-t th{
	padding: 5px;
	text-align: center;
	width: 115px;
	}
table.ryoukin-t th img{
	margin: 0;
	}
table.ryoukin-t td{
	padding: 5px 10px;
	background: #fffeee;
	}
table.ryoukin-t td.t1{
	width: auto;
	}
table.ryoukin-t td.t2{
	width: 160px;
	}

/* ���i�Љ� 
--------------------------------------------- */

#main p.txt-add{		/* ���� */
	text-align: right;
	margin-top: 1.75em;
	margin-bottom: -1.75em;
	font-size: 86%;
	}

/* �����N�T�C�g */
table.shouhin-link{
	width: 668px;
	border: 1px solid #999;
	}
table.shouhin-link td{
	padding: 10px 0 12px 15px;
	}
table.shouhin-link td img{
	margin-right: 15px;
	}
#main table.shouhin-link span a:hover{
	border-bottom: 0;
	}

/* ���ʔ̔� */
table.shouhin-t1{
	width: 666px;
	margin-bottom: 0.5em;
	}
table.shouhin-t1 th{
	padding: 7px 5px 3px 5px;
	text-align: center;
	font-weight: bold;
	border: 1px solid #ffcc00;
	}
table.shouhin-t1 td{
	padding: 5px 5px 7px 5px;
	text-align: center;
	background: #ffee82;
	border: 1px solid #ffcc00;
	}
table.shouhin-t1 td span{
	color: #ff0000;
	font-weight: bold;
	}
table.shouhin-t1 td span del{
	color: #303030;
	}
table.shouhin-t1 td img{
	margin: 4px 0 2px 0;
	}

/* ���[�J�[�����N */
table.shouhin-t2{
	width: 668px;
	border: 1px solid #999;
	}
table.shouhin-t2 th{
	text-align: center;
	padding: 10px 0 10px 10px;
	}
table.shouhin-t2 td{
	padding: 10px 5px;
	}
#main table.shouhin-t2 a:hover{
	border-bottom: 0;
	}

/* �������ߏ��i */
p.osusume1,p.osusume2,p.osusume3{
	padding-left: 35px;
	}
p.osusume1 img{
	margin: 5px 0 15px 0;
	}
p.osusume3{
	padding-bottom: 10px;
	}
#main p.osusume1 strong{
	font-weight: bold;
	line-height: 1.5em;
	}


/* �����ǎw��H���X 
--------------------------------------------- */
table.siteikouji-t{
	width: 666px;
	margin-bottom: 20px;
	}
table.siteikouji-t td{
	padding: 5px 20px;
	border: 1px solid #3366cc;
	}
table.siteikouji-t td a:hover{
	border-bottom: 1px solid #3366ff;
	}

/* ��Ƃ̗��� 
--------------------------------------------- */
#sagyou-flow p{
	text-align: center;
	}
#main div.sagyou1{
	width: 540px;
	margin: 0 auto 0 80px;
	}
#main div.sagyou1 p{
	margin: 0.75em 0;
	padding: 0.25em 0;
	text-align: center;
	color: #fff;
	background: #4f7fff;
	border: solid 1px #3366ff;
	font-size: 100%;
	line-height: 1.5em;
	font-weight: bold;
	}
#main div.sagyou1 ul{
	list-style: none;
	margin: 0.5em 45px;
	padding: 0.5em 0;
	text-align: center;
	border: 2px dotted #3366ff;
	}
#main div.sagyou1 ul li{
	margin-left: 0;
	margin-right: 0;
	padding: 0;
	}
#main p.sagyou2{
	width: 540px;
	margin: 0 0 0.5em 80px;
	padding: 0.25em 0;
	text-align: center;
	color: #603000;
	background: #ffeb73;
	border: solid 1px #ffcc00;
	font-size: 100%;
	line-height: 1.5em;
	font-weight: bold;
	}
#main p.sagyou3{
	width: 540px;
	margin: 0 0 0.5em 80px;
	padding: 0.25em 0 0.25em 1em;
	text-align: center;
	color: #fff;
	background: #4f7fff;
	font-size: 100%;
	line-height: 1.5em;
	font-weight: bold;
	letter-spacing: 1em;
	}
#main p.sagyou4{
	width: 540px;
	margin: 1.5em auto 1em 80px;
	}
#main p.sagyou4 img{
	margin-top: 5px;
	}


/* �o���”\�n�� 
--------------------------------------------- */
table.area-t{
	width: 666px;
	margin-bottom: 15px;
	}
table.area-t th,table.area-t td{
	padding: 5px 10px;
	border: 1px solid #ffcc00;
	background: #fff;
	line-height: 1.5em;
	}
table.area-t th{
	white-space: nowrap;
	color: #603000;
	background: #fffeee;
	}
#main table.area-t ul{
	margin: 0.15em 0 0 0;
	padding: 0;
	list-style: none;
	}
#main table.area-t li{
	display: block;
	float: left;

	width: 190px;
	margin: 0 0 0.15em 10px;
	padding: 0;
	line-height: 1.5em;
	}
#main table.area-t li.long{		/* �������̑����Z�� */
	width: 380px;
	}


/* ��ЊT�v 
--------------------------------------------- */
table.aboutus-t{
	width: 667px;
	margin-bottom: 20px;
	}
table.aboutus-t th,table.aboutus-t td{
	padding: 7px 10px;
	border: 1px solid #ffcc00;
	}
table.aboutus-t th{
	width: 25%;
	background: #fffeee;
	}
table.aboutus-t td{
	width: 85%;
	}

/* ���菤����Ɋ�Â��\�L 
--------------------------------------------- */
table.trading-t{
	width: 667px;
	margin-bottom: 20px;
	}
table.trading-t th,table.trading-t td{
	padding: 7px 10px;
	border: 1px solid #ffcc00;
	}
table.trading-t th{
	width: 30%;
	background: #fffeee;
	}
table.trading-t td{
	width: 70%;
	}

/* �T�C�g�}�b�v 
--------------------------------------------- */

#main.sitemap ul{
	margin: 0 0 1.75em 50px;
	}


/* �⍇���t�H�[�� 
--------------------------------------------- */
form{
	margin: 0;
	}
#form{
	margin: 0 auto;
	width: 667px;
	border: 1px solid #ffcc00;
	}
#form h4{
	margin: 0;
	padding: 0.25em 0.5em;
	line-height: 1.5em;
	color: #663300;
	background: #ffeb73;
	border-bottom: 1px solid #ffcc00;
	}
#form h4 span{
	font-size: 84%;
	font-weight: normal;
	color: #ff0000;
	}

#form p{
	margin: 0;
	padding: 0.5em 15px 0.75em 15px;
	line-height: 1.5em;
	text-indent: 0em;
	border-bottom: 1px solid #ffcc00;
	}

#form span{
	color: #494949;
	font-size: 84%;
	}
#form span.attention{
	font-size: 100%;
	color: #ff0000;
	}
#form strong{
	color: #663300;
	}

input,select{
	margin: 3px 2px 0px 10px;
	}
textarea{
	margin: 0 0 0.25em 1em;
	width: 500px;
	height: 180px;
	font-size: 90%;
	}

#form p.submit{
	text-align: center;
	font-weight: bold;
	color: #663300;
	background: #fffddd;
	border: 0;
	}
#form p.submit input{
	margin: 1em 1em 0 1em;
	padding: 0.2em;
	width: 10em;
	}
#form p.submit span{
	font-size: 100%;
	font-weight: normal;
	color: #303030;
	}
#form p.submit span input{
	margin: 0.5em 2px 0 0;
	width: auto;
	}

/* �⍇���t�H�[���i���͓X��W�j 
--------------------------------------------- */

/* NEWS 
--------------------------------------------- */

#main.news-index h3{
	margin: 0 0 1.25em 0;
	}
#main.news-index ul{
	margin: 0 0 1.75em 50px;
	}
#main.news h4{
	margin: 0 20px 1em 20px;
	}
#main.news p{
	margin-bottom: 1.5em;
	}
#main.news p.date{
	text-align: right;
	margin-top: -0.5em;
	margin-bottom: 0.5em;
	padding-right: 1.5em;
	}
#main.news p.news-img{
	text-align: center;
	}
#main.news ul.news-nav{
	margin: 1em 20px 0.75em 20px;
	text-align: center;
	height: 2.25em;
	list-style: none;
	background: url(../img/h4_bg.gif) no-repeat left bottom;
	}
#main.news ul.news-nav li{
	display: inline;
	margin: 0;
	padding: 0 0.25em 0 0.25em;
	}
#main.news ul.news-nav li a:hover{
	border-bottom: 0;
	}

.box03_h3 {
  width:667px;
  height:44px;
  margin:17px 0 0 22px;
  background-image:url(../img/case/h3_01.jpg);
  background-position:top left;
  background-repeat:no-repeat;
}
  
.box04_h3 h3 {
  text-indent:-9999px;
}

.box04_h3 {
  width:667px;
  height:44px;
  margin:17px 0 0 22px;
  background-image:url(../img/case/h3_02.jpg);
  background-position:top left;
  background-repeat:no-repeat;
}
  
.box03_h3 h3 {
  text-indent:-9999px;
}


.box03 {
  width:667px;
  margin:0 0 0 22px;
  padding:0 0 15px 0;
  background-image:url(../img/case/box03_b.jpg);
  background-repeat:no-repeat;
  background-position:bottom left;
  font-size:12px;
}

.box03inner {
  width:667px;
  padding:8px 0 0 0;
  background-image:url(../img/case/box03_t.jpg);
  background-repeat:no-repeat;
  background-position:left top;
}

.box03m {
  width:647px;
  padding:10px;
  background-image:url(../img/case/box03_m.jpg);
  background-position:top left;
  background-repeat:repeat-y;
}

.box03 h5 {
  background-image:url(../img/case/h4_b.gif);
  background-position:left top;
  margin:0 5px 10px 5px;
  padding:10px;
  color:#660000;
  font-size:140%;
}

.data02 {
  margin:0;
  padding:10px 0 0 0;
  border-bottom:1px solid #DADADA;
  width:607px;
}

.data02 dt, .data02 dd {
  margin: 0;
  padding:5px 0 5px 10px;
}

.data02 dt {
  float: left;
  width: 120px;
  background-color:#FFFFCC;
}

.data02 dd {
  margin-left: 130px;
  padding-left: 10px;
}

*html .data02 dt {
  float: left;
  width: 140px;
  background-color:#FFFFCC;
}

*html .data02 dd {
  margin-left: 140px;
  padding-left: 10px;
}

.center01 {
  text-align:center;
  padding:10px 0;
}

.center01 span {
  padding:0 0 0 10px;
}

.center02 {
  text-align:center;
  padding:10px 0;
}

.st01 {
  color:#660000;
  font-weight:bold;
  font-size:14px;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */