@charset "UTF-8";
/* CSS Document */

/*==========================================================
								        info_container
==========================================================*/
.info_container{
	width:720px;
}
.info_container strong,b{
	font-weight:bold;
}
.info_container a{
	color: #0e7c5d;
}
.info_container .inner{
	border:#CCC 1px solid;
	padding:20px;
}
.info_container_01 .L{
	float: left;
}
.info_container_01 .R{
	float:right;
}
.info_container_01 .clear{
	float: none;
}
/*==========================================================
								                    pager
==========================================================*/
.info_container .pager{
	padding:35px;
	text-align: center;
}
.info_container .pager ul{
	/*float:right;*/
	display: inline-block;
	float:none;
}
.info_container .pager li.box{
	/*width:23px;
	height:23px;
	line-height:23px;*/
	text-align:center;
	background-color:#46957e;
	float:left;
	margin-right:15px;
	width: auto;
	height: auto;
	line-height: 1em;
	padding:0.5em;
}
.info_container .pager li.leader{
	float: left;
	margin-right: 15px;
}
.info_container .pager li.box a{
	color:#fff;
	text-decoration: none;
}
.info_container .pager li.box.cur{
	background-color:#ddebe7;
	color:#46957e;
}
.info_container .pager li.prev,
.info_container .pager li.next{
	color:#46957e;
	text-decoration:underline;
	line-height:23px;
	float:left;
}
.info_container .pager li.prev a,
.info_container .pager li.next a{
	color: #46957e;
    text-decoration: underline;
}
.info_container .pager li.prev a:hover,
.info_container .pager li.next a:hover{
    text-decoration: none;
}
.info_container .pager li.prev{
	margin-right:15px;
}

/*==========================================================
								        info_container_01
==========================================================*/
.info_container_01{
	width:680px;
	position:relative;
}
.info_container_01 .title{
	background-color:#ddebe7;
	line-height:35px;
	border-bottom:1px solid #46957e;
	padding:0 0 0 15px;
	font-size:16px;
	font-weight:bold;
}
.info_container_01 table{
	border:none;
	width:150px;
}
.info_container_01 table th{
	color:#46957e;
	text-decoration:underline;
	text-align:right;
}
.info_container_01 table th a{
	color:#46957e;
	text-decoration:underline;
}
.info_container_01 table th a:hover{
	color:#666;
}
.info_container_01 table td{
	text-align:right;
}
.info_container_01 .reed{
	font-size:14px;
	font-weight:bold;
	margin-top:10px;
}
.info_container_01 .image{
	text-align:center;
	margin-top:20px;
}
.info_container_01 .image img{
	width:350px;
	height:350px;
}
.info_container_01 .cap{
	width:350px;
	margin:5px auto 0;
	font-size:12px;
	text-align:right;
}

/*==========================================================
								        info_container_02
==========================================================*/
.info_container_02{
	width:680px;
	margin:50px 0;
}

.info_container_02 p.infoPara1 {
    font-size: 90%;
    line-height: 2;
    padding: 0 2em;
}
.info_container_02 p.infoPara2 {
    font-size: 100%;
    padding: 0 21px;
    text-align:center;
}
.info_container_02 p.infoPara3 {
    font-size: 75%;
    padding: 0 28px;
}
.info_container_02 p.infoPara4 {
    font-size: 90%;
    margin: 0 2em;
    padding: 1.5em;
    line-height: 2;
    background-color: #efefef;
}
.info_container_02 span.infoSpan1 {
    display: block;
    font-size: 100%;
    font-weight: bold;
    text-align: center;
    text-decoration: underline;
}
.info_container_02 table.infoTable {
    width: 622px;
    border-collapse: collapse;
    border: 1px solid #666;
    margin: 0 auto 10px;
}
.info_container_02 th.infoCell1,
.info_container_02 td.infoCell1 {
    padding: 0.8em;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #666;
}
.info_container_02 th.infoCell1 span.smallText,
.info_container_02 td.infoCell1 span.smallText {
    font-size: 75%;
}
.info_container_02 th.underLine, td.underLine {
    text-decoration: underline;
}
.info_container_02 th.underLine, td.bold {
    font-weight: bold;
}

.info_container_02 .info_button_wrapper {
	font-size: 115%;
	margin: 30px 50px;
	text-align: center;
}
.info_container_02 .info_button {
	display: block;
	background-color: #45947d;
	color: #ffffff;
	padding: 10px;
	text-decoration: none;
}

