@charset "utf-8";
/* ==================================================

ベネリック株式会社 スタイルシート

================================================== * /

/* 共通
--------------------------------------------------------------------*/
body,div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,td,th,form {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}
article,aside,figure,figcaption,footer,header,nav,section {
	display: block;
}
li {
	list-style-type: none;
}
table {
	border-collapse: collapse;
}
td,
th {
	vertical-align: top;
}
th {
	text-align: left;
}
img {
	vertical-align: bottom;
}
a img {
	border: none;
}
body {
	font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	margin: 0;
	text-align: center;
	font-size: 80%;
	line-height: 1.33;
	color: #323232;
}
.fs {
	font-size: 85%;
}
.fl {
	font-size: 125%;
}
.b {
	font-weight: bold;
}
.c {
	text-align: center;
}
.r {
	text-align: right;
}
a:link,
a:visited {
	color: #323232;
	text-decoration: none;
}
a:hover,
a:active {
	color: #323232;
	text-decoration: underline;
}
.cf:before,
.cf:after {
	content: "";
	display: table;
}
.cf:after {
	clear: both;
}
.cf {
	zoom: 1;
	overflow: hidden;
}
.warning {
	color: #e61e1e;
	background-color: #fffaf3;
	border: solid 1px #c79f62;
	padding: 12px 15px 11px;
	margin: 12px 0 6px;
}
header {
	margin: 0 auto;
	width: 850px;
	text-align: left;
}
h1 {
	float: left;
	width: 300px;
	padding-top: 10px;
}
#shopmenu-area {
	position: absolute;
	z-index: 9000;
}
#shopmenu-area-i {
	position: absolute;
	top: 0;
	left: 300px;
	width: 110px;
	height: 100px;
	cursor: hand;
}
#shopmenu-area #shopmenu {
	background:url(../common/shopmenu_bk.png) no-repeat;
	position: absolute;
	width: 850px;
	height: 660px;
	display: none;
	top: 100px;
	left: 0;
}
#shopmenu-area .shopmenu-title {
	padding-top: 70px;
	text-align: center;
}
#shopmenu-area ul {
	padding-left: 30px;
}
#shopmenu-area li {
	float: left;
	width: 135px;
	padding-top: 20px;
}
nav {
	float: right;
	width: 440px;
}
.tm li {
	float: left;
}
.bk {
	background-color: #fafaf5;
	padding-top: 50px;
}
.main {
	margin: 0 auto;
	width: 850px;
	background-color: #fff;
	text-align: left;
}
.main-i {
	padding: 30px 30px 60px;
}
.main-area {
	background: url(../common/lm_bk.gif) repeat-y;
}
.main-left {
	float:left;
	width: 150px;
}
.main-left-i {
	padding: 0 1px 40px;
}
.main-right {
	float: right;
	width: 700px;
}
.main-right-i {
	padding: 30px 40px 70px;
}
.main-right h2 {
	padding-bottom: 20px;
}
.lm-bottom-line img {
	display: block;
}
.page-back {
	padding-top: 50px;
	text-align: center;
}

footer {
	padding-top: 30px;
	background-color: #fafaf5;
	color: #888;
}
footer .footer-i {
	margin: 0 auto;
	width: 850px;
}
footer .language {
	padding-bottom: 10px;
	text-align: left;
}
footer .bottom-link-area {
	background-color: #888;
	padding: 25px 20px;
}
footer .bottom-link-area .bottom-link-left {
	float: left;
	width: 480px;
}
footer .bottom-link-area .bottom-link-right {
	float: right;
	width: 330px;
	text-align: right;
}
footer .bottom-link-area li {
	background:url(../common/bottom_line.gif) no-repeat;
	float: left;
	padding: 4px 12px;
	font-size: 85%;
}
footer .bottom-link-area li.last {
	padding: 0;
}
footer .bottom-link-area .bottom-link-right li {
	float: right;
}
footer .bottom-link-area a {
	color: #fff;
}
footer .copyright {
	background-color: #fafaf5;
	padding: 25px 0 15px;
	font-size: 85%;
	text-align: left;
	color: #888;
}

.copy {
	font-size: 125%;
	font-weight: bold;
	padding-bottom: 5px;
}

/* ショップロゴ　共通
--------------------------------------------------------------------*/
.logo-area {
	border-bottom: dotted 1px #969696;
}
.logo-area h2 {
	float: left;
	width: 271px;
	padding-bottom: 0;
}
.logo-area h2 img {
	border-right:dotted 1px #969696;
	}
