.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, figure, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}

body {
	color:#464646;
	background-color:#000000;
}


a img {
	border: 0;
}

a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	background: #FFFFFF;
}

a {
	color: #BBBBBB;
	outline:0 none;
	text-decoration:none;
}

a:hover{
	color: #FFFFFF;
	text-decoration:underline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

#page {
	width: 960px;
	margin:0 auto;
	padding:0;
	background: #231F20; /* Old browsers */
}




#headerpart {
	width:100%;
	height:100px;
	margin:0 auto ;
	clear:both;
}


#headerdescription {
	width:960px;
	height:10px;
	margin:0 auto;
	line-height:1.8em;
	font-size: 11px;
	color:#989898;
	font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}


#in-headerpart{
	width:960px;
	height:70px;
	margin:15px auto 5px auto;
	padding:0;
	clear:both;
}

#headerpartleft {
	width: 200px;
	height:70px;
	margin: 0;
	float:left;
}

#headerpartright {
	width: 700px;
	height:70px;
	margin: 0;
	float:right;
}

#headerpartright ul{
	margin:35px 0 0 0;
	font-size:12px;
	list-style-type:none;
	clear:both;
}

#headerpartright ul li{
	margin:0 2px 0 0;
	padding:4px;
	display:block;
	border:1px solid #CCCCCC;
	float:left;
}

#headerpartright ul li a{
	padding:4px;
	display:block;

}


p {
	color: #666;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:  15px;
}
a:hover {
	text-decoration: underline;
}


nav {
	height:45px;
	margin: 0;
	display: block;
	font-size: 13px;
	position: relative;
	background-color:#000000;
}
nav a {
	height:30px;
	padding: 7px 20px 7px 23px;
	display: block;
	line-height:2.5em;
	color: #FFFFFF;
	text-decoration: none;
}
nav a:hover {
	display: block;
	color: #FFFFFF;
	background-color:#5D8731;
	text-decoration: none;
}
nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline-block;
}
nav ul li {
	float: left;
	position: relative;
	margin: 0 0 5px 0;
	padding:0;
	border-right:1px solid #333333;
}
nav ul ul {
	display: none;
	position: absolute;
	top: 45px;
	left: 0px;
	float: left;
	width: 180px;
	z-index: 99999;
	background-color:#f5f5f5;
}
nav ul ul li {
	min-width: 180px;
	margin:0;
	padding:0;
	text-indent:10px;
	border:none;
}
nav ul ul li a {
	display: block;
	margin:0;
	padding:0;
	color:#464646;
	font-size:12px;
	line-height:2.2em;
}

nav ul ul li a:hover {
	color:#FFFFFF;
	background-color:#6DA532;
}

nav ul ul ul {
	left: 100%;
	top: 0;
}
nav ul li:hover > ul {
	display: block;
}
nav ul li.current_page_item > a, nav ul li.current-menu-ancestor > a, nav ul li.current-menu-item > a, nav ul li.current-menu-parent > a {
	background-color:#6DA532;
	color:#FFFFFF;
}


.backtotop{
	width:110px;
	position:relative;
	bottom:-20px;
	left:800px;
	text-align:center;
	padding:10px;
	background-color:#464646;
}

.backtotop a{
	padding:5px 10px;
	display:block;
	font-size:12px;
	color:#FFFFFF;
}



/* --- --- [ nav-below ] --- --- */
#nav-below {
	margin: 0px 0 20px 0;
	padding: 0px;
}
#nav-below a {
	color: #FFF;
	text-decoration: none;
}
#nav-below a:hover {
	border-bottom:  1px dashed #fff;
}
#nav-below .nav-previous {
	margin-left: 20px;
	padding: 9px 0;
}
#nav-below .nav-next {
	margin-right: 10px;
	padding: 9px 0;
}
/* --- --- [ Main ] --- --- */
/* --- [ Right Sidebar ] --- */

#indexmain {
	margin:15px 0 0 0;
}

#main {
	margin:15px 0 0 0;
}

.primary{
	width: 670px;
	margin: 5px 0 0 0;
	padding:0;
	float: left;
}


