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

Reset CSS is based on YUI Reset CSS.
YUI Reset CSS is Copyright (c) 2009, Yahoo! Inc. All rights reserved.
http://developer.yahoo.com/yui/reset/

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


/* ◆RESET CSS
================================ */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0;}
table{border-collapse: collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}


/* ◆html elements
================================ */

body{
	background-color:#fff;
	background-repeat:repeat-x;
	text-align:left;
	color:#333;
	}
	

html,body{
	height:100%;
	font-size:10px;
	line-height:150%;
	}

p,pre,address,cite {margin: 1em 20px;}

h2,h3,h4,h5,h6 {margin: 0.5em 20px; }

h1 {font-size: 189%;}

h2 {font-size: 159%;}

h3 {font-size: 144%;}

h4 {font-size: 122%;}

h5 {font-size: 107%;}

h6 {font-size: 107%;}

pre {
	padding: 0.5em 10px; 
	border: 3px solid #eee;
	width: 95%;
	overflow: scroll;
	color: #3d4263;
	}

pre[title]::before {
	margin-bottom: 0.4em;
	padding: 0 10px;
	display: block; 
	content: attr(title);
	color: black;
	background-color: #eee;
	}

blockquote {
	margin: 1.5em 20px 1.5em 40px;
	padding: 1px; 
	background-color: #eee;
	}

blockquote * {
	color: #888;
	}

blockquote[title]::before {
	margin: 2px;
	padding: 0.1em 16px;
	display: block;
	content: attr(title); 
	background-color: #fff; 
	}

blockquote[cite]::after {
	padding: 0.1em 20px;
	display: block; 
	content: attr(cite);
	color: #333333;
	text-align: right;
	}

cite {
	display: block;
	color: #333333;
	text-align: right;
	}

em {font-weight: bold;}

strong {color: #ff4500;}


abbr,acronym {
	border-bottom: 1px dotted #aaa;
	cursor: help;
	}

kbd {
	border: 1px solid #ccc;
	padding: 0 0.3em; 
	background-color: #f5f5f5;
	text-transform: uppercase;
	}
/** toph1 **/
#toph1{
	font-size:8px;
	color:#555;
	width:800px;
	margin:0 auto;
	display:block;
	}
/** a **/
a:hover{
	background-color:#0000ff;
	color:#fff;}

/** clear **/

.clear{
clear:both;}

/** hr **/
hr{
	background-color:#ccc;
	border:0;
	height:1px;
	}

.gold-line{
	background-image:url("img/gold-line.png");
	height:6px;
	background-color:transparent;
	}
	
.gold-line-top{
	background-image:url("img/gold-line.png");
	height:6px;
	background-color:transparent;
	margin:0;
	
	}

#iframe{
	list-style-type:none;
	color:#444;
	font-size:10px;
	line-height:25px;}


iframe{
	height:100px;
	width:328px;
	border:0;
	overflow:hidden;
	overflow-y: hidden;
	}

/* +Top page Contents
================================ */

#top-contents{
	width:800px;
	margin:0 auto;}

.blue-square{
	width:800px;
	background-color:#05309A;
	height:20px;
	margin:0 auto;
	display:block;
	}




#list-excellent a,#list-kurashiki a,#list-mizushima a,#list-tamachi a{
	width:190px;
	height:270px;
	display:block;
	color:transparent;
	float:left;
	margin:10px 6px;
	}

#list-excellent a:hover,#list-kurashiki a:hover,#list-mizushima a:hover,#list-tamachi a:hover{
	color:transparent;
	background-color:transparent;
	text-decoration:underline;
	}

#list-excellent a{
	background-image:url("img/cg/list-excellent.png");
	margin-right:0 !important;
	}

#list-kurashiki a{
	background-image:url("img/cg/list-kurashiki.png");
	}

#list-mizushima a{	background-image:url("img/cg/list-mizushima.png");
	margin-left:0 !important;
	}

#list-tamachi a{
	background-image:url("img/cg/list-okayama.png");
	}

#list-excellent span,#list-kurashiki span,#list-mizushima span,#list-tamachi span{
	padding:200px 0 0 0;
	color:#000;
	width:160px;
	margin:0 auto;
	font-size:10px;
	display:block;
	}

/* +shop-navi
================================ */
.shop-navi{
	margin-bottom:0 auto;
	margin-top:25px;
	margin-right: auto;
	margin-left: auto;
	width:800px;
	}