.logo-area .logo-r {
	float: left;
	width: 349px;
}
.logo-area .logo-ri {
	padding: 30px 0 0 30px;
}
.logo-area .logo-r .title-area {
	padding-bottom: 7px;
	border-bottom:dotted 1px #969696;
	margin-bottom: 12px;
}
.logo-area .logo-r .title-area .title {
	margin-right: 15px;
}
.logo-area .logo-r .title-area img {
	margin-right: 5px;
	vertical-align: middle;
}

/* トップ
--------------------------------------------------------------------*/
#top .slider-area {
	position: relative;
	padding-bottom: 30px;
}
#top .flex-prev {
	display: none;
	position: absolute;
	z-index: 100;
	background: url(../img/back_ro1.gif) 0 0 no-repeat;
	width: 13px;
	height: 20px;
	text-indent: -9999px;
	bottom: -8px;
	left: 310px;
}
#top .flex-prev:hover {
	background: url(../img/back_ro2.gif) 0 0 no-repeat;
}
#top .flex-next {
	display: none;
	position: absolute;
	z-index: 100;
	background: url(../img/next_ro1.gif) 0 0 no-repeat;
	width: 13px;
	height: 20px;
	text-indent: -9999px;
	bottom: -8px;
	right: 310px;
}
#top .flex-next:hover {
	background: url(../img/next_ro2.gif) 0 0 no-repeat;
}
#top .flex-control-nav {
	position: absolute;
	bottom: -10px;
	left: 0;
}
#top .flex-control-paging li a {
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background: #231815;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}
#top .flex-control-paging li a:hover {
	background: #969696;
}
#top .flex-control-paging li a.flex-active {
	background:#969696;
}
#top .information-block {
	padding-top: 20px;
}
#top .information-area {
	padding-top: 20px;
}
#top .information-area .information {
	float: left;
	width: 268px;
}
#top .information-area .information-i {
	position: relative;
	padding: 25px 14px 0 25px;
}
#top .information-area .last {
	width: 254px !important;
}
#top .information-area .last .information-i {
	padding: 25px 0 0 25px !important;
}
#top .information-area .information-i .icon {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
#top .information-area .information-i .icon2 {
	position: absolute;
	top: 158px;
	right: 15px;
}
#top .information-area .last .information-i .icon2 {
	right: 1px !important;
}
#top .information-area .information-i2 {
	border:solid 1px #e1e1e1;
}
#top .information-area .photo {
	width: 227px;
	height: 154px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
#top .information-area .logo {
	padding: 0 20px;
	border-top: solid 1px #e1e1e1;
	text-align: center;
}
#top .information-area .text-area {
	border-top: solid 1px #e1e1e1;
	margin: 0 20px;
	height: 62px;
}
#top .information-area .text-area p {
	padding-top: 13px;
}
#top .information-area a {
	color: #323232;
	text-decoration: none;
}
#top .information-area a:hover img,
#top .information-area a:hover p {
	opacity: 0.7;
}
#top .information-category {
    padding-top: 25px;
}
#top .information-category li {
	float: left;
	width: 136px;
}
#top .information-category li.last {
	width: 110px;
}

/* インフォメーション
--------------------------------------------------------------------*/
#information-u .logo-area {
	border-bottom: none;
}
#information-u .logo-area .logo-ri {
	padding: 25px 0 0 30px;
}
#information-u .logo-area .logo-r .day {
	padding-bottom: 3px;
	font-size: 125%;
}
#information-u .logo-area .logo-r h3 {
	font-weight: bold;
	font-size: 125%;
}
#information-u .main-photo {
	padding-top: 20px;
	text-align: center;
}
#information-u .twitter-area {
	padding-top: 12px;
}
#information-u .twitter-area .twitter {
	float:left;
	margin-right: 7px;
}
#information-u .twitter-area .facebook {
	float:left;
	margin-right: 7px;
}
#information-u .top-copy {
	padding-top: 15px;
	font-weight: bold;
	font-size: 125%;
}
#information-u .bar {
	padding-top: 50px;
	padding-bottom: 2px;
	border-bottom: dotted 1px #969696;
}
#information-u .bar h4 {
	display: inline;
	vertical-align: bottom;
	padding: 3px 12px 1px;
	font-weight: bold;
}
#information-u .category1 h4 {
	background-color: #fff000; 
}
#information-u .category2 h4 {
	background-color: #7dccf3; 
}
#information-u .category3 h4 {
	background-color: #f29600; 
}
#information-u .category4 h4 {
	background-color: #f9a0ca; 
}
#information-u .category5 h4 {
	background-color: #8dc21f; 
}
#information-u .text {
	padding-top: 15px;
}
#information-u .text a {
    color: #8ec220;
}
#information-u .youtube {
	padding-top: 20px;
	text-align: center;
}
#information-u .map {
	padding-top: 20px;
	text-align: center;
}
#information-u #gmap,
#information-u #gmap2,
#information-u #gmap3 {
	width: 620px;
	height: 400px;
}
#information-u .pdf {
	padding-top: 20px;
}
#information-u .pdf li {
	background: url(../information/img/pdf.gif) no-repeat;
	padding: 10px 0 10px 40px;
	font-weight: bold;
}
#information-u .photo {
	padding-top: 30px;
	text-align: center;
}
#information-u .goods {
	margin-top: 10px;
	padding: 15px 20px;
	border: dotted 1px #646464;
}
#information-u .goods .btn a {
	display: block;
	margin: 10px 390px 0 0;
	background-color: #323232;
	padding: 4px 0 3px;
	font-size: 110%;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color: #fff;
}
#information-u .goods .btn a:hover {
	background-color: #646464;
}
#information-u .banner {
	padding-top: 40px;
	text-align: center;
}

