@charset "utf-8";

/*************************************/
/* common tag styles                 */ 
/*************************************/

p{
	margin: 0 0 27px;
}

ol.toipics{
	background:#FFF url(../img/common/secMainBg.jpg) bottom no-repeat;
	margin:0 0 10px;
	padding: 0 0 10px;
}

ol.toipics li{
	vertical-align:middle;
	background:url(../img/common/topicNextIcon.jpg) left no-repeat;
	float:left;
	margin: 0 10px 0 0;
	padding: 7px 0 7px 16px;
}

ol.toipics li.firstChild{
	padding:3px 0 0 10px;
	overflow:hidden;
	font-size:1px;
	background:none;
}

/****** Cleafix ******/
ol.toipics:before,
ol.toipics:after{content: " ";display: table;}
ol.toipics:after{clear: both;}
ol.toipics{*zoom: 1;}
/****** Cleafix ******/

#cont dl dt,
#cont dl dd,
#cont h3{
	margin: 0 0 20px;
}

table,
table th,
table td{
	border: none;
	vertical-align:middle;
}

table th{
	width:230px;
	font-weight:bold;
	padding:10px;
}

table td{
	padding:20px;
}
table{
	width:755px;
}

#pageTop{
	text-align:right;
	margin: 0 0 30px;
}

#pageTop a{
	background:url(../img/common/pgeTopIcon.jpg) 0 50% no-repeat;
	padding: 0 0 0 17px;
}

.sectionH3{
	padding:20px;
	margin-bottom:20px;
	background-color:#fff;
}

#copyright p{margin: 0 0 10px;}

#linkPath{
	margin: 30px 0 30px;
	text-align:left;
}



#contactArea{
	background:#ffffff;
	width:715px;
	padding:40px;
}

#contactArea h3{
	text-align:center;
	margin-bottom:40px;
}

#contactArea p{
	margin:0;
	padding:0;
}

#contactArea p.cotanctBtn{
	float:left;
	padding-right:40px;
	border-right:dotted 1px #cccccc;
	
}

#contactArea p.telBtn{
	float:right;
}

/****** Cleafix ******/
#contactArea:before,
#contactArea:after{content: " ";display: table;}
#contactArea:after{clear: both;}
#contactArea{*zoom: 1;}
/****** Cleafix ******/

#js-instalib{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

#js-instalib li img{
    width: 135px;
    height: 135px;
    object-fit: contain;}

#js-instalib{
    margin-bottom: 30px;
}

.btn{
    width: 330px;
    margin: 0 auto;
}
.btn a{
    display: block;
    padding: 20px;
    background: #333;
    color: #fff;
    text-align: center;
    transition: 0.3s;
    font-size: 140%;
    font-weight: bold;
}
.btn a:hover{
    text-decoration: none;
    opacity: 0.7;}


/*************************************/
/* index tag styles                  */ 
/*************************************/

#index #vaArea {
    display: flex;
    justify-content: space-between;
    background: #fff;
    padding: 10px;
    margin-bottom: 20px;
}
#index ul#vaArea li{
    position: relative;
    transition: 0.3s;
    width: 33%;
    background: url("../img/index/va/va01.jpg") 50% 50% no-repeat;
    height:900px;}
#index ul#vaArea li:nth-child(2){
    background: url("../img/index/va/va02.jpg") 50% 50% no-repeat;}
#index ul#vaArea li:nth-child(3){
    background: url("../img/index/va/va03.jpg") 50% 50% no-repeat;}

#index ul#vaArea li:hover{
    opacity: 0.7;}

#index ul#vaArea li a{
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
    }

#index #CarouselVa{
	margin: 25px 0 20px;
	position:relative;
	overflow:hidden;
	text-align:center;
}

#index #CarouselVa #imgVa{
	height:491px;
	width:795px;
	margin:0;
	padding:0;
	position:relative;
}

#index #CarouselVa #imgVa li{
	display:none;
	position:absolute;
	top:0;
}

#index #CarouselVa #imgVa li.va1{display:block}

#index #carousel_btn{
	text-align:center;
	width:795px;
}

#index #CarouselVa ul#selectBtn{
	display: table;
}

#index #CarouselVa ul#selectBtn li{
	float:left;
	margin: 0 10px 0 0;
	cursor:pointer;
	height:20px;
	width:20px;
	overflow:hidden;
}

#index #CarouselVa ul#selectBtn li:last-child{
	margin:0;
}

