@charset "utf-8";
/*
	Theme Name: リーマンズ ガールズスナック
	Theme URI: http://www.re-mans.com
	Description: リーマンズ ガールズスナックのデフォルトテーマ、2010。
	Author: 株式会社 二ボー
	Version: 1.0
	Copyright (C) Re-Man's All Rights Reserved.

	[Base]
		0. Resetting default margin and padding
		1. HTML, Body, Anchor
		2. Heading, Paragraph
		3. List
		4. Table
		5. Form
		6. Other
		7. For IE6/7

	[Layout]
		0. Container
		1. Header
		2. Content
		3. Footer

	[Module]
		01. image
		02.Twitter
		03.PageNavi
		80. lightbox
		90. Other
		99. Clearfix
*/

/* //////////////////////////////////////////////////
[Base] 
////////////////////////////////////////////////// */

/* --------------------------------------------------
	0. Resetting default margin and padding
-------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, p, blockquote, th, td, form, fieldset, legend {
	margin: 0;
	padding: 0;
}

/* --------------------------------------------------
	1. HTML, Body, Anchor
-------------------------------------------------- */
html{overflow-y:scroll;}
body {
	width: 100%;
	height: 100%;
	background:url("img/index-bg.jpg") no-repeat center top fixed;
	color: #000;
	font-family: sans-serif;
	font-size: 13px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	line-height: 1.5em;
}

/* for IE6 */
* html body {
	font-size: 82%;
}

/* for IE7 */
*:first-child+html body {
	font-size: 82%;
}

/*
Font-size list (base: 13px)
 62% =  8px
 70% =  9px
 77% = 10px
 85% = 11px        162% = 21px        239% = 31px
 93% = 12px        170% = 22px        247% = 32px
100% = 13px        177% = 23px        254% = 33px
108% = 14px        185% = 24px        262% = 34px
116% = 15px        193% = 25px        270% = 35px
124% = 16px        200% = 26px        277% = 36px
131% = 17px        208% = 27px        285% = 37px
139% = 18px        216% = 28px        293% = 38px
147% = 19px        224% = 29px        300% = 39px
154% = 20px        231% = 30px        308% = 40px
*/


a:link {
	color: #000;
	text-decoration: underline;
}
a:visited {
	color: #000;
	text-decoration: underline;
}
a:hover,
a:active  {
	color: #c30d23;
	text-decoration: none;
}

/* --------------------------------------------------
	2. Heading, Paragraph
-------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	line-height: 1.2;
}

/* p {} */

/* --------------------------------------------------
	3. List
-------------------------------------------------- */
li { list-style: none; }

/* --------------------------------------------------
	4. Table
-------------------------------------------------- */
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
	font-family: inherit;
}
caption, th, td {
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}

/* --------------------------------------------------
	5. Form
-------------------------------------------------- */
fieldset { border: none; }

input, textarea, select, label {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	font-size: 100%;
	font-family: inherit;
	vertical-align: middle;
}
label { cursor: pointer; }

textarea { overflow: auto; }

/* --------------------------------------------------
	6. Other
-------------------------------------------------- */
img {
	border: none;
	vertical-align: top;
}
object {
	vertical-align: middle;
	outline: none;
}
em, strong {
	font-weight: bold;
	font-style: normal;
}
abbr, acronym {
	border: none;
	font-variant: normal;
}
q:before, q:after { content: ''; }

address, caption, cite, code, dfn, var {
	font-weight: normal;
	font-style: normal;
}
code, pre { font-family: monospace; }

sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }

hr { display: none; }

/* ------------------------------------------------------------
	7. For IE6/7
------------------------------------------------------------ */

/* --- for IE7: page zoom bug fix --- */
*:first-child+html body,
*:first-child+html br { letter-spacing: 0; }






/* //////////////////////////////////////////////////
[Layout] 
////////////////////////////////////////////////// */

/* --------------------------------------------------
	0. Container
-------------------------------------------------- */
#container {
	width:850px;
	background:url(img/boader_bg.gif) repeat-y left top;
	margin:0 auto;
	padding:0 1px;
	position:relative;
}

/* --------------------------------------------------
	1. Header
-------------------------------------------------- */
.logo{
	position:absolute;
	left:11px;
	top:6px;
	z-index:9999;
}