.right-sidebar #contents {
	width: 670px;
	margin: 0 auto;
	padding:0;
}

.right-sidebar #contents p{
	margin:0 auto;
	line-height:1.6em;
}

.right-sidebar #secondary {
	width: 260px;
	text-align:center;
	float: right;
	margin: 5px 0 0 0;
}

.right-sidebar #secondary li{
	font-size:10px;
}

#secondary p{
	width:160px;
	margin:0 auto;
	font-size:12px;
}

.page-header {
	position: relative;
	margin-bottom: 29px;
}
.page-header a {
	text-decoration: none;
	border-bottom: 1px dashed #fff;
}
.page-header a:hover {
	text-decoration: none;
	border-bottom: 1px solid #fff;
	color: #fff;
}
.page-header h1 {
	color: #fff;
	margin-left: 30px;
	padding: 6px 0 5px 0;
	font-size: 20px;
}
.page-header h2 {
	color: #fff;
	margin-left: 30px;
	padding: 6px 0 5px 0;
	font-size: 20px;
}
article {
	margin-bottom: 20px;
}
.col1 {
	width:  45px;
}

.postformat {
	position: relative;
	text-align:center;
	padding: 5px 5px 5px 10px;
}
.depth-2 .postformat {
	padding: 5px 5px 5px 23px;
}
.depth-3 .postformat {
	padding: 5px 5px 5px 33px;
}
.depth-4 .postformat {
	padding: 5px 5px 5px 43px;
}
.depth-5 .postformat {
	padding: 5px 5px 5px 53px;
}
.postformat img {
	border: 1px solid #c5d1d9;
}
.format-icon {
	width: 30px;
	height: 30px;
}
.format-standard .format-icon {
	background: transparent url(http://rokucafe.jp/css/images/format-standard.png) center center no-repeat;
}
.format-image .format-icon {
	background: transparent url(http://rokucafe.jp/css/images/format-image.png) center center no-repeat;
}
.format-video .format-icon {
	background: transparent url(http://rokucafe.jp/css/images/format-video.png) center center no-repeat;
}
.format-aside .format-icon {
	background: transparent url(http://rokucafe.jp/css/images/format-aside.png) center center no-repeat;
}
.format-quote .format-icon {
	background: transparent url(http://rokucafe.jp/css/images/format-quote.png) center center no-repeat;
}
.format-gallery .format-icon {
	background: transparent url(http://rokucafe.jp/css/images/format-gallery.png) center center no-repeat;
}
.format-link .format-icon, .pingback .format-icon, .trackback .format-icon {
	background: transparent url(http://rokucafe.jp/css/images/format-link.png) center center no-repeat;
}
.format-audio .format-icon {
	background: transparent url(http://rokucafe.jp/css/images/format-audio.png) center center no-repeat;
}
.format-status .format-icon {
	background: transparent url(http://rokucafe.jp/css/images/format-status.png) center center no-repeat;
}
.format-chat .format-icon {
	background: transparent url(http://rokucafe.jp/css/images/format-chat.png) center center no-repeat;
}
.chat, .chat pre {
	font-family: "Courier New", Courier, monospace;
	font-size: 13px;
	overflow: auto;
}
.chat pre strong {
	font-weight: bold;
	color: #000;
}
.nr-images {
	width: 300px;
	margin-bottom: 10px;
}
.quote blockquote {
	background: #f8f8f8 url(http://rokucafe.jp/css/images/q.png) bottom right no-repeat;
	font-size: 19px;
	font-style: italic;
	line-height: 35px;
	padding: 10px 20px 20px 10px;
}
.entry-header {
	width:670px;
	margin:0 0 15px 0;
	padding:0;
}
.entry-title {
	width:670px;
	height:20px;
	font-size:19px;
	margin: 10px 0 0 0;
	padding:0 0 12px 0;
	font-weight:bold;
	border-bottom:1px dashed #DDDDDD;
}
.entry-title a {
	color:#d4d4d4;
	text-decoration: none;
	border: 0px;
}

.indexentry-content {
	width:650px;
	margin: 20px 0;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size:  15px;
	line-height:30px;
}

.entry-content {
	width:650px;
	margin: 0;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size:  15px;
	line-height:30px;
}


.toukou{
	width:650px;
	margin:0 auto;
}

.entry-content h3{
	height:23px;
	margin:0 0 10px 0;
	padding:0 0 5px 0;
	border-left:#CBCBCB 8px solid;
	text-indent:15px;
	color:#434343;
	font-size:16px;
	font-weight:bold;

}


.entry-content ul, .entry-content ol {
	margin: 0 0 10px 2.5em;
}
.entry-content ul {
	list-style: square;
}
.entry-content ol {
	list-style-type: decimal;
}
.entry-content ol ol {
	list-style: upper-alpha;
}
.entry-content ol ol ol {
	list-style: lower-roman;
}
.entry-content ol ol ol ol {
	list-style: lower-alpha;
}
.entry-contentul ul, .entry-content ol ol, .entry-content ul ol, .entry-content ol ul {
	margin-bottom: 0;
}




.articlenav{
	width:620px;
	margin:30px 0 0 0;
	padding:10px 15px 0 15px;
	border-top:1px solid #DDDDDD;
	font-size:12px;
}

.nav-previous{
	width:300px;
	float:left;
}

.nav-next{
	width:300px;
	float:right;
}

.disquscomment{
	width:600px;
	margin:50px 0 0 0;
	padding:5px 25px;
	border:1px solid #CCCCCC;
}




.comment-content table {
	border-bottom: 1px solid #ddd;
	margin: 0 0 1.625em;
	width: 100%;
}
.comment-content th {
	color: #666;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.1em;
	line-height: 2.6em;
}
.comment-content td {
	border-top: 1px solid #ddd;
	padding: 6px 10px 6px 0;
}
.comment-content ul, .comment-content ol {
	margin-bottom: 1.625em;
}
.comment-content ul ul, .comment-content ol ol, .comment-content ul ol, .comment-content ol ul {
	margin-bottom: 0;
}

cite, em, i {
	font-style: italic;
}
blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}
blockquote cite {
	color: #666;
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}
pre {
	background: #f4f4f4;
	font: 13px "Courier 10 Pitch", Courier, monospace;
	line-height: 1.5;
	margin-bottom: 1.625em;
	overflow: auto;
	padding: 0.75em 1.625em;
}
code, kbd {
	font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym, dfn {
	border-bottom: 1px dotted #666;
	cursor: help;
}
address {
	display: block;
	margin: 0 0 1.625em;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
sup, sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
/* Forms */
input[type=text], input[type=password], textarea {
	background: #fafafa;
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
	border: 1px solid #ddd;
	color: #888;
}
input[type=text]:focus, textarea:focus {
	color: #373737;
}
textarea {
	padding-left: 3px;
	width: 98%;
}
input[type=text] {
	padding: 3px;
}
.comment-content p label {
	margin:10px 0 0 0;
}
.entry-meta {
	margin:20px 0 0 0;
	padding: 9px 20px;
}
.entry-utility {
	margin: 20px 0 0 0;
	font-size: 12px;
	line-height: 15px;
}
.entry-utility .category {
	padding:5px 7px;
	float: left;
	margin: 0 20px 0px 0;
}

.entry-utility .category a{
	padding:3px 5px;
	line-height: 220%;
	font-size: 12px;
	white-space:nowrap;
	text-decoration: none;
	color: #FFFFFF;
	background-color:#60BF00;

}

.entry-utility .tag {
	padding:5px 7px;
	float: left;
}

.entry-utility .tag a, .entry-content .tag a{
	padding:3px 5px;
	line-height: 220%;
	font-size: 12px;
	white-space:nowrap;
	text-decoration: none;
	color: #666666;
	background-color:#F6F6F6;
	border-bottom: 1px solid #fff;
}

/* --- --- --- [ Images and Galleries ] --- --- --- */

/* --- --- [ meta icons ] --- --- */
.date-i, .comment-i, .author-i, .edit-i {
	font-size: 11px;
	margin-right:  20px;
	color: #666;
}
.date-i {
	background: transparent url(http://rokucafe.jp/css/images/date.png) left top no-repeat;
	padding-left: 25px;
}
.comment-i {
	background: transparent url(http://rokucafe.jp/css/images/comments.png) left top no-repeat;
	padding-left: 25px;
}
.author-i {
	background: transparent url(http://rokucafe.jp/css/images/author.png) left top no-repeat;
	padding-left: 20px;
}
.edit-i {
	background: transparent url(http://rokucafe.jp/css/images/edit.png) left top no-repeat;
	padding-left: 20px;
}
.edit-i a {
	text-decoration: none;
}
.comment-i a, .author-i a, .date-i a {
	color: #666;
	text-decoration: none;
}
/* --- --- [ Comments ] --- --- */
.comment, .pingback, .trackback {
	margin-bottom: 20px;
}

.depth-2 .col1 {
	width: 58px;
	background: red;
}

.depth-3 .col1 {
	width: 68px;
	background: red;
}

.depth-4 .col1 {
	width: 78px;
	background: red;
}

.depth-5 .col1 {
	width: 88px;
	background: red;
}

#respond{
	padding:15px 0;
	background-color:#312C2D;
	border:1px solid #DDDDDD;
}

.comform-title{
	margin-left: 30px;
	padding:0 0 15px 0;
	font-size:15px;
	color:#FFFFFF;
}


#respond form {
	margin-left: 30px;
}
.comment-awaiting-moderation {
	font-style: italic;
}
/* --- --- --- [ Comments form ] --- --- --- */
#respond .required {
	color: #ff4b33;
	font-weight: bold;
}
#respond label {
	color: #666;
	font-size: 14px;
	font-weight: bold;
}
#respond input {
	margin: 0 0 15px;
	width: 450px;
	padding: 5px;
}
#respond textarea {
	width: 450px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	font-size: 14px;
	width: auto;
}
#respond .must-log-in {margin-left:30px;}
#submit {
	font-family: 'Oswald', sans-serif;
	color: #fff;
	font-size: 10px;
	padding: 2px 10px;
	cursor: pointer;
}
#submit:hover {
	border: 1px solid #95a1aa;
	background: #fff url(http://rokucafe.jp/css/images/entry-meta.png);
	color: #666;
}
.comment-notes {
	margin-bottom: 10px;
	color: #999;
	font-size: 12px;
}
.nocomments {
	margin-left: 40px;
	font-size: 12px;
}
/* --- --- [ Widget ] --- --- */


aside {
	width:250px;
	margin:0 0 20px 0;
}
.widget-title{
	width:250px;
	background-color:#464646;
}

.widget-title h3 {
	padding:5px;
	font-size: 18px;
	color: #FFFFFF;
	font-weight:bold;
}

aside ul, aside div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.widget{
	margin:0 0 15px 0;
}

.widget ul {
	margin: 5px 10px 0 0;
	list-style-type:none;
}
.widget ul li {
	border-bottom: 1px solid #3E3739;
	padding: 10px 0;
	color: #666;
	background-color:#262626;
}
.widget ul .children li {
	border-bottom: none;
}
.widget ul li a {
	text-decoration: none;
	display: block;
	font-size:14px;
	background-color:#262626;
}

.widget ul li a:hover {
	text-decoration: underline;
	display: block;
	font-size:14px;
	background-color:#262626;
}

/* --- --- --- [ Recent Comments ] --- --- --- */
#recentcomments li {
	padding: 8px 0;
}
#recentcomments li {
	border-bottom:  1px solid #ccc;
}
#recentcomments li a {
	text-decoration: none;
	border: none;
}
/* --- --- --- [ Category select ] --- --- --- */
#cat {
	margin: 10px 0 0 10px;
	width: 250px;
}
/* --- --- --- [ Tagcloud ] --- --- --- */
.tagcloud {
	margin: 10px 30px 0 10px;
}
.tagcloud a {
	margin: 5px 10px 5px 0;
}

/* --- --- [ General settings] --- --- */
.clear {
	clear: both;
}
.fleft {
	float: left;
}

.wp-caption {
}
.wp-caption-text {
}
.sticky {
}
.gallery-caption {
}
.bypostauthor {
}
.alignright {
}
.alignleft {
}
.aligncenter {
}





#submit, #searchform #searchsubmit {
	background: #000000 url(http://rokucafe.jp/css/images/red/line.png) top left repeat-x;
	border: 1px solid #186E0A;
}
#wp-calendar a, #wp-calendar #prev a:hover, #wp-calendar #next a:hover {
	background: #335C85 url(http://rokucafe.jp/css/images/red/line.png) bottom left repeat-x;
}

/* --- --- [ Corners ] --- --- */

.left-corner {
	position: absolute;
	bottom: -9px;
	left: 0;
	width: 9px;
	height: 9px;
	background-position: 0px 9px;
}
.right-corner {
	position: absolute;
	bottom: -9px;
	right: 0;
	width: 9px;
	height: 9px;
	background-position: 9px 9px;
}




/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 各ページ共通
*/


.breadcrumb{
	width:910px;
	padding:15px 25px 0 0;
	font-size:12px;
	color:#555555;
}


.freebox10nb{
	width:100%;
	margin:0 auto 10px auto;
	padding:0;
	border:1px solid #DDDDDD;
	clear:both;
}

.freebox20nb{
	width:100%;
	margin:0 auto 20px auto;
	padding:0; 
	clear:both;
}


.pagetitle{
	margin:0 0 10px 0;
}

.pagetitle img{
	border:1px solid #CDB087;
}

.boxtitle{
	font-size:18px;
	letter-spacing:1px;
	line-height:1.5em;
}

.boxtitle2{
	font-size:18px;
	letter-spacing:1px;
	line-height:1.5em;
}

.relatedposts{
	margin:60px 0 5px 0;
	padding:5px 10px;
	font-weight:bold;
	font-size:18px;
	background-color:#E3E3E3;
}

.fbcomment{
	width:650px;
	margin:15px auto 0 auto;
	padding:0;
	clear:both;
}



.caution{
	color:#F64D2B;
}

.fs10{font-size:10px;}
.fs11{font-size:11px;}
.fs12{font-size:12px;}
.fs13{font-size:13px;}
.fs14{font-size:14px;}
.fs15{font-size:15px;}
.fs16{font-size:16px;}
.fs17{font-size:17px;}
.fs18{font-size:18px;}
.fs19{font-size:19px;}
.fs20{font-size:20px;}

.bold{
	font-weight:bold;
}

.page-navbox{
	width:670px;
	margin:15px auto;
}

.page-nav{
	margin:0 auto;
	list-style-type:none;
	clear:both;
}

.page-nav li{
	width:25px;
	height:30px;
	margin:0 3px;
	display:block;
	text-align:center;
	line-height:1.8em;
	border:1px solid #777777;
	float:left;
}

.page-nav li a{
	color:#DDDDDD;
	display:block;
	background-color:#2B2728;
}


.page-nav li a:hover{
	color:#DDDDDD;
	display:block;
	background-color:#333333;
	
}

.page-nav .current{
	background-color:#999999;
}


/*
+++++++++++++++++++++ サイドバー
*/

.sidebarbanner{
	width:252px;
	margin:0 auto 15px auto;
}

.sidebarbanner a img{
	margin:0 0 10px 0;
	border:1px solid #CCCCCC;
}

.searchbox{
	width:240px;
	margin:10px auto;
	padding:5px;
	font-size:12px;
	background-color:#EFEFEF;
	border:1px solid #CCCCCC;

}

#searchform {
	width: 240px;
	margin:15px 0;
}
#searchform label {
	display: none;
}
#searchform #s {
	width:180px;
	border: 1px solid #ccc;
	background-color:#FFFFFF;
}
#searchform #searchsubmit {
	color: #fff;
	padding: 3px 5px;
}
#searchform #searchsubmit:hover {
	border: 1px solid #95a1aa;
	color: #666;
}


