@charset 'shift_jis';
@import url("basic.css");
@import url("detail.css");

/*****************************************************************************
 一覧ボックス
 *****************************************************************************/
.col2-2 {
	width:506px;
	margin:0 auto 1em auto;
}
.col2-2 .left, .col2-2 .right {
	width:248px;
	background:url("../img/det_clog_1col_bg_mid.gif") repeat-y;
}
.col2-2 .left .bot, .col2-2 .right .bot {
	width:100%;
	background:url("../img/det_clog_1col_bg_bot.gif") no-repeat left bottom;
}
.col2-2 ul {
	width:100%;
	padding:0 0 0.5em 0;
}
.col2-2 li {
	width:100%;
	background:url("../img/det_clog_list_mid.gif") repeat-y;
	margin:0.3em 0;
}
.col2-2 li span {
	display:block;
	width:100%;
	background:url("../img/det_clog_list_top.gif") no-repeat;
}
.col2-2 li span span {
	background:url("../img/det_clog_list_bot.gif") no-repeat left bottom;
}
.col2-2 li span span span {
	width:auto;
	margin:0 0.5em 0 1.8em;
	padding:0 0 0.5em 0;
	background-image: url(none);
	font-size: 85%;
}
.col2-2 li a {
	display:block;
	padding:0.5em 0.5em 0.5em 1.5em;
}

/*****************************************************************************
 旧一覧ボックス（2列用）
 *****************************************************************************/
.col2 {
	width:506px;
	margin:0 auto 10px auto;
	background:url("../img/det_clog_2col_bg_mid.gif") repeat-y;
}
.col2 .bot2col {
	width:100%;
	background:url("../img/det_clog_2col_bg_bot.gif") no-repeat left bottom;
}
.col2 .cont {
	width:498px;
	margin:auto;
	padding:0 0 10px 0;
}
.col2 .cont div.left, .col2 .cont div.right {
	width:240px;
}
.col2 .cont p.left, .col1 .cont p.left {
	width:70px;
}
.col2 .cont p.left img, .col1 .cont p.left img {
	border:4px solid #fff;
}
.col2 .cont p.center img, .col1 .cont p.center img {
	border:2px solid #fff;
}
.col2 .cont p.right, .col1 .cont p.right {
	width:160px;
	font-size:85%;
	line-height:1.4;
}
.col2 .midashi3 {
	width:100%;
	background:url("../img/det_clog_2col_mid.gif") repeat-y;
	margin:0 0 0.5em 0;
}
.col2 .midashi3 .mid {
	width:100%;
	background:url("../img/det_clog_2col_top.gif") no-repeat;
}
.col2 .midashi3 .bot {
	width:100%;
	background:url("../img/det_clog_2col_bot.gif") no-repeat left bottom;
}
.col2 .midashi3 .left, .midashi3 .right {
	width:248px;
	padding-top:4px;
}
.col2 .midashi3 h4, .col1 .midashi3 h4 {
	font-weight:bold;
	padding:0.3em 0.5em 0.3em 20px;
}

/*****************************************************************************
 旧一覧ボックス（1列用）
 *****************************************************************************/
.col1 {
	width:506px;
	margin:0 auto 10px auto;
	background:url("../img/det_clog_1col_bg_mid.gif") repeat-y;
}
.col1 .bot1col {
	width:100%;
	background:url("../img/det_clog_1col_bg_bot.gif") no-repeat left bottom;
}
.col1 .bot1col .in {
	width:248px;
}
.col1 .midashi3 {
	width:100%;
	background:url("../img/det_clog_1col_mid.gif") repeat-y;
	margin:0 0 0.5em 0;
}
.col1 .midashi3 .mid {
	width:100%;
	background:url("../img/det_clog_1col_top.gif") no-repeat;
}
.col1 .midashi3 .bot {
	width:100%;
	background:url("../img/det_clog_1col_bot.gif") no-repeat left bottom;
	padding-top:4px;
}
.col1 .cont {
	width:240px;
	margin:auto;
	padding:0 0 10px 0;
}


/*****************************************************************************
 カテゴリー
 *****************************************************************************/
#right .box {
	background:url("../img/det_clog_cate_bg.gif") repeat-y;
}
#right .box .foot {
	background:url("../img/det_clog_cate_bot.gif") no-repeat left bottom;
	padding-bottom:5px;
}
#categories {
	width:188px;
	margin:auto;
	line-height:1.3;
}
#categories ul, #categories li {
	width:100%;
}

