@charset "utf-8";
@import "../../css/common.css";

/*==================================================================*/

/* guide css */

/*==================================================================*/
/* h1：タイトル */
h1{
	width:645px;
	margin:0.8em auto 1.6em;
	padding:0;
}

/* -------------------------------------------- */
/* サブメニュー */
/* -------------------------------------------- */
#sub-menu *{margin:0;padding:0;}

#sub-menu{
	width:620px;
	margin:0 auto 3em;
}

#sub-menu ul{}

/* clear hack */
#sub-menu ul{zoom:1;}
#sub-menu ul:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#sub-menu li{
	margin:0 0 0.6em 0;
	float:left;
	width:200px;
	vertical-align:bottom;
	list-style:none;
	letter-spacing:0;
}

#sub-menu li.long{width:240px;}

#sub-menu li a{
	margin:0 6px;
	padding:3px 0 3px 18px;
	border:1px #e2e2e2;
	border-style:none solid solid none;
	display:block;
	height:100%;
	background:url('../image/arr_guide.gif') no-repeat 3px 6px #fff;
}

/* link */
#sub-menu li a					{color:#555;text-decoration:none;}
#sub-menu li a:hover		{color:#f94040;text-decoration:underline;background-color:#fbfadb;}

/* ---------------------------------------------------------------------- */
/* お見積り・ご注文の流れ(index.html) */
/* ---------------------------------------------------------------------- */
/* リセット */
#flow *{margin:0;padding:0;}
#flow{margin:0 auto 3em;}

/* dl */
#flow dl{
	width:630px;
	margin:0 auto 1.2em;
}

/* clear hack */
#flow dl{zoom:1;}
#flow dl:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}
/* dt */
#flow dl dt{
	float:left;
	width:85px;
	margin:0 auto;
}

/* dd */
#flow dl dd{
	float:right;
	width:540px;
	margin:0 auto;
}

/* h2 */
#flow dl dd h2{margin:0 auto 0.4em;}

/* テキスト */
#flow dl dd p{
	padding:10px;
	background-color:#eee;
}

/* 矢印 */
#flow .arr{
	margin-bottom:2.4em;
	text-align:center;
}

/* お問合せ */
#flow p.contact{
	margin:0 auto 2em;
	text-align:center;
}

/* ---------------------------------------------------------------------- */
/* お支払い・送料について(pay.html) */
/* ---------------------------------------------------------------------- */
/* リセット */
#pay *{margin:0;padding:0;}
#pay{
	width:640px;
	margin:0 auto 3em;
}

/* テキスト */
#pay p.text01{
	width:620px;
	margin:0 auto 2em;
}

#pay p.text02{
	width:580px;
	margin:0 auto 2em;
}

/* h2 */
#pay h2{margin:0 auto 1em;}

/* h3 */
#pay h3{
	width:620px;
	margin:0 auto 1em;
	font-size:1.2em;
	background:url('../image/subt_back.gif') no-repeat 0 0;
}

#pay h3 span{
	margin:0 0 0 28px;
	padding:9px 0 8px;
	display:block;
}

/* 銀行口座 */
#pay .bank{
	width:580px;
	margin:0 auto 2.4em;
	background-color:#fbfadb;
	border:1px solid #ccc;
	text-align:center;
}

#pay .bank p{
	margin:10px 20px;
	color:#4a2f03;
}

/* リスト */
#pay ul{
	width:580px;
	margin:0 auto 2em;
}

#pay ul li{
	margin:0 0 0.2em;
	padding:0 0 0 18px;
	list-style:none;
	background:url('../image/ic_maru.gif') no-repeat 0 6px;
}

/* ---------------------------------------------------------------------- */
/* 納期について(nouki.html) */
/* ---------------------------------------------------------------------- */
/* リセット */
#nouki *{margin:0;padding:0;}
#nouki{margin:0 auto 3em;}

/* リード文 */
#nouki p.read{margin:0 10px 1.8em;}

/* 通常納期 */
#nouki .normal-area{
	width:640px;
	margin:0 auto;
	background-color:#eff9ff;
}

/* 特急納期 */
#nouki .express-area{
	width:640px;
	margin:0 auto;
	background-color:#fcedea;
}

#nouki .normal-area,
#nouki .express-area{margin:0 auto 3em;padding:0 0 18px;}

/* テキスト */
#nouki .normal-area p,
#nouki .express-area p{
	width:600px;
	margin:0 auto 0.6em;
}

/* h2 */
#nouki h2{margin:0 auto 0.4em;text-align:center;}

/* h3 */
#nouki .normal-area h3,
#nouki .express-area h3{margin:0 auto 0.4em;}

/* h4 */
#nouki h4{
	width:620px;
	margin:0 auto 1.4em;
	padding:0 0 8px;
	font-size:1.2em;
	color:red;
	background:url('../../common_img/dotline.gif') repeat-x left bottom;
}

/* リスト */
#nouki ul{
	width:600px;
	margin:0 auto;
}

#nouki ul li{
	margin:0 0 0.2em;
	padding:0 0 0 18px;
	list-style:none;
	background:url('../image/ic_maru.gif') no-repeat 0 6px;
}

#nouki ul li strong{
	font-size;1.4em;
	padding:5px;
	color:red;
	background-color:#fdddd6;
}

/* ---------------------------------------------------------------------- */
/* 特定商取引に関する法に基づく表記(law.html) */
/* ---------------------------------------------------------------------- */
/* table */
#law table,
#law th,
#law td{
	width:610px;
	margin:0 auto 2.6em;
	border:1px solid #c1c1c1;
	border-collapse:collapse;
}

/* th */
#law th{
	width:190px;
	padding:8px 0 6px 8px;
	background:#fbfadb;
	text-align:left;
}

/* td */
#law td{padding:8px 8px 6px;}

/* ---------------------------------------------------------------------- */
/* 個人情報の取り扱いについて(privacy.html) */
/* ---------------------------------------------------------------------- */
/* リセット */
#privacy *{margin:0;padding:0;}
#privacy{
	width:640px;
	margin:0 auto 3em;
}

/* h2 */
#privacy h2{
	width:620px;
	margin:0 auto 1em;
	font-size:1.2em;
	background:url('../image/subt_back.gif') no-repeat 0 0;
}

#privacy h2 span{
	margin:0 0 0 28px;
	padding:9px 0 8px;
	display:block;
}

/* テキスト */
#privacy p.text{
	width:580px;
	margin:0 auto 1.8em;
}

#privacy p.text-r{
	margin:0 0 1.2em;
	text-align:right;
}

/* リスト */
#privacy ul{
	width:580px;
	margin:0 auto 2em;
}

#privacy ul li{
	margin:0 0 1em;
	padding:0 0 0 18px;
	list-style:none;
	background:url('../image/ic_maru.gif') no-repeat 0 6px;
}

/*==================================================================*/