.shop-navi li{
	float:left;
	}

.navi-information a,.navi-cast a{
	height:35px;
	display:block;
	width:400px;
	text-indent:-9999px;
	}

/* +layout
================================ */
#contents{
	margin-top:25px;
	margin-right: auto;
	margin-left: auto;
	width:800px;
	}

#contents-left,#contents-center{
	float:left;
	}

#contents-left{width:212px;
	}

#contents-center{width:366px;
	margin-left:25px;	}

#contents-right{
	float:right;
	}



/** left **/

#box-system,#box-data{
	width:188px;	
	display:block;
	background-repeat:no-repeat;
	}


/** center **/

#box-news,#box-castblog,#box-recruit{
	width:366px;	
	display:block;
	}


/** 2column **/

#contents-2left{
	float:left;
	width:608px;
	}

/* +box
================================ */

#box-system,#box-data{
	color:#aaa;
	width:187px;
	height:308x;
	padding:25px 0 0 25px;
	overflow:hidden;
	}

#box-system p,#box-data p{
	overflow:auto;
	padding:0;
	margin:0;
}

#box-system a,#box-data a{
	color:#33CCFF;
	}

#box-system{
	height:281px;
	}

#box-data{
	height:223px;
	margin-top:20px;
	padding-bottom:10px;
	}


#box-data .inner{
	height:225px;}
	
#box-news,#box-castblog{
	padding-top:35px;
	padding-left:10px;
	line-height:25px;
	width:356px;
	}

#box-news{
	height:112px;
	}

#box-castblog{
	height:112px;
	margin-top:15px;
	}


#box-recruit{
	margin-top:15px;
	overflow:auto;
	background-repeat:no-repeat;
	}


#box-recruit .recruit-inner{
	width:335px;
	height:225px;
	margin-top:30px;
	margin-left:10px;
	overflow-y:scroll;
	}

#box-recruit .recruit-inner p{
	overflow:auto;
	padding:0;
	margin:0;
	}

/* +footer
================================ */

/** f-navi **/

#f-navi{
	margin-top:30px;
	margin-bottom:30px;
	overflow:hidden;
	}

#f-navi ul{
	margin:0 auto;
	width:800px;
	}

#f-navi ul li{
	float:left;
	}

#banner-central a,#banner-excellent a,#banner-kurashiki a,#banner-mizushima a,#banner-tamachi a{
	width:149px;
	height:27px;
	display:block;
	text-indent:-9999px;
	margin:0 6px;
	}

#banner-central a{
	background-image:url("img/banner-central.png");
	margin-left:0;
	}

#banner-excellent a{
	background-image:url("img/banner-excellent.png");
	margin-right:0;}

#banner-kurashiki a{
	background-image:url("img/banner-kurashiki.png");
}

#banner-mizushima a{
	background-image:url("img/banner-mizushima.png");
}

#banner-tamachi a{
	background-image:url("img/banner-tamachi.png");
}



#f{
	width:800px;
	text-align:right;
	margin:0 auto;
	margin-top:20px;
	}


/* + f-banner
================================ */

#banner-central a:hover,#banner-mizushima a:hover,#banner-kurashiki a:hover,#banner-tamachi a:hover,#banner-excellent a:hover,#list-mizushima a:hover,#list-kurashiki a:hover,#list-tamachi a:hover,#list-excellent a:hover{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}


/* +blog
================================ */


.widget-archive a,.widget-archive a:visited{
	color:#fff;
	}

.widget-header{
	margin-top:0;
	padding-top:3px;
	margin-left:4px;
	}

.widget-content{
	margin-top:10px;
	margin-left:12px;
	}

.archive-title{
	margin-bottom:10px;}

.widget-archive{
	background-position:right top;
	background-repeat:no-repeat;
	width:212px;
	color:#fff;
	padding-bottom:10px;
	height:573px;
	overflow:auto;
	}

.entry-title a:visited{
	color:#fff;}

.asset-meta{
	background-color:#eee;
	}

.entry-content{
	border:#eee 3px solid;
	border-left:#eee 5px solid;
	border-right:#eee 5px solid;
	padding:5px;
	}

.entry-title{
	width:356px;
	height:23px;
	display:block;
	color:#fff;
	padding:4px 0 0 10px;
	background-repeat:no-repeat;
	margin:0;
	}