@charset "UTF-8";

/*----------------------------- 
動的スタイルシート
商品詳細ページ
----------------------------- */

hr{
	clear:both;
	border: 0;
	border-top: #CCC dotted 3px;
	margin:15px 0;
}

/*-- コンテンツ部分 --*/
#products {
	font-size:90%;
	width: 900px;
	margin: 0 auto;
	line-height:140%;
	
}

/*-- コンテンツ部分 --*/
#products a{
	color:#666666;
}

#products a:hover{
	color:#FF0080;
}

#products p{
	margin-bottom:0px;
}

/*-- カテゴリバナー --*/
#cate_img {
	width: 900px;
    height:auto;
    overflow:hidden;
}
.cate_line{
	border:0!important;
	height:80px!important;
}
/*-- h2 商品名 --*/
#products h2.line01{
	color:#333333;
	width:auto;
	height:auto;
	font-size:250%;
	line-height:150%;
	padding:0 0 0 23px;
	background: url(../images/content/icon-green2.gif) no-repeat left center;
    margin:0 0 20px 0;
}

/*-- h2 商品名 --*/


#products h2.pageTitle2
{
	float: left;
	width: 910px;
	padding: 5px 5px 5px 5px;
	margin: 0 0 20px;
	color: #336600;
	font-size: 30px;
	line-height:150%;
	font-weight: bold;
	background: left bottom no-repeat url(../images/content/h1-under.gif);
}

#products h2.line01 a,
#products h2.pageTitle2 a
{
	text-decoration:none;
}

/*-- h2 span 型番 --*/
#products h2.line01 span{
	float:right;
    font-size:13px;
    font-weight:normal;
    text-align:right;
    color:#666666;
	margin-right:30px;
}

/*-- h3   --*/
#products h3{
	margin:5px 0 10px 0;
	font-size:14px;
    border-left:5px solid #db7093;
    padding:5px 0 5px 10px;
}

#products h3.ttlH3{
	float: left;
	width: 850px;
	height: 42px;
	padding-left: 50px;
	padding-bottom: 10px;
	margin-bottom: 18px;
	background: left top no-repeat url(../images/content/h3-bg.jpg);
	font-size: 24px;
	line-height: 44px;
	color: #fff;
	overflow: hidden;
	border:0;
}


/*-- h4   --*/
#products h4{
	background: url(../images/common/arrow_p.gif) no-repeat 0px 0.3em;
	padding:0 0 0 20px;
	margin:10px 0;
}


/*-- 商品ページバナー --*/
#banner_img {
	width: 900px;
    height:auto;
    overflow:hidden;
    margin-bottom:5px;
}

/*-- 右側ボックス --*/
.right-box{
	    width: 380px;
    float:right;
	line-height:210%;
}


/*-- h3 キャッチコピー --*/
#products h3.catch{
	font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;	
	color:#02601a;
  	font-size:180%;
    margin:5px 0 20px 0;
    border:0;
	padding:0;
}

/*-- カート部品　ボックス --*/
#products .cart_box{
	background-color:#E0FFC1;
  	padding:20px;
	margin:20px 0;
	font-size:25px;
	font-weight:bold;
}


#products .cart_box img{
	margin:15px 0 5px 0;
}


/*-- カート部品　セレクトボックス --*/
#products select.big{
	font-size: 16px;
    width:100px;
    margin-bottom:10px;
}

/*----------------------------- 
オプション表
----------------------------- */

#products table.zokusei_hyou{
	    width: 350px;
    border: 1px #CCCCCC solid;
	border-collapse: collapse;
    margin:0;
}

#products table.zokusei_hyou td{
	border: 1px #CCCCCC solid;
	text-align: center;
}

#products span.zaiko_chuui{
	font-size:12px;
    font-weight:normal;
    display: block;
    margin-bottom:10px;
}

#products table.teire{
    width: 510px;
    border: 1px #CCCCCC solid;
    margin:0;
}

#products table.teire td{
	border: 1px #CCCCCC solid;
	text-align: center;
}

#products table.teire tr{
	border: 1px #CCCCCC solid;
	text-align: center;
}

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

/*-- カート部品　買い物カゴ　サブミットボタン --*/
#products input.cart_in{
    width:160px;
    height:40px;
    background:#02601a;
    border-style: none;
    color: #fff;
    font-weight:bold;
    font-size:16px;
    letter-spacing: 0.2em;
    margin:0;
}


/*-- ガイドメニュ－ --*/
#products .detail_item_guide ul
{
	margin:10px 0;
}
#products .detail_item_guide ul li
{
	padding: 3px 0 3px 20px;
	font-size: 12px;
	list-style: none;
}
#products .detail_item_guide ul li.nagare
{
	background: url(../images/products/icon/ico_note.gif) no-repeat left;
	font-size:18px;
}
#products .detail_item_guide ul li.form
{
	background: url(../images/products/icon/ico_mail2.gif) no-repeat left;
}
#products .detail_item_guide ul li.review
{
	background: url(../images/products/icon/ico_comment1.gif) no-repeat left;
}
#products .detail_item_guide ul li.toukou
{
	background: url(../images/products/icon/ico_pen.gif) no-repeat left;
}
#products .detail_item_guide ul li.cat
{
	background: url(../images/products/icon/ico_plus1.gif) no-repeat left;
}