.snsfb{
	width:250px;
	margin:15px auto 10px auto;
	border:1px solid #CCCCCC;
}

.snstw{
	width:250px;
	margin:15px auto 10px auto;
	border:1px solid #CCCCCC;
}

.st-tag-cloud{
	padding:10px 0;
}

.st-tag-cloud a{
	padding:3px 5px;
	line-height: 220%;
	font-size: 12px;
	white-space:nowrap;
	text-decoration: none;
	color: #FFF;
	background-color:#A8A8A8;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #8a8a8a;
}


/*
+++++++++++++++++++++ フッター
*/

footer{
	width:100%;
	height:220px;
	margin:20px 0 0 0;
	background-color:#111111;
	border-top:3px solid #666666;
	clera:both;
}

.in-footer{
	width:970px;
	height:220px;
	margin:0 auto;
	padding:0;
	clear:both;
}

.footerleft{
	width:700px;
	height:220px;
	margin:0;
	padding:0;
	float:left;
}

.footerinfo{
	width:670px;
	height:140px;
	margin:35px 0 0 0;
	padding:15px 20px;
	font-size:13px;
	line-height:1.3em;
	color:#989898;
	background-color:#1a1a1a;
	clear:both;
}

.footerinfoname{
	font-size:16px;
	line-height:2.4em;
	color:#6ca530;
}

