@charset "utf-8";

/*--------------------------------------------------
Default
--------------------------------------------------*/
body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
	margin:0px;
	padding:0px;
	font-size:72%;
	line-height:2em;
	text-align: center;
	color:#333;
}
html,a,form,area,div,table,ul,ol,li,dd,h1,h2,h3,h4,h5,h6,p{
	margin:0px;
	padding:0px;
	border:none;
}
h2,h3,h4,h5{
	color:#e4007f;
	font-size:1.2em;
	text-align:left;
}

img{border:none;}

table{
	font-size:100%;
}

th { font-weight:bold; }

caption { font-weight: bold; font-size: 85%; }

ul {list-style-type:none;}

a{
	color:#333;
}
a:link,
a:visited{
	color:#000;
}
a:hover,
a:focus{
	text-decoration:none;
	color:#e4007f;
}

/*::::::::::::::::::::::::::::::::::
 WARAPPER
:::::::::::::::::::::::::::::::::::*/
div#WRAPPER{
	position:relative;
	width:852px;
	margin:30px auto;
}

/*::::::::::::::::::::::::::::::::::
 MAIN
:::::::::::::::::::::::::::::::::::*/
div#MAIN{
	margin:0 38px;
}

div#pan{
	text-align:right;
	margin-bottom:10px;
	font-size:85%;
}

div#pan span{
	color:#e4007f;
}

div#pan a:hover{
	text-decoration:underline;
}

/*::::::::::::::::::::::::::::::::::
 HEAD
:::::::::::::::::::::::::::::::::::*/
div#HEAD{
	margin-bottom:46px;
	width:776px;
	height:90x;
	background:url(../images/common/logo.gif) no-repeat;
	position:relative;
}

div#HEAD h1{
	text-indent:-9999px;
}

div#HEAD h1 a{
	width:346px;
	height:26px;
	display:block;
}

div#CONTENT h2.search{
	border-bottom:2px solid #e4007f;
	font-size:2em;
	padding-bottom:5px;
}

/*NAVI-HEAD----------------------------*/
ul#NAVI-HEAD {
	height:10px;
	float:right;
	display:inline;
	position:absolute;
	top:0;
	right:0;
}

ul#NAVI-HEAD li{
	float:left;
	margin-right:3px;
}

ul#NAVI-HEAD li form{
	margin-left:20px;
}

ul#NAVI-HEAD input.search-q {
	width:120px;
	line-height:10px;
	font-size:80%;
	padding:1px;
}

div#BANNER li a img:hover,{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

/*::::::::::::::::::::::::::::::::::
 CONTENT
:::::::::::::::::::::::::::::::::::*/
div#CONTENT{
	width:568px;
	float:right;
	text-align:left;/*201205追加*/
}

div#CONTENT h2{
	border-bottom:1px solid #e4007f;
	margin-bottom:15px;
}

div#CONTENT h2.title01{
	border:none;
}

div#CONTENT h3{
	margin-bottom:15px;
}

div#CONTENT h3.title01{
	margin-bottom:15px;
}

div#CONTENT h4{
	margin-bottom:0;
}

div#CONTENT a img:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}



div#CONTENT #slideshow a img:hover{
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}


div#CONTENT div.more{
	margin-bottom:10px;
}

div#CONTENT div.more p{
	text-align:right;
}

div#CONTETN p a img:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

div#CONTENT a{
	color:#e4007f;
}

div#CONTENT a:link,
div#CONTENT a:visited{
	color:#e4007f;
}

div#CONTENT a:hover,
div#CONTENT a:focus{
	text-decoration:underline;
}

p.ex{
	text-align:right;
	margin:0 0 30px 10px;
}

/*** Event Media Recommened Infomation ***/
li span{
	margin-right:20px;
}

h2.entryLevle01{
	margin-top:50px;
}

h3.entryLevle01{
	font-size:1.2em;
}

h3.entryLevle01 span{
	display:block;
	width:356px;
	float:right;
}

h3.entryLevle01 img{
	float:left;
	margin-right:8px;
	margin-top:3px;
}

h3.entryLevle01 a{
	color:#e4007f;
}
h3.entryLevle01 a:link,
h3.entryLevle01 a:visited{
	color:#e4007f;
}
h3.entryLevle01 a:hover,
h3.entryLevle01 a:focus{
	text-decoration:underline;
	color:#e4007f;
}

