@charset "utf-8";
/* CSS Document */
/*▼リストの文字の指定*/
li,dt,dd{
	font-size:14px;
	color:#444;
	font-family:Arial, Helvetica, sans-serif;
}
/*▼ページ内容を真ん中表示*/
#wrapper{
	width:830px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

/*▼パンくずリストの指定…teine_5.cssでの指定を一部継承してるので、このページのみの指定をここに*/
.pan{
	/*width:700px;*/
	float:left;
	font-family:Arial, Helvetica, sans-serif;
}


/*▼logoに最上部の背景を作成して、logoイメージの表示位置を調整*/
.logo{
	width:830px;
	height:80px;
	background:url(../img/bg_line1.gif) no-repeat;
}
.logo h1{
	float:left;
	margin:0px;
	width:810px;
	padding-left:20px;
	padding-top:20px;
}
.logo img{
	float:left;
}

/*▼contentsにロゴより下の背景(両端のライン)を作成*/
.contents{
	height:auto;
	float:left;
	padding-left:40px;
	background:url(../img/bg_line2.gif) repeat-y;
}

/*▼製品購入ページへのメニューバー*/
.opacity{
	float:left;
}
.opacity ul{
	list-style-type:none;
	height:32px;
	/*background-color:#3CC;*/
	margin:10px 0px 0px 0px;
	padding:0px;
}
.opacity li{
	/*float:left;*/
	margin-right:5px;
	display:inline-block;/*float使わないリスト横並びの指定*/
}
/*▼ホバー時の透明度をブラウザごとに指定*/
div.opacity a:hover img{ 
    filter:alpha(opacity=70);  /* IE7以下用 */
    -ms-filter: "alpha(opacity=70)"; /* IE8用 */
    opacity: 0.7; /* Opera, Safari用 */
    -khtml-opacity: 0.7;  /* Safari , 他ブラウザ用  */
    -moz-opacity:0.7; /* Firefox , Netscape用 */
	} 

div.opacity a: img{ 
    filter:alpha(opacity=100);  /* IE7以下用 */
    -ms-filter: "alpha(opacity=100)"; /* IE8用 */
    opacity: 1 ; /* Opera, Safari用 */
    -khtml-opacity: 1 ;  /* Safari , 他ブラウザ用  */
    -moz-opacity: 1 ; /* Firefox , Netscape用 */
	}

/*▼買い物かご*/
.cart{
	clear:left;
	float:right;
	margin:10px 20px 10px 0px;
}
.cart p{
	width:162px;
	height:37px;
	/*background-color:#3C9;*/
	margin:0px;
}

/*▼FAQのタイトル表示*/
.head_title{
	width:750px;
	height:50px;
	clear:both;
}
.head_title h1{
	clear:both;
	width:735px;
	font-size:18px;
	height:auto;
	border-bottom:#093 solid 2px;
	padding-left:15px;
	padding-bottom:3px;
	background:url(../img/category_mark.gif) no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	/*background-color:#9C0;*/
}

/*▼FAQ　質問のリスト部分*/
.faq_list h2{
	width:735px;
	height:auto;
	border-bottom:3px double #096;
	margin-left:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	/*background-color:#9C0;*/
}
.faq_list li{
	list-style-image:url(../img/side_item.gif);
	line-height:2em;
}

/*▼質問分とその答えの表示*/
.QandA{
	clear:right;
}
.QandA h2{
	width:735px;
	height:auto;
	border-bottom:3px double #096;
	margin-left:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
}
.QandA dl{
	width:600px;
	height:auto;
	padding-left:15px;
	margin-top:10px;
	/*background-color:#CF9;*/
}
.QandA dt{
	border-bottom:#096 dotted 2px;
	margin-bottom:12px;
	font-weight:bold;
}
.QandA dd{
	margin-left:0px;
	line-height:1.5em;
}

/*▼最後の文章…Terms and Conditionsにリンクがされている部分*/
.link_TandC p{
	width:735px;
	padding-left:15px;
	height:auto;
	font-size:14px;
	border-top:#096 dotted 2px;
	padding-top:2px;
	margin-bottom:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
}

/*▼フッターメニュー表示*/
.footer{
	float:left;
	width:830px;
	height:40px;
}

/*▼字下げ指定…行がまたがる答えに使用*/
.jisage{
	padding-left:1.5em;
	text-indent:-1.3em;
}
/*▼文字色変更　ピンクで目立たせる*/
.check{
	color:#F39;
}

/*▼faq.htmlのトップと、onlineのインデックスへのリンク…クラスQandAの間に挿入されてる*/
.page_link{
	width:200px;
	height:16px;
	/*background-color:#FF9;*/
	float:right;
	margin-bottom:20px;
}
.page_link ul{
	list-style-type:none;
	padding:0px;
	margin:0px;
}
.page_link li{
	float:left;
	margin-left:10px;
}
.top_p{
	border-left:#666 solid 2px;
	padding-left:10px;
	
}