@charset "utf-8";

/*
    rec-partners.com/
----------------------------------------------------------- */
* {
	MARGIN:0; PADDING:0;
}
body {
 font-family: "メイリオ",Meiryo,verdana,"ヒラギノ角ゴシック Pro W3","Hiragino Kaku Gothic Pro",Osaka,"MS Pゴシック","MS PGothic",Sans-Serif; font-size:12px; color: #333333; line-height: 150%; background:url(../images/bg.jpg) repeat-y top center; text-align:center;
}

* html body {
 font-family: "メイリオ",Meiryo,verdana,"ヒラギノ角ゴシック Pro W3","Hiragino Kaku Gothic Pro",Osaka,"MS Pゴシック","MS PGothic",Sans-Serif; font-size:12px; color: #333333; line-height: 150%; background:url(../images/bg.jpg) repeat-y top center; text-align:center;
}

body div {
 text-align:left; margin:0 auto;
}

H1,H2,H3,H4,H5,H6 {
 FONT-SIZE:12px; FONT-WEIGHT:normal;
}
#header h1 {
	position:absolute; left:520px; color:#FFFFFF; top:3px;
}
#header h1 a {
	color: #FFFFFF;
}
#header h1 a:hover {
	color: #FF0000;
}
P,LI,DT,DL,#main_mid td {
 LINE-HEIGHT:150%;
 font-size: 12px;
}

LI {
	LIST-STYLE-TYPE:none;
}
IMG {
	BORDER:0;
}
.clear {
	CLEAR:both;
}
.red {
	color:#F03;
}
.orange {
	color:#F90;
}
.p10 {
	font-size:10px;
}
.u-l1 {
	text-decoration:underline;
}
.p14-b {
	font-size:14px; font-weight:bold;
}

.box {
 margin-bottom: 20px;
}

.z:after{
content: ".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
/* Hides from IE-mac \*/
* html .z{height: 1%;}
/* End hide from IE-mac */

/*
 Link Color [
----------------------------------------------------------- */
a:link { color: #06F; text-decoration:none;} 
a:visited { color: #06F; text-decoration:none; } 
a:hover { color: #f90; text-decoration:none; } 
a:active { color: #f90; text-decoration:none; } 


/*
 Page [
----------------------------------------------------------- */
#page {
	width:980px; margin:0 auto;
}

/*
 Header [
----------------------------------------------------------- */
#header {
 	WIDTH: 980px; height:95px; background: url("../images/bg_header2.jpg") repeat-x; position:relative;
}
#logo {
    position:absolute; top:30px; left:15px;
}
#header_navi {
	position:absolute; top:65px; left:400px; width:260px;
}
#header_navi UL {
	MARGIN: 0px; PADDING: 0 5px 5px 0px;
}
#header_navi LI {
	MARGIN-left:23px; DISPLAY: inline;
}
#header_navi LI a {
	text-decoration:underline; color:#06F;
}
#header_navi LI a:hover {
	color:#F90;
}
#header_bottom {
	margin: 0 auto; WIDTH: 980px;
}
#header_bottom UL {
	MARGIN: 0px; PADDING: 0px;
}
#header_bottom LI {
	MARGIN: 0px; PADDING: 0px; DISPLAY: inline;
}
#header_tel {
	position:absolute; top:40px; right:15px;
}
/*
 Flash [
----------------------------------------------------------- */
#flash {
 width:980px; height:225px; background: #000 url(../images/bg_flash.jpg) no-repeat; position:relative;
}
#flash h2 {
 width:250px;
 position:absolute;
 top:50px;
 left:695px;
 color:#FFF;
}
#flash p {
 font-size:12px;
 width:250px;
 position:absolute;
 top:70px;
 left:695px;
 color:#FFF;
 line-height:170%;
}
/*
 Main [
----------------------------------------------------------- */
#main {
 	WIDTH: 980px; background:url(../images/bg_main.gif) repeat-y; margin:5px 0
}

#top-banner {
	margin: 10px 0;
}

#main_mid {
 width:710px;
 vertical-align:top;
 padding-top:6px;
 font-size: 12px;
}
#main_right {
	width:222px; vertical-align:top; PADDING: 10px 14px 60px 14px; margin-right:10px;
}
#main_right a {
	text-decoration:underline;
}