/*----------------------------- 
画像３～６
パターン３種　
----------------------------- */
#products .imgbox_typeA{
	clear:both;
	padding-top:20px;
}

#products .imgbox_typeB{
		width: 430px;
    margin:0 5px 20px 5px;
    float:left;
}


#products .imgbox_typeC{
	clear:both;
	padding-top:20px;
}

#products .imgbox_typeC img{
	float:left;
    margin-right:20px;
}

/*----------------------------- 
関連記事
----------------------------- */

#products .kiji_box{
	padding:20px;
    border: #CCCCCC dotted 3px;
    margin:20px 0;
}

#products .kiji_box h3{
    border-bottom: #E0FFC1 solid 3px;
	border-left:0;
	margin-bottom:15px;
}
#products .kiji_box .kiji_img_box{
   margin-top:10px;
}

#products .kiji_box .kiji_img_box img{
    margin-left:20px;
    font-size:12px;
	float:right;
}
hr.clr{
	border: none;
	margin:0;
	padding:0;
	color:#ffffff;
}

/*----------------------------- 
お客様の声
----------------------------- */
#products .review_box{
}

#products .review_box h3{
	border:0;
	padding:5px;
	border-bottom: #E0FFC1 solid 3px;
  	font-size:14px;
	margin-bottom:10px;
}

#products .review_box h3 a{
	text-decoration:none;
  	font-size:16px;
}

#products .review_box ul{
	list-style-type: none;
}

#products .review_box ul li{
	margin-bottom:10px;
    border-bottom:  dotted 1px;
}

#products .review_box ul li.henshin{
	margin-bottom:10px;
	margin-left:10px;
	color:#000080;
}


/*----------------------------- 
関連商品
----------------------------- */

#products .awase_box{
    
}


/*----------------------------- 
関連商品・商品一覧
商品のテーブル
----------------------------- */

#products table.item_table{
	margin:5px 5px;
	border:1px solid #CCCCCC;
    float:left;
    padding:5px;
        width: 215px !important;
	line-height:160%;
	font-size:13px;
}

#products table.item_table tr{
	text-align:center;
}

#products table.item_table td.img{

}

#products table.item_table td.price{
	text-align:center;
}

#products table.item_table th{
	text-align:center;
}

#products table.item_table th a{
	line-height:140%;
    margin:0;
    font-weight:bold;
}

#products table.item_table span.btn_box{
    text-align:center;
}


.bg_yellow{
	background-color: #FFFFE1;
}

.bg_yellow_txt{
	color: #FFFF80;
	color: #FFFFE1;
}

.bg_blue{
	background-color: #EEFFFF;
}

.bg_blue_txt{
	color: #B0FFFF;
	color: #EEFFFF;
}

p.f14{
	font-size:16px;
}
.f24{
	font-size:24px;
}
.f18{
	font-size:18px;
}
.f20{
	font-size:20px;
}
.f12{
	font-size:70%;
    line-height:-1.0px!important;;
}
/*----------------------------- 
お買い物ガイド
----------------------------- */

#products div.pay_txt{
	margin-left:20px;
 	border-bottom: #CCCCCC dotted 1px;
	padding-bottom:10px;	
}

#products table.souryou_table_list{
	border: 1px #CCCCCC solid;
	border-collapse: collapse;
}



#products table.souryou_table_list td.headline{
	border: 1px #CCCCCC solid;
	border-collapse: collapse;
	text-align:center;
	font-weight:bold;
	line-height:200%;
	background-color: #E0FFC1;
}

#products table.souryou_table_list td{
	border: 1px #CCCCCC solid;
	border-collapse: collapse;
	text-align:center;
	line-height:300%;
}

#products div.guide_item
{
	width: 520px;
	margin: 15px 0 30px 0;
	padding: 0 0 30px 0;
	border-bottom: dotted 3px #CCCCCC;
}


#products div.guide_item ol li
{
	font-size: 75%;
	margin: 0 0 10px 30px;
}
#products div.guide_item dl
{
	font-size: 75%;
}

#products div.guide_pagetop
{
	width: 648px;
	margin: 15px 0 10px 20px;
	padding: 0 0 15px 0;
	text-align: right;
	font-size: 75%;
}

#products div.guide_item a,
#products div.guide_pagetop a
{
	color: #000000;
}

#products div.guide_item a span,
#products div.guide_pagetop a span
{
	text-decoration: none;
	color: #993333;
}

#products div.guide_item div.left_box
{
	width: 310px;
	margin-right: 28px;
	float: left;
	display: inline;
	/*font-size: 75%;*/
}

#products div.guide_item div.right_box
{
	width: 310px;
	float: left;
	display: inline;
	/*font-size: 75%;*/
}