/*==========================================================
								             container_03
==========================================================*/
.info_container_03{
	width:680px;

}
.info_container_03 .title{
	background-color:#ddebe7;
	line-height:28px;
	border-bottom:1px solid #46957e;
	padding:0 0 0 20px;
	font-size:14px;
	font-weight:bold;
}
.info_container_03 ul li{
	position:relative;
	width:140px;
	height: 256px;
	float:left;
	margin-right:40px;
}
.info_container_03 ul li img{
	width:140px;
	height:140px;
}
.info_container_03 ul li:nth-child(4n){
	margin-right:0;
}
.info_container_03 ul li:nth-child(n+5){
	margin-top:40px;
}
.info_container_03 ul li a{
	
    display: block;
    height: 100%;
    text-decoration: none;
    width: 100%;
    
}
.info_container_03 ul li a .image{
	width:140px;
	height:140px;
	display:block;
}
.info_container_03 ul li a .tit{
	font-size: 12px;
	font-weight:bold;
	color: #3f3f3f;
	text-align:center;
	display:block;
	width:140px;
	/* height:56px; */
	/* max-height:56px; */
	display:table-cell;
	vertical-align:middle;
	margin-bottom:5px;
	border-bottom:1px solid #ccc;
}
.info_container_03 ul li a .tit span.info_lineup_font_small{
	font-size: 10px;
}
.info_container_03 ul li a .spec{
	font-size: 12px;
	color: #3f3f3f;
	text-align:center;
	display:block;
	margin-top:5px;
}
.info_container_03 ul li a .price{
	font-size: 12px;
	font-weight:bold;
	color: #3f3f3f;
	text-align:center;
	display:block;
}
.info_container_03 ul li a .tax{
	font-size: 10px;
	color: #3f3f3f;
	text-align:center;
	display:block;
}
.info_container_03 ul li .tag{
	height:22px;
	line-height:22px;
	text-align:center;
	color:#fff;
	padding:0 15px;
	display:inline-block;
}
.info_container_03 ul li .tag.new{
	background-color:#ff0000;
	font-size:14px;
}
.info_container_03 ul li .tag.stock{
	background-color:#46957e;
}


.info_container_03 .btns .btn{
	background: url("../img/top_ico_05.png") no-repeat scroll 180px center #f6f5f4;
    border: 1px solid #ccc;
    box-sizing: border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 205px;
}
.info_container_03 .btns .btn a{
	color: #666;
    display: block;
    font-size: 14px;
    height: 100%;
    text-decoration: none;
    width: 100%
}
.info_container_03 .btns .btn:hover{
	background:url(../img/top_ico_06.png) no-repeat 180px center;
	background-color:#0e7c5d;
	border:none;
}
.info_container_03 .btns .btn a:hover{
	color:#fff;
}

/*==========================================================
								             container_04
==========================================================*/

.info_container_04 .pickup p{
	background-color:#46957e;
	color:#fff;
	line-height:45px;
	padding:0 20px;
	font-size:14px;
}
.info_container_04 .pickup ul{
	background-color:#f6f5f4;
	padding:15px 20px;
}
.info_container_04 .pickup ul li{
	margin-bottom:15px;
}
.info_container_04 .pickup dl{
	position:relative;
}
.info_container_04 .pickup dl dt{
	position:absolute;
	width:100px;
}
.info_container_04 .pickup dl dd{
	padding-left:100px;
}
.info_container_04 .pickup dl dd a{
	color:#0e7c5d;
}
.info_container_04 .pickup ul li:last-child{
	margin:0;
}

/*==========================================================
								             container_05
==========================================================*/
.info_container_05 .info{
	padding:20px;
	border:1px solid #ccc;
}
.info_container_05 .info p{
	color:#666;
	font-size:14px;
	font-weight:bold;
	padding-bottom:5px;
	border-bottom:1px solid #ccc;
}
.info_container_05 .info ul{
	padding:10px 7px 0 7px;
}
.info_container_05 .info ul li{
	margin-bottom:15px;
}
.info_container_05 .info dl{
	position:relative;
}
.info_container_05 .info dl dt{
	position:absolute;
	width:100px;
}
.info_container_05 .info dl dd{
	padding-left:100px;
}
.info_container_05 .info dl dd a{
	color:#0e7c5d;
}
.info_container_05 .info ul li:last-child{
	margin:0;
}