.footerright{
	width:250px;
	height:220px;
	margin:0;
	padding:0;
	float:right;
}

footer ul{
	width:700px;
	margin:5px 0 0 0;
	padding:5px 0;
	list-style-type:none;
	clear:both;
}

footer ul li{
	padding:5px 15px 5px 0;
	float:left;
}

footer ul li a{
	font-size:13px;
	color:#989898;
}

footer ul li a:hover{
	font-size:13px;
	color:#989898;
}

.designedby{
	width:670px;
	margin:10px 0 0 ;
	padding:0;
	font-size:11px;
	line-height:2.3em;
	color:#999999;
	text-align:left;
}

.designedby a{
	font-size:12px;
	color:#6ca530;
}


/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ トップページ
*/



/*
+++++++++++++++++++++ ニュース・イベント案内
*/



.indexnewstitle{
	widht:670px;
	height:40px;
	margin:0;
	padding:0;
	clear:both;
}


.indexnews{
	width:670px;
	margin:0;
	padding:12px 0 5px 0;
	background-color:#2B2829;
	clear:both;
}

.indexnews p{
	width:630px;
	margin:5px auto 0 auto;
	font-size:12px;
	color:#DDDDDD;
	font-weight:bold;
}

.indexnews ul{
	width: 630px;
	margin:0 0 0 20px;
	padding:5px 0 0 0;
	list-style-type:none;
}