/* 店舗紹介
--------------------------------------------------------------------*/
#service .service-area {
	padding-bottom: 50px;
}
#service .service-area .service-left {
	float: left;
	width: 217px;
}
#service .service-area .service-right {
	float: right;
	width: 186px;
}
#service .service-area .service-left .service {
	margin-right: 31px;
}
#service .service-area .service {
	border-bottom: solid 1px #969696;
	padding-bottom: 10px;
}
#service .service-area .service h3 {
	padding: 13px 0 3px;
	font-weight: bold;
}
#service .service-area .service h3 a {
	color: #323232;
}
#service .service-area .service p {
	font-size:85%;
	line-height: 140%;
}

/* 店舗紹介 下層jacascript共通
--------------------------------------------------------------------*/
#service-u .slider-area {
	position: relative;
	padding-bottom: 30px;
}
#service-u .flex-prev {
	display: none;
	position: absolute;
	z-index: 100;
	background: url(../img/back_ro1.gif) 0 0 no-repeat;
	width: 13px;
	height: 20px;
	text-indent: -9999px;
	bottom: -8px;
	left: 230px;
}
#service-u .flex-prev:hover {
	background: url(../img/back_ro2.gif) 0 0 no-repeat;
}
#service-u .flex-next {
	display: none;
	position: absolute;
	z-index: 100;
	background: url(../img/next_ro1.gif) 0 0 no-repeat;
	width: 13px;
	height: 20px;
	text-indent: -9999px;
	bottom: -8px;
	right: 230px;
}
#service-u .flex-next:hover {
	background: url(../img/next_ro2.gif) 0 0 no-repeat;
}
#service-u .flex-control-nav {
	position: absolute;
	bottom: -10px;
	left: 0;
}
#service-u .flex-control-paging li a {
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background: #231815;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}
#service-u .flex-control-paging li a:hover {
	background: #969696;
}
#service-u .flex-control-paging li a.flex-active {
	background:#969696;
}

/* 店舗紹介 インフォメーション共通
--------------------------------------------------------------------*/
#service-u .information-block {
	padding-top: 20px;
}
#service-u .information-area {
	padding-top: 20px;
}
#service-u .information-area .information {
	float: left;
	width: 212px;
}
#service-u .information-area .information-i {
	position: relative;
	padding: 20px 16px 0 20px;
}
#service-u .information-area .last {
	width: 196px !important;
}
#service-u .information-area .last .information-i {
	padding: 20px 0 0 20px !important;
}
#service-u .information-area .information-i .icon {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
#service-u .information-area .information-i .icon2 {
	position: absolute;
	top: 118px;
	right: 17px;
}
#service-u .information-area .last .information-i .icon2 {
	right: 1px !important;
}
#service-u .information-area .information-i2 {
	border:solid 1px #e1e1e1;
}
#service-u .information-area .photo {
	width: 174px;
	height: 118px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
#service-u .information-area .logo {
	padding: 0 20px;
	border-top: solid 1px #e1e1e1;
	text-align: center;
}
#service-u .information-area .text-area {
	border-top: solid 1px #e1e1e1;
	margin: 0 20px;
	height: 62px;
}
#service-u .information-area .text-area p {
	padding-top: 11px;
	font-size: 85%;
}
#service-u .information-area a {
	color: #323232;
	text-decoration: none;
}
#service-u .information-area a:hover img,
#service-u .information-area a:hover p {
	opacity: 0.7;
}
#service-u .information-text {
	padding: 30px 0 6px;
	border-bottom: dotted 1px #d2d2d2;
	text-align: right;
	font-weight: bold;
}
#service-u .information-text a {
	color: #323232;
}
#service-u .next-back {
	margin-top: 40px;
	border-top: dotted 1px #d2d2d2;
	padding-top: 9px;
	position: relative;
	text-align: center;
	color: #c8c8c8;
}
#service-u .next-back p {
	font-weight: bold;
}
#service-u .next-back a {
	color: #323232;
}
#service-u .next-back .back {
	position:absolute;
	top:9px;
	left:0;
	width:130px;
	text-align:left;
}
#service-u .next-back .next {
	position:absolute;
	top:9px;
	right:0;
	width:130px;
	text-align:right;
}