div#CONTENT h3.entryLevle02{
	font-size:1.2em;
	background:url(/images/common/triangle.gif) no-repeat 0px 5px;
	margin-top:5px;
	margin-bottom:0;
	padding:0px 0px 0px 10px;
}

h3.entryLevle03{
	font-size:1em;
	text-decoration:none;
	padding-bottom:3px;
	border-bottom:1px dotted #e4007f;
}

div#CONTENT h3.entryLevle04{
	clear:both;
	margin-bottom:0;
}

p.author{
	color:#e4007f;
	margin-bottom:0;
}

div#entryMAIN{
	float:left;
	width:440px;
	margin-right:18px;
	margin-bottom:10px;
}

div.entry{
	clear:both;
	float:left;
	width:360px;
	margin:10px 0;
}

div.entryIMG{
	width:70px;
	float:right;
	margin:20px 0;
}

div.eventdate{
	margin:20px 0 0 0;
	padding:0;

}

div.details{
	clear:both;
	border-bottom:dotted 1px #333;
	padding:20px 0;
}

div.details h4,
div.mailnews h3{
	background:url(/images/common/triangle.gif) no-repeat 0px 5px;
	margin:5px 0 20px 0px;
	padding:0px 0px 0px 10px;
	font-size:1.2em;
}

div.recommended{
	clear:both;
	border-bottom:2px solid #e4007f;
	margin-bottom:20px;
}

div.blog{
	clear:both;
	border-bottom:1px dotted #333;
	margin-bottom:20px;
	text-align:left;
}

div.recommended h4{
	background:url(/images/common/triangle.gif) no-repeat 0px 5px;
	margin:5px 0 10px 0px;
	padding:0px 0px 0px 10px;
	font-size:1em;
}

div.blog h4{
	background:url(/images/common/triangle.gif) no-repeat 0px 5px;
	margin:5px 0 10px 0px;
	padding:0px 0px 0px 10px;
	font-size:1.2em;
}

div.recommended p{
	display:block;
	margin-bottom:20px;
	padding-bottom:10px;
	border-bottom:1px dotted #333;
}

div.blog p{
	margin-bottom:20px;
}

div.recommended p.line_none{
	display:block;
	margin-bottom:20px;
	padding-bottom:10px;
	border:none;
}

div.date{
	text-align:right;
	font-size:0.9em;
	margin-bottom:5px;
}

div#subCATEGORY{
	float:right;
	width:110px;
	font-size:0.9em;
}

div#subCATEGORY h3{
	font-size:1em;
	padding-bottom:3px;
	border-bottom:1px dotted #e4007f;
}

div.paginate{
	margin-top:20px;
}

div.paginate_l{
	float:left;
}

div.paginate_r{
	float:right;
}

h3.entryLevle04 span.lan-type{
	font-size:70%;
}

/*patarn----------------------------*/

div#entryMAIN01{
	clear:both;
	float:left;
	widht:586ppx;
	margin-right:18px;
	margin-bottom:10px;
}

div#entryMAIN div#entryHEAD,
div#entryMAIN01 div#entryHEAD{
	clear:both;
	border-bottom:1px dotted #333;
	margin-bottom:20px;
}

div#entryMAIN01 div.entry{
	float:left;
	width:480px;
	margin-bottom:20px;
}

div#entryMAIN01 div.entryIMG{
	width:70px;
	float:right;
	margin-bottom:20px;
}

div#entryMAIN01 ul{
	width:568px;
}

/*** Top Slide ***/

#slideshow { position:relative; width:568px; height:334px; }
#slideshow img { position:absolute; top:0; left:0; z-index:8; }
#slideshow img.active { z-index:10; }
#slideshow img.last-active { z-index:9; }


#slideshow2 {
　position:relative;
　height:350px;
}
#slideshow2 a {
　position:absolute;
　top:0;
　left:0;
　z-index:8;
　opacity:0.0;
}
#slideshow2 a.active {
　z-index:10;
　opacity:1.0;
}
#slideshow2 a.last-active {
　z-index:9;
}


/*** Access Contact ***/
p.google_link{
	text-align:right;
	font-size:0.9em;
}

p.map_link{
	text-align:right;
	font-size:0.9em;
	margin-bottom:30px;
}

p.google_link a{
	color:#e4007f;
}
p.google_link a:link,
p.google_link a:visited{
	color:#e4007f;
}
p.google_link a:hover,
p.google_link a:focus{
	text-decoration:underline;
	color:#e4007f;
}

/*--------------------------------------------------
Basic and Shared Classes
--------------------------------------------------*/

