@charset "Shift_JIS"; 

/* =========================================================

     ご利用ガイド用CSSファイル（guide）

========================================================= */

/* --------------------------------------------------------
     FAQ．よくあるご質問
-------------------------------------------------------- */
/* ----------------------
   ヘッダー
---------------------- */
div#hdr {
	width: 100%;
	height: 62px;
	border-top: 4px solid #331701;
}
div#hdr p#guide {
	float: left;
	padding: 0 0 0 15px;
}
div#hdr p#logo {
	float: right;
	padding: 9px 8px 0 0;
}

/* ----------------------
   全体枠
---------------------- */
div#wrapper {
	margin: 10px 15px 0;
	text-align: left;
}
/* --- パンくず --- */
p#path {
	height: 28px;
	padding: 0;
	font-size: 85%;
}
/* --- タイトル回り --- */
div#ht {
	margin: 12px 0 0 0;
	padding: 0 0 5px 0;
	vertical-align: text-bottom;
	border-bottom: 3px solid #9b744d;
}
div#ht h1{
	font-size: 120%;
	line-height: 1.2em;
}
div#ht p#back-index {
	float: right;
}

/* ----------------------
   見出し
---------------------- */
h2 {
 margin: 0 0 20px 0;
 padding: 5px 13px;
 background-color: #EBE4D4;
	font-size: 110%;
}
h3 {
	background: transparent url(../images/com_bg007.gif) no-repeat scroll left top;
	font-size: 95%;
	height:31px;
	_height:41px;
	line-height:100%;/* 文字サイズ変更で高さが変わらないよう */
	padding: 10px 0px 3px 27px;
}
h4 {
 margin: 5px 0 0 0;
 font-size: 95%;
}

/* ----------------------
   ご利用ガイド扉ページ
---------------------- */
div.guide-top {
 float: left;
	width: 280px;
	padding: 0 0 40px 0;
	}
div.guide-top .link02 {
 font-weight: bold;
	}
div.guide-top ul {
 margin: 0 0 0 12px;
	}
div.guide-top li {
 padding: 12px 0 0 0;
 _padding: 6px 0 0 0;
	}
div.guide-top li.margin {
 margin: 15px 0 0 0;
	}
div.guide-top ul.child {
 margin: 0 0 0 17px;
	}

/* ----------------------
   カテゴリーリンク
---------------------- */
ul#category {
	margin: 20px 0 15px 0;
	padding: 0 10px;
	font-size: 86%;
}
ul#category li {
	float: left;
	padding: 0 6px;
	border-right: 1px solid #999999;
	white-space: nowrap;
}
ul#category li.act{
	font-weight: bold;
	color: #666666;
}
ul#category li.last{
	border-style: none;
}

/* ----------------------
   クエスチョンアンカー
---------------------- */
div#qlist {
	text-align: center;
}
div#qlist h2 {
	width: 555px;
	margin: 0 auto;
	text-align: left;
	padding: 10px 15px 6px 15px;
	background: url(../../guide/faq/images/com_bg002.gif) no-repeat top left;
	font-size: 110%;
}
div#qlist dl {
	width: 555px;
	margin: 0 auto;
	text-align: left;
	padding: 6px 15px 12px 15px;
	background: url(../../guide/faq/images/com_bg001.gif) no-repeat bottom left;
}
div#qlist dt {
	float: left;
	padding: 4px 8px;
	font-weight: bold;
	color: #993333;	
}
div#qlist dd {
	padding:5px 0;
	font-size: 85%;
}

/* ----------------------
   QA
---------------------- */
/* --- 質問 --- */
div.qa dt {
	margin: 20px 0 0;
	padding: 8px 12px 10px;
	border-top: 3px solid #9b744d;
	background: url(../images/com_line001.gif) repeat-x bottom left;
	font-weight: bold;
}
div.qa dt span {
	margin: 0 8px 0 0;
	color: #993333;
}