/* 店舗紹介 下層トップ
--------------------------------------------------------------------*/
#service-u .top-text {
	padding: 16px 0 15px;
	border-bottom:dotted 1px #969696;
	margin-bottom: 30px;
}
#service-u .top-text-btn {
	padding-top: 15px;
	text-align: right;
}
#service-u .top-text-btn img {
	margin-left: 5px;
}
#service-u h3 {
	padding-top: 50px;
}
#service-u .banner-area {
	padding-top: 15px;
}
#service-u .banner-area li {
	float: left;
	width: 320px;
}
#service-u .banner-area li:last-child {
	width: 300px;
}
#service-u .banner-last {
	padding-bottom: 15px;
	border-bottom: dotted 1px #969696;
}
#service-u .banner-area2 {
	padding-top: 15px;
}
#service-u .banner-area2 li {
	float: left;
}
#service-u .banner-area2 li img {
	margin-right: 15px;
}
#service-u .banner-area2 li .last {
    margin-right: 0;
}
#service-u .list-btn {
	padding-top: 15px;
}
#service-u .links-area dt {
	padding: 11px 10px 2px;
	font-weight: bold;
}
#service-u .links-area dt a {
	color: #323232;
}
#service-u .links-area dd {
	padding: 0 10px 10px;
	border-bottom: dotted 1px #969696;
	font-size: 85%;
	color: #969696;
}
#service-u .sns-area {
	padding-top: 50px;
}
#service-u .sns-area td {
	padding-right: 10px;
}
#service-u .ultraman-box {
	margin-top: 20px;
	background-color: #dce6f0;
	padding: 20px;
}
#service-u .ultraman-box .photo {
	float: left;
	width: 74px;
}
#service-u .ultraman-box .photo-r {
	float: right;
	width: 490px;
}
#service-u .ultraman-box .photo-r .copy {
	color: #003278;
}
#service-u .stand-btn {
	padding-top: 20px;
	text-align: center;
}
#service-u .stand-btn a:hover {
	opacity: 0.8;
}
#service-u .menu-text-area {
	margin-top: 15px;
	border: dotted 1px #646464;
	background-color: #f5f5f5;
	padding: 12px 15px;
}

/* 店舗リスト　共通
--------------------------------------------------------------------*/
#list h3 {
	padding: 50px 0 3px;
	font-weight: bold;
	border-bottom: solid 1px #969696;
}
#list h3.top {
	padding: 30px 0 3px;
}
#list .top-kome {
	padding-top: 10px;
	color: #c84632;
	font-size: 85%;
}
#list .list-area {
	padding: 11px 0 10px;
	border-bottom: dotted 1px #969696;
}
#list .list-area .store {
	float: left;
	width: 200px;
}
#list .list-area .store p {
	padding: 0 10px;
	font-weight: bold;
}
#list .list-area .store span {
	padding-left: 3px;
	color: #c84632;
}
#list .list-area .store img {
	vertical-align: middle;
	margin-left: 3px;
}
#list .list-area .store-r {
	float: right;
	width: 420px;
}
#list .list-area .store-r p {
	padding-bottom: 2px;
}
#list .list-area .store-r .text {
	font-weight: bold;
	color: #ff6400;
}
#list .list-area .store-r .text a {
	color: #ff6400;
}
#list .list-area .store-r .list-table .left {
	float: left;
	width: 55px;
	color: #969696;
	font-size: 85%;
}
#list .list-area .store-r .list-table .right {
	float: right;
	width: 365px;
	font-size: 85%;
}
#list .list-area .store-r .list-table2 .left {
	float: left;
	width: 43px;
	color: #969696;
	font-size: 85%;
}
#list .list-area .store-r .list-table2 .right {
	float: right;
	width: 377px;
	font-size: 85%;
}
#list .list-area .store-r .tel {
	font-size: 120%;
	font-weight: bold;
	color: #00b3ec;
}
#list .list-area .store-r .url a {
	font-weight: bold;
	color: #969696;
}
#list .list-area .store-r .map {
	padding-top: 0;
}
#list .list-area .store-r .map img {
	margin-right: 7px;
}
#list .list-area .store-r .menu {
	padding-top: 6px;
}

