@charset "UTF-8";

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
★　CSS　コンテンツ設定　★
■１．トップ（top.css）
■２．中村ローソクの想い＆炎の癒し
■３．和蝋燭と洋ローソクの違い
■４．和蝋燭の歴史
■５. 手作り蝋燭の製造工程
■６-1. 商品紹介　一覧（ショッピング）
■６-2. 商品紹介　詳細（ショッピング）
■７. 体験教室
■８. 蝋燭豆知識
■９. 卸売ご希望のお客様
■10. 特注生産（オーダーメイド）について
■11. 店舗案内
■12. 京都“悠久の灯（あかり）”プロジェクト
■13. 寸法・燃焼時間表
■14. 使用上のご注意
■15. ブログ
■16. ショッピングガイド
■17. お問い合わせ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*▼共通▼*/

.pageNavi{
	border-top:1px solid #CCCCCC;
	padding:20px 10px 30px;
}
.pageNavi .next{
	float:right;
}
.pageNavi .prev{
	float:left;
}


/*▲共通▲*/


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■２．中村ローソクの想い＆炎の癒し
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#concept_wrap{
	width:750px;
	padding:0 0 80px;
}
#concept_wrap .box1{
color:#222222;
	padding:40px 10px 50px;
	background:url(../concept/images/bg01.jpg) no-repeat;
}
#concept_wrap .box1 .txt1{
	width:360px;
	margin:0 0 20px;
	font-size:15px;
}
#concept_wrap .box2{
	position:relative;
	width:730px;
	height:265px;
	margin:0 10px 50px;
}
#concept_wrap .box2 .txt1{
	position: absolute;
	width:550px;
	color:#F0EEE3;
	top:110px;
	left:30px;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■３．和蝋燭と洋ローソクの違い
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#about_wrap{
	width:750px;
	padding:0 0 130px;
}
#about_wrap .tb01{
	border-collapse:collapse;
}
#about_wrap .tb01 th{
	vertical-align:top;
	text-align:center;
	padding:10px;
	border:2px solid #CCCCCC;
}
#about_wrap .tb01 td{
	vertical-align:middle;
	text-align: center;
	padding:10px;
	border:2px solid #CCCCCC;
}
#about_wrap .tb01 .bg1{
	font-weight:bold;
	background-color:#E4E8ED;
}
#about_wrap .tb01 .bg2{
	background-color:#D1D9B2;
}
#about_wrap .tb01 .bg3{
	background-color:#F0F3E3;
}

#about_wrap .tb01 .bg4{
	background-color:#E8D3CC;
}

#about_wrap .tb01 .bg5{
	background-color:#F7EEEA;
}


#about_wrap .box_left{
	padding:80px 0 10px;
	background:url(../about/images/icon_bg.jpg) no-repeat;
}

#about_wrap .box_right{
	padding:80px 0 10px;
	background:url(../about/images/icon_bg.jpg) no-repeat right top;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■４．和蝋燭の歴史
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#history_wrap{
	width:750px;
	padding:0 0 70px;
}
#history_wrap .flow_left{
	padding:50px 0 10px;
	background:url(../history/images/icon_bg.jpg) no-repeat;
}

#history_wrap .flow_right{
	padding:50px 0 10px;
	background:url(../history/images/icon_bg.jpg) no-repeat right top;
}


#history_wrap .box1{
	position:relative;
	width:750px;
	height:475px;
}
#history_wrap .box1 .txt{
	position:absolute;
	width:500px;
	top:168px;
	left:38px;
	font-size:15px;
	color:#FFFFFF;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■５. 手作り蝋燭の製造工程
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#flow_wrap{
	width:750px;
	padding:0 0 100px;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■６-1. 商品紹介　一覧（ショッピング）
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#shopping_wrap{
	width:750px;
}

#shopping_wrap .list_nav{
	text-align:center;
	margin:0 0 30px;
}

#shopping_wrap .list_area{
	margin:0 0 30px;
}