#header{
	width:848px;
	height:57px;
	background:url(img/header_bg.gif) repeat-x;
	text-align:right;
	z-index:1;
}

h1{
	width:848px;
	height:57px;
}

h1 p{
	font-size:77%;
	color:#fff;
	float:right;
	display:inline;
	padding-top:35px;
	line-height:1em;
}

.tel{
	margin:0 4px;
	float:right;
	display:inline;
}


/* navGlobal
----------------------------------- */
#navGlobal{
	width:848px;
}

#navGlobal img{
	float:left;
	display:inline;
}




/* --------------------------------------------------
	2. Content
-------------------------------------------------- */
.home #content{
	width:816px;
	padding:16px;
	clear:both;
	background-color:#fff;
	text-align:left;
}

.home #content #left{
	width:466px;
	margin-right:20px;
	_margin-right:10px;
	float:left;
	display:inline;
}

.home #content h2{
	margin-bottom:8px;
}

.home #news_top{
	margin-bottom:20px;
}

.home #content dl{
	width:472px;
	line-height:16px;
}
.home #content dt{
	width:20%;
	float:left;
	display:inline;
}
.home #content dd{
	width:73.5%;
	float:left;
	display:inline;
	padding-left:1.5%;
	background:url(img/arrow.gif) no-repeat left center;
}
.home #content dd a{
	text-decoration:underline;
}

.home #content #center{
	width:153px;
	margin-right:4px;
	float:left;
	display:inline;
}
.home #content #center img{
	float:left;
	display:inline;
	margin-bottom:4px;
}

.home #content #right{
	width:172px;
	float:right;
	display:inline;
	margin:0;
	padding:0;
	border:0 !important;
}
#right #shopinformation{
	padding:6px;
	margin:0 !important;
	border-left:solid 1px #69bab7 !important;
	border-right:solid 1px #69bab7 !important;
	font-size:13px;
	line-height:1.5em;
	background:#fff;
}
#shopinformation h3{
	font-size:13px;
	font-weight:bold;
	line-height:15px;
}

#shopinformation p{
	font-size:10px;
	line-height:13px;
	font-weight:none;
}
#shopinformation p.address{
	margin:10px 0;
}
#shopinformation p#telephone{
	font-size:14px !important;
	font-weight:bold;
	line-height:22px;
	margin-bottom:13px;
}

#shopinformation ul{
	margin-bottom:4px;
	font-size:10px;
}
#shopinformation li{
	font-size:10px;
	list-style:disc inside;
	letter-spacing:-1px;
	line-height:12px;
}




/* other
----------------------------------- */
.other #content{
	width:810px;
	padding:0 19px;
	background-color:#fff;
}
.other #content #left{
	width:180px;
	float:left;
	background:url(img/g_navi2_bg.gif) repeat-y left top;
	margin-right:20px;
	padding-top:117px;
}
.other #content #left img{
	margin:0 12px 12px;
	overflow:hidden;
	outline:none;
}

#content #right{
	width:602px;
	float:right;
	border-top:solid 20px #fff;
	border-bottom:solid 20px #fff;
	background-color:#fcf9f1;
	font-size:0;
	line-height:0;
}

.other #content #right h2{
	width:602px;
	height:107px;
}

.other #content #right ul{
	padding:12px 12px 15px;
}
.blog .heightLine-group1 li{
	background:url(img/blog_bg_center.png) repeat-y left top;
	width:578px;
}

.news .heightLine-group1 li{
	background:url(img/news_bg_center.png) repeat-y left top;
	width:578px;
}