/* ムーミンカフェ　トップ
--------------------------------------------------------------------*/
#moomin-cafe h3 {
	padding-top: 50px;
}
#moomin-cafe .top-image {
	padding-top: 30px;
	text-align: center;
}
#moomin-cafe .store-area {
	padding-top: 40px;
}
#moomin-cafe .store-area a {
	color: #323232;
	text-decoration: none;
}
#moomin-cafe .store-area a:hover img,
#moomin-cafe .store-area a:hover h4,
#moomin-cafe .store-area a:hover p {
	opacity: 0.7;
}
#moomin-cafe .store-area .store {
	float: left;
	width: 215px;
}
#moomin-cafe .store-area .store-i {
	padding-right: 25px;
}
#moomin-cafe .store-area .last {
	width: 190px !important;
}
#moomin-cafe .store-area .last .store-i {
	padding-right: 0 !important;
}
#moomin-cafe .store-area .store-i2 {
	border: solid 1px #e1e1e1;
}
#moomin-cafe .store-area .store-logo {
	padding: 3px 0;
	text-align: center;
}
#moomin-cafe .store-area h4 {
	padding-bottom: 10px;
	font-weight: bold;
	text-align: center;
}
#moomin-cafe .store-area .text-area {
	padding: 0 18px 12px;
	font-size: 85%;
}
#moomin-cafe .store-area ul {
	padding: 0 15px 10px;
}
#moomin-cafe .store-area li {
	padding-bottom: 3px;
	font-size: 85%;
}
#moomin-cafe .store-area li a {
	display: block;
	background: url("../moomin_cafe/img/moomin_cafe/pdf.png") no-repeat 12px 4px;
	background-color: #323232;
	border-radius: 5px;
	padding: 6px 0 5px 34px;
	color: #fff;
}
#moomin-cafe .store-area li a:hover {
	opacity: 0.7;
}
#moomin-cafe .menu-text-area {
	margin-top: 20px;
	border: dotted 1px #646464;
	background-color: #f5f5f5;
	padding: 12px 15px;
}
#moomin-cafe .banner-area {
	padding-top: 15px;
}
#moomin-cafe .banner-area li {
	float: left;
	width: 320px;
}
#moomin-cafe .banner-area li:last-child {
	width: 300px;
}
#moomin-cafe .banner-last {
	padding-bottom: 15px;
	border-bottom: dotted 1px #969696;
}
#moomin-cafe .banner-area2 {
	padding-top: 15px;
}
#moomin-cafe .banner-area2 li {
	float: left;
}
#moomin-cafe .banner-area2 li img {
	margin-right: 15px;
}
#moomin-cafe .banner-area2 li .last {
	margin-right: 0;
}
#moomin-cafe .sns-area {
	padding-top: 50px;
}
#moomin-cafe .sns-area td {
	padding-right: 10px;
}

/* ムーミンカフェ　下層
--------------------------------------------------------------------*/
#moomin-cafe-u h3 {
	padding-top: 50px;
}
#moomin-cafe-u .cafe-tm {
	padding-bottom: 5px;
}
#moomin-cafe-u .cafe-tm li {
	float: left;
	width: 125px;
}
#moomin-cafe-u .cafe-tm li.last {
	width: 120px;
}
#moomin-cafe-u .menu-text-area {
	margin-top: 20px;
	border: dotted 1px #646464;
	background-color: #f5f5f5;
	padding: 12px 15px;
}
#moomin-cafe-u .cafe-menu-area {
	padding: 15px 0 20px;
}
#moomin-cafe-u .cafe-menu-left {
	float: left;
	width: 290px;
}
#moomin-cafe-u .cafe-menu-right {
	float: right;
	width: 290px;
}
#moomin-cafe-u .cafe-menu-area h4 {
	padding: 10px 0 1px;
	font-size: 125%;
	font-weight: bold;
}
#moomin-cafe-u .cafe-menu-area .time {
	color: #969696;
	font-size: 85%;
}
#moomin-cafe-u .cafe-menu-area .btn li {
	float: left;
	padding-top: 6px;
}
#moomin-cafe-u .cafe-menu-area .btn li:first-child {
	padding-right: 10px;
}
#moomin-cafe-u .cafe-contact {
	padding: 20px 0 5px;
}
#moomin-cafe-u .cafe-contact2 {
	margin: 20px 0 5px;
	background-color: #ff6464;
	padding: 12px 0 11px;
	text-align: center;
	border-radius: 10px;
	font-size: 120%;
	font-weight: bold;
	color: #fff;
}
#moomin-cafe-u .cafe-contact-btn {
	text-align: center;
	padding: 5px 0;
}
#moomin-cafe-u .cafe-contact .tel {
	padding: 3px 0;
	font-weight: bold;
	font-size: 120%;
}
#moomin-cafe-u .pagetop {
	border-top:dotted 1px #969696;
	padding-top: 3px;
	text-align: right;
}
#moomin-cafe-u .pagetop2 {
	padding-top: 3px;
	text-align: right;
}
#moomin-cafe-u .goods-area {
	padding: 20px 0;
}
#moomin-cafe-u .goods-area .photo {
	float: left;
	width: 250px;
}
#moomin-cafe-u .goods-area .photo-r {
	float: right;
	width: 345px;
}
#moomin-cafe-u .goods-area .photo-r .btn {
	padding-top: 10px;
}