/* --- 答え --- */
div.qa dd {
	padding: 8px 12px 10px;
	background: url(../images/com_line001.gif) repeat-x bottom left;
}
div.qa dd p.image {
	margin: 6px 0 6px 15px;
}
div.qa dd p.image img {
	margin: 0 5px;
}
div.qa dd ul.list {
	margin-bottom: 8px;
}
div.qa dd ul.list li {
	margin-top: 5px;
	padding-left: 15px;
}
div.qa dd ul.list li span {
	text-indent: -15px;
}

/* --- 質問一覧に戻る --- */
p.list-top {
	clear: both;
	text-align: right;
	margin: 4px 0 0 0;
}

/* --------------------------------------------------------
     ご利用環境チェック
-------------------------------------------------------- */
body#dianacom div#hdr {
 height: 80px;
}
body#dianacom h1 {
 float: left;
	margin: 25px 0 40px 15px;
	_margin: 25px 0 40px 7px;
	padding: 0 0 0 7px;
	border-left: solid 3px #CF6E0A;
}
body#dianacom div#logo {
	margin: 12px 8px 0 0;
	float:right;
}
body#dianacom div#wrapper {
	margin: 0 15px;
	text-align: left;
	border-top: solid 1px #CCCCCC;
}

/* --- プロセス --- */
div#process {
 margin: 15px auto;
}
div#process li {
	float: left;
	padding: 0 0 0 8px;
	background: url(../../guide/dianacom/images/com_ic001.gif) no-repeat 2px 14px;
}
div#process li.start {
	float: left;
	padding: 0 0 0 0;
	background: url(none);
}


/* --- コンテンツ --- */
ol {
 margin: 10px 0 20px 22px;
	_margin: 10px 0 20px 27px;
}
div.tx-area {
 padding: 0 10px;
}
div.tx-area span {
 color: #FF0000;
}
div.tx-area p.paragraph {
 padding: 10px 0 0 0;
}
div.detail {
 margin: 15px 20px;
	padding: 15px;
	background-color: #F5F1E9;
	text-align: center;
}
div.detail span {
 color: #993331;
}
div.detail p.paragraph {
 padding: 15px 0 0 0;
}
div.detail img {
 margin: 0 10px 0 0;
 vertical-align: middle;
}
div#bt-area {
 margin: 20px 0 30px 0;
 padding: 5px 0 0 0;
	background: url(../images/com_line001.gif) repeat-x;
	_height: 1%;
	text-align: center;
}
div#bt-area img {
 margin: 13px 10px 0 10px;
}
div.tx-area02 {
 padding: 0 20px 20px 20px;
}
div.tx-area02 dt {
 margin: 18px 0 0 0;
 padding: 0 0 30px 0;
	border-bottom: solid 1px #EBE4D4;
	font-weight: bold;
}
div.tx-area02 dd {
 margin: -28px 0 0 2.8em;
}
div.tx-area02 img {
 float: right;
	margin: -25px 0 0 0;
}
div.detail span.css-ch-tx {
 padding: 7px 10px 8px 15px;
	_padding: 7px 10px 7px 15px;
	border: solid 1px #B39F8C;
	background-color: #FFFFFF;
	font-weight: bold;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
div.detail img.css-ch-img {
 margin: -1px 30px 0 0;
	_margin: 0 30px 0 0;
}
div.tx-area p.note {
 margin: -20px 0 0 0;
	padding: 0 0 0 15px;
}
div.detail03 {
 margin: -10px 20px 15px 20px;
	padding: 15px;
	background-color: #F1F1F1;
	text-align: center;
}

/* ----------------------
   ご利用ガイド詳細ページ
---------------------- */
/* --- 見出し --- */
div#guide-cont-ti {
 min-width: 600px;
	background: url(../../guide/images/com_bg001.gif) no-repeat left top;
	_height: 1%;
 }
div#guide-cont-ti h2 {
	margin: 0 0;
 padding: 7px 0 5px 17px;
	background: url(../../guide/images/com_bg002.gif) no-repeat right top;
	_height: 1%;
 }
div#guide-cont h3 {
 clear: both;
	margin: 0;
 }
div#guide-cont h4 {
 clear: both;
	margin: 10px 0 0 8px;
 }