/*-------------------------
2/3 Column Layout
-------------------------*/

/*** Parent div elements ***/
div.column2, div.column3 {
	width:568px;
	margin:0px auto;
	text-align: left;
	margin-bottom:20px;
}

/*** Children div elements ***/
.column,
.column-r, 
.column-2,
.column-2r,
.column-3,
.column-3r,
.column-4,
.column-4r,
.column-5
 {
	float:left;
	display:inline;
}
div.column2 .column { width:270px; margin-right:13px; }
div.column2 .column-r { width:270px; }
div.column3 .column { width:180px; margin-right:13px; }
div.column3 .column-r { width:180px; }
div.column3 .column-2 { width:374px; margin-right:13px; }
div.column3 .column-2r { width:374px; }
div.column3 .column-3 { width:435px; margin-right:13px; }
div.column3 .column-3r { width:435px; }
div.column3 .column-4 { width:119px; margin-right:13px; }
div.column3 .column-4r { width:119px; }

div.column5 .column{width:200px; margin-right:13px;}
div.column5 .column-2{width:340px; }

/*-------------------------
Lists Patarn
-------------------------*/
#CONTENT ul {
	margin:0px 0px 10px 0px;
}

#CONTENT li {
	border-bottom:1px dotted #333333;
	margin:3px 0px 3px 0px;
	padding:0 0 4px 0;
}
#CONTENT ul li a, 
#CONTENT ul li a:link, 
#CONTENT ul li a:visited {
	text-decoration: none;
	color:#000;
}
#CONTENT ul li a:hover,
#CONTENT ul li a:focus {
	color:#e4007f;
}

/*** Pattern 1 ***/
#CONTENT ul.list01 li
{
	background:url(/images/common/square.gif) no-repeat 0px 6px;
	color:#000;
	margin:5px 15px 5px 0px;
	padding:0px 0px 0px 15px;
	border:none;
}

/*** Pattern 2 ***/
#CONTENT ul.list02 li
{
	background:url(/images/common/square.gif) no-repeat 0px 5px;
	color:#000;
	margin:5px 15px 5px 0px;
	padding:0px 0px 0px 15px;
	float:left;
	border:none;
}

/*** Pattern 3 ***/
#CONTENT ul.list03{
	margin-bottom:30px;
}

#CONTENT ul.list03 li
{
	background:url(/images/common/triangle.gif) no-repeat 0px 5px;
	color:#000;
	margin:5px 0 5px 0px;
	padding:0px 0px 0px 10px;
	border:none;
}

/*** Pattern 4 ***/
#CONTENT ul.list04{
	margin-bottom:0;
}

#CONTENT ul.list04 li{
	background:none;
	border:none;
	margin:0;
	padding:0 0 0 10px;
}

/*** Pattern 5 ***/
#CONTENT dl.menulist{
	font-size:89%;
	margin:aout;
	margin-top:0;
	line-height:1.8em;
	
}

#CONTENT dl.menulist dt{
	float: left;
	width: 13.1em;
	margin-right:5px;
}

#CONTENT dl.menulist dd{
margin-left: 13.1em;
}

/*-------------------------
Tables
-------------------------*/

/*** Default ***/

#CONTENT table {
	width:100%;
	border:#999 1px solid;
	border-bottom:#999 1px solid;
	border-collapse: collapse;
	margin-bottom:30px;
}

#CONTENT table caption { text-align: right; }
#CONTENT table th, #CONTENT table td {
	border-collapse: collapse;
	padding:5px;
	border:#999 1px solid;
}
#CONTENT table thead th {
	background-color:#ccc;
	white-space: nowrap;
}

#CONTENT table thead td {
	background-color:#e9e9e9;
}

#CONTENT table th, 
#CONTENT table tbody th {
	font-weight:normal;
	background-color:#f9f9f9;
}

#CONTENT table td, 
#CONTENT table tbody td {
	text-align:left;
	background-color:#fff;
}

/*::::::::::::::::::::::::::::::::::
 NAVI-LOCAL
:::::::::::::::::::::::::::::::::::*/
div#NAVI-LOCAL{
	width:170px;
	float:left;
	margin:0 38px;
}

div#NAVI-LOCAL ul li{
	margin-bottom:15px;
	line-height:1.5em;
	vertical-align:middle;
}

div#NAVI-LOCAL ul.sub-navi{
	margin:10px 0 0 5px;
}