/* ムーミンカフェ　ムーミンカフェについて
--------------------------------------------------------------------*/
#moomin-about h2 {
	font-weight: bold;
	font-size: 125%;
	padding-bottom: 12px;
}
#moomin-about h3 {
	font-weight: bold;
	font-size: 110%;
	padding: 50px 0 5px;
	border-bottom: solid 2px #00b3ec;
	margin-bottom: 15px;
}
#moomin-about .top-photo {
	padding-bottom: 20px;
}
#moomin-about .top-photo img:last-child {
	margin-left: 10px;
}
#moomin-about .photo-area .photo {
	float: left;
	width: 150px;
}
#moomin-about .photo-area .photo-r {
	float: right;
	width: 452px;
}
#moomin-about .photo-area .photo-r .copy {
	font-size: 100%;
}
#moomin-about .photo-area .photo-r .copy span {
	font-size: 85%;
}
#moomin-about .photo-area2 .photo {
	float: left;
	width: 200px;
}
#moomin-about .photo-area2 .photo-r {
	float: right;
	width: 402px;
}
#moomin-about .photo-area2 .photo-r .copy {
	font-size: 100%;
}
#moomin-about .photo-area2 .photo-r .copy2 {
	margin-top: 11px;
	border-top:dotted 1px #c8c8c8;
	padding-top: 12px;
	font-weight: bold;
}

/* ムーミンカフェ　FAQ
--------------------------------------------------------------------*/
#faq .faq-area .q {
	float: left;
	width: 25px;
	padding-bottom: 10px;
	font-weight: bold;
	font-size: 110%;
	color: #e75297;
}
#faq .faq-area .q2 {
	float: right;
	width: 595px;
	color: #e75297;
}
#faq .faq-area .a {
	float: left;
	width: 25px;
	font-weight: bold;
	font-size: 110%;
}
#faq .faq-area .a2 {
	float: right;
	width: 595px;
}
#faq .text {
	padding-bottom: 10px;
	font-weight: bold;
	font-size: 110%;
}
#faq .text2 a {
	color: #00b3ec;
}
#faq .line {
	margin-top: 20px;
	border-top: dotted 1px #d2d2d2;
	padding-top: 20px;
}
#faq .box {
	margin-top: 20px;
	background-color: #e5f7fd;
	padding: 20px 25px 20px;
}
#faq .box .text4 {
	color: #00b3ec;
	font-weight: bold;
	padding-bottom: 10px;
}
#faq .box .text5 {
	padding-bottom: 3px;
	font-weight: bold;
}
#faq .box .text6 {
	margin-top: 10px;
	border-top: dotted 1px #969696;
	padding: 11px 0 3px;
	font-weight: bold;
}

/* ムーミンの日
--------------------------------------------------------------------*/
#moomins-day .moomins-day {
    padding-bottom: 30px;
    text-align: center;
}
#moomins-day .text {
    padding: 20px 0 3px;
}
#moomins-day .text2 {
    font-weight: bold;
}
#moomins-day .text2 a {
    color: #00b3ec;
}
#moomins-day .info-top {
    margin-top: 60px !important;
}
#moomins-day .info-area {
    position: relative;
    margin-top: 80px;
    border: solid 2px #8cdcf6;
    border-radius: 7px;
    padding: 17px 20px 10px;
}
#moomins-day .moomins-logo {
    position: absolute;
    top: -33px;
    left: 20px;
}
#moomins-day .info-area li {
    background: url(../moomin_cafe/img/moomins_day/arrow_3.gif) no-repeat 0 10px;
    padding: 13px 5px 12px 15px;
    border-bottom: dotted 1px #c8c8c8;
}
#moomins-day .info-area li:last-child {
    border-bottom: none !important;
}

/* 企業理念
--------------------------------------------------------------------*/
#concept .concept-area {
	background-color: #e8ecd0;
	border-radius: 10px;
	padding: 50px;
	text-align: center;
}
#concept .copy {
	padding: 25px 0 10px;
}
#concept dt {
	padding: 30px 0 5px;
	font-weight: bold;
	font-size: 125%;
	color: #32aa32;
}
#concept .message {
	margin-top: 40px;
	border: solid 4px #cdb496;
	background-color: #fff;
	padding: 25px 29px 20px;
	text-align: left;
}
#concept .message .color {
	color: #32aa32;
	font-weight: bold;
}
#concept .message .name {
	padding-top: 15px;
	text-align: right;
	font-weight: bold;
}

