@import "/css/common.css";

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

/* about css  (class=about)*/

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

/* reset */
.about *{margin:0;padding:0;}

.about h1{
	margin-bottom:0.5em;
}

.about #read{
	margin-bottom:1em;
}

.about #read img{
	margin-bottom:2em;
}

.about #read p{
	width:620px;
	margin:0 auto;
}

.about #about-area{
	width:630px;
	margin:0 auto 2em;
	padding-bottom:1em;
	border-bottom:#999 1px dotted;
	
}

.about #about-area h2{
	margin-bottom:0.8em;
}

.about #about-area div{
	margin-bottom:1.5em;
	padding:0 10px;
}
/* clear hack */
.about #about-area div{zoom:1;}
.about #about-area div:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}

.about #about-area div p.right{
	float:right;
	width:310px;
}

.about #about-area div p.left{
	float:left;
	width:365px;
	padding-right:15px;
}

.about #about-area div p.right,
.about #about-area div p.left{
	padding-top:10px;
}

.about #about-area div p.safe{
	margin-bottom:15px;
}

/*発送日案内*/
/*-------------------------*/

/*タイトル*/

#about-area #title{
	width:590px;
	margin:0 auto 5px;
}

/* clear hack */
#about-area #title{zoom:1;}
#about-area #title:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}
/* */

#about-area #title h4{
	float:left;
	width:350px;
	padding:0 0 0 8px;
	border-left:#51a2ce 4px solid;
	font-size:1.3em;
}

#about-area #title h4 span{
	font-size:0.9em;
	color:#a40000;
}

#about-area #title p{
	float:right;
	width:147px;
	margin:0;
	padding:0;
	text-align:right;
	background:url('../../image/ico_hatena.gif') no-repeat left 2px;
}

/*表*/
.about #about-area table{
	width:600px;
	border:#ccc 1px solid;
	border-collapse:collapse;
}

.about #about-area th{
	width:119px;
	padding:5px 0px;
	background:#e3eed1;
	font-weight:normal;
}

.about #about-area td{
	width:119px;
	padding:5px 0px;
	text-align:center;
}

.about #about-area table,
.about #about-area th,
.about #about-area td{
	border:#ccc 1px solid;
}



/*注意文*/
.about ul.caution{
	margin:0.8em 0 0;
}
.about .caution li{
	list-style:none;
}
.about .caution li.red{
	color:#a40000;
}

/* 注意点 */
/*-------------------------*/

.about #caution{
	width:600px;
	margin:0 auto;
}




.about #caution div{
	padding:15px 0 10px 36px;
	background:#f5f5f5;
	border:#ccc 1px;
	border-style:none solid solid solid;
}

.about #caution li{
	padding-bottom:8px;
	font-weight:bold;
	color:#483e22;
}