#index #CarouselVa ul#selectBtn li.c img,
#index #CarouselVa ul#selectBtn li.hover img{
	margin: -20px 10px 0 0;
	}

/****** Cleafix ******/
#index #CarouselVa ul#selectBtn:before,
#index #CarouselVa ul#selectBtn:after{content: " ";display: table;}
#index #CarouselVa ul#selectBtn:after{clear: both;}
#index #CarouselVa ul#selectBtn{*zoom: 1;}
/****** Cleafix ******/

#index #CarouselVa .prev{
cursor:pointer;
position:absolute;
top:232px;
left:25px}

#index #CarouselVa .next{
cursor:pointer;
position:absolute;
top:232px;
right:25px}

#index #CarouselVa #selectBtn{
cursor:pointer;
position:absolute;
bottom:20px;
left:377px}

#index .sectionH3{
	padding:0;
	background:none;
	margin-bottom:20px;}

#index #original{
    margin-bottom: 20px;
}

#index .h301 ul li{
	float:left;
	margin-right:20px;
}

#index .h301 ul li.lastChild{
	margin:0;
}

/****** Cleafix ******/
#index .h301 ul:before,
#index .h301 ul:after{content: " ";display: table;}
#index .h301 ul:after{clear: both;}
#index .h301 ul{*zoom: 1;}
/****** Cleafix ******/

#index .h302{
	float:left;
	width:347px;
	padding:20px;
	background:#FFF;
}

#index .h302 #rsscont dl{
	padding:10px 20px 10px 25px;
	border-bottom:1px #cccccc dotted;
	background:url(../img/common/listIcon.png) no-repeat 5px 15px;
	}

#index .h302 #rsscont dl.even{background-color:#f0f0f0;}

#index .h302 #rsscont dl dt{margin: 0 0 5px; color:#DA282B}

#index .h302 #rsscont dl dd{margin:0;}

#index .h302 #rsscont dl.lastChild{
	padding-bottom:0;
	border:none;}

#index .h303{
	float:right;
	width:347px;
	padding:20px;
	background:#fff;
}


/*************************************/
/* contact tag styles                  */ 
/*************************************/

#contact h3{
	margin:20px 0;
	text-align:center;
	}

#contact table tr td input{
	width:100%;
	height:30px;
}

#contact table tr td.radioSel input{ 
	width:13px;
	height:13px;
	margin-right:7px;
	

}

#contact .btn{
	margin:60px 0;
	text-align:center;
}

/*************************************/
/* thanks tag styles                  */ 
/*************************************/

#thanks .h301 h3{
	margin: 40px 0 40px;
	text-align:center;
}

dl#thanksAdd dt{
	font-weight:bold;
	margin-bottom:5px;
}

dl#thanksAdd dd{
	margin-bottom:5px;
}

#thanks #topBtn{
	margin: 60px 0;
	text-align:center;
}

/*************************************/
/* access tag styles                  */ 
/*************************************/

#access .h302 .leftArea{
	padding:20px;
	float:left;
	width:337px;
}

#access .h302 .rightArea{
	padding:20px;
	float:right;
	width:337px;
}

/****** Cleafix ******/
#access .h302:before,
#access .h302:after{content: " ";display: table;}
#access .h302:after{clear: both;}
#access .h302{*zoom: 1;}
/****** Cleafix ******/

/*************************************/
/* tipelist tag styles                  */ 
/*************************************/

#tipelist .h301 ul li{
	margin-bottom:20px;
}

#tipelist .h301 ul li.lastChild{
	margin-bottom:0;
}

/*************************************/
/* detaillist tag styles             */ 
/*************************************/

#detailList .h301{
	padding:40px;
}

#detailList .h301 ul li{
	width:210px;
	float:left;
	margin:0 40px 40px 0;
	padding:0;
	text-align:center;
}

#detailList .h301 ul li dl dt img{
	width:210px;
}

#detailList .h301 ul li dl dd.name{
	font-weight:bold;
	margin-bottom:5px;
}

#detailList .h301 ul li dl dd.detailLink{margin:0;}


#detailList .h301 ul li a:hover dl dd.detailLink img{
	opacity: 1;
	filter: alpha(opacity=100);
}

/****** Cleafix ******/
#detailList .h301 ul:before,
#detailList .h301 ul:after{content: " ";display: table;}
#detailList .h301 ul:after{clear: both;}
#detailList .h301 ul{*zoom: 1;}
/****** Cleafix ******/