/* 会社概要
--------------------------------------------------------------------*/
#profile h2 {
	padding-bottom: 10px;
}
#profile .tabs {
	padding-bottom: 25px;
}
#profile .tabs li {
	float: left;
	width: 125px;
}

/* どんぐり銀行
--------------------------------------------------------------------*/
#donguri-bank h3 {
	padding: 40px 0 3px;
	font-weight: bold;
	border-bottom: solid 1px #323232;
	margin-bottom: 15px;
}
#donguri-bank .bank-area .bank-left {
	float: left;
	width: 300px;
}
#donguri-bank .bank-area .bank-right {
	float: right;
	width: 300px;
}
#donguri-bank .bank {
	background-color: #e8ecd0;
	border-radius: 10px;
	padding: 25px 20px 0;
	text-align: center;
}
#donguri-bank .bank h4 {
	padding: 15px 0 10px;
	font-size: 140%;
	font-weight: bold;
}
#donguri-bank .bank .text {
	height: 90px;
	text-align: left;
}

/* どんぐり銀行のしくみ
--------------------------------------------------------------------*/
#system h3 {
	padding: 50px 0 3px;
	border-bottom: solid 1px #323232;
	margin-bottom: 15px;
	font-weight: bold;
}
#system .system-top {
	background-color: #e8ecd0;
	border-radius: 10px;
	padding: 30px 0 40px;
}
#system .system-top .copy {
	padding: 35px 30px 7px;
}
#system .system-top .text-area {
	margin: 0 30px;
	border-radius: 10px;
	background-color: #fff;
	padding: 17px 20px 16px;
}
#system .kazoekata-area .left {
	float: left;
	width: 300px;
}
#system .kazoekata-area .right {
	float: right;
	width: 300px;
}
#system .kazoekata-area .right-i {
	border: solid 4px #cdb496;
	background-color: #fff;
}
#system .kazoekata-area .right-i2 {
	height: 207px;
}
#system .kazoekata-area .right-i2 .photo {
	padding: 15px 0 13px;
	text-align: center;
}
#system .kazoekata-area .right-i2 p {
	padding: 0 20px;
}
#system .todokekata-area {
	position: relative;
	height: 220px;
}
#system .todokekata-area .text {
	position: absolute;
	top: 0;
	left: 0;
}
#system .box {
	margin-top: 20px;
	background-color: #e8ecd0;
	border-radius: 10px;
	padding: 15px 20px;
}
#system .box .photo {
	float: left;
	width: 110px;
}
#system .box .photo-r {
	float: right;
	width: 450px;
}
#system .box .photo-r .copy {
	padding-bottom: 3px;
}
#system .todokesaki-area .photo {
	float: left;
	width: 176px;
}
#system .todokesaki-area .photo p {
	padding-top: 7px;
	font-size: 85%;
	color: #32aa32;
}
#system .todokesaki-area .photo-r {
	float: right;
	width: 420px;
}
#system .todokesaki-area .photo-r .text {
	padding-bottom: 3px;
	font-weight: bold;
}
#system .todokesaki-area .photo-r .text2 {
	margin-top: 15px;
	border-top: dotted 1px #c8c8c8;
	padding: 15px 0 3px;
	font-weight: bold;
}
#system .todokesaki-area .photo-r .btn {
	padding: 5px 0 8px;
}
#system .todokesaki-area .photo-r .kome {
	font-size: 85%;
	color: #969696;
}
#system .haraimodoshi-area .photo-l {
	float: left;
	width: 410px;
}
#system .haraimodoshi-area .photo {
	float: right;
	width: 193px;
}

/* アクセス
--------------------------------------------------------------------*/
#access h3 {
	padding: 50px 0 3px;
	border-bottom: solid 1px #323232;
	font-weight: bold;
}
#access #gmap {
	width: 620px;
	height: 400px;
}
#access .map-area {
	padding-top: 20px;
}
#access .map-area .map {
	float: left;
	width: 368px;
}
#access .map-area .map-r {
	float: right;
	width: 232px;
}
#access .access th,
#access .access td {
	padding: 13px 0 12px;
	border-bottom: dotted 1px #969696;
}
#access .access th {
	width: 250px;
}
#access .access th p {
	padding-left: 10px;
	font-weight: bold;
}

/* 採用情報
--------------------------------------------------------------------*/
#recruit .recruit dt {
    padding-top: 15px;
}
#recruit .recruit dt.top {
    padding: 15px 0 10px;
}
#recruit .recruit dd {
    padding-top: 7px;
    font-weight: bold;
    text-align: right;
}
#recruit .recruit dd.text1 {
    color: #55b4e6;
}
#recruit .recruit dd.text2 {
    color: #8dc21f;
}

