@charset "utf-8";
/*
Theme Name: gemme!
Theme URI: http://www.might2.com/
Description: Variable grid layout, easing effect on window resizing.
Version: 1.0
Author: Mighty myT
Author URI: http://www.mighty2.com/
Tags:


Index:
  - Basic Elements
  - Basic Styling
  - Layout
  - Grid Items, Single Item and Comments
  - Navigation and Sidebar Widget
  - Form Elements
  - Clearfix

*/



/* ---------- Basic Elements ---------- */
html ,body{height:100%;}
body {
	background-color: #000000;
	margin: 0;
	padding: 0;
	color: #bbbbbb;
/*	font-family: Georgia,Baskerville,Palatino,Times;
	font-family: arial,helvetica,clean,sans-serif;*/
	font-family:"メイリオ","Meiryo",Verdana,"ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Sans-Serif;
	font-size: 12px;
	line-height: 2.5em;
	background-repeat:repeat-x;
	background-attachment:fixed !important;
	background-attachment:scroll; /* for IE 6 */
	background-position:left top;
	
}



a {
	text-decoration: none;
	color: #bbbbbb;
}
a:hover {
	color: #b5d544;
	text-decoration: underline;
}
a img {
	border: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
}
h1 {
	font-size: 28px;
	font-weight: normal;
}
h2,
h3,
h4,
h5,
h6 {
	font-size: 12px;
	font-weight: normal;
}

h2.entry-title {
	background:transparent url(images/common/bg_h2.gif) no-repeat left top;
	width:675px;
	height:30px;
	*width:710px;
	*height:34px;
	padding:4px 0 0 35px;
	font-size: 14px;
	line-height:1.6em;
}

blockquote {
	margin: 0;
	padding: 10px;
	border-left: 5px solid #e9e9e9;
	background-color: #f9f9f9;
	color: #666666;
}

pre {
	overflow: auto;
	margin: 0;
	padding: 10px;
	background-color: #f9f9f9;
	color: #666666;
}

fieldset {
	border: 1px solid #cccccc;
	padding: 10px;
}

table {
	margin: 1em 0;
/*	border: 1px solid #999999;*/
}
th, td {
	padding: 2px 4px;
	/*border: 1px solid #e9e9e9;*/
}
th {
	background-color: #000000;
	font-weight: normal;
}
td {
	background-color: #000000;
}

p,
ul,
li {
	margin:0;
	padding:0;
}

li {
	list-style:none;
}

/* ---------- Basic Styling ---------- */

.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignright {
	float: right;
	margin: 0 0 2px 10px;
}

.alignleft {
	float: left;
	margin: 0 10px 2px 0;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 5px;
	display: inline;
}

img.alignleft {
	padding: 5px;
	display: inline;
}

.caution {
	padding: 10px;
	color: #e9e9e9;
	text-align: center;
	background-color: #cc0000;
}
noscript .caution {
	margin: 0;
}

.wp-caption {
	width: 100%;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color: #ffffff;
	text-align: center;
}
.wp-caption img {
	padding-top: 5px;
}

.wp-caption-text {
	margin: 5px 0;
	text-align: center;
	font-size: smaller;
	color: #666666;
}

code strong {
	color: #cc3366;
	font-weight: normal;
}

.entry-content{
	position:relative;
}


.edit-link {
	position:absolute;
	left:0;
	bottom:0;
}
/* ---------- Layout ---------- */
#header{
	width:100%;
	height:56px;
	border-bottom:#cccccc solid 1px;
}
#header-container {
	width:960px;
	height:100%;
	margin:0 auto;
}
#header h1{display:inline-block;float:left;}
#header h1 a {
	background:transparent url(images/common/logo.jpg) no-repeat left top;
	text-indent:-999em;
	display:block;
	width:200px;
	height:24px;
	margin:22px 10px 0 10px;
}

#header-area{
	width:710px;
	*width:740px;
	padding:25px 0 0 30px;
	float:left;
}

#container-wrapper {
	background-repeat:no-repeat;background-attachment:fixed;background-position:center top;background-color:transparent;
	min-height:100%;
	height:auto !important;
	position:relative;
}

#container {
	margin: 0 auto;
	padding: 0;
	width:960px;
	clear:both;
	padding-bottom:150px;
}

#container-inner {
	height:100%;
	min-height:100%;
	display:inline-block;
	position:relative;
}

