@import "common.css";

/* ***************************************
       ///【コンテナ定義】///
*************************************** */

div#infoContainer {
   width: 685px;
    float: left;
    margin: 15px 0 0 10px;
}

div#infoContainer h2{
	color:#FF8837;
	padding:0 5px;
	margin:0;
	font-weight:bold;
}

div#infoContainer h3#amazonBnr{
	width:648px;
	height:195px;
	margin: 0px 0 40px 0px;
	text-align:center;
	border:1px solid #ccc;

}

div#infoContainer h3#amazonBnr span{
	width:648px;
	height:195px;

	background:url(../image/bnr_amazon1000.gif) no-repeat 0 0;
    margin: 0px 0 40px 0px;	
	display:block;
	
}


*html div#infoContainer p {
    margin-left: 5px;
}

div#infoContainer p {
    width: 575px;
    margin-left: 10px;
}

div#infoContainer ul {
    margin: 0 0 0 10px;
    padding: 0;
    list-style: none;
}

div#infoContainer p.red {
    width: 400px;
    margin-left: 100px;
    color: #ff0000;
}

div#infoContainer h3 {
    margin-left: 50px;
    margin-right: 50px;
    line-height: 1em;
    font-size: 150%;
    font-weight: bold;
}

*html table {
    margin-left: 5px;
}

table {
    margin-left: 10px;
    border-collapse: collapse;
}

table td.title {
    width: 150px;
    background: #ff9933;
    color: #ffffff;
    font-weight: bold;
}

table td {
    width: 450px;
    border: #000000 solid 1px;
}

div#infoContainer button#leftButton {
    margin: 10px 0 0 300px;
}

div#infoContainer button#rightButton {
    margin-left: 20px;
}


div#infoContainer .textArea{
	width:600px;
	margin-top:0px;
	margin-left:20px;
	float:left;
}

div#infoContainer .textArea h3{
	margin-top:30px;
	font-size:14px;
	font-weight:bold;
}

div#infoContainer ul#tokoStep li{
	margin-top:20px;
	padding-top:20px;
	height:35px;
	display:block;
	
	text-indent:75px;
	font-size:14px;
	font-weight:bold;
}

div#infoContainer ul#tokoStep li#step1{
	background:url(../image/mark_step1.gif) no-repeat 0 0;
}

div#infoContainer ul#tokoStep li#step2{
	background:url(../image/mark_step2.gif) no-repeat 0 0;
}

div#infoContainer ul#tokoStep li#step3{
	background:url(../image/mark_step3.gif) no-repeat 0 0;
}

div#infoContainer ul#tokoStep li#step4{
	background:url(../image/mark_step4.gif) no-repeat 0 0;
}


div#infoContainer .textArea .alert{
	padding:0px;
	border:1px solid #ccc;	
}

div#infoContainer .textArea .alert h3{
	margin:10px 0 20px 10px;	
}