#detailList .h301 ul li.lastChild{margin-right:0;}

#detailList .h301 ul li.lastList{margin-bottom:0;}

/*************************************/
/* detail tag styles             */ 
/*************************************/

#detail .h301{
	padding:40px;
}

#detail .h301 ul{
	width:715px;
	text-align:center;
	margin-bottom:40px;
}


#detail .h301 ul li{
	display:inline-block;
}
#detail .h301 .bigImg{
	text-align:center;
	height:430px;
	width:715px;
	margin-bottom:40px;
}

#detail .h301 ul li.selImg{
	border:1px solid #fff;
	text-align:center;
	padding:11px 8px;
}

#detail .h301 ul li.c{
	border:1px solid #DA282B;
}

#detail .h301 ul li.selImg img{
	width:60px;
}

#detail .h301 h3{
	text-align:center;
	font-size:216%;
	font-weight:bold;
}

#detail .h301 table{
	width:715px;
}

#detail .h301 table th{
	width:150px;
	background:#f0f0f0;
	border:1px #CCCCCC dotted;
}

#detail .h301 table td{
	border:1px #CCCCCC solid;
}

/*************************************/
/* company tag styles             */ 
/*************************************/

#company .h301 table{border:solid 1px #CCCCCC;}

#company .h301 table th{
	background:#f0f0f0;
	padding:40px;
	width:193px;
	}

#company .h301 table td,
#company .h301 table th{border:dotted 1px #cccccc;}


/*************************************/
/* about tag styles             */ 
/*************************************/

#about .sectionH3{
	padding:40px;
	margin:0 0 40px;;
}

#about h3{
	text-align:center;
	margin: 20px 0 80px;
}

#about p.kyach{
	font-size:161%;
}

#about .h303 .picArea,
#about .h301 .picArea{
	float:left;
	width:317px;
}

#about .h303 .charArea,
#about .h301 .charArea{
	float:right;
	width:360px;
}

#about .h302 .picArea{
	float:right;
	width:317px;
}

#about .h302 .charArea{
	float:left;
	width:360px;
}

/****** Cleafix ******/
#about .sectionH3:before,
#about .sectionH3:after{content: " ";display: table;}
#about .sectionH3:after{clear: both;}
#about .sectionH3{*zoom: 1;}
/****** Cleafix ******/

/*************************************/
/* gyoji tag styles             */ 
/*************************************/

#gyoji h3 {
	font-size:261%;
	text-align:center;
	padding: 40px 0 40px;
}

#gyoji .h301 .sectionTable{padding: 20px 0 0 140px;}

#gyoji .h301 .month01{background:url(../img/gyoji/month01bg.gif) top left no-repeat;}
#gyoji .h301 .month02{background:url(../img/gyoji/month02bg.gif) top left no-repeat;}
#gyoji .h301 .month03{background:url(../img/gyoji/month03bg.gif) top left no-repeat;}
#gyoji .h301 .month04{background:url(../img/gyoji/month04bg.gif) top left no-repeat;}
#gyoji .h301 .month05{background:url(../img/gyoji/month05bg.gif) top left no-repeat;}
#gyoji .h301 .month06{background:url(../img/gyoji/month06bg.gif) top left no-repeat;}
#gyoji .h301 .month07{background:url(../img/gyoji/month07bg.gif) top left no-repeat;}
#gyoji .h301 .month08{background:url(../img/gyoji/month08bg.gif) top left no-repeat;}
#gyoji .h301 .month09{background:url(../img/gyoji/month09bg.gif) top left no-repeat;}
#gyoji .h301 .month10{background:url(../img/gyoji/month10bg.gif) top left no-repeat;}
#gyoji .h301 .month11{background:url(../img/gyoji/month11bg.gif) top left no-repeat;}
#gyoji .h301 .month12{background:url(../img/gyoji/month12bg.gif) top left no-repeat;}

#gyoji .h301 table {
	width:575px;
	text-align:left;
}

#gyoji .h301 table tr{
	border-bottom:dotted 1px #ccc;
}

#gyoji .h301 table tr.lastChiled{
	border-bottom:none;
}

#gyoji .h301 table tr td {padding: 20px 20px 20px 0;}

#gyoji .h301 table tr td.day{ width:40px;}

#gyoji .h301 table tr td.kyuDay{ width:100px;}

#gyoji .h301 table tr td.name{ width:150px; font-weight:bold;}