#top-banner2 {
	margin: 10px 0 15px 5px;
}

.area_img {
	margin-left:6px; margin-top:6px; margin-bottom:5px;
}
#area {
 margin-top:25px;
}

#area dl {
	margin-bottom:10px; line-height:200%; padding:10px 0 10px 10px; width:210px; margin-left:5px; height:100px;
}
#area dl a {
	color:#FFF; text-decoration:underline;
}
#area dl a:hover {
	color:#F90;
}
#area dt {
	font-size:14px; clear:both; line-height:200%; margin-left:5px;
}
#area dd ul{
	font-size:12px; width:220px;
}
#area dd ul li{
	float:left; width:85px; padding-left:25px; line-height:200%;
}
#area dl.shin-osaka {
	background:url(../images/bg_shin-osaka.jpg) no-repeat;
}
#area dl.umeda {
	background:url(../images/bg_umeda.jpg) no-repeat;
}
#area dl.honmachi {
	background:url(../images/bg_honmachi.jpg) no-repeat;
}
#area dl.shinsaibashi {
	background:url(../images/bg_shinsaibashi.jpg) no-repeat;
}
#link {
	WIDTH:230px ; margin-left:5px; margin-bottom:25px;
}
#link p {
	margin:7px 14px; font-size:12px;
}
.link_bar {
	margin-top:2px;
}
#gsl-co2 {
 float: left;
 margin-top: 10px;
}

#globalsign {
 width:115px;
 margin-left:5px;
 margin-top:20px;
 float: right
}
.sidebox {
	WIDTH:142px ;
}
.sidebox_top {
	float:left; width:180px;
}
.sidebox_mid {
	float:left; BACKGROUND-IMAGE:url(../images/bg_box_mid.jpg);width:162px;
}
.sidebox_mid p{
	padding:4px 0px 5px 10px; line-height:1.2em;
}
.sidebox_bottom {
	float:left; margin-bottom:3px;
}
dl#pickup {
	width:700px; margin-bottom:15px; height:250px; font-size:12px;
}
dl#pickup dd ul li {
	float:left;
	width:165px;
	padding:0 5px;
}
dl#pickup h2 {
	text-align:center;
	font-size:14px;	
}
dl#pickup h2 a {
	color:#36F;
	text-decoration:underline;
}
dl#pickup h2 a:hover {
	color:#FF0000;
}
dl#news {
	width:670px; height:192px; overflow:auto; font-size:12px;
}
dl#news dd {
	border-bottom:1px dotted #666; width:620px;
}

#banner {
	margin: 30px 0;
}

#banner dl dt {
	margin: 15px 0;
	text-align: center;
}

#banner dl dd {
	margin-bottom: 30px;
}


#banner dl li {
	text-align: center;
}

/*
 Footer [
----------------------------------------------------------- */
#footer {
 	 WIDTH: 980px; background:url(../images/bg_box_footer.jpg) repeat-x;
}
#footer #copy_right {
 	padding-right:8px; text-align:right; padding-top:4px; color:#FFF;
}
#copy_right a {
	color:#FFF;
}
address {
	color:#333; font-size:12px; clear:both; margin-left:12px; font-style: normal; line-height: 140%; margin-top:5px;
}
address a {
	color:#333!important;
}
dl#f_link {
	width:620px;
	margin:15px 180px 0;
 text-align:center;
}
dl#f_link dt{
	height:0;
	width:0;
	overflow:hidden;
}
dl#f_link li {
	display:inline;
	font-size:12px;
	margin-left:3px;	
}

dl#f_link li a {
	text-decoration:underline;
}

dl#f_link li a:hover {
	text-decoration:none;
}

#footer p.seo {
 font-size:10px;
 margin:3px 15px;
 color:#666;
}
#footer h2 {
 text-align:center;
 margin-top:10px;
}

#commerce {
 margin: 5px auto 0;
 color: #999;
}

#commerce dl{
 width: 300px;
 margin: 0 auto;
}

#commerce dt {
 float: left;
 margin-right: 20px;
}

#commerce li {
 float: left;
 margin-right: 15px;
}

#commerce li a {
 color: #999;
}

