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

	TOP
======================================== */
#wrapper {                         /* tama24 */	
	background:url(../img/bg_dots.gif) repeat left top;
	background: none;             /* tama24 */	
	background:url(../img/tama24_bg_1.png) repeat; /* tama24 */
}  
#wrapperB {
	width:100%;
	background:url(../img/bg_dots.gif) repeat left top; 
}
#image {
	margin:0 0 75px 0;
	padding:0 0 80px 0;
	background:url('file:///C:/Users/930135/Documents/My%20Web%20Sites/OP_TEST/capcomcafe/img/bg_circlebtm.png') no-repeat center 431px;
	background-size:100% 80px;
}
#image.pre {
	position:relative;
	margin:0;
	padding:0 0 30px 0;
}
#image.pre p {
	position:absolute;
	bottom:48px;
	width:690px;
	left:50%;
	margin:0 0 0 -345px;
	color:#6a3906;
	font-size:15px;
	font-weight:bold;
	text-align:center;
	line-height:1.5;
}
.inner p#announce{
	width:998px;
	display:block;
	background:#C95756;   /* tama24 */
	color:#fff;     /* tama24 */
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	line-height:50px;
	text-align:center;
	margin:0 auto;
}
br.newLine{
	display:none;
}
#image h1 {
	width:998px;
	margin:0 auto;
}
#image .illtxt{
	width:941px;
	margin:10px auto;
	font-size:8px;
	line-height:10px;
/*	text-align:center; */
	text-align:right; 
	color:#FFF;
}
#nav {
	position:relative;
	width:1000px;
	margin:0 auto;
}
#nav .nav01 {
	position:absolute;
	top:-150px;
	left:110px;
}
#nav .nav02 {
	position:absolute;
	top:-150px;
	left:312px;
}
#nav .nav03 {
	position:absolute;
	top:-150px;
	left:514px;
}
#nav .nav04 {
	position:absolute;
	top:-150px;
	left:716px;
}
#nav .nav05 {
	position:absolute;
	top:-150px;
	left:835px;
}

#nav span {
	display:none;
}
/*bnr*/
.bnr {
	width:920px;
	margin:-30px auto 0 auto;
	padding:0 20px 0 0;
}
.bnr:hover {
	/*filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;*/
}
.bnr_btm {
	margin:40px 0;
	text-align:center;
}
/*intro*/
#intro {
	width:941px;
	margin:0 auto 40px auto;
}
#intro p {
	float:left;
	width:390px;
	margin:0 30px 0 0;
	padding:0 30px 0 0;
	border-right:1px solid #737373;
	font-size:16px;
	line-height:2;
}
#intro p span {
	color:#3988b4;
	font-size:18px;
	font-weight:bold;
}
#intro table {}
#intro table th {
	padding:20px 30px 15px 0;
	color:#906f47;
	font-size:14px;
	text-align:left;
}
#intro table td {
	font-size:14px;
	line-height:1.5
}
#recruit {
	width:563px;
	margin:0 auto 30px auto;
	padding:20px 10px;
	border-radius:4px;
	border:5px solid #906f47;
	background:#394230;
	text-align:center;
}
#recruit dt {
	margin:0 0 10px 0;
	color:#fd4a5a;
	font-size:18px;
	font-weight:bold;
	text-align:center;
}
#recruit dd {
	color:#fff;
	font-size:14px;
	line-height:1.5;
}
/*topics*/
#topics {
	width:941px;
	margin:30px auto 45px auto;
	border-radius:4px; /* tama24 */
	border:10px solid #906F47;
	background:#fff; /* tama24 */	
}
#topics .topicsArea {
	float:left;
	width:450px;
	width:440px; /*bio*/
	margin:0 20px 0 0;
	padding:10px; /*bio */
}
#topics #tw {
	float:left;
	width:450px;
	width:440px; /* tama24 */
	height:330px;
	padding:10px; /* tama24 */
	border-bottom:3px double #906f47;
}
#topics h2 {
	padding:5px 15px;
	border-bottom:3px solid #906f47;
	color:#6b5234;
	font-size:18px;
	font-weight:normal;
}
#topics h2 a {
	float:right;
	padding:0 0 0 15px;
	background:url(../img/btn_linkarrow_brown.png) no-repeat left center;
	color:#906f47;
	font-size:12px;
	text-decoration:underline;
}
#topics h2 a:hover {
	text-decoration:none;
	background-position:2px center;
}
#topics .topicsArea div {
	height:300px;
	height:310px; /* tama24 */
	border-bottom:3px double #906f47;
	overflow:auto;
}
#topics dl {
	border-bottom:1px solid #c3955d;	
}
#topics dt {
	float:left;
	padding:15px 0;
	/*width:130px;*/
	width:120px; /* tama24 */
	color:#ea519d;
	font-size:12px;
	line-height:1.5;
	text-align:center;
}
#topics dd {
	float:left;
	width:300px;
	padding:12px 0;
	line-height:1.5;
}
#topics .btn_tw {
	float:right;
	margin:30px 0 0 0;
	border-radius:4px;
	background:#50abf1;
}
#topics .btn_tw a {
	display:block;
	width:105px;
	padding:15px 0 15px 52px;
	background:url(../img/btn_tw.gif) no-repeat 15px center;
	color:#fff;
	font-size:14px;
	text-decoration:none;
}
/*contents*/
#contents {
	padding:10px 0 0 0; /* tama24 */
}
/*concept*/
#concept {
	position:relative;
	/*width:941px;*/
	width:100%; /* tama24 */
	margin:0 auto;
	padding:20px 0; /* tama24 */
	/*padding:0 0 95px 0;*/
	background:url(../img/
.png) repeat; /* tama24 */
}
#concept p {
	position:relative;
	z-index:10;	
}
#concept .img_concept {
	position:absolute;
	top:-90px;
	/*left:-350px;*/
	left:50%;
	margin:0 0 0 -820px;
	z-index:0;
}
#concept h2 {
	text-align:center;
}
#concept .perth {
	/*width:488px;*/
	margin:0 auto;
}
#concept  .btn {
	width:495px;
	margin:20px auto;
}
#concept .btn a {
	margin: 10px auto;
	display:block;
	width:495px;
	border-radius:50px;