#products div.guide_item h4
{
	border-left: solid 3px #993333;
	color: #993333;
	padding-left: 10px;
	margin: 20px 0 15px 0;
	/*font-size: 120%;*/
}

#products div.guide_item h5
{
	height: 22px;
	margin: 5px 0 5px 0;
	padding: 3px 0 0 5px;
	overflow: hidden;
	background-image: url(../images/base/side_title01.gif);
	background-repeat: repeat-x;
	color: #ffffff;
	/*font-size: 110%;*/
}

#products div.guide_item h5 span
{
	color: #b0543a;
	margin: 0 5px 0 0;
}

#products div.guide_item div.tel
{
	margin: 11px 0 11px 25px;
	padding: 0 0 0 51px;
	line-height: 1.3;
	font-size: 80%;
	color: #434141;
	background-image: url(../images/base/guide_icon01.gif);
	background-repeat: no-repeat;
}

#products div.guide_item div.fax
{
	margin: 0 0 0 25px;
	padding: 0 0 0 51px;
	line-height: 1.3;
	font-size: 80%;
	color: #434141;
	background-image: url(../images/base/guide_icon02.gif);
	background-repeat: no-repeat;
	letter-spacing: -0.01em;
}

#products div.guide_item div.tel img,
#products div.guide_item div.fax img
{
	margin: 0 0 2px 0;
}

#products div.guide_item a.fax
{
	width: 245px;
	height: 29px;
	display: block;
	margin: 10px 0 10px 23px;
}

#products div.guide_item p
{
	margin: 10px 0 30px 0;
}

hr.mt20{
	margin-top:20px;
}

#products div.border_pink{
	border:1px dotted #FF8080;
	padding:0px 10px;
	margin-bottom:10px;
}

#products ul{
	margin:5px 0 5px 0;
	padding:0;
}


#products ul li{
	margin-bottom:0px;
	padding:0 0 0 20px;
	background: url(../images/common/arrow_b.gif) no-repeat 0px 0.3em;
    list-style: none;

}


/*----------------------------- 
関連商品・商品一覧
商品のテーブル　追記
----------------------------- */
.ichiran_list
{
	clear: both;
	padding-left: 25px;
}

#main #products div.inner03{
	clear: both;
	width: 900px;
	margin: 0 0 35px;
	padding: 0;
}



#products div.p_box{
	width:420px;
	float:right;
	margin:5px 5px 5px 0;
	padding:5px;
	border:1px dotted #ccc;

}


/*----------------------------- 
スタイルシート
管理画面エディタ内
----------------------------- */
#products h2.tree{
	color:#333333;
	width:900px;
	height:42px;
	font-size:250%;
	padding:23px 0 0 23px;
	background: url(../images/products/icon/icon_3g_48.png) no-repeat left;
    margin:0 0 10px 30px;
}

/*----------------------------- 
商品ページ
カテゴリーリスト
----------------------------- */
#products .jigyo-01 ul{
		float: left;
		width: 900px;
		list-style: none;
		margin: 0 0 0 -10px;
		}
		#products .jigyo-01 ul li{
			float: left;
			width: 220px;
			height: 60px;
			padding: 0 5px 5px 68px;
			background: left top no-repeat;
		}

		#products .jigyo-01 ul li.jiLi01{background-image:url(../images/uekiya/jigyou/01btn-bg01.jpg) !important;}
		#products .jigyo-01 ul li.jiLi02{background-image:url(../images/uekiya/jigyou/01btn-bg02.jpg) !important;}
		#products .jigyo-01 ul li.jiLi03{background-image:url(../images/uekiya/jigyou/01btn-bg03.jpg) !important;}
		#products .jigyo-01 ul li.jiLi04{background-image:url(../images/uekiya/jigyou/01btn-bg04.jpg) !important;}
		#products .jigyo-01 ul li.jiLi05{background-image:url(../images/uekiya/jigyou/01btn-bg05.jpg) !important;}
		#products .jigyo-01 ul li.jiLi06{background-image:url(../images/uekiya/jigyou/01btn-bg06.jpg) !important;}
		#products .jigyo-01 ul li.jiLi07{background-image:url(../images/uekiya/jigyou/01btn-bg07.jpg) !important;}
		#products .jigyo-01 ul li.jiLi08{background-image:url(../images/uekiya/jigyou/01btn-bg08.jpg) !important;}
		#products .jigyo-01 ul li.jiLi09{background-image:url(../images/uekiya/jigyou/01btn-bg09.jpg) !important;}
		#products .jigyo-01 ul li.jiLi10{background-image:url(../images/uekiya/jigyou/01btn-bg10.jpg) !important;}
		#products .jigyo-01 ul li.jiLi11{background-image:url(../images/uekiya/jigyou/01btn-bg11.jpg) !important;}
		
		#products .jigyo-01 ul li h4{
			padding: 10px 0 0 0;
			margin: 0;
			font-size: 17px;
			line-height: 1.4;
		}
		#products .jigyo-01 ul li p{
			font-size: 14px;
		}