/*-------------------------------------------------------------------

	base.css

	- common
	- lp_header
	- lp_contents

    - index
	- naka

--------------------------------------------------------------------*/

/*-------------------------------------------------------------------
	common
--------------------------------------------------------------------*/
.sectionH1 #lp_bg {
	background: url(../image/cmn_bg02.gif) repeat-y;
}

.sectionH1 #lp {
	width: 720px;
	background: url(../image/cmn_bg01.jpg) no-repeat top;
}

.sectionH1 #lp_top {
	width: 720px;
	background: url(../image/cmn_bg.jpg) no-repeat top;
}

.sectionH1 .strong {
	font-weight: bold !important;
}

.sectionH1 .ta_center {
	text-align: center;
}

.sectionH1 ul.indent {
	margin-left: -0.5em;
}

.sectionH1 .indent li {
	text-indent: -0.5em;
	margin-left: 1em;
}

.sectionH1 .indent02 {
	text-indent: -1em;
	margin-left: 1em !important;
}

.sectionH1 .color_r {
	color: #cc0000;
}

.sectionH1 .color_y {
	color: #ff9900;
}

.sectionH1 .float_l {
	float: left !important;
}

.sectionH1 .float_r {
	float: right;
}

.sectionH1 .lp_inline {
	display: inline;
}

.sectionH1 .caution {
	margin: 20px 0;
	padding: 15px;
	color: #c00000;
	border: 1px solid #C00000;
}

/* 在庫なくなり次第〜の文言設定 */
.sectionH1 th .txt {
	float: left;
	width: 350px;
}

.sectionH1 th .soldout {
	float: right;
	width: 100px;
}

/* iepngfix */
* html .iepngfix {
behavior: expression(IEPNGFIX.fix(this));
}

/*  margin  */
.sectionH1 .mg_b0 {
	margin-bottom: 0 !important;
}

.sectionH1 .mg_b5 {
	margin-bottom: 5px !important;
}

.sectionH1 .mg_b10 {
	margin-bottom: 10px !important;
}

.sectionH1 .mg_b15 {
	margin-bottom: 15px !important;
}

.sectionH1 .mg_b20 {
	margin-bottom: 20px !important;
}

.sectionH1 .mg_b30 {
	margin-bottom: 30px;
}

.sectionH1 .mg_b40 {
	margin-bottom: 40px;
}

.sectionH1 .mg_b45 {
	margin-bottom: 45px !important;
}

.sectionH1 .mg_r10 {
	margin-right: 10px;
}

/*  padding  */
.sectionH1 .pd_b0 {
	padding-bottom: 0 !important;
}

/*-------------------------------------------------------------------
	lp_header
--------------------------------------------------------------------*/
.sectionH1 #lp_header {
	padding: 16px 17px 15px 21px;
}

.sectionH1 #lp_header h2 {
	float: left;
	width: 154px;
}

.sectionH1 #lp_header p.btn {
	float: left;
	padding: 13px 0 0 5px;
}

.sectionH1 #lp_header p.read {
	float: right;
	padding-top: 11px;
}

/*-------------------------------------------------------------------
	lp_contents
--------------------------------------------------------------------*/
.sectionH1 #lp_contents {
	padding: 0 10px;
}

.sectionH1 #lp_snavi {
	float: left;
	width: 180px;
}

.sectionH1 #lp_snavi_ba {
	padding: 18px 21px 0 21px;
	background: url(../image/cmn_ba_bg.jpg) no-repeat top;
}

.sectionH1 #lp_snavi_ba p.banner {
	padding: 4px 0 12px 0;
}

.sectionH1 #lp_snavi_ba p.banner_end {
	padding: 4px 0 4px 4px;
}

.sectionH1 #lp_snavi_ba li.text {
	text-indent: -1em !important;
	margin-left: 1em !important;
}

.sectionH1 #lp_main {
	float: left;
	width: 520px;
	background: url(../image/cmn_bg_contents.jpg) no-repeat left top;
}

.sectionH1 #lp_place {
	width: 470px;
	margin: 0 0 10px 25px;
	text-align: left;
}

.sectionH1 #lp_list {
	width: 470px;
	text-align: left;
}

.sectionH1 #lp_new {
	float: left;
	padding: 0px 10px 15px 25px;
	color: #333333;
	font-weight: bold;
}