/*	border:1px solid #37995d;   */
	border:1px solid #EBE2D1;  /* tama24 */  
/*	color:#37995d;  */
    color:#EBE2D1;       /* tama24*/      
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	line-height:50px;
	text-align:center;
}
#concept .btn a:hover {
/*	background:#37995d;   */
	background:#EBE2D1;   /* tama24 */
	color:#2F4F4F;
}
/*menu*/
#menu {
	padding:20px 0; /* tama24 */
/*	background:url(../img/bg_bl.gif) repeat left top;  */
	background:url(../img/tama24_bg_menu.png) no-repeat center bottom; /* tama24 */
	box-shadow:rgba(0, 0, 0, 0.65098) 0px 2px 8px -3px inset;
	-webkit-box-shadow:rgba(0, 0, 0, 0.65098) 0px 2px 8px -3px inset;
	-moz-box-shadow:rgba(0, 0, 0, 0.65098) 0px 2px 8px -3px inset;
}
#menu .inner {
	width:1000px;
	margin:0 auto;
}
/*#menu .inner {
	padding:50px 0;
	background:url(../img/bio_bg_menu.png )no-repeat right bottom;
	background-size:30%; 
}  */
#menu h2 {
	margin:0 0 30px 0;
	text-align:center;
}
#menu ul {
	width:941px;
	margin:0 auto;
}
#menu li {
	float:left;
	width:288px;
	margin:0 20px 30px 0;
    height:260px; 
}
#menu .img {
	margin:0 0 15px 0;
	border:1px solid #fff;
	box-shadow:rgba(0, 0, 0, 0.298039) 3px 3px 4px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.298039) 3px 3px 4px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.298039) 3px 3px 4px 0px;
}
#menu dt {
	margin:0 0 10px 0;
/*	color:#906f47; */
    color:#2F4F4F; /* tama24 */      
	font-size:14px;
	font-weight:bold;
	text-align:center;
}
#menu dd {
	line-height:1.5;
}
#menu  .btn {
	width:495px;
	margin:20px auto;
}
#menu  .btn a {
	display:block;
	width:495px;
	border-radius:50px;
/*	border:1px solid #37995d;   */ 
/*	color:#37995d;  */
	background:#2F4F4F;   /* tama24 */
	color:#fff;     /* tama24 */
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	line-height:50px;
	text-align:center;
}
#menu  .btn a:hover {
/*	background:#37995d;   */
	opacity:0.8;
}
#menu .sld {
	width:941px;
	margin:0 auto;
	color:#000; /*bio*/
	font-size:12px;
	line-height:18px;
	text-align:center;
}
#menu .sld span {
	margin:0 10px 0 0;
}
#menu p {
	position:relative;
	z-index:10;	
}

#img_menu {
	display:none;
	position:relative;
	width:1000px;
	margin:0 auto;
}	
#img_menu p{
	position:absolute;
	top:-545px;
    right:-360px;
}	