div#guide-cont h4.txt-margin {
	margin: 10px 0 8px 8px;
 }

/* --- コンテンツ枠 --- */
div#guide-cont {
 min-width: 560px;
	padding: 12px 19px;
	border-right: 1px solid #B39F8C;
	border-left: 1px solid #B39F8C;
 }
div#guide-cont-bottom {
 min-width: 600px;
 height: 10px;
	margin: -10px 0 0 0;
	padding: 0 0 20px 0;
	background: url(../../guide/images/com_bg003.gif) no-repeat left;
	font-size: 1px;
}
div#guide-cont-bottom p {
	background: url(../../guide/images/com_bg004.gif) no-repeat right;
	height: 10px;
}
div#guide-cont div.cap-wrapper {
	width: 560px;
	_width: auto;
	padding: 8px 0 0 0;
	}
div#guide-cont div.cap-divider { /* --- 区切り線がある場合 --- */
	padding: 8px 0 0 0;
	background: url(../images/com_line001.gif) repeat-x top;
	}


/* --- テキスト関連 --- */
div#guide-cont p.lead {
 padding: 0 10px 10px 23px;
 }
div#guide-cont p.note {
 padding-left: 20px;
	color: #993331;
 }
div#guide-cont p.note02 {
 padding-left: 20px;
	text-indent: -1em;
 }
div.tx-area p.note02 {
 padding: 2px 0 0 1em;
	text-indent: -1em;
	color: #983436;
}
div.tx-area p.guide-lead {
 padding: 20px 0 0 0;
}
div#guide-cont p.txt {
 padding: 0 8px;
 }
div#guide-cont p.txt02 { /* --- 下にマージンがある場合 --- */
	padding-bottom: 20px;
}
div#guide-cont p.txt03 { /* --- 上下にマージンがある場合 --- */
	padding: 6px 0 20px 6px;
}
div#guide-cont p.txt04 { /* --- 下にマージンがある場合 --- */
	padding-bottom: 20px;
	color: #993331;
}
div#guide-cont p.lead span,
div#guide-cont p.txt span,
div#guide-cont p.txt02 span {
 color: #FF0000;
}
div#guide-cont p.center { /* --- 段落センター寄せ --- */
 text-align: center;
}
div#guide-cont div.capture-tx01 {
 float: left;
	width: 180px;
	_width: auto;
	padding: 0 0 20px 0;
}
div#guide-cont div.capture-tx02 {
 float: left;
	width: 260px;
	_width: auto;
	padding: 0 0 20px 0;
}
div#guide-cont div.capture-tx02 p.arrow {
 text-align: center;
	margin-top: 30px;
}
div#guide-cont div.capture-tx03 {
 position: absolute;
	left: 350px;
	width: 250px;
	_width: auto;
}
div#guide-cont div.capture-tx04 {
 float: left;
	width: 310px;
	_width: auto;
	padding: 0 0 20px 0;
}
div#guide-cont div.capture-tx01 p.note,
div#guide-cont div.capture-tx02 p.note { /* --- イラスト説明の注釈 --- */
 padding: 5px 0 0 2em;
 color: #993331;
 }
div#guide-cont div.capture-tx03 p.note {
 padding: 160px 0 25px 1em;
 color: #993331;
 }
div#guide-cont div.capture-tx01 p,
div#guide-cont div.capture-tx02 p,
div#guide-cont div.capture-tx04 p {
 padding: 0 0 0 16px;
 }
div#guide-cont div.capture-tx01 dl.cap-detail01 {
 padding: 0 0 0 16px;
 }
div#guide-cont div.capture-tx01 dl.cap-detail01 dd {
 margin: -21px 0 10px 27px;
 }
div#guide-cont div.capture-tx01 dl.cap-detail02 {
 padding: 0 0 0 16px;
 }
div#guide-cont div.capture-tx01 dl.cap-detail02 dd {
 margin: 5px 0 0 0;
 }
div#guide-cont img.arrow01 {
 margin: 15px 0 5px 0;
 }
div#guide-cont img.arrow02 {
 margin: 5px 0;
 }
div.center {
 text-align: center;
 }