#shopping_wrap .list_box li{
	float:left;
	width:208px;
	padding:14px 10px 14px;
	margin:25px 10px 0;
	background-color:#FFFFFF;
	border:1px solid #DEDEDE;
}

#shopping_wrap .list_box li .icon{
	position:relative;
}
#shopping_wrap .list_box li .icon p{
	position:absolute;
	top:-40px;
	left:-10px;
}
#shopping_wrap .list_box li .icon p img{
	margin:0 10px 0 0;
}

#shopping_wrap .list_box li h3{
	font-size:14px;
	font-weight:bold;
	line-height:1.5;
	padding:0 0 0 5px;
	margin:0 0 10px;
	border-left:5px solid #996855;
}


#shopping_wrap .list_box li .photoarea{
	width: 200px;
	height: 200px;
	display:table;
	text-align: center;
	margin:0 4px 15px;
	background-color:#F7F6F3;
}

#shopping_wrap .list_box li .photoarea > *{
	display:table-cell;
	vertical-align: middle;
}
#shopping_wrap .list_box li .photoarea a:hover img{
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
}

#shopping_wrap .list_box li .comment{
	width:200px;
	font-size:13px;
	line-height:1.5;
	margin:0 4px 10px;
}
#shopping_wrap .list_box li .price{
	width:200px;
	font-size:14px;
	line-height:1.5;
	padding: 0 0 14px;
	margin:0 4px 14px;
	color:#8E612C;
	font-weight:bold;
	border-bottom:1px solid #DDDDDD;
}
#shopping_wrap .list_box li .btn{
	text-align:center;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■６-2. 商品紹介　詳細（ショッピング）
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#shopping_detail_wrap{
	width:750px;
}

#shopping_detail_wrap .detail_area {
	width:700px;
	padding:19px 19px 30px;
	margin:0 0 30px;
	background-color:#FFFFFF;
	border:1px solid #DEDEDE;
}

#shopping_detail_wrap .detail_main {
	margin:0 0 50px;
}
#shopping_detail_wrap .detail_area .icon{
	margin:0 0 20px;
}

#shopping_detail_wrap .detail_area .icon p img{
	margin:0 10px 0 0;
}
#shopping_detail_wrap .detail_area h3{
	font-size:18px;
	font-weight:bold;
	line-height:1.5;
	padding:0 0 0 5px;
	margin:0 0 20px;
	border-left:5px solid #996855;
}


#shopping_detail_wrap .detail_area .photobox{
	vertical-align:top;
	text-align:left;
	padding:0 20px 0 0;
}
#shopping_detail_wrap .detail_area .photobox .photoarea{
	width:418px;
	height:418px;
	margin:0 0 10px;
	display:table;
	text-align: center;
	background-color:#F7F6F3;
}

#shopping_detail_wrap .detail_area .photobox .photoarea > *{
	display:table-cell;
	vertical-align: middle;
}


#shopping_detail_wrap .detail_area .thum{
	margin:0 0 10px;
}
#shopping_detail_wrap .detail_area .thum li{
	float:left;
	width:100px;
	height:100px;
	margin:0 10px 0 0;
	display:table;
	text-align: center;
	background-color:#F7F6F3;
}


#shopping_detail_wrap .detail_area .thum li > *{
	display:table-cell;
	vertical-align: middle;
}


#shopping_detail_wrap .detail_area .thum li a:hover img{
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
}


#shopping_detail_wrap .detail_area .txtarea{
	width:100%;
	vertical-align:top;
	text-align:left;
}
#shopping_detail_wrap .detail_area .txtarea table{
	border:1px solid #DDDDDD;
	border-collapse:collapse;
	margin:0 0 30px;
}
#shopping_detail_wrap .detail_area .txtarea th{
	vertical-align:top;
	text-align:left;
	padding:10px;
	font-size:12px;
	border:1px solid #DDDDDD;
	background-color:#F7F6F3;
}
#shopping_detail_wrap .detail_area .txtarea td{
	vertical-align:top;
	text-align:left;
	padding:10px;
	font-size:13px;
	border:1px solid #DDDDDD;
}