/*-------------------------------------------------------------------
	index
--------------------------------------------------------------------*/
.sectionH1 h6 {
	margin-top: 30px;
}

.sectionH1 .lineup {
	width: 468px;
	/*/width: 469px;*/ /* IE6, IE7対策 */
	border-left: 1px solid #d5d5d5;
}

.sectionH1 .end {
	margin-bottom: 50px;
}

.sectionH1 .lineup li {
	float: left;
	width: 155px; /* 156 */
	height: 84px; /* 85 */
	/*/width: 156px;*/ /* IE6, IE7対策 */
	/*/height: 85px;*/ /* IE6, IE7対策 */
	border-right: 1px solid #d5d5d5;

	border-bottom: 1px solid #d5d5d5;
}

.sectionH1 .pop {
	position: absolute;
	width: 144px;
	height: 44px;
}

.sectionH1 .n00 {
	top: 67px;
	left: 6px;
}

.sectionH1 .n01 {
	top: 67px;
	left: 162px;
}

.sectionH1 .n02 {
	top: 67px;
	left: 318px;
}

.sectionH1 .n03 {
	top: 152px;
	left: 6px;
}

.sectionH1 .n04 {
	top: 152px;
	left: 162px;
}

.sectionH1 .n05 {
	top: 152px;
	left: 318px;
}

.sectionH1 .n06 {
	top: 237px;
	left: 6px;
}

.sectionH1 .n07 {
	top: 237px;
	left: 162px;
}

.sectionH1 .n08 {
	top: 237px;
	left: 318px;
}

.sectionH1 .n09 {
	top: 322px;
	left: 6px;
}

.sectionH1 .n10 {
	top: 322px;
	left: 162px;
}

.sectionH1 .n11 {
	top: 322px;
	left: 318px;
}

.sectionH1 .n12 {
	top: 407px;
	left: 6px;
}

.sectionH1 .n13 {
	top: 407px;
	left: 162px;
}

.sectionH1 .n14 {
	top: 407px;
	left: 318px;
}


.sectionH1 table.top_icon {
	width: 470px;
	height: auto;
	border-collapse: collapse;
}

.sectionH1 table.top_icon th {
	width: 30px;
	padding: 10px;
	border: 1px solid #e5e5e5;
	vertical-align: middle;
	text-align: center;
}

.sectionH1 table.top_icon td {
	padding: 10px;
	border: 1px solid #e5e5e5;
	vertical-align: middle;
	text-align: left;
}

.sectionH1 #lp_top_topics {
	width: 470px;
	margin: 25px 0 25px 0;
	background: url(../image/topics_tit_bg.jpg) repeat-y left top #ffffff;
	border-top: #cccccc solid 1px;
}

.sectionH1 .lp_top_topics_pic {
	float: left;
	width: 74px;
}

.sectionH1 #lp_top_topics_textarea {
	float: right;
	padding: 8px 5px 10px 0;
	width: 385px;
	background: url(../image/index_topics_bg.jpg) no-repeat left bottom;
	border-right: #cccccc solid 1px;
}

.sectionH1 .lp_top_topics_footer {
	float: left;
	width: 470px;
}

.sectionH1 table.lp_topics {
	width: 470px;
	margin: 25px 0 25px 0;
	height: auto;
	border-collapse: collapse;
	clear: both;
}

.sectionH1 table.lp_topics td {
	padding: 8px;
	border: 1px solid #d9d9d9;
	background: url(../image/index_topics_bg.jpg) no-repeat left bottom #ffffff;
}

.sectionH1 table.lp_topics th {
	width: 72px;
	border: 1px solid #bbbbbb;
	text-align: center;
	background-color: #1a1a1a;
	vertical-align: top;
}

.sectionH1 .topics dl {
	clear:both;
}

.sectionH1 .topics dl.line {
	padding: 0 0 8px 0;
	background: url(../image/cmn_dotline01.gif) no-repeat bottom;
}

.sectionH1 .topics dl.end {
	padding: 8px 0 0 0;
}

.sectionH1 .topics dt {
	padding: 0 0 3px 0;
	font-weight: bold;
}

.sectionH1 div.index_banner {
	margin: 25px 0px;
}

.sectionH1 div.index_banner img {
	margin-bottom: 5px;
}