#commerce li a:hover {
 color: #666;
 text-decoration: underline;
}


/**
 * Default theme
 *
 */
/* Slight reset to make the preview have ample padding. */
.cse .gsc-control-cse,
.gsc-control-cse {
  padding: 2%;
  width: 96%;
}
.cse .gsc-branding,
.gsc-branding {
  display: none;
}
.cse .gsc-control-cse div,
.gsc-control-cse div {
  position: normal;
}
/* Selector for entire element. */
.cse .gsc-control-cse,
.gsc-control-cse {
  background-color: #ffffff;
  border: 1px solid;
  border-color: #ffffff;
}
.cse .gsc-control-cse:after,
.gsc-control-cse:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.cse .gsc-resultsHeader,
.gsc-resultsHeader {
  border:none;
}
/* Search button */
.cse input.gsc-search-button,
input.gsc-search-button {
  font-family: inherit;
  color: #000000;
  text-shadow: 0 1px 2px #FFFFFF;
  background-color: #CECECE;
  border: 1px outset;
  border-color: #666666;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
/* Inactive tab */
.cse .gsc-tabHeader.gsc-tabhInactive,
.gsc-tabHeader.gsc-tabhInactive {
  border-bottom: none;
  color: #666666;
  background-color: #e9e9e9;
  border: 1px solid;
  border-color: #e9e9e9;
  border-bottom: none;
}
/* Active tab */
.cse .gsc-tabHeader.gsc-tabhActive,
.gsc-tabHeader.gsc-tabhActive {
  background-color: #FFFFFF;
  border: 1px solid;
  border-top: 2px solid;
  border-color: #e9e9e9;
  border-top-color: #FF9900;
  border-bottom: none;
}
/* This is the tab bar bottom border. */
.cse .gsc-tabsArea,
.gsc-tabsArea {
  margin-top: 1em;
  border-bottom: 1px solid #e9e9e9;
}
/* Inner wrapper for a result */
.cse .gsc-webResult.gsc-result,
.gsc-webResult.gsc-result {
  padding: .25em;
  border: 1px solid;
  border-color: #ffffff;
  margin-bottom: 1em;
}
/* Result hover event styling */
.cse .gsc-webResult.gsc-result:hover,
.gsc-webResult.gsc-result:hover {
  border: 1px solid;
  border-color: #FFFFFF;
}
/*Promotion Settings*/
/* The entire promo */
.cse .gs-promotion.gs-result,
.gs-promotion.gs-result {
  background-color: #FFFFFF;
  border: 1px solid;
  border-color: #336699;
}
/* Promotion image */
.cse .gs-promotion.gs-result .gs-promotion-image,
.gs-promotion.gs-result .gs-promotion-image {}
/* Promotion title */
.cse .gs-promotion.gs-result a.gs-title:link,
.gs-promotion.gs-result a.gs-title:link {
  color: #0000CC;
}
.cse .gs-promotion.gs-result a.gs-title:visited,
.gs-promotion.gs-result a.gs-title:visited {
  color: #0000CC;
}
.cse .gs-promotion.gs-result a.gs-title:hover,
.gs-promotion.gs-result a.gs-title:hover {
  color: #0000CC;
}
.cse .gs-promotion.gs-result a.gs-title:active,
.gs-promotion.gs-result a.gs-title:active {
  color: #0000CC;
}
/* Promotion snippet */
.cse .gs-promotion.gs-result .gs-snippet,
.gs-promotion.gs-result .gs-snippet {
  color: #000000;
}
/* Promotion url */
.cse .gs-promotion.gs-result ..gs-visibleUrl,
.gs-promotion.gs-result .gs-visibleUrl {
  color: #008000;
}
/* Style for auto-completion table
 * .gsc-completion-selected : styling for a suggested query which the user has moused-over
 * .gsc-completion-container : styling for the table which contains the completions
 */
.gsc-completion-selected {
  background: #D5E2FF;
}
.gsc-completion-container {
  font-family: Arial, sans-serif;
  font-size: 13px;
  position: absolute;
  background: white;
  border: 1px solid #666666;
  margin-left: 0;
  margin-right: 0;
  /* The top, left, and width are set in JavaScript. */
}