#shopping_detail_wrap .detail_area h4{
	font-size:15px;
	margin:0 0 10px;
	color:#947023;
	border-bottom:1px solid #DDDDDD;
}
#shopping_detail_wrap .detail_area .comment{
	margin:0 10px 30px;
}
#shopping_detail_wrap .detail_area .btn1{
	text-align:center;
	margin:0 0 20px;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■７. 体験教室
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#trial_wrap{
	width:750px;
	padding:0 0 80px;
}

#trial_wrap .leadbox{
	font-size:15px;
	line-height:2;
	background:url(../trial/images/lead_bg.jpg) no-repeat left top;
}
#trial_wrap .box01{
	width:750px;
	padding:0 0 20px;
	margin:0 0 50px;
	background-color:#FFFFFF;
}
#trial_wrap .box01 h3{
	position:relative;
	width:750px;
	height:215px;
	margin:0 0 10px;
}
#trial_wrap .box01 h3 img{
	position:absolute;
	top:0;
	left:-10px;
}
#trial_wrap .box01 .txt1{
	margin:0 30px 30px;
}
#trial_wrap .trial_detail{
	color:#222222;
	padding:30px;
	margin:0 20px;
	background:url(../trial/images/detail_btm.jpg) no-repeat left bottom;
	background-color:#F4F1E0;
}

#trial_wrap .trial_detail dt{
	float: left;
}
#trial_wrap .trial_detail dd{
	padding:0 0 0 75px;
}

#trial_wrap .schedule{
	border-collapse:collapse;
	background-color:#FFFFFF;
}
#trial_wrap .schedule th{
	vertical-align:top;
	text-align:center;
	padding:10px;
	border:1px solid #CCCCCC;
	background-color:#CDD8AD;
}
#trial_wrap .schedule td{
	vertical-align:middle;
	text-align:left;
	padding:10px;
	border:1px solid #CCCCCC;
}
#trial_wrap .schedule .bg1{
	text-align:center;
	font-weight:bold;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■８. 蝋燭豆知識
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#knowledge_wrap{
	width:750px;
	padding:0 0 100px;
}

#knowledge_wrap .box1_bg{
	background:url(../knowledge/images/box_bg.jpg) repeat-y;
	margin:0 0 30px;
}
#knowledge_wrap .box1_t{
	background:url(../knowledge/images/box_t.jpg) no-repeat;
}
#knowledge_wrap .box1{
	padding:0 50px 70px 0;
	background:url(../knowledge/images/box_btm.jpg) no-repeat left bottom;
}

#knowledge_wrap .box1 .right{
	float:right;
	width:580px;
	margin:60px 0 0;
}
#knowledge_wrap .box1 h3{
	font-size:20px;
	color:#442A16;
	margin:0 0 20px;
}
#knowledge_wrap .box1 .txtarea{
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■９. 卸売ご希望のお客様
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#wholesale_wrap{
	width:750px;
}

#wholesale_wrap .flow_box{
	font-size:15px;
	color:#222222;
	padding:0 0 50px;
	background: url(../wholesale/images/img01.jpg) no-repeat right 50px;
}
#wholesale_wrap .flow_box dd.txt1{
	padding:0 0 30px 80px;
}
#wholesale_wrap .flow_box dd.txt2{
	padding:0 0 30px 100px;
}

.tel_bnr {
  position: relative;
  & p {
    position: absolute;
    bottom: 20px;
    left: 20px;
    font-size: 12px;
    line-height: 1.5;
  }
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■10. 特注生産（オーダーメイド）について
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#custommade_wrap{
	width:750px;
	padding:0 0 110px;
}


#custommade_wrap .box01{
	padding:80px 0 10px;
	background:url(../custommade/images/icon_bg.jpg) no-repeat;
}