.blog .entryhead{
	padding:10px 12px 0;
	width:554px;
	line-height:2em;
	font-size:13px;
}
.news .entryhead{
	padding:10px 12px 5px 46px;
	width:520px;
	line-height:2em;
	font-size:13px;
	background:url(img/pencil.png) 12px 12px no-repeat;
}
.entryhead h3{font-size:108%; font-weight:bold; color:#e9536b; margin-bottom:8px;}
.entryhead span{font-size:77%; color:#666; line-height:1em;}
.entry {line-height:2em; margin-top:18px; margin-bottom:0px;}

 .entry p{
	line-height:2em !important;
	font-size:13px !important;
	padding-bottom:11px;
}
.entry td{
	line-height:2em !important;
	font-size:13px !important;
	padding-bottom:11px;
}




/* system,shop,coupon,recruit
----------------------------------- */
.system ul.pinkbg{
	width:554px;
	margin:8px 0 0 12px;
	font-size:13px;
	line-height:1em;
}
.shop ul.pinkbg{
	width:554px;
	margin:-4px 0 0 0px;
	font-size:13px;
	line-height:1em;
}

.system ul.pinkbg li,.shop ul.pinkbg li{
	background:#f7d6d5 !important;
	padding:2px;
	margin:4px 0;
	width:40.5em !important;
}
.system ul.pinkbg li.w200,.shop ul.pinkbg li.w200{
	width:200px !important;
	position:relative;
}
.system ul.pinkbg li.w280,.shop ul.pinkbg li.w280{
	width:280px !important;
	position:relative;
}
.system ul.pinkbg li.w300,.shop ul.pinkbg li.w300{
	width:300px !important;
	position:relative;
}
.system ul.pinkbg li.w330,.shop ul.pinkbg li.w330{
	width:330px !important;
	position:relative;
}
.system ul.pinkbg li.w350,.shop ul.pinkbg li.w350{
	width:350px !important;
	position:relative;
}
.system ul.pinkbg li.w360,.shop ul.pinkbg li.w360{
	width:360px !important;
	position:relative;
}
.system ul.pinkbg li.w440,.shop ul.pinkbg li.w440{
	width:440px !important;
	position:relative;
}
.system ul.pinkbg li.w500,.shop ul.pinkbg li.w500{
	width:500px !important;
	position:relative;
}
.system ul.pinkbg li.w600,.shop ul.pinkbg li.w600{
	width:600px !important;
	position:relative;
}

.system ul.pinkbg li span.price,.system ul.pinkbg li span.card,
.shop ul.pinkbg li span.price,.shop ul.pinkbg li span.card{
	position:absolute;
	top:2px;
	left:150px;
}

.shop ul.pinkbg li span.atai{
	position:absolute;
	top:2px;
	left:100px;
}

#right img.inner{
	margin:0 24px 20px;
}
#right #map{
	margin:0 12px 5px;
	font-size:13px !important;
	line-height:1em !important;
	border:1px solid #000;
}

ul.center{
	text-align:center;
}

ul.center li.btn img{cursor:pointer;}
ul.center table{
	margin:0 auto;
}

.recruit table{
	text-align:center;
	margin:12px;
}
.recruit table td{
	text-align:center;
	width:554px;
	padding:12px;
}
.recruit table td.contact2{
	padding:20px 0 20px;
}



/* content_footer
----------------------------------- */
#content_footer{
	width:602px;
	background:url(img/line.gif) left top repeat-x;
	clear:both;
	font-size:13px;
}
#content_footer ul{
	padding:0;
	margin:0;
	line-height:1em !important;
	position:relative;
}
#content_footer ul li{
	width:auto;
	display:inline;
	margin:0;
	padding:0 2px 0 5px !important;
	border-left:1px solid #000;
	font-size:70%;
	line-height:1em;
	background:none !important;
}
#content_footer ul li.first {
	display:inline;
	padding:0 2px 0 0;
	border-left:0;
}
#content_footer ul li a{
	color:#000;
	text-decoration:none;
	background:0;
	line-height:1em;
}
#content_footer ul li a:hover{
	background-color:#b8ddd4;
}
#content_footer ul li.active{font-weight:bold;}

#content_footer img.pagetop{
	clear:both;
	position:absolute;
	top:18px;
	right:12px;
}






/* --------------------------------------------------
	3. Footer
-------------------------------------------------- */
#footer{
	width:848px;
	height:9px;
	border-top:3px solid #000;
	border-bottom:1px solid #000;
	background:#69bab7;
	clear:both;
	position:relative;
}


/* copyright
----------------------------------- */
p#copyright{
	font-size:7px;
	position:absolute;
	bottom:30px;
	left:20px;
}

/* //////////////////////////////////////////////////
[Module] 
////////////////////////////////////////////////// */

/* --------------------------------------------------
	01. image
-------------------------------------------------- */

.entry{
	width:554px;
	margin:0 12px;
}
.entry img{
         border:10px  solid #a0e2e0;
	margin-right:20px;
	margin-bottom:11px;	
}
/* ----- Style for Ktai Entry ----- */
.entry  table{
	width:554px;
}