/*************************************/
/* original tag styles             */ 
/*************************************/

#original .sectionH3 h3,
#original .sectionH3 ul li,
#original .sectionH3 ol li,
#original .sectionH3 dl dt,
#original .sectionH3 dl dd{
	font-family:"メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
	
#original .sectionH3{
	margin:0;
	padding:40px;
	border-bottom:dotted 1px #ccc;
	}

#original .sectionH3 h3{margin-bottom:40px; text-align:center; font-size:161%; font-weight:bold;}

#original .h301{padding:0;}

#original .h301 h3{margin:0;}

#original .h302 ol li{
	width:148px;
	float:left;
	text-align:center;
	margin-right:40px;
	font-size:120%;
}

#original .h302 ol li.flow01{background:url(../img/original/flow/flow01.gif) no-repeat 50% top; padding-top:130px;}
#original .h302 ol li.flow02{background:url(../img/original/flow/flow02.gif) no-repeat 50% top; padding-top:130px;}
#original .h302 ol li.flow03{background:url(../img/original/flow/flow03.gif) no-repeat 50% top; padding-top:130px;}
#original .h302 ol li.flow04{background:url(../img/original/flow/flow04.gif) no-repeat 50% top; padding-top:130px; margin-right:0;}


/****** Cleafix ******/
#original .h302 ol:before,
#original .h302 ol:after{content: " ";display: table;}
#original .h302 ol:after{clear: both;}
#original .h302 ol{*zoom: 1;}
/****** Cleafix ******/

#original .h303 ul li{
	float:left;
	margin-right:40px;
}

#original .h303 ul li.cake03{margin:0;}

#original .h303 ul li dl dd{ text-align:center;}

/****** Cleafix ******/
#original .h303 ul:before,
#original .h303 ul:after{content: " ";display: table;}
#original .h303 ul:after{clear: both;}
#original .h303 ul{*zoom: 1;}
/****** Cleafix ******/

#original .h304 ul li{
	margin-bottom:10px;
}

#original .h304{border:none; margin-bottom:40px;}

#original .h305{margin-bottom:40px; border:none;}

#original .h305 input{height:30px;}

#original #btnArea input{
	cursor: pointer;
	width:300px;
	height:60px;
	text-indent: -9999px;
	border: none;
	}

#original #btnArea{
	width:715px;
	margin: 20px auto;
	text-align:center;
}

#original #btnArea input#nextBtn{margin-left:40px;background:url(../img/original/nextBtn.jpg) top left no-repeat;}
#original #btnArea input#nextBtn:hover{background:url(../img/original/nextBtn.jpg) bottom left no-repeat;}

#original #btnArea input#resetBtn{background:url(../img/original/resetBtn.jpg) top left no-repeat;}
#original #btnArea input#resetBtn:hover{background:url(../img/original/resetBtn.jpg) bottom left no-repeat;}

#original #btnArea input#returnBtn{background:url(../img/original/returnBtn.jpg) top left no-repeat;}
#original #btnArea input#returnBtn:hover{background:url(../img/original/returnBtn.jpg) bottom left no-repeat;}

#original #btnArea input#submitBtn{margin-left:40px;background:url(../img/original/submitBtn.jpg) top left no-repeat;}
#original #btnArea input#submitBtn:hover{background:url(../img/original/submitBtn.jpg) bottom left no-repeat;}

#original #btnArea input#topBtn{margin-left:40px;background:url(../img/original/topBtn.jpg) top left no-repeat;}
#original #btnArea input#topBtn:hover{background:url(../img/original/topBtn.jpg) bottom left no-repeat;}

#original table.form tr td span.msg{
	color:#DA282B;
	font-weight:bold;
	}
#original table tr#select td input{height:12px;}
	
#original table tr#select td{
	vertical-align:middle;
}

#original p.thanks{
	text-align:center;
	margin-bottom:60px;
}

#original table#cakePrice{
    width: 100%;
}

#original table#cakePrice tr.size th{
    font-weight: normal;
}

#original table#cakePrice tr th,
#original table#cakePrice tr td{
    width: 10%;
    padding: 16px 5px;
    text-align: center;
    border-bottom: 1px dotted #ccc;}

#original table#cakePrice tr:nth-child(odd){
    background-color:#f0f0f0;}

#original table#cakePrice tr th.cakeName{
    width: 20%;
    text-align: left;}

#original table#cakePrice tr td.form{
    text-align: left;}