div#NAVI-LOCAL ul.sub-navi li{
	margin-bottom:5px;
}

div#BANNER li a img:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

/*::::::::::::::::::::::::::::::::::
 floatMenu
:::::::::::::::::::::::::::::::::::*/
#TOP{
	margin:0;
	padding:0;
}

div#floatMenu{
	position:absolute;
	top:450px;
	right:0;
}

div#floatMenu p{
	display:block;
	width:12px;
	height53px;
}

div#floatMenu p.top{
}

div#floatMenu p.top a,
div#floatMenu p.top a:link,
div#floatMenu p.top a:visited,
div#floatMenu p.top a:active{
	display:block;
	width:12px;
	height:53px;
	font-size:1px;
	line-height:1px;
	outline:none;
}

div#floatMenu p.top a:hover{
	text-indent:-9999px;
	background:url(/images/common/pagetop-over.gif) no-repeat left bottom;
}

/*::::::::::::::::::::::::::::::::::
 FOOT
:::::::::::::::::::::::::::::::::::*/
div#FOOT{
	clear:both;
	padding-top:50px;
}

div#FOOT p{
	text-align:right;
}

/*::::::::::::::::::::::::::::::::::
 MARGIN SET
:::::::::::::::::::::::::::::::::::*/
.mgb10,
p.mgb10{
	clear:both;
	margin-bottom:10px;
}

.mgb15,
p.mgb15{
	clear:both;
	margin-bottom:15px;
}

.mgb20,
p.mgb20{
	clear:both;
	margin-bottom:20px;
}

.mgb30,
p.mgb30{
	clear:both;
	margin-bottom:30px;
}

.mgb40,
p.mgb40{
	clear:both;
	margin-bottom:40px;
}

.mgb50,
p.mgb50{
	clear:both;
	margin-bottom:50px;
}

/*::::::::::::::::::::::::::::::::::
 Clearfix
:::::::::::::::::::::::::::::::::::*/
div.column2:after,
div.column3:after,
div#entryMAIN:after,
div#entryMAIN div#entryHEAD:after,
div#entryMAIN01 div#entryHEAD:after,
div.eventdate:after,
div#subCATEGORY:after,
div#CONTENT ul:after,
div#CONTENT dl.menulist:after,
ul#NAVI-LOCAL-LIST:after, 
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
div.column2,
div.column3,
div#entryMAIN,
div#entryMAIN div#entryHEAD,
div#entryMAIN01 div#entryHEAD,
div.eventdate,
div#subCATEGORY,
div#CONTENT ul,
div#CONTENT dl.menulist,
ul#NAVI-LOCAL-LIST, 
.clearfix{
	display:inline-block;
}
/* Hides from IE-mac \*/
*html div.column2,
*html div.column3,
*html div#entryMAIN,
*html div#entryMAIN01 div#entryHEAD,
*html div#entryMAIN div#entryHEAD,
*html div.eventdate,
*html div#subCATEGORY,
*html div#CONTENT ul,
*html div#CONTENT dl.menulist,
*html ul#NAVI-LOCAL-LIST, 
*html .clearfix{
	height:1%;
}
div.column2,
div.column3,
div#entryMAIN,
div#entryMAIN div#entryHEAD,
div#entryMAIN01 div#entryHEAD,
div.eventdate,
div#subCATEGORY,
div#CONTENT ul,
div#CONTENT dl.menulist,
ul#NAVI-LOCAL-LIST, 
.clearfix{
	display:block;
}
/* End hide from IE-mac */


/*::::::::::::::::::::::::::::::::::
 2012追加
:::::::::::::::::::::::::::::::::::*/


.waku{
	border: 1px solid #999999;
    padding: 5px;
}

.hanare_pink{
	color:#E4007F;
}

/*::::::::::::::::::::::::::::::::::
 2014追加
:::::::::::::::::::::::::::::::::::*/

.cafe_shop h3{
	background-color:#E4007F;
	color:#ffffff;
	font-size:1.4em;
	padding:1px 6px;
	letter-spacing:0.1em;
}

.cafe_shop h3 span{
	font-size:9px;
}

.cafe_shop h4{
	font-size:1.3em;
	margin:5px 0 3px 0 !important;
}

.cafe_shop .time{
	font-weight:bold;
}
.cafe1f{
	font-size:11px;
	line-height:1.6;
}

.cafe1f  ul.list01{
	margin-bottom:0px !important;
}

.cafe_shop {
	margin-bottom:30px;
}