/* トップカテゴリ */
#categories ul.topC li span {
	width:100%;
	display:block;
	background:url("../img/det_clog_topcate_off_bg_bot.gif") no-repeat left bottom;
}
#categories ul.topC li span span {
	width:auto;
	padding:0.5em 10px 0.5em 20px;
	background:url("../img/icon_arrow.gif") no-repeat 10px 0.8em;
}
#categories ul.topC li a:link, #categories ul.topC li a:visited, #categories ul.topC li a:active {
	width:100%;
	background:url("../img/det_clog_topcate_off_bg_top.gif") no-repeat left top #e0e0e0;
	display:block;
}
#categories ul.topC li a:hover span span, #categories ul.topC li.cc span span {
	color:#fff;
	background:url("../img/icon_arrow02.gif") no-repeat 10px 0.8em #333;
	text-decoration:underline;
}

/* サブカテゴリ */
#categories ul.secC li span {
	width:auto;
	display:block;
	background:url("../img/icon_arrow.gif") no-repeat 10px 0.8em;
	padding:0.5em 10px 0.5em 20px;
}
#categories ul.secC li a:link, #categories ul.secC li a:visited, #categories ul.secC li a:active {
	width:100%;
	display:block;
	background:url("../img/line01.gif") repeat-x left bottom #fff;
}
#categories ul.secC li a:hover span, #categories ul.secC li.cc span {
	background:url("../img/icon_arrow.gif") no-repeat 10px 0.8em #e8f0ff;
	text-decoration:underline;
}


/*****************************************************************************
 詳細用
 *****************************************************************************/

/* 見出し */
.midashi4 {
	width:526px;
	margin:0.5em auto 1.5em auto;
}
.midashi4 div {
	border-left:8px solid #ff0000;
	padding:0.3em 0 0.3em 0.8em;
}
.midashi4 h3 {
	font-weight:bold;
	font-size:120%;
}
.midashi4 h3 span {
	font-size: 70%;
	font-weight: normal;
	margin: 0 0 0 5px;
}
.midashi4 p {
	font-size:85%;
	padding:0 0 0.2em 0;
}
h4.midashi4 {
	width:100%;
	margin:1em auto 1.5em auto;
	font-weight:bold;
	font-size:120%;
}
h4.midashi4 span {
	display:block;
	border-left:8px solid #48525b;
	padding:0.3em 0 0.3em 0.8em;
}
h4.midashi4 span strong {
	font-size:85%;
	font-weight:normal;
}

/* 動画リンクボタン */

p.movieBtn {
	margin: -1em 22px 1em;
	text-align: right;
}

/* 背景色つき */
#procedure {
	width: auto;
	margin: 0 17px;
	padding: 5px 5px 0;
	background-color: #fff5e3;
}
#procedure h4 {
	margin-bottom: 0.5em;
}
#procedure dt {
	float: left;
	clear: left;
	width: 90px;
	font-weight: bold;
}
#procedure dd {
	margin: 0 0 1em 100px;
}

/* 余白 */
.pad01 {
	width:506px;
	margin:auto;
}
.pad01 p {
	padding:0 0 1em 0;
	line-height:1.5em;
}
.pad01 p span.small {
	font-size: 85%;
}

/* テーブル */
.table-style02, .table-style01 {
	width:100%;
	margin:0 0 1em 0;
}
.table-style02 table, .table-style02 th, .table-style02 td,
.table-style01 table, .table-style01 th, .table-style01 td {
	border:1px solid #cccccc;
}
.table-style02 th, .table-style02 td,
.table-style01 th, .table-style01 td {
	padding:0.3em 0;
}
.table-style02 th,.table-style01 th {
	background:#e8e8e8;
	text-align:center;
	font-weight:bold;
}
.table-style02 td div {
	padding:0 1em;
}
.table-style01 p.small, .table-style02 p.small {
	padding:0.5em 0;
	font-size:85%;
}
.table-style01 th, .table-style01 td {
	text-align:center;
}
.table-style01 tr.bg,.table-style01 td.bg,
.table-style02 tr.bg,.table-style02 td.bg {
	background:#f5f5f5;
}
.table-style01 td.bgf {
	background:#fff;
}
.table-style01 td span.small {
	font-size:85%;
}
.red {
	color:#ff0000;
}
.table-style02 caption, .table-style01 caption {
	font-weight:bold;
	border-bottom:5px solid #fff;
}


.table-style03 {
	width:100%;
	margin:0 0 1em 0;
	font-size:92.9%;
}
.table-style03 table, .table-style03 th, .table-style03 td {
	border:1px solid #cccccc;
}
.table-style03 th, .table-style03 td {
	padding:0.3em 0;
}
.table-style03 th {
	background:#e8e8e8;
	text-align:center;
	font-weight:bold;
}
.table-style03 p.small {
	padding:0.5em 0;
	font-size:85%;
}
.table-style03 th, .table-style03 td {
	text-align:center;
}
.table-style03 tr.bg,.table-style03 td.bg {
	background:#f5f5f5;
}
.table-style03 td.gray {
	background:#f5f5f5;
}
.table-style03 td.bgf {
	background:#fff;
}
.table-style03 td span.small {
	font-size:85%;
}
.table-style03 span.min {
	font-size:85%;
	font-weight:normal;
}
.table-style03 caption {
	font-weight:bold;
	border-bottom:5px solid #fff;
}