.indexnews ul li{
	width:650px;

	margin:0;
	padding:3px 0;
	line-height:1.1em;
	clear:both;
}

.indexnews ul li a{
	text-decoration: none;
}

.indexnewsdate{
	margin:0 5px 0 0;
	padding:0 15px 0 0;
	color:#777777;
	font-size:13px;
	font-weight:bold;
	float:left;
}

.indexeventicon{
	width:42px;
	margin:0 7px 0 0;
	float:left;
}

.indexnewsname{
	margin:0 10px 0 0;
	font-size:13px;
	float:left;
}

.indexnewslist{
	width:650px;
	margin:0 20px 0 0;
	padding:0 0 8px 0;
	text-align:right;
	font-size:12px;
}

.new{
	width:40px;
	margin:0 0 0 7px;
}

/*
+++++++++++++++++++++ indexbanner1
*/

.indexbanner1{
	width:670px;
	margin:0 auto 15px auto;
	clear:both;
}

.indexbanner1box{
	width:210px;
	margin:0 19px 0 0;
	border-top:1px solid #999999;
	border-bottom:1px solid #EEEEEE;
	float:left;
}

.indexbanner1boxl{
	width:210px;
	margin:0;
	border-top:1px solid #999999;
	border-bottom:1px solid #EEEEEE;
	float:left;
}