/*-------------------------------------------------------------------
	naka
--------------------------------------------------------------------*/

/* point_guide */
.sectionH1 .lp_point {
	float: left;
	width: 470px;
	padding: 0 0 25px 0 !important;
	margin: 0 0 20px 0 !important;
	background: url(../image/cmn_dotline01.gif) no-repeat bottom;
}

.sectionH1 .lp_point .left_pic {
	float: left;
	width: 120px;
}

.sectionH1 .lp_point .right_text {
	float: left;
	width: 350px;
	margin: 10px 0 0 0;
}

.sectionH1 .right_text p.tit {
	margin: 0 0 15px 0;
}

.sectionH1 .right_text p.stit {
	margin-bottom: 10px;
}

.sectionH1 .lp_point .center_text {
	float: left;
	width: 200px;
	padding: 10px 0 0 0;
}

.sectionH1 .lp_point .noimage {
	width: 350px;
}

.sectionH1 .center_text p.tit {
	margin: 0 0 15px 0;
}

.sectionH1 .center_text p.stit {
	margin-bottom: 10px;
}

.sectionH1 .lp_point p.right_pic {
	float: right;
	width: 135px;
	padding: 10px 0 0 0;
}

.sectionH1 .lp_point p.bottom_pic {
	clear: both;
	padding-top: 10px;
	text-align: right;
}

.sectionH1 .lp_point_end {
	float: left;
	width: 470px;
	padding: 0 0 30px 0 !important;
}

.sectionH1 .lp_point_end .left_pic {
	float: left;
	width: 120px;
}

.sectionH1 .lp_point_end .right_text {
	float: left;
	width: 350px;
	margin: 10px 0 0 0;
}

.sectionH1 .right_text p.tit {
	margin: 0 0 15px 0;
}

.sectionH1 .right_text p.stit {
	margin-bottom: 10px;
}

.sectionH1 .lp_point_end .center_text {
	float: left;
	width: 200px;
	padding: 10px 0 0 0;
}

.sectionH1 .lp_point_end .center_text p.text {
	margin: 0 0 15px 0;
}

.sectionH1 .center_text p.tit {
	margin: 0 0 15px 0;
}

.sectionH1 .center_text p.stit {
	margin-bottom: 10px;
}

.sectionH1 .center_text p.text {
	margin-bottom: 20px;
}

.sectionH1 .lp_point_end p.right_pic {
	float: right;
	width: 135px;
	padding: 10px 0 0 0;
}

.sectionH1 #lp_dotline01 {
	float: right;
	width: 470px;
	margin: 15px 0 15px 0;
}

/* table_layout */
.sectionH1 table.layout {
	width: 470px;
	height: auto;
	border-collapse: collapse;
	border: 1px solid #cccccc;
	clear: both;
}

.sectionH1 table.layout td {
	padding: 10px;
	border: 1px solid #cccccc;
	vertical-align: top;
}

.sectionH1 table.layout th {
	padding: 10px;
	border: 1px solid #cccccc;
	vertical-align: top;
}

.sectionH1 table.layout th.tit {
	padding: 8px 10px 5px 10px;
	background-color: #333333;
	text-align:left;
	font-weight: bold;
	color: #ffffff;
}

.sectionH1 table.layout th.stit {
	width: 60px;/*80px*/
	text-align:center;
	font-weight: bold;
	color: #666666;
	background-color: #efefef;
}

.sectionH1 table.layout td.stit {
	width: 150px;/*170px*/
	text-align: left;
}

.sectionH1 table.layout td.goods {
	width: 200px;/*220px*/
	text-align: center;
	vertical-align: middle;
}

.sectionH1 table.layout li.indent {
	text-indent: -1em;
	margin-left: 1em;
}

.sectionH1 .noboder_r {
	border-right-style: none;
}

.sectionH1 .noboder_l {
	border-left-style: none;
}

.sectionH1 #dotline02 {
	float: right;
	width: 450px;
	margin: 15px 0 15px 0;
}

.sectionH1 table.layout_comparison {
	width: 470px;
	height: auto;
	border-collapse: collapse;
	vertical-align: middle;
	clear: both;
}

.sectionH1 table.layout_comparison td {
	padding: 10px;
	border: 1px solid #cccccc;
}