/* 採用情報
--------------------------------------------------------------------*/
#career .btn {
    padding-top: 50px;
    text-align: center;
}
#career .btn a {
    border-radius: 7px;
    background-color: #8dc21f;
    padding: 12px 30px 11px;
    text-decoration: none;
    font-weight: bold;
    font-size: 130%;
    color: #fff;
}
#career .btn a:hover {
    opacity: 0.7;
}
#career .guideline {
    margin-top: 30px;
    border-top:solid 1px #d2d2d2;
}
#career .guideline th,
#career .guideline td {
	border-bottom:dotted 1px #d2d2d2;
	padding:11px 0 10px;
}
#career .guideline th:last-child,
#career .guideline td:last-child {
	border-bottom:solid 1px #d2d2d2;
}
#career .guideline th {
	width:130px;
}
#career .guideline th p {
	padding-left:10px;
    font-weight: bold;
}
#career .flow-area .flow-left {
    float: left;
    width: 48%;
}
#career .flow-area .flow-right {
    float: right;
    width: 48%;
}
#career .flow {
    border: solid 1px #d2d2d2;
    padding: 7px 0 6px;
    text-align: center;
}
#career .arrow {
    padding: 3px 0;
    text-align: center;
}
#career .copy {
    padding: 50px 0 0;
    text-align: center;
    color: #8dc21f;
}

/* オンラインショップ
--------------------------------------------------------------------*/
#online h2 {
	padding-bottom: 3px;
}
#online .links-area dt {
	padding: 11px 10px 2px;
	font-weight: bold;
}
#online .links-area dt a {
	color: #323232;
}
#online .links-area dd {
	padding: 0 10px 10px;
	border-bottom: dotted 1px #969696;
	font-size: 85%;
	color: #969696;
}
#online .links-area dd img {
    margin-top: 5px;
}
#online .links-area .last {
    border-bottom: double 4px #8dc21f;
}

/* LINE
--------------------------------------------------------------------*/
#line h2 {
	padding-bottom: 3px;
}
#line .line-area th,
#line .line-area td {
	padding: 13px 0 12px;
	border-bottom: dotted 1px #969696;
	vertical-align: middle;
}
#line .line-area th {
	width: 70%;
}
#line .line-area th p {
	font-weight: bold;
}

/* プライバシーポリシー
--------------------------------------------------------------------*/
#privacy h2 {
	padding-bottom: 0;
}
#privacy .privacy dt {
	padding: 15px 0 3px;
	font-weight: bold
}
#privacy .privacy dd {
	padding-bottom: 14px;
	border-bottom: dotted 1px #969696;
}

/* お問い合わせ
--------------------------------------------------------------------*/
#form-page h3 {
	padding: 50px 0 3px;
	font-weight: bold;
}
#form-page h3.top {
	border-bottom: solid 1px #323232;
	font-weight: normal;
}
#form-page h3.top span {
	font-weight: bold;
}
#form-page h3.next {
	padding: 0 0 3px;
}
#form-page .soudan-box {
	border:solid 3px #c79f62;
	background-color: #fff;
	text-align: center;
}
#form-page .soudan-box-i {
	padding: 15px 20px 13px;
}
#form-page .soudan-box p {
	font-size: 85%;
}
#form-page .soudan-box .soudan-tel {
	padding: 12px 0 10px;
}
#form-page .contact th,
#form-page .contact td {
	padding: 13px 0 12px;
	border-bottom: dotted 1px #969696;
}
#form-page .contact th {
	width: 150px;
}
#form-page .contact th p {
	padding-left: 10px;
	font-weight: bold;
}
#form-page .contact td .text {
	padding-top: 1px;
	font-size: 85%;
}
#form-page .contact td .tel {
	padding-top: 3px;
	font-weight: bold;
	color: #c79f62;
}

#form-page .kome {
	padding: 2px 0 10px;
	font-size:85%;
	color: #c79f62;
}
#form-page form {
	border-top:solid 1px #323232;
}
#form-page form table {
	margin-top: 3px;
}
#form-page form th,
#form-page form td {
	padding:8px 0;
	border-bottom:dotted 1px #d2d2d2;
}
#form-page form th {
	width:130px;
}
#form-page form th div {
	padding-left:10px;
	font-weight: bold;
}
#form-page .require {
	color:#eb3200;
	padding-left:3px;
}
#form-page .add-info {
	color:#c79f62;
	font-size:85%;
	padding-top:8px;
}
#form-page .btn {
	text-align:center;
	padding-top:20px;
}
#form-page .privacy {
	padding-top:20px;
	font-size:85%;
}
#form-page .last-info {
	text-align:center;
	padding:140px 0 120px;
}