#custommade_wrap .box02{
	padding:0px 0 10px;
	background:url(../custommade/images/icon_bg.jpg) no-repeat;
}
#custommade_wrap .box02 .title{
	padding:80px 0 0;
}

#custommade_wrap .order_box_bg{
	background:url(../custommade/images/order_bg.jpg) no-repeat;
	background-color:#160E09;
}

#custommade_wrap .order_box{
	color:#F0EEE3;
	padding:30px;
	background:url(../custommade/images/order_btm.jpg) no-repeat left bottom;
}
#custommade_wrap .order_box dt{
	font-weight:bold;
	color:#D3C16C;
	font-size:16px;
	line-height:1.5;
	padding:0 0 0 10px;
	margin:0 0 5px;
	border-left:5px solid #BAA43A;
}
#custommade_wrap .order_box dd{
	font-size:14px;
	color:#F0EEE3;
	padding:0 0 20px 15px;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■11. 店舗案内
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#shop_wrap{
	width:750px;
	padding:0 0 120px;
}


#shop_wrap .box01 {
	margin:0 5px 0 10px;
}
#shop_wrap .box01 h4{
	font-weight:bold;
	font-size:14px;
	line-height:1.5;
	padding:0 0 0 10px;
	margin:0 0 20px;
	border-left:5px solid #BAA43A;
}
#shop_wrap .box01 .hyou01{
	float:left;
	width:480px;
}
#shop_wrap .box01 .hyou01 dt{
	float:left;
	font-weight:bold;
	font-size:14px;
	line-height:1.5;
	padding:0 0 0 10px;
	margin:0 0 5px;
	border-left:5px solid #BAA43A;
}
#shop_wrap .box01 .hyou01 dd{
	padding:0 0px 10px 120px;
	margin:0 0 10px;
	border-bottom:1px solid #CCCCCC;
}
#shop_wrap .box01 .hyou01_en dd{
	padding:0 0px 10px 203px;
	margin:0 0 10px;
	border-bottom:1px solid #CCCCCC;
}
#shop_wrap .box01 .map_box{
	padding:9px;
	margin:0 0 10px;
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
}

#shop_wrap .link_box table{
	border-top:1px solid #CCCCCC;
}
#shop_wrap .link_box th{
	text-align:left;
	vertical-align: middle;
	padding:10px;
	font-size:13px;
	border-bottom:1px solid #CCCCCC;

}
#shop_wrap .link_box td{
	vertical-align: middle;
	text-align:left;
	padding:10px 0;
	border-bottom:1px solid #CCCCCC;
}

#shop_wrap .link_box td.link_btn{
	font-size:12px;
}
#shop_wrap .shop_info{
	background:url(../shop/images/lead_bg.jpg) no-repeat top left;
}

#shop_wrap .shop_info .txt03{
	width:420px;
	font-size:15px;
	margin:0 0 0 10px;
	padding-top:30px;
	padding-bottom:35px;
}

#shop_wrap .txt04{
	width:500px;
	float:left;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■12. 京都“悠久の灯（あかり）”プロジェクト
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#project_wrap{
	width:750px;
	padding:0 0 30px;
}
#project_wrap .about_box{
	padding:30px 170px 30px 30px;
	margin:0 0 30px;
	color:#FFFFFF;
	background:url(../project/images/about_hazenomi_bg.jpg) no-repeat left bottom;
	background-color:#462B1E;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■13. 寸法・燃焼時間表
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#time_wrap{
	width:750px;
	padding:0 0 100px;
}

#time_wrap h4{
	font-size:15px;
	font-weight:bold;
}
#time_wrap .hyou01{
	margin:8px 0 0;
}

#time_wrap .hyou01 th{
	font-size:13px;
	line-height:1.5;
	vertical-align: middle;
	text-align:center;
	padding:5px 5px;
}
#time_wrap .hyou01 td{
	font-size:13px;
	line-height:1.5;
	vertical-align: middle;
	text-align:center;
	padding:5px 5px;
}
#time_wrap .hyou01 tr{
	background-color:#FFFFFF;
}
#time_wrap .hyou01 .bg1{
	background-color:#E2DCD6;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■14. 使用上のご注意
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#notes_wrap{
	width:750px;
	padding:10px 0 30px;
}