.indexbanner1 img{
	margin:0;
	padding:3px 0 10px 0;

}


.indexbanner1box dl{
	margin:3px 0 14px 0;
}

.indexbanner1box dl dt,.indexbanner1box dl dd{
	width:210px;
	height:50px;
	margin:0;
	padding:0;
	clear:both;
}

.indexbanner1box dl dt img,.indexbanner1box dl dd img{
	margin:0;
	padding:0;
	float:left;
}

/*
+++++++++++++++++++++ indexbanner2
*/

.indexbanner2{
	width:670px;
	margin:0 auto 25px auto;
	padding:0 0 5px 0;
	font-size:12px;
	border-bottom:1px solid #CCCCCC;
	clear:both;
}

.indexbanner2box{
	width:212px;
	margin:0 17px 15px 0;
	float:left;
}

.indexbanner2boxl{
	width:212px;
	margin:0 0 15px 0;
	float:left;
}

.indexbanner2 img{
	margin:0 0 5px 0;
	border:1px solid #CCCCCC;
}

/*
+++++++++++++++++++++ pickupitem
*/

.pickupitem{
	width:670px;
	padding:0 0 20px 0;
	margin:0 auto 25px auto;
	border-bottom:1px solid #CCCCCC;
	clear:both;
}

.pickupitembox{
	width:162px;
	margin:0 7px 0 0;
	text-align:center;
	float:left;
}