.entry  table th{
	vertical-align : top;
//	max-width:170px;

}
.entry  table td{
	vertical-align : top;
	min-width:364px;
}

/* --------------------------------------------------
	02. Twitter
-------------------------------------------------- */
#tweet {
	position: relative;
	width: 846px;
	height: 34px;
	border: #000 1px solid;
	background-color: #000;
}

#tweet .bg {
	position: absolute;
	left: 4px;
	top: 5px;
	width: 714px;
	height: 25px;
	background: transparent url( img/twitter_bg_twiline.gif ) no-repeat 0px 0px;
}

#twiline {
	position: absolute;
	left: 0px;
	top: 8px;
	width: 707px;
	color: #666;
}

#twiline a {
	color: #999;
}
#twiline a:hover {
	color: #ccc;
}

#icon {
	position: absolute;
	left: 723px;
	top: 5px;
	width: 25px;
	height: 25px;
}

#tweet .follow {
	position: absolute;
	left: 754px;
	top: 6px;
}

#tweet .follow a {
	display: block;
	width: 88px;
	height: 23px;
	overflow: hidden;
	background: transparent url( img/twitter_btn_follow.jpg ) no-repeat 0px 0px;
	text-indent: -9999px;
	text-align:left;
	outline: none;
}
#tweet .follow a:hover {
	background-position: -88px 0px;
}





/* --------------------------------------------------
	03. PageNavi
-------------------------------------------------- */
div.wp-pagenavi {
	margin:0 30px 30px;
	color: #333;
	font-size:11px;
	text-align: center;
}
.wp-pagenavi a, .wp-pagenavi a:link{
	padding: 0.5em 1em;
	margin: 0.25em;
	text-decoration: none;
	border:0;
//	color: #fcf9f1;
	color: #ef889c;
	background-color: #333;
}
.wp-pagenavi a:visited {
	padding: 0.5em 1em;
	border:0;
	color: #ef889c;
	background-color: #333;
}
.wp-pagenavi a:hover {
	padding: 0.5em 1em;
	text-decoration: none;
	border:0;
	color: #333;
	background-color: #ef889c;
}
.wp-pagenavi a:active {
	padding: 0.5em 1em;
	border:0;
	color: #ef889c;
	background-color: #333;
}
.wp-pagenavi span.pages, .wp-pagenavi span.current, .wp-pagenavi span.extend {
	padding: 0.5em 1em;
	margin: 0.25em;
	border:0;
}
.wp-pagenavi span.current {
	font-weight: bold;
	background-color: #ef889c;
	border:0;
}





/* --------------------------------------------------
	80. lightbox
-------------------------------------------------- */



/* --------------------------------------------------
	90. Other
-------------------------------------------------- */

/* for Voice Browser */
.hidden {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

/* Noscript Message */
#msgNoscript {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	padding: 5px 0;
	border-top: 1px solid #f00;
	border-bottom: 1px solid #f00;
	background: #fcc;
	color: #f00;
	font-size:12px;
	line-height: 1.2;
	text-align: center;
}


/* Margin Override */
.mt0 { margin-top: 0 !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt12 { margin-top: 12px !important; }
.mt20 { margin-top: 20px !important; }
.mt24 { margin-top: 24px !important; }
.mt30 { margin-top: 30px !important; }
.mt1e { margin-top: 1em !important; }

.mr0 { margin-right: 0 !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr12 { margin-right: 12px !important; }
.mr20 { margin-right: 20px !important; }
.mr24 { margin-right: 24px !important; }

.mb0 { margin-bottom: 0 !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb12 { margin-bottom: 12px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb24 { margin-bottom: 24px !important; }
.mb1e { margin-bottom: 1em !important; }

.ml0 { margin-left: 0 !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml12 { margin-left: 12px !important; }
.ml20 { margin-left: 20px !important; }
.ml24 { margin-left: 24px !important; }

/* --------------------------------------------------
	99. Clearfix
-------------------------------------------------- */
.group:after {
	content: '';
	display: block;
	clear: both;
}
* html .group { zoom: 1; } /* for IE6 */
*:first-child+html .group { zoom: 1; } /* for IE7 */

.clear {
	clear: both;
}