/*goods*/
#goods {
	position:relative;
	/*margin:0 0 20px 0;*/
/*	background:url(../img/bg_goods.png) no-repeat center bottom; */
/*	background:url(../img/bio_bg_goods.png) no-repeat left bottom; */
	background:url(../img/tama24_bg_1.png) repeat; /* tama24 */
}
#goods .inner {
	padding:50px 0 30px 0;
	width:941px;
	margin:0 auto;
}
#goods h2 {
	margin:0 0 30px 0;
	text-align:center;
}
#goods ul {
	width:941px;
	margin:0 auto;
}
#goods li {
	float:left;
	width:288px;
	margin:0 20px 30px 0;
}
#goods .img {
	margin:0 0 15px 0;
	border:1px solid #fff;
	box-shadow:rgba(0, 0, 0, 0.298039) 3px 3px 4px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.298039) 3px 3px 4px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.298039) 3px 3px 4px 0px;
}
#goods dt {
	margin:0 0 10px 0;
/*	color:#906f47; */
    	color:#2F4F4F;    
	font-size:14px;
	font-weight:bold;
	text-align:center;
	height:2em;
}
#goods dd {
	line-height:1.5;
}
#goods  .btn {
	width:495px;
	margin:20px auto;
}

#goods .btn_white{
	border-radius:50px;
	background-color:#FFFFFF;
	display:inline-block;
	line-height:50px;
	width:495px;
	text-align:center;
}

#goods  .btn a {
	display:block;
	width:495px;
	border-radius:50px;
/*	border:1px solid #6a3906;  */
/*	border:3px solid #FFFFFF;	 /* tama24 */
/*	color:#6a3906;  */
	background:#2F4F4F;
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	line-height:50px;
	text-align:center;
}

#goods  .btn a:hover {
  /*	background:#6a3906; */
	opacity:0.8;
}


#img_goods {
	position:relative;
	/*width:1000px;*/
	margin:0 auto;
}	
#img_goods p{
	position:absolute;
	top:-545px;
    left:-400px;
}	

/*access*/
#access {
    background : none; 
	padding:0 0 20px 0;
/*	background:url(../img/bg_red.gif) repeat left top;  */
	/*box-shadow:rgba(0, 0, 0, 0.65098) 0px 2px 8px -3px inset;
	-webkit-box-shadow:rgba(0, 0, 0, 0.65098) 0px 2px 8px -3px inset;
	-moz-box-shadow:rgba(0, 0, 0, 0.65098) 0px 2px 8px -3px inset;*/
}




#access.pre {
	background:none;
}
#access .inner {
	padding:50px 0 30px 0;
	background:url(../img/tama24_bg_access.png) no-repeat center bottom; /*tama24*/
/*	background:url(../img/bg_access.png) no-repeat center bottom; */
/*	background-size:20%;  */
}   
#access h2 {
	margin:0 0 30px 0;
	text-align:center;
}
#access #map {
	width:941px;
	height:auto;
	margin:0 auto;
	border:1px solid #906f47;
	border-bottom:none;
}
#access table {
	width:943px;
	margin:0 auto;
	text-align:left;
}
#access table th {
	padding:10px;
	border:1px solid #906f47;
	border-bottom:1px solid #fff;
	background:#906f47;
	color:#fff;
	text-align:center;
}
#access table tr:last-child th {
	border-bottom:1px solid #906f47;
}
#access table td {
	padding:10px;
	border:1px solid #906f47;
	background:#fff;
	color:#906f47; 
  }
#img_access {
	display:none;
	position:relative;
	width:1000px;
	margin:0 auto;
}	
#img_access p{
	position:absolute;
	top:-445px;
    right:-300px;
}	