#notes_wrap .box1{
	padding:50px 30px 80px;
	margin:0 0 20px;
	background:url(../notes/images/bg.jpg) no-repeat left bottom;
}
#notes_wrap .box1 li{
	font-size:15px;
	color:#000000;
	padding:5px 0 0 40px;
	margin:0 0 25px;
	background:url(../notes/images/icon.png) no-repeat;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■15. ブログ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#blog_wrap{
	width:750px;
	padding:0 0 30px;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■16. ショッピングガイド
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#guide_wrap{
	width:750px;
	padding:0 0 30px;
}

#guide_wrap h4{
	padding:0 0 6px 10px;
	margin:0 0 20px;
	font-size:16px;
	background:url(../guide/images/h4_line.jpg) no-repeat left bottom;
}

#guide_wrap p{
	margin:0 10px 50px;
}
#guide_wrap h5{
	color:#9B5809;
	font-size:14px;
	font-weight:bold;
}

#guide_wrap ol{
	margin:0 10px 50px;
}
#guide_wrap ol li{
	margin:0 0 20px 20px;
	list-style:outside decimal;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■17. お問い合わせ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#contact_wrap {
	width:750px;
	padding:0 0 30px;
}


#contact_wrap .pp{
	padding:20px;
	margin:0 0 50px;
	background-color:#F8F3F3;
}

#contact_wrap .hissu{
	padding: 0 0px 3px 50px;
	background:url(../common_img/hissu.jpg) no-repeat left top;
}
#contact_wrap .ninni{
	padding: 0  0px 3px 50px;
	background:url(../common_img/ninni.jpg) no-repeat left top;
}
/*form_table*/
#contact_wrap .contact_form  {
	border-collapse:collapse;
	margin:0 10px 30px;
}

#contact_wrap .contact_form table.con_table01 {
	border-collapse:collapse;
	background:url(../contact/images/line.jpg) no-repeat left top;
}
#contact_wrap .contact_form table.con_table01 tr{
	background:url(../contact/images/line.jpg) no-repeat left bottom;
}
/*table_th*/
#contact_wrap .contact_form table.con_table01 th {
	vertical-align:top;
	text-align:left;
	padding:25px 0 25px ;
	font-weight: bold;
	color:#333333;
}

/*table_td*/
#contact_wrap .contact_form table.con_table01 td {
	vertical-align: middle;
	text-align:left;
	padding:25px;
}


/*submitBtn*/
#formEnd {
	margin:0px 10px 80px;
}
#formEnd .txtbox{
	text-align:center;
	padding:20px 20px;
	margin:0 0 30px;
	background-color:#E4F1F6;
}



#formEnd .btn{
	text-align:center;
}



input,select,textarea {
	font-size:1em;
	margin-bottom:1px;
}

.mini {
	font-size:10px;
}

optgroup {
	background-color:#cccccc;
	font-style:normal;
}

option {
	margin:0 5px 0 0;
	background-color:#ffffff;
	color:#333333;
}


/*ime_mode*/
.ime_on {
	ime-mode:active;
}

.ime_off {
	ime-mode:disabled;
}

/*input_text_setting*/
input#select_name_text,
input#issue_text {
	width:250px;
	margin:0;
}

input#name,
input#kana,
input#ruby{
	width:300px;
}

input#company_name,
input#company{
	width:300px;
}

input#occupation{
	width:300px;
}
input#tel,
input#tel2,
input#fax{
	width:300px;
}
input#post{
	width:300px;
}

input#email,
input#email2{
	width:300px;
}

input#address{
	width:400px;
}
input#zip {
	width:100px;
}
input.reserve{
	width:300px;
}
textarea#comment,
textarea#item_comment{
	width:450px;
}