/* -------------------- ギフトサロンのご案内ページ -------------------- */

/*------ 共通 ------*/
/*for IE 5.5-7*/
div { zoom: 1; }
/*for modern browser*/
div:after { content: ".";  clear: both;  display: block;  line-height: 0;  height: 0;  visibility: hidden; }  

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,th,td,img {
	margin: 0;
	padding: 0;
}
.clearfix {
	display: inline-block;
}
.clearfix::after {
	height: 0px; clear: both; font-size: 0px; display: block; visibility: hidden; content: ".";
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
.attTxt{
	padding-left: 1em;
	box-sizing: border-box;
	text-indent: -1em;
}
body {
	background-color: #ffffff;
	text-align: center;
	font-size: 14px;
	line-height: 1.4;
	color: #333;
}
img {
	border:0;
	vertical-align:bottom;
}
ul {
	clear:both;
	margin:0;
	padding:0 ;
	list-style:none;
	text-align:left;
	vertical-align:top;
}
li {
	float:left;
	margin:0;
	padding:0;
}
a , a:hover {
	color:#666;
}
p {
	margin:0 0 10px;
	padding:0;
	color:#333;
	font-size:14px;
	line-height:1.5;
	text-align: left;
}

div#gift_salon {
	width:980px;
	margin:0 auto;
	text-align:left;
}

/*--- レフトナビ部分 ---*/
div#left {
	float:left;
	width:210px;
	margin:0 20px 20px 0;
	text-align: left;
}
div#sideNav h3 {
	clear:both;
	margin-bottom:1px;
}
div#sideNav ul {
	clear:both;
	width:210px;
	text-align:left;
}
div#sideNav ul li {
	width:185px;
	padding:7px 0 3px 25px;
	font-size:14px;
	text-align: left;
}
div#sideNav ul li.last {
	padding-bottom:10px;
}

/*--- コンテンツ部分 ---*/
div#main {
	float:left;
	width:750px;
}
div#main a:hover img {
	filter:alpha(opacity=80);
	-ms-filter:alpha(opacity=80);
	opacity:0.8;
}

div#main ul.index li {
	padding:1px 1px 0 0;
	margin-bottom:30px;
}
div#main ul.index li.last {
	padding:1px 0 0;
}

div#main img.midashi {
	margin-bottom:30px;
}
div#main div.contents {
	clear:both;
	width:750px;
	border-bottom:#7FA2C5 1px solid;
	margin-bottom:30px;
}
div#main div.contents img.button-up {
	margin: 0 auto 5px 595px;
}
div#main div.contents p.small {
	font-size:12px;
	line-height:1.4;
	color:#666;
}

/*--- フッター部分 ---*/
div#footer {
	clear: both;
	width: 980px;
	margin: 0 auto 10px;
	font-size: 12px;
	line-height: 1.5;
}
div#footer p.copyright {
	width:980px;
	margin:0 auto 10px;
	background-color:#e5e5e5;
	font-size:12px;
	text-align: center;
}
div#footer p.close {
	width:980px;
	margin:0 auto 10px;
	text-align: right;
}

/*------ トップページ ------*/

/* ヘッダー部分 */
div#main div#top {
	width:750px;
	margin-bottom:30px;
}

/* メニュー部分 */
div#main div#menu {
	width:750px;
	height:250px;
	margin-bottom:10px;
}
div#main div#menu li {
	width:142px;
	padding-right:10px;
	position: relative;
	z-index: 100;
}
div#main div#menu li.last {
	padding-right:0;
}
div#main div#menu li ul {
	left: 0px; top: 150px;
	display: none;
	position: absolute;
	z-index: 99 !important;
}
div#main div#menu li ul li {
	float: none;
	z-index: 99 !important;
}

/*------ お取扱い商品＆サービス ------*/

div.contents div.item {
	clear:both;
	width:750px;
	border-bottom:#7FA2C5 1px dotted;
	padding-bottom:20px;
	margin-bottom:30px;
}
div.contents div.item p.discription {
	padding-left:15px;
}
div.contents div.item p.discription.attTxt {
	padding-left:calc(15px + 1em);
	text-indent: -1em;
}
div.contents div.item li {
	padding-left:15px;
}
div.contents div.item li.left {
	width:505;
}
div.contents div.item li.right {
	width:210;
}
div.contents div.item li h3 {
	margin:0 0 10px;
	color:#0059B2;
	font-size:16px;
	font-weight:bold;
}
div.contents div.item span.small {
	font-size:12px;
}
div.contents div.item li img.button1 {
	padding:5px 0;
	margin-bottom:5px;
}
div.contents div.setsumei {
	width:735px;
	margin:0 0 25px 15px;
}

div.contents div.catalogue {
	border-bottom-style:none;
	padding-bottom:0;
	margin-bottom:30px;
}
div.contents div.catalogue p.notice {
	border:1px #999 dotted;
	padding: 5px 10px;
	font-size:12px;
}


div.contents div.fax {
	width:730px;
	padding-top:10px;
	margin:0 10px;
}
div.contents div.fax p {
	margin-bottom:20px;
}
div.contents div.fax img.button1 {
	padding:5px 0;
	margin-bottom:5px;
}

div.contents div.reserve {
	width:730px;
	padding-top:20px;
	margin:0 10px;
}
div.contents div.reserve img.fusen {
	margin-bottom:15px;
}
div.contents div.reserve li {
	width:220px;
}
div.contents div.reserve li.images {
	width:130px;
	padding-left:15px;
}
div.contents div.reserve li p.name {
	margin-bottom:5px;
	color:#0059B2;
	font-weight:bold;
}
div.contents div.reserve li p.shikaku {
	margin-bottom:5px;
	font-size:12px;
	font-weight:bold;
	line-height:1.4;
}
div.contents div.reserve li p.message {
	font-size:12px;
	line-height:1.4;
}

/*------ よくあるご質問ページ ------*/

div#faq h2 {
	clear:both;
	width:750px;
	margin-bottom:30px;
}
div#faq ul.list {
	clear:both;
	width:750px;
}
div#faq ul li.question {
	clear:both;
	width:750px;
	height:36px;
	margin-bottom:12px;
	background-image: url(images/faq/midashi_bg.gif);
	background-reperat:none;
}
div#faq ul li.response {
	clear:both;
	width:680px;
	padding-left:35px;
	margin-bottom:20px;
}
div#faq ul li.question p {
	margin:7px 20px;
	color:#fff;
	font-weight:bold;
}
div#faq ul li.response p {
	color:#666;
	font-size:13px;
}
div#faq ul li table {
	background-color:#387EC4;
}
div#faq ul li table td {
	padding:5px;
	background-color:#fff;
	color:#666;
	font-size:13px;
}
div#faq ul li table td.title {
	font-weight:bold;
	text-align:center;
	background-color:#eee;
}

/*------ 場所のご案内ページ ------*/

div#place img.phone {
	margin-left:30px;
	padding:20px 0;
}

h1{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin: 20px 0px;
	font-weight: normal;
	border-bottom: #ccc solid 2px;
	width: auto;
	text-align: center;
	padding-bottom: 5px;
}
div.made_in_kurashiki{ border: 4px solid #ccc; margin: 0 0 40px 0; padding: 20px;}
div#top p { font-size: 1.1em; line-height: 2em;}
.p-t20{ padding-top: 20px;}
.p-b20{ padding-bottom: 20px;}