/* ========================================
	second
======================================== */
h1.second {
	padding:10px 0;
	border-top:3px solid #ccc;
	border-bottom:3px solid #906f47;
	background:#fff;
	text-align:center;
	box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 3px 3px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 3px 3px;
	-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 3px 3px;
}
h1.second a:hover {
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}
#bread {
	padding:10px 0;
	/*background:#826549;
	box-shadow:rgba(0, 0, 0, 0.431373) 0px 4px 5px -2px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.431373) 0px 4px 5px -2px;
	-moz-box-shadow:rgba(0, 0, 0, 0.431373) 0px 4px 5px -2px;*/
}
#bread p {
	width:941px;
	margin:0 auto;
	/*color:#fff;*/
	font-size:11px;
}
#bread p a {
	/*color:#fff;*/
}
h2.category {
	width:911px;
	margin:15PX auto;
	padding:10px 15px;
	color:#6a3906;
	font-size:30px;
	font-weight:normal;
	text-align:center;
}
#contents_second {
	width:941px;
	min-height:800px;
	margin:0 auto;
}
/*tab*/
#tab {
/*
	background:#fff;
	border-top:1px solid #826549;
	border-bottom:1px solid #826549;
*/
}
#tab ul {
	width:941px;
	margin:0 auto;
	/*border-left:1px solid #826549;*/
}
#tab li {
	float:left;
	width:460px;
	margin:0 0 0 10px;
}
#tab li a,
#tab li span {
	display:block;
	padding:10px 0;
	border-radius:25px;
	border:1px solid #826549;
	background:#fff;
	color:#826549;
	text-align:center;
	text-decoration:none;
}
#tab li a:hover {
	background:#826549;
	color:#fff;
}
#tab li.active a,
#tab li.active a:hover {
	background:#6a3906;
	color:#fff;
}
#main {
	float:left;
	width:730px;
}
/*side*/
#side {
	float:right;
	width:190px;
	margin:30px 0 0 0;
}
#side h3 {
	padding:10px;
	border-bottom:2px solid #906f47;
	color:#6a3906;
	font-weight:bold;
	text-align:center;
}
#side li a {
	display:block;
	margin:10px 0;
	padding:5px 10px;
	border-radius:4px;
	/*border:1px solid #6a3906;*/
	color:#6a3906;
	text-align:center;
}
#side li a:hover {
	background:#6a3906;
	color:#fff;
}
/*lst*/
#topicsLst,
#specialLst,
#detail {
	margin:30px auto 45px auto;
}
#contents_second h2 {
	padding:10px 15px;
	border-left:5px solid #6a3906;
	color:#6a3906;
	font-size:18px;
	font-weight:bold;
}
#topicsLst dl,
#specialLst dl {
	border-bottom:1px solid #c3955d;
}
#topicsLst dt,
#specialLst dt {
	float:left;
	padding:20px 0 0 10px;
	width:590px;
	color:#ea519d;
	text-align:left;
}
#topicsLst dt.img,
#specialLst dt.img {
	float:left;
	width:100px;
	height:50px;
	margin:0 20px 10px 10px;
	padding:15px 0 0 0;
	overflow:hidden;
}
#topicsLst dd,
#specialLst dd {
	float:left;
	padding:10px 0 20px 10px;
}
#detail dl,
#specialLst dl {
	/*margin:0 0 30px 0;
	border-bottom:1px solid #906f47;*/
}
#detail dd {
	padding:10px 0 20px 5px;
	color:#6a3906;
	font-size:18px;
	font-weight:bold;
}
#detail dt {
	margin:15px 0 0 0;
	padding:15px 0 10px 5px;
	color:#ea519d;
	font-size:12px;
}
#detail .postContents {
	margin:0 0 15px 0;
	padding:15px 5px;
	/*border:1px solid #906f47;*/
	border-top:1px dotted #906f47;
	/*background:#fff;*/
}
#detail p {
	margin:0 0 10px 0;
	color:#333;
	line-height:1.5;
}
#detail p.back {
	padding:0 0 0 15px;
	background:url(../img/btn_linkarrow_brown.png) no-repeat left center;
	font-size:12px;
}
#detail p.back:hover {
	background-position:2px center;
}
#detail p.back a {
	color:#6a3906;
}
#detail img {
	margin:15px;
	
}
@media screen and (max-width: 736px) {
	#img_goods {
		display:none;
	}
	#image {
		margin:0 0 20px 0;
		padding:0;
		background:none;
	}
	#image.pre  {
		margin:0 0 20px 0;
		padding:0;
	}
	.inner p#announce{
		width:100%;
		display:block;
		background:#683A1B;   /* tama24 */
		color:#fff;     /* tama24 */
		font-size:14px;
		font-weight:bold;
		text-decoration:none;
		line-height:30px;
		text-align:center;
		margin:0 auto;
	}
	br.newLine{
		display:block;
}
	span.bracket{
		display:none;
	}
	#image.pre  p {
		position:static;
		width:96%;
		margin:-6% 0 0 0;
		padding:20px 2% 20px 2%;
		border-radius:0 0 50px 50px;
		background:#9bce8b;
		font-size:12px;
		font-weight:bold;
	}
	#image h1 {
		width:100%;
	}
	#image h1 img {
		width:100%;
		height:auto;
	}
	#image .illtxt {
		width:96%;
		margin:10px auto 0 auto;
	}
	#nav {
		position:fixed;
		bottom:0;
		left:0;
		width:100%;
		z-index:100;
	}
	#nav img {
		display:none;
	}
	#nav span {
		display:block;
	}
	#nav span img {
		display:block;
		width:100%;
		height:auto;
	}
	#nav li {
		position:static!important;
		float:left;
		width:25%;
	}
	/*bnr*/
	.bnr {
		width:96%;
		margin:0 auto;
		padding:0;
	}
	.bnr:hover {
		/*filter:alpha(opacity=100);
	    -moz-opacity: 1;
	    opacity: 1;*/
	}
	.bnr_btm {
		width:96%;
		margin:20px auto;
		text-align:center;
	}
	/*intro*/
	#intro {
		width:96%;;
		margin:0 auto 20px auto;
	}
	#intro p {
		float:none;
		width:auto;
		margin:0 0 20px 0;
		padding:20px 0;
		border-right:none;
		border-bottom:1px dotted #737373;
	}
	#recruit {
		width:88%;
		padding:20PX 2%;
	}
	#recruit img {
		width:100%;
		height:auto;
	} 
	/*topics*/
	#topics {
		width:90%;
		margin:10px auto;
	}
	#topics .topicsArea {
		width:96%;
		margin:0 0 30px 0;
		padding:2%
	}
	#topics dt {
		float:none;
		padding:10px 0;
		width:auto;
		text-align:left;
	}
	#topics dd {
		float:none;
		padding:0 0 10px 0;
		line-height:1.5;
	}
	#topics .btn_tw {
		margin:10px 0 30px 0;
	}
	#topics .btn_tw a {
		text-decoration:none;
	}
	#topics #tw {
		width:94%;
	}
	/*concept*/
	#concept {
		position:relative;
		width:100%;
		margin:0 auto;
		padding:20px 0; /*bio*/
	}
	#concept p img {
		height:auto;
	}
	#concept .img_concept {
		display:none;
	}
	#concept .perth {
		width:100%;
	}
	#concept .btn {
		width:80%;
	}
	#concept .btn a {
		width:100%;
		margin:20px auto;
	}
	/*menu*/
	#menu .inner {
		width:100%;
		padding:30px 0;
		background:none;
	}
	#menu h2 {
		margin:0 0 30px 0;
	}
	#menu ul {
		width:100%;
	}
	#menu li {
		float:left;
		width:46%;
		height:212px;
		margin:0 2% 20px 2%;
	}
	#menu .img {
		margin:0 0 15px 0;
	}
	#menu .img img {
		width:100%;
		height:auto;
	}
	#menu dt {
		height:2em;
		font-size:14px;
		text-align:left
	}
	#menu  .btn {
		width:80%;
	}
	#menu  .btn a {
		width:100%;
		margin:20px auto;
	}
	#menu .sld {
		width:96%;
		margin:0 auto;
		line-height:18px;
	}
	#menu .sld span {
		display:block;
		margin:0 0 10px 0;
	}
	/*goods*/
	#goods {
		background:background:url(../img/tama24_bg_1.png) repeat; /* tama24 */
	}
	#goods .inner {
		padding:30px 0;
		width:100%;
	}
	#goods ul {
		width:100%;
	}
	#goods li {
		width:46%;
		margin:0 2% 30px 2%;
	}
	#goods .img img {
		height:auto;
	}
	#goods dt {
		text-align:left;
	}
	#goods  .btn {
		width:80%;
	}

	#goods  .btn_white {
		width:100%;
		margin:20px auto;
	}

	#goods  .btn a {
		width:100%;
		margin:0;
	}

	/*access*/
	#access .inner {
		padding:30px 0;
		background:none;
	}
	#access #map {
		width:96%;
		height:auto;
		margin:0 auto;
	}
	#access table {
		width:96%;
	}
/* ========================================
	second
======================================== */
	#contents_second {
		width:96%;
		min-height:500px;
	}
	#bread p {
		width:96%;
		margin:0 auto;
		line-height:1.5;
	}
	h2.category {
		width:100%;
		padding:10px 0;
		font-size:24px;
	}
	/*tab*/
	#tab ul {
		width:100%;
	}
	#tab li {
		width:46%;
		margin:0 0 0 2%;
	}
	#main {
		float:none;
		width:100%;
	}
	/*side*/
	#side {
		float:none;
		width:100%;
	}
/*lst*/
	#topicsLst dt, #specialLst dt {
		width:100%;
		padding:15px 0 0 0;
		text-align:left;
	}
	#topicsLst dd, #specialLst dd {
		width:100%;
	}
	#detail img {
		width:100%;
		height:auto;
	}
}