/* 写真 */
.photo, .photo3 {
	width:100%;
	margin:0 0 1em 0;
}
.photo .left, .photo .right {
	width:248px;
}
.photo .center {
	text-align:center;
}
.photo span.caption, .photo3 span.caption {
	display:block;
	font-size:85%;
	padding:0.5em;
	line-height:1.3em;
	text-align:left;
}
span.img {
	display:block;
	padding:2px;
	border:1px solid #dedede;
}
.photo3 p.lef, .photo3 p.cen, .photo3 p.rit {
	width:162px;
	float:left;
}
.photo3 p.lef, .photo3 p.cen {
	margin-right:10px;
}

/* リスト */
ul.indent {
	width:100%;
	margin:0 0 1em 0;
	line-height:1.4;
}
ul.indent li, p.indent {
	text-indent:-1em;
	padding:0 0 0.5em 1em;
}
ul.indent li span, p.indent span.ih {
	font-family: "ＭＳ ゴシック", "Osaka−等幅";
}

/* 右PDF枠 */
#right .pdf {
	width:100%;
	margin:0 0 1em 0;
	background:url("../img/det_right_pdf_mid.gif") repeat-y;
}
#right .pdf h5 {
	width:100%;
	height:36px;
	overflow:hidden;
	background:url("../img/det_right_pdf_top.gif") no-repeat;
	text-indent:-9999px;
}
#right .pdf p {
	color:#fff;
	padding:1em;
	font-size:85%;
	line-height:1.4;
}
#right .pdf a {
	color:#fff;
	font-weight:bold;
}

/* PDFボタン */
.pdfBox {
	width:510px;
	margin:0 auto 20px;
	background:url("../img/det_box_mid.gif") repeat-y;
}
.pdfBox div {
	width:100%;
	background:url("../img/det_box_top.gif") no-repeat;
}
.pdfBox div div {
	background:url("../img/det_box_bot.gif") no-repeat left bottom;
	padding:10px 0 20px;
}
.pdfBox h4 {
	width:490px;
	background:#eef5f9;
	margin:0 auto 5px auto;
}
.pdfBox ul {
	width:490px;
	margin:auto;
}
.pdfBox li {
	border-bottom:1px dotted #ccc;
	padding:0.7em 0 0.7em 30px;
	background:url("../img/det_pdf_icon.gif") no-repeat 5px 0.7em;
}
.pdfBox li small {
	font-size:85%;
}

/* 映像用 */
.movie {
	width:100%;
	margin:0 auto 15px;
}
.movie .left, .movie .right {
	width:254px;
	background:url("../img/movie_mid.gif") repeat-y;
}
.movie .left div, .movie .right div {
	width:100%;
	background:url("../img/movie_bot.gif") no-repeat left bottom;
}
.movie .left p, .movie .right p {
	width:100%;
	background:url("../img/movie_top.gif") no-repeat left top;
	text-align:center;
	padding:8px 0 7px;
}
.movie dl {
	width:240px;
	margin:auto;
	line-height:1.4;
	padding:0 0 10px;
	font-size:85%;
	overflow: hidden;
}
* html .movie dl {
	height: 1%;
}
.movie dt {
	float: left;
	width:140px;
	padding-top: 3px;
}
.movie dd {
	float: right;
}
.pad02 {
	width:526px;
	margin:auto;
}

/* Vバルブ関連 */
p.ind_cir {
	text-indent:-0.5em;
	padding:0 0 0 0.5em;
	margin:0;
}
* html p.ind_cir {
	text-indent:-1em;
	padding:0 0 0 1em;
}
.support {
	padding-top:20px;
}
ul.vlv li {
	text-indent:-1em;
	padding-left:1em;
	margin-bottom:0.5em;	
}
p.hosoku {
	text-align:center;
	padding-bottom:30px;
}
.min_ph .l_min {
	width:118px;
	float:left;
}
.min_ph .r_min {
	width:118px;
	float:right;
}
p.minp {
	font-size:85%;
	text-indent:-2.5em;
	padding:0.5em 0 0 2.5em;	
}
span.minp {
	font-size:85%;
}

.table-style01 span.size_dwn {
	font-size:85%;
	font-weight:normal;
}