.pickupitemboxl{
	width:162px;
	margin:0 0 0 1px;
	text-align:center;
	float:left;
}

.pickupitem img{
	border:1px solid #999999;
}

/*
+++++++++++++++++++++ indexbanner3
*/

.indexbanner3{
	width:670px;
	margin:0 auto 15px auto;
	font-size:12px;
	clear:both;
}

.indexbanner3box{
	width:212px;
	margin:0 17px 15px 0;
	float:left;
}

.indexbanner3boxl{
	width:212px;
	margin:0 0 15px 0;
	float:left;
}

.indexbanner3 img{
	margin:0 0 5px 0;
	border:1px solid #CCCCCC;
}



/*
+++++++++++++++++++++ twitter
*/

.social{
	margin:25px 0 0 0;
}


/*
+++++++++++++++++++++ PICKUPLINK
*/

.pickuplink{
	width:670px;
	height:320px;
	margin:40px auto;
}

.pickuplink p{ 
	text-align:center;
}

/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ メニューページ
*/


.allitemtitle{
	width:960px;
	height:200px;
	margin:0 0 10px 0;
}


.brand{
	width:670px;
	margin:0;
	padding:0;
}

.brandtitle{
	width:670px;
	margin:0;
	padding:0;
}

.brandtitle img{
	margin:0 20px 10px 0;
	float:left;
}

.brandtitle p{
	margin:0;
	padding:25px 10px 0 0;
	font-size:13px;
}

.brandtitle .aboutkansai{
	font-size:11px;
	color:#999999;
}

.item_loop{
	width:664px;
	margin:0 0 25px 0;
}

.item_looptitle{
	margin:0 0 15px 0;
}

.item_loopbox{
	width:670px;
	margin:0 0 15px 0;
	padding:0;
	border-bottom:1px dashed #50494B;
}

.item_loopbox dl{
	width:670px;
}

.item_loopbox dl dt{
	width:600px;
	font-size:15px;
	color:#83B650;
	float:left;
}


.item_loopbox dl dd{
	width:70px;
	font-size:15px;
	font-weight:bold;
	color:#B1B1B1;
	float:right;
}

.item_loopbox p{
	margin:0;
	padding:2px;
	display:block;
	font-size:12px;
	clear:both;
}

.item_loopbox img{
	margin:0 0 5px 0;
	border:1px solid #DDDDDD;
}

.item_loopmini{
	width:330px;
	margin:0 0 25px 0;
	float:left;
}

.item_loopboxmini{
	width:320px;
	margin:0 15px 15px 0;
	padding:0;
	border-bottom:1px dashed #50494B;
}

.item_loopboxmini dl{
	width:320px;
}

.item_loopboxmini dl dt{
	width:260px;
	font-size:15px;
	color:#83B650;
	float:left;
}



.item_loopboxmini dl dd{
	width:55px;
	font-size:15px;
	font-weight:bold;
	color:#B1B1B1;
	float:right;
}

.item_loopboxmini p{
	margin:0;
	padding:2px;
	display:block;
	font-size:12px;
	clear:both;
}



/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ メニュー詳細ページ
*/

.menudetail{
	width:670px;
	background-color:#454444;
}

