@charset "euc-jp";
body {
	background-color: #ffffff;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.unnamed1 {
	margin-bottom: 12px;
}
#flash {
	margin-top:10px;
}
.normal {
	font-size: 12px;
	line-height: 130%;
	color: #333333;
}
.big {
	font-size: 14px;
	line-height: 130%;
	color: #333333;
}
.small {
	font-size: 10px;
	line-height: 130%;
	color: #333333;
}
.Whatstitle {
	font-size: 16px;
	line-height: 130%;
	color: #FF0000;
}
.Topwatsnew a {
	color: #333333;
	font-size: 12px;
	text-decoration: underline;
}

.Topwatsnew a:visited {
	color: #333333;
	font-size: 12px;
	text-decoration: underline;
}
.Topwatsnew a:hover {
	color: #1996F4;
	font-size: 12px;
	text-decoration: none;
}
.line {
	border: 1px solid #CCCCCC;
}
.kansei {
	background-image: url(../../main/myhome/img/kansei.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

.bukken a {
	color: #1896F7;
	font-size: 12px;
	text-decoration: underline;
}

.bukken a:visited {
	color: #1896F7;
	font-size: 12px;
	text-decoration: underline;
}
.bukken a:hover {
	color: #333333;
	font-size: 12px;
	text-decoration: none;
}
.page a {
	color: #800C7D;
	font-size: 12px;
	text-decoration: underline;
}

.page a:visited {
	color: #800C7D;
	font-size: 12px;
	text-decoration: underline;
}
.page a:hover {
	color: #333333;
	font-size: 12px;
	text-decoration: none;
}
.GiyouShiharai {
	font-size: 12px;
	line-height: 130%;
	color: #333333;
	background-color: #EFEFEF;
	border: 1px solid #CCCCCC;
}
.GiyouShiharai span{
	color: #FF0000;
}
.Gaiyoumodoru a {
	color: #1896F7;
	font-size: 12px;
	text-decoration: none;
}

.Gaiyoumodoru a:visited {
	color: #1896F7;
	font-size: 12px;
	text-decoration: none;
}
.Gaiyoumodoru a:hover {
	color: #333333;
	font-size: 12px;
	text-decoration: underline;
}

.Aboutnormal {
	font-size: 12px;
	line-height: 150%;
	color: #333333;
}
.Shopbig {
	font-size: 14px;
	line-height: 200%;
	color: #333333;
}
.Staffmail a {
	color: #1996F4;
	font-size: 12px;
	text-decoration: underline;
}

.Staffmail a:visited {
	color: #1996F4;
	font-size: 12px;
	text-decoration: underline;
}
.Staffmail a:hover {
	color: #FF6600;
	font-size: 12px;
	text-decoration: none;
}
.Staffform a {
	color: #333333;
	font-size: 12px;
	text-decoration: underline;
}

.Staffform a:visited {
	color: #333333;
	font-size: 12px;
	text-decoration: underline;
}
.Staffform a:hover {
	color: #1996F4;
	font-size: 12px;
	text-decoration: none;
}
.Staffline {
	border: 1px solid #1996F4;
}
.Corpolationlink a {
	color: #333333;
	font-size: 12px;
	text-decoration: none;
}

.Corpolationlink a:visited {
	color: #333333;
	font-size: 12px;
	text-decoration: none;
}
.Corpolationlink a:hover {
	color: #1896F7;
	font-size: 12px;
	text-decoration: underline;
}

/* top accordion type list for css*/
.clear{ zoom:100%;}
.clear:after{ content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}
.accordion { width: 745px; border:5px solid #fff; overflow: hidden;
/*Time for some styling*/
box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.35);
-webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.35);
-moz-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.35);
}
/*A small hack to prevent flickering on some browsers*/
.accordion ul { width: 2000px; margin:0; padding:0;
	/*This will give ample space to the last item to move
	instead of falling down/flickering during hovers.*/
}

.accordion li {
	position: relative;
	display: block;
/*	width: 145px;*/
	width: 125px;
	float: left;

	

	
	/*Transitions to give animation effect*/
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	/*If you hover on the images now you should be able to 
	see the basic accordian*/
}

/*Reduce with of un-hovered elements*/
.accordion ul:hover li {width: 30px;}
.accordion ul:hover li.first{ width:125px;}
/*Lets apply hover effects now*/
/*The LI hover style should override the UL hover style*/
.accordion ul li.first:hover{width: 632px;}
.accordion ul li.multi2:hover,
.accordion ul li.multi3:hover,
.accordion ul li.multi4:hover,
.accordion ul li.multi5:hover,
.accordion ul li.last:hover{width: 511px;}
.accordion li img {
	display: block;
}

#greeding{line-height:28px; padding:20px; font-size:13px;}
#greeding>h3{padding-top:20px; margin-bottom:0; font-size:16px;}
#greeding>p{margin:0; padding-top:10px;}
#greeding>p.tr1{text-align: right; padding-right:3.4em; font-size:13px;}
#greeding>p.tr2{text-align: right; padding: 0;}
#greeding>p.tr2>span{font-size:13px;}
#greeding>p.tr3{text-align: right; padding-top:30px;}