#content {
	float:left;
	width:710px;
	padding-left:30px;
}

#gnavi {
	padding-top:52px;
	width:220px;
/*
	position:fixed !important;
	left:50% !important;
	top:0;
	margin-left:320px;
	position:absolute;
*/
	float:left;
}

#gnavi-container {
/*	background:transparent url(http://www.gemme.jp/kirakira_hp/wp-content/themes/gemme/images/common/bg_gnavi.png) repeat-y left top;*/
	width:100%;
}

#gnavi-inner {
/*	padding:50px 20px 10px 20px*/
}

#grid-wrapper {
	width:720px;
	margin: 0;
	padding: 0;
/*	padding-top: 1000px;*/ /* Prevent flicker in grid area. Check header.php. */
/*	padding-top:1000px;*/
}

	#single-wrapper {
		margin: 0;
		padding: 0;
/* 		padding-top:1000px; for single-page effect */
	}

#footer-container {
	position:absolute;
	bottom:0;
	width:100%;
}

#footer-wrapper {
	width: 100%;
	height:100px;
	background-color:#000000;
	border-top:#888888 solid 1px;
}

#footer {
	padding: 30px 0 0;
	width:980px;
	margin: 0 auto;
	text-align:center;
}

#footer-link {
	text-align:center;
	display:inline-block;
	*width:340px; /* for IE 6 , 7 */
}

#footer-link li{
	float:left;

}
#footer-link li span{
	padding:0 5px;
}

#footer p {
	margin: 0;
	padding: 10px;
}
	
	

/* ---------- Grid Items, Single Item and Comments ---------- */
#page-Title {
	width:710px;
	height:52px;
	position:relative;

}

.breadcrumbs {
	width:560px;
	padding:15px 0 0 5px;
	float:left;
}
.breadcrumbs span{color:#b5d544;text-decoration:underline;}

#breadcrumbs-area-link {
	width:144px;
	height:18px;
	margin-top:14px;
	float:right;
}
#breadcrumbs-area-link li{
	float:left;
}
#breadcrumbs-area-link li a{
	background:transparent url(images/common/icon_shop.gif) no-repeat left top;
	display:block;
	text-indent:-999em;
}
#breadcrumbs-area-link li.onlineshop a{
	width:87px;
	height:18px;
}
#breadcrumbs-area-link li.blog{padding-left:10px;}
#breadcrumbs-area-link li.blog a{
	width:47px;
	height:18px;
	background-position:-97px 0px;
}

#title-banner-area-w {
	position:absolute;
	top:0;
	padding:10px;
	z-index:0;
}

#title-banner-area {
	width:100%;
	height:60px;
	display:table-cell;
	vertical-align:middle;
/*	layout-grid-line:100%;*/
}
#title-banner-area img{
	vertical-align:middle;
}


div.single-item{width:690px;*width:710px;}

div.grid-item,
div.single-item {
	overflow: hidden;
	margin: 10px 10px 0 0;
	padding: 10px;
	border: 0;
	background-color: #222222;
	float:left;
}

div.grid-item a.item-link {
	display:block;
	width:100%;
	height:100%;
}
div.item-data p{
	padding-top: 0px;
}
div.grid-item h2.post-title,
div.single-item h2.post-title {
	margin: 0;
	padding-left: 0;
	border-left: 0;
	font-weight: normal;
}

div.grid-item div.grid-image {
	margin-bottom: 1em;
}

div.grid-item div.wp-caption {
	display: none;
}

div.post-body p,
div.comment-body p {
	font-size: 13px;
	margin: 15px 25px 25px;
}

div.post-body p img,
div.post-body p object {
	max-width: 100%;
	padding: 0;
}

p.post-meta,
p.comment-meta {
	margin-bottom: 0;
}

.comment-list .navigation {
	margin: 10px 0;
}
.comment-list .navigation a {
	margin-right: 10px;
}

.comment-list ol li {
	margin: 10px 0;
}

.comment-list ol li.trackback {
	padding: 5px;
	border: 1px solid #c4c4c4;
}

.comment-list ul.children {
	list-style: none;
}
.comment-list ul.children li {
	border-left: 5px solid #c4c4c4;
	padding-left: 5px;
}

.comment-list li.bypostauthor {
}
.comment-list li.bypostauthor cite.fn {
	text-decoration: underline;
}

.comment-list li.comment .reply {
	margin: 10px 0 20px;
}