.menudetail dl{
	width:670px;
}

.menudetail dl dt{
	width:300px;
	padding:15px 15px 5px 15px;
	float:left;
}

.menudetail dl dd{
	width:310px;
	padding:15px 15px 5px 15px;
	float:right;
}


.menudetail ul{
	list-style-type:none;
}

/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ プレスリリース
*/



.press_loop{
	width:664px;
	margin:0 0 25px 0;
	border-left:1px solid  #4D4A4B;

}



.press_loopbox{
	width:165px;
	margin:0;
	padding:20px 0 0 0;
	font-size:13px;
	text-align:center;
	border-top:1px solid  #4D4A4B;
	border-right:1px solid  #4D4A4B;
	border-bottom:1px solid  #4D4A4B;
	float:left;
}


.press_loopbox img{
	margin:0 auto;
	padding:0;
	clear:both;
}

.press_loopbox p{
	margin:0;
	padding:2px;
	clear:both;
}

.press_loopbox p a{
	display:block;
	font-size:11px;
}



/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ お問い合わせ
*/


.formtable{
	width:650px;
	margin: 0;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
}

.formtable .formtableleft{
	width:150px;
	padding:0 5px;
	color:#FFFFFF;
	font-size:12px;
	text-align:center;
	background-color:#5D8731;
	vertical-align:middle;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
}

.formtable td{
	padding:5px 15px 5px 15px;
	color:#FFFFFF;
	vertical-align:middle;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
}

.required {
	color: #ff4b33;
	font-weight: bold;
}


input{
	padding:3px 5px;
	font-size:13px;
}

.contactsend{
	text-align:center;
}

.contactsend input{
	width:120px;
	padding:5px 0;
}

.input30{width:30px;}
.input50{width:50px;}
.input80{width:80px;}
.input150{width:150px;}
.input300{width:300px;}
.input400{width:400px;}
.input450{width:450px;}
.textarea300{width:300px;}
.textarea450{width:450px;}





.button{
	margin: 10px;
	text-decoration: none;
	font: bold 1.5em 'Trebuchet MS',Arial, Helvetica; /*Change the em value to scale the.button*/
	display: inline-block;
	text-align: center;
	color: #fff;
	border: 1px solid #9c9c9c; /* Fallback style */
	border: 1px solid rgba(0, 0, 0, 0.3);
	text-shadow: 0 1px 0 rgba(0,0,0,0.4);
	box-shadow: 0 0 .05em rgba(0,0,0,0.4);
	-moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4);}

.button, .button span{
	-moz-border-radius: .3em;
	border-radius: .3em;}

.button span{
	border-top: 1px solid #fff; /* Fallback style */
	border-top: 1px solid rgba(255, 255, 255, 0.5);
	display: block;
	padding: 0.5em 2.5em;

    /* The background pattern */

    background-image: 
	-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)),
	-webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)),
	-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05))),
	-webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05)));
    background-image:
	-moz-linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
	-moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
	-moz-linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%),
	-moz-linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%);

    /* Pattern settings */

	-moz-background-size: 3px 3px;
	-webkit-background-size: 3px 3px;
	background-size: 3px 3px;}

.button:hover{
	box-shadow: 0 0 .1em rgba(0,0,0,0.4);
	-moz-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 0 .1em rgba(0,0,0,0.4);

}

.button:active{
	/* When pressed, move it down 1px */
	position: relative;
	top: 1px;
}

.button-blue{
	font-size:18px;
	background: #4477a1;
	background: -webkit-gradient(linear, left top, left bottom, from(#81a8cb), to(#4477a1) );
	background: -moz-linear-gradient(-90deg, #81a8cb, #4477a1);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#81a8cb', endColorstr='#4477a1');
}

.button-blue:hover{
	background: #81a8cb;
	background: -webkit-gradient(linear, left top, left bottom, from(#4477a1), to(#81a8cb) );
	background: -moz-linear-gradient(-90deg, #4477a1, #81a8cb);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4477a1', endColorstr='#81a8cb');
	color:#FFFFFF;
	text-decoration:none;
}

.button-blue:active{
	background: #4477a1;
}