.sectionH1 table.layout_comparison th {
	padding: 10px;
	border: 1px solid #cccccc;
}

.sectionH1 table.layout_comparison th.tit {
	text-align:left;
	border-style: none;
	padding: 0 !important;
	vertical-align: top !important;
}

.sectionH1 table.layout_comparison th.stit {
	background: #efefef;
	text-align:left;
	color: #666666;
	white-space: nowrap;
}

.sectionH1 table.layout_comparison td.left {
	width: 150px;
	text-align:left;
}

.sectionH1 table.layout_comparison td.left02 {
	width: 125px;
	text-align:center;
}

.sectionH1 table.layout_comparison td.right {
	width: 88px;
	text-align: left;
	text-align:center;
}

.sectionH1 table.os {
	width: 470px;
	margin: 0 0 45px 0;
	height: auto;
	border-collapse: collapse;
	border: 1px solid #cccccc;
	clear: both;
}

.sectionH1 table.os td {
	padding: 8px;
	border: 1px solid #cccccc;
}

.sectionH1 table.os th {
	width: 95px;
	padding: 8px;
	border: 1px solid #cccccc;
	text-align: center;
	background-color: #333333;
}

.sectionH1 table.os02 {
	width: 470px;
	margin: 0 0 45px 0;
	height: auto;
	border-collapse: collapse;
	clear: both;
}

.sectionH1 table.os02 td.text {
	padding: 8px;
	border: 1px solid #cccccc;
}

.sectionH1 table.os02 td.kome {
	padding: 5px 0 0 0;
}

.sectionH1 table.os02 th {
	width: 95px;
	padding: 8px;
	border: 1px solid #cccccc;
	text-align: center;
	background-color: #333333;
}

.sectionH1 .table_box {
	float: left;
	width: 450px;
}

.sectionH1 .left_text {
	float: left;
	width: 230px;
	margin-right: 15px;
	text-align: left;
}

.sectionH1 .left_text p.tit {
	margin: 0 0 13px 0;
}

.sectionH1 .left_text p.text {
	margin: 0 0 10px 0;
}

.sectionH1 .left_text p.text02 {
	margin: 10px 0 0 0;
}

.sectionH1 .right_pic {
	float: right;
	text-align: right;
}

.sectionH1 .point_right_text {
	float: right;
	width: 350px;
	text-align: left;
}

/* footertext */
.sectionH1 #lp_footertext {
	margin: 25px 0 0 0;
	padding: 20px 0 0 0;
	text-align: left;
	background: url(../image/cmn_dotline01.gif) no-repeat top;
}

/* 表内、PDFバナー設定 */
.sectionH1 p.pdf_stit {
	float: left;
	width: 130px;
	padding-top: 11px;
}

.sectionH1 .pdf_btn_area {
	float: right;
}

.sectionH1 .pdf_btn {
	float: left;
}

.sectionH1 .pdf_text {
	float: left;
	width: 60px;
	text-align: right;
	padding: 10px 0 0 5px;
}

.sectionH1 #lp_reader {
	text-align: left;
	margin-top: 20px;
}

.sectionH1 #lp_get_reader {
	float: left;
	margin-right: 15px;
}

.sectionH1 .lp_pagetop {
	float: right;
	width: 57px;
	padding: 10px 0 30px 0 !important;
}

.sectionH1 #lp_main h5 {
	margin-bottom: 15px;
}

.sectionH1 .pagelink {
	clear: both;
}

.sectionH1 .pagelink ul li {
	display: inline;
}

.sectionH1 .pagelink ul {
	display: block;
	margin-bottom: 15px;
	text-align: center;
}

.sectionH1 .pagelink_f {
	clear: both;
}

.sectionH1 .pagelink_f ul li {
	display: inline;
}

.sectionH1 .pagelink_f ul {
	display: block;
	margin-top: 15px;
	text-align: center;
}

/* フォントカラー */
.sectionH1 td.gray {
	background-color: #F9F9F9 !important;
	color: #909090;
}

/* 2013.3.29追加 */
.sectionH1 .keikoku {
	background:#ffecec;
	padding: 10px;
}

.sectionH1 .keikoku p {
	float: left;
	width: 30px;
}

.sectionH1 .keikoku ul {
	float: left;
	width: 395px;
}