/* ---------- Navigation and Sidebar Widget ---------- */

/* Pagination for grid items and paginated posts */
.pagination {
	margin: 50px 0 0;
	font-size: 12px;
}
.pagination .current {
	color: #333333;
	font-weight: bold:
}
.pagination .next, 
.pagination .prev {
}

.pagination .page-numbers,
.pagination .current {
	margin: 0 10px 0 0;
	padding: 10px 15px;
	text-decoration: none;
	background: #d9d9d9;
}
/* page-numbers hover color */
a.page-numbers:hover {
	color: #333333;
	background-color: #eeeeee;
}
#post-pagination {
	margin: 1em 0;
	color: #c4c4c4;
}
#post-pagination .prefix {
	color: #eaeaea;
}

/* Sidebar 
 * In this theme, sidebar is a horizontal line.
 * Sidebar2 is a block on the bottom.
 * See also "Form Elements" section.
 */
#sidebar{
	list-style: none;
	list-style-type: none;
	margin: 50px 0 50px 16px;
	padding-left: 0;
}
#sidebar2 {
	list-style: none;
	list-style-type: none;
	margin: 50px 0;
	padding-left: 0;
}
#sidebar li {
	margin: 2px 0;
}
#sidebar li.widget h2.widgettitle {
	display: none;
}

#sidebar li.widget ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#sidebar li.widget ul li {
	display: inline;
	padding-right: 5px;
}

li.current-cat {
	text-decoration: underline;
}

#sidebar2 li.widget {
	display: block;
	overflow: hidden;
	float: left;
	margin: 0 5px 5px 0;
	width: 320px;
	padding: 5px 0 0 0;
	border: 0;
}

#sidebar2 h2.widgettitle {
	margin-top: 0;
	padding: 5px 10px;
	color: #333333;
	background-color: #d9d9d9;
}

#sidebar2 li.widget div {
	padding: 0 10px;
	font-size: 12px;
}

#sidebar2 li.widget ul {
	margin: 0;
	padding: 0 10px;
	font-size: 12px;
}

#sidebar2 li.widget ul li {
	list-style: none;
}
#sidebar2 ul.children ul li {
	list-style: none;
}

#wp-calendar {
	margin: 1em 0;
	border: none;
}
#wp-calendar caption{
	text-align: left;
	margin: 2px 0 0 0;
	padding: 0;
}
#wp-calendar td {
	text-align: center;
}

/* ---------- Form Elements ---------- */

div.comment-form {
	margin: 0;
	padding: 0;
}

#commentform {
	margin: 0;
	padding: 0;
}
#commentform textarea {
	width: 99%;
	max-width: 640px;
}

/* for sidebar widget */

#searchform {
    width: 300px;
}
#searchform div {
	padding: 0;
	font-size: 12px;
}
#searchform label.screen-reader-text {
	display: none;
}
#searchsubmit {
	display: inline;
}

#s { /* #searchform input#s */
	width: 170px;
	margin: 0;
}

/* ---------- Clearfix ---------- */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* ---------- Global Navi ---------- */
#menu-gnavi li{padding-top:1px;}
.menu-item a{
	text-indent:-999em;
	display:block;
	width:220px;
	height:26px;
	background:transparent url(images/common/menu.gif) no-repeat left top;
}

.menu-about-gemme a{background-position:0px 0px;}
.menu-news a{background-position:0px -27px;}
.menu-event a{background-position:0px -54px;}
.menu-gellery a{background-position:0px -81px;}
.menu-store a{background-position:0px -108px;}
.menu-about a{background-position:0px -135px;}
.menu-contact a{background-position:0px -162px;}

.menu-about-gemme a:hover{background-position:-220px 0px;}
.menu-news a:hover{background-position:-220px -27px;}
.menu-event a:hover{background-position:-220px -54px;}
.menu-gellery a:hover{background-position:-220px -81px;}
.menu-store a:hover{background-position:-220px -108px;}
.menu-about a:hover{background-position:-220px -135px;}
.menu-contact a:hover{background-position:-220px -162px;}


.subpage-catch{padding-left:10px;}

#ads-area {padding-top:10px;}
.ads{padding-bottom:10px;}
.ads-center{text-align:center;}


#topslider {
	width: 710px;
	height: 350px;
	background-color: #000000;
	position: relative;
	overflow: hidden;
}

#topslider img {
	position: absolute;
	top: 0;
	left: 0;
}