div#guide-cont .paragraph {
 margin: 10px 0 0 0;
}

/* --- キャプチャー --- */
div#guide-cont div.capture01 {
 float: left;
	width: 380px;
	padding: 0 0 10px 0;
}
div#guide-cont div.capture02 {
 float: left;
	width: 300px;
	padding: 0 0 20px 0;
}
div#guide-cont div.capture03 {
 float: left;
	width: 250px;
}
div#guide-cont div.capture04 {
	width: 505px;
}

/* --- ページ内アンカー --- */
div#guide-cont ul.guide-anchor {
 padding: 0 0 20px 35px;
	}
div#guide-cont ul.guide-anchor li {
 padding: 0 0 5px 0;
	}
div#guide-cont .list-top02 { /* --- shopping/index.htmlで使用 --- */
 clear: both;
 margin: 0 0 5px 0;
		text-align: right;
	}
div#guide-cont .list-top03 { /* --- 区切り線がある場合 --- */
	clear: both;
 _height: 1%;
	padding: 4px 0 0 0;
	background: url(../images/com_line001.gif) repeat-x top;
	text-align: right;
	}

/* --- shoppin/index.html（商品の詳細情報） --- */
dl.case {
 margin: 0 0 0 20px;
 }
dl.case dt {
 margin: 15px 0 0 0;
 font-weight: bold;
 }
dl.case dt span {
 color: #D16E09;
 }
dl.case dd p.note {
 margin: 0;
	color: #993331;
 }
dl.case a {
 font-weight: bold;
 }

/* --- shopping/index.html（アイコン説明） --- */
div.ic-detail-area01 {
 width: 563px;
	background: url(../../guide/shopping/images/index_bg001.gif) no-repeat center bottom;
}
div.ic-detail-area02 {
 width: 563px;
	background: url(../images/com_line001.gif) repeat-x bottom;
}
div.ic-detail-l {
 float: left;
	width: 282px;
	}
div.ic-detail-r {
 float: left;
	width: 280px;
	}
div.ic-detail-l.start,
div.ic-detail-r.start {
 background: url(../images/com_line001.gif) repeat-x left top;
	}
div.ic-detail-area01 h4 img,
div.ic-detail-area02 h4 img {
 margin: 0 7px 0 0;
 vertical-align: middle;
}
div.ic-detail-area01 p,
div.ic-detail-area02 p {
 padding: 5px 5px 10px 10px;
}
div.ic-detail-area02 dl {
 margin: 10px;
	}
div.ic-detail-area02 dd {
 margin: -1.3em 0 5px 15em;
	}

/* --- 注文プロセス --- */
div#order-process {
 margin: 0 auto 15px auto;
}
div#order-process li {
	float: left;
	_height: 1%;
	padding: 0 0 0 10px;
	background: url(../../guide/dianacom/images/com_ic001.gif) no-repeat 3px 8px;
}
div#order-process li.start {
	float: left;
	padding: 0 0 0 0;
	background: url(none);
}

/* --- 新規会員登録 --- */
div#member {
 width: 154px;
	_width: 160px;
	margin: 0 auto 20px auto;
	padding: 7px 0;
 border: solid 3px #CCCCCC;
	color: #C05A27;
 }
div#member img {
 margin: 5px 0 0 0;
}


/* --- 前、次の手順へ --- */
div#guide-cont div#process-link {
 _height: 1%;
 padding: 5px 0 0 0;
	background: url(../images/com_line001.gif) repeat-x top;
}
div#guide-cont p.process-before {
 float: left;
}
div#guide-cont p.process-next {
 float: right;
}

/* --- カードアイコン --- */
div#guide-cont p.card {
}
div#guide-cont p.card img {
 margin: 10px 10px 15px 0;
 vertical-align: middle;
}

/* --- 表組み --- */
table.list {
 margin: 5px 0 0 0;
	border-left: solid 1px #B39F8C;
	border-top: solid 1px #B39F8C;
}
table.list th {
	padding: 3px 10px;
	width: 22%;
	background-color: #EBE4D4;
	border-right: solid 1px #B39F8C;
	border-bottom: solid 1px #B39F8C;
	font-weight: normal;
	text-align: center;
}
table.list th.lv2 {
	padding: 3px 10px;
	width: 34%;
	background-color: #FFFFFF;
	font-weight: normal;
	text-align: left;
}
table.list td {
	padding: 3px 10px;
	border-right: solid 1px #B39F8C;
	border-bottom: solid 1px #B39F8C;
	text-align: center;
}
table.list td.tx-left {
 text-align: left;
}
table.list td span {
 color: #FF0000;
}

/* --- 特定商取引法に関する表示 --- */
dl.law {
 margin: 10px 10px 20px 10px;
	padding: 0 0 3px 0;
	background: url(../images/com_line001.gif) repeat-x bottom left;
	_height: 1%;
}
dl.law dt {
	padding: 10px 0 0 5px;
	background: url(../images/com_line001.gif) repeat-x top left;
	_height: 1px;
}
dl.law dt.start {
	background: url(none);
}
dl.law dd {	
	margin: -1.3em 0 10px 18em;
}

/* --- 会員登録するメリット --- */
div#guide-cont div#member-merit {
	margin: 20px 0 0 0;
	background:url(../../guide/member/images/index_bg001.gif) no-repeat left top;
 }
div#guide-cont div#member-merit h3 {
 margin: -10px 0 0 -10px;
	_height: 39px;
 background:url(../../guide/member/images/index_tx001.gif) no-repeat left top;
	line-height: 100%
 }
div#guide-cont div#member-merit span {
 visibility: hidden;
}
div#guide-cont div#member-merit-con {
 margin: -10px 0 0 10px;
	padding: 20px 10px 0 55px;
 border-right: solid 1px #CFC2B6;
	border-bottom: solid 1px #CFC2B6;
}
div#guide-cont div#member-merit td {
 padding: 0 0 10px 0;
	vertical-align: top;
}
div#guide-cont div#member-merit p {
	padding: 0 0 5px 0;
	color: #331701;
}
div#guide-cont div#member-merit p.txs {
	color: #333333;
}
div#guide-cont div#member-merit p.row1 {
	margin-top: 10px;
}
/* --- 会員登録するメリットdiamo --- */
div#guide-cont div#member-merit-diamo {
	margin: 10px 0 0;
	background:url(../../guide/member/images/index_bgdiamo001.gif) no-repeat left top;
 }
div#guide-cont div#member-merit-diamo h3 {
 margin: -10px 0 0 -10px;
	_height: 39px;
 background:url(../../guide/member/images/index_tx001.gif) no-repeat left top;
	line-height: 100%
 }
div#guide-cont div#member-merit-diamo span {
 visibility: hidden;
}
div#guide-cont div#member-merit-diamo-con {
	margin: 0px 0 0 5px;
	padding: 80px 10px 0 75px;
	border-top: 1px #CFC2B6;
	border-right: 1px #CFC2B6;
	border-bottom: 1px solid #CFC2B6;
	border-left: 1px #CFC2B6;
}
div#guide-cont div#member-merit-diamo td {
 padding: 0 0 10px 0;
	vertical-align: top;
}
div#guide-cont div#member-merit-diamo p {
	padding: 0 0 5px 0;
	color: #331701;
}
div#guide-cont div#member-merit-diamo p.txs-red {
	color: #ff0000;
	font-weight: bold;
}
div#guide-cont div#member-merit-diamo p.txs {
	color: #333333;
}
div#guide-cont div#member-merit-diamo p.row1 {
	margin-top: 10px;
}
div#guide-cont p.merit-note { 
 padding: 10px 0 20px 35px;
	color: #993331;
	font-size: 80%;
	text-indent: -1em;
}
div#guide-cont p.merit-note-diamo { 
 padding: 10px 0 20px 35px;
	color: #993331;
	text-indent: -1em;
}
div#guide-cont div.capture-tx04 h4 {
 margin: 5px 0 0 16px;
	font-size: 110%;
}
div#guide-cont div.capture-tx04 .ttx {
	margin: 5px 0 0 0px;
	line-height: 20px;
}
div#guide-cont div.capture-tx04 h4 img {
 margin: -2px 6px 0 0;
 vertical-align: middle;
}
div#guide-cont div.capture-tx04 p {
 padding: 12px 0 0 16px;
}

div#guide-cont div.capture-tx04 .android {
 color: #FF0000;
}

/* ----------------------
   マイページ
---------------------- */
div.tx-area div#process-il {
 float: left;
	width: 220px;
	margin: 0 50px 0 0;
	color: #CC3333;
}
div.tx-area div#process-il img {
 margin: 6px 0 13px -1px;
}

/* ----------------------
   メールマガジン
---------------------- */
div.ml-reg {
 height: 18px;
	_height: 50px;
 margin: 10px auto;
 padding: 16px 0;
	background: url(../../guide/images/mailnews_bg001.gif) no-repeat center top;
	text-align: center;
}
div.ml-reg02 {
 height: 18px;
	_height: 50px;
 margin: 10px auto;
 padding: 16px 0;
	background: url(../../guide/images/mailnews_bg002.gif) no-repeat center top;
	text-align: center;
}
div.ml-sample {
 width: 580px;
	height: 500px;
	overflow: scroll;
	margin: 10px auto 0;
	text-align: left;
}
p.sample-ti {
 width: 580px;
	margin: 12px auto 0;
	text-align: left;
}
div.ml-sample td {
 margin: 10px 0 0 0;
 padding: 0 20px;
	_padding: 20 20px 0 20px;
 border: solid 1px #B39F8C;
}
div.ml-sample h4 {
 margin: 10px 0 5px 4px;
	padding: 1px 6px;
	border-left: solid 3px #D16E09;
}

div.divider {
 margin: 30px 0 0 0;
 padding: 10px 0 0 0;
	_padding: 30px 0 0 0;
	_height: 1%;
	background: url(../images/com_line001.gif) repeat-x top;
}

/* ----------------------
   推奨環境
---------------------- */
body#environment h4 {
 margin: 20px 0 5px 8px;
	padding: 0 6px;
	border-left: solid 3px #D16E09;
}
body#environment h5 {
 margin: 15px 0;
 font-size: 100%;
}
body#environment h6 {
 font-size: 100%;
}

body#environment p.check-btn img {
	float: right;
	margin: 10px 0 20px 0;
}

/* ----------------------
   プライバシーポリシー
---------------------- */
body#privacy ul.list-con {
 margin: 0 0 30px 0;
}
body#privacy ul.list-con li {
 margin: 5px 0 0 12px;
 padding: 0 0 3px 8px;
	background: url(../images/com_ic020.gif) no-repeat left 0.5em;
	_height: 1%;
}
body#privacy ul.list-con ol {
  margin: 10px 0 0 22px;
	_margin: 10px 0 0 27px;
} 
body#privacy ul.list-con ol li {
 margin: 0;
 padding: 0 0 3px 0;
	background: url(none);
	_height: auto; /* WinIEで数字の表記を正すため */
}

/* ----------------------
   ご利用規約
---------------------- */
body#sitepolicy ol {
 margin: 0 0 30px 32px;
	_margin: 0 0 30px 37px;
}

/* ----------------------
   WEB会員限定メールマガジン サンプル
---------------------- */
body#mailmagazine div#hdr {
 height: 80px;
	}
body#mailmagazine h1 {
 float: left;
	margin: 25px 0 40px 15px;
	_margin: 25px 0 40px 7px;
	padding: 0 0 0 7px;
	border-left: solid 3px #CF6E0A;
	}
body#mailmagazine div#logo {
	margin: 12px 8px 0 0;
	float:right;
}
body#mailmagazine div#wrapper {
	margin: 0 15px;
	padding: 10px 0;
	_padding: 20px 0 10px 0;
	text-align: left;
	border-top: solid 1px #CCCCCC;
	text-align: center;
	}
body#mailmagazine div#container {
	margin: 0 auto;
	padding: 0 10px;
	width: 500px;
	text-align: left;
}
body#mailmagazine p {
 padding: 0 0 20px 0;
	}