@charset "utf-8";
@import "/resource/css/loginbox.css";
/* #############################################################
[ 構造設計 ]
適用範囲：onself/index
※追記・改変の際はウェブマスタに問い合わせること
############################################################# */
/* ==========================================================================
モジュール
=========================================================================== */
#str_container #str_menuAndContents {
}
/* マージン制御
--------------------------------------------- */
#str_container #str_menuAndContents #str_contents p,
#str_container #str_menuAndContents #str_leftmenu p{
margin:0px;
}
/* ==========================================================================
ファーストエリア（メインビジュアル・導入部分）
=========================================================================== */
#str_container #str_menuAndContents #str_contents .areaFirst {
margin-bottom:10px;
}
/* --------------------------------------------------------------
ビジュアル（左カラム）
-------------------------------------------------------------- */
#str_container #str_menuAndContents #str_contents .areaFirst .sectionVisual{
width:580px;
float:left;
}
#str_container #str_menuAndContents #str_contents .areaFirst .sectionVisual #mainVisual{
margin-bottom:10px;
}
/* --------------------------------------------------------------
お客さまへのお知らせ（右カラム）
-------------------------------------------------------------- */
#str_container #str_menuAndContents #str_contents .areaFirst .sectionBlue.commonArea{
width:180px;
float:right;
}
#str_container #str_menuAndContents #str_contents .areaFirst .sectionBlue.commonArea .inner p{
margin:7px -5px 0;
}
/*** loginbox ***/
#loginbox{
width:180px;
float:right;
}
/* ==========================================================================
一人から予約OK！プラン案内（sectionOneselfPlan）
=========================================================================== */
#str_container #str_menuAndContents #str_contents .sectionOneselfPlan {
}
#str_container #str_menuAndContents #str_contents .sectionOneselfPlan ul{
}
#str_container #str_menuAndContents #str_contents .sectionOneselfPlan ul li{
float:left;
font-size:0;
}
/* ==========================================================================
今週のピックアップ（areaPickup）
=========================================================================== */
#str_container #str_menuAndContents #str_contents .areaPickup {
width:770px;
padding-top:11px;
margin:0 0 10px 0;
background:url(/opencompe/images/index/bg_pickup.gif) no-repeat;
}
#str_container #str_menuAndContents #str_contents .areaPickup .inner {
padding-bottom:13px;
background:url(/opencompe/images/index/bg_pickup.gif) no-repeat bottom left;
}
/*
--------------------------------------------- */
#str_container #str_menuAndContents #str_contents .areaPickup h3{
}
/* --------------------------------------------------------------
一般予約プラン（.sectionGeneral）
-------------------------------------------------------------- */
#str_container #str_menuAndContents #str_contents .areaPickup .sectionGeneral{
float:left;
width:358px;/* Full 380px */
padding:0 11px;
}
/* --------------------------------------------------------------
オープンコンペ予約プラン（.sectionOpencompe）
-------------------------------------------------------------- */
#str_container #str_menuAndContents #str_contents .areaPickup .sectionOpencompe{
float:right;
width:358px;/* Full 380px */
padding:0 11px;
}
/* --------------------------------------------------------------
ピックアップ情報ブロック（.sectionOpencompe）
-------------------------------------------------------------- */
#str_container #str_menuAndContents #str_contents .areaPickup .blockPickup{
clear:both;
margin-top:10px;
padding-top:10px;
border-top:1px solid #cccccc;
}
#str_container #str_menuAndContents #str_contents .areaPickup .blockPickup.first{
margin-top:0px;
padding-top:0px;
border-top:none;
}
/* 写真ボックス
--------------------------------------------- */
#str_container #str_menuAndContents #str_contents .areaPickup .blockPickup .boxPhoto{
float:left;
width:136px;
}
/* 写真 */
/* 説明テキスト */
#str_container #str_menuAndContents #str_contents .areaPickup .blockPickup .boxPhoto .explain{
margin-top:10px;
background:#ffffff;
color:#333333;
padding:5px;
}
/* 情報ボックス
--------------------------------------------- */
#str_container #str_menuAndContents #str_contents .areaPickup .blockPickup .boxInfo{
float:right;
width:212px;
}
/* 料金 */
#str_container #str_menuAndContents #str_contents .areaPickup .blockPickup .boxInfo .txtPrice{
color:#eb4055;
font-weight:bold;
padding:0 0.5em;
}
/* ==========================================================================
条件で選ぶ（areaPickup）
=========================================================================== */
#str_container #str_menuAndContents #str_contents .sectionSelectCondition {
margin-bottom:10px;
}
/* --------------------------------------------------------------
ブロック：条件で選ぶ（idやclass名をここに書くとわかりやすい）
-------------------------------------------------------------- */
#str_container #str_menuAndContents #str_contents .sectionSelectCondition .blockCmn{
position:relative;
height:58px;
margin:2px 0 0;
}
/* */
#str_container #str_menuAndContents #str_contents .sectionSelectCondition .blockCmn div {
position:absolute;
top:18px;
left:30px;
font-size:113%;
font-weight:bold;
}
/* 西日本：ボタン */
#str_container #str_menuAndContents #str_contents .sectionSelectCondition .blockCmn .west{
position:absolute;
top:8px;
left:202px;
}
/* 東日本：ボタン */
#str_container #str_menuAndContents #str_contents .sectionSelectCondition .blockCmn .east{
position:absolute;
top:8px;
left:469px;
}
/* エリアで選ぶ (blockArea)
--------------------------------------------- */
#str_container #str_menuAndContents #str_contents .sectionSelectCondition .blockCmn.blockArea{
margin-top:0;
background:url(/opencompe/images/index/bg_condition_area.gif) no-repeat left top;
}
/* プレー日で選ぶ (blockPlaydate)
--------------------------------------------- */
#str_container #str_menuAndContents #str_contents .sectionSelectCondition .blockPlaydate{
background:url(/opencompe/images/index/bg_condition_playdate.gif) no-repeat left top;
}
/* 金額で選ぶ (blockPrice)
--------------------------------------------- */
#str_container #str_menuAndContents #str_contents .sectionSelectCondition .blockCmn.blockPrice{
background:url(/opencompe/images/index/bg_condition_price.gif) no-repeat left top;
}
/* ==========================================================================
GDO主催オープンコンペ（areaPickup）
=========================================================================== */
#str_container #str_menuAndContents #str_contents .sectionGdoOpenCompe{
}
#str_container #str_menuAndContents #str_contents .sectionGdoOpenCompe .inner{
padding-left:0;
}
#str_container #str_menuAndContents #str_contents .sectionGdoOpenCompe ul{
width:770px;
margin-bottom:5px;
}
#str_container #str_menuAndContents #str_contents .sectionGdoOpenCompe ul li{
margin-bottom:10px;
padding: 0 0 10px 10px;
width:770px;
border-bottom:1px dotted #ccc;
font-size:0;
font-size:12px;
overflow:hidden;
}
#str_container #str_menuAndContents #str_contents .sectionGdoOpenCompe ul li.end{
margin-bottom:0;
padding: 0 0 0 10px;
border-bottom:0;
}
#str_container #str_menuAndContents #str_contents .sectionGdoOpenCompe ul li a.title{
font-weight:bold;
font-size:14px;
}
#str_container #str_menuAndContents #str_contents .sectionGdoOpenCompe ul li img{
margin-right:10px;
float:left;
}
#str_container #str_menuAndContents #str_contents .sectionGdoOpenCompe ul li p{
margin-top:3px;
}
#str_container #str_menuAndContents #str_contents .sectionGdoOpenCompe ul li span{
margin-left:5px;
padding:2px 5px 1px;
background:#666;
color:#FFF;
font-size:10px;
border-radius: 5px; /* CSS3草案 */
-webkit-border-radius: 5px; /* Safari,Google Chrome用 */
-moz-border-radius: 5px; /* Firefox用 */
}
/* ==========================================================================
1人予約お役立ちコンテンツ（areaPickup）
=========================================================================== */
#str_container #str_menuAndContents #str_contents .areaOneself{
background:url(/resource/images/section/bg_section_gray_380_2clumn.gif) no-repeat left bottom;
}
/* h2 （Gray）
--------------------------------------------- */
/* h2 （Gray） */
#str_container #str_menuAndContents #str_contents .areaOneself .headingGray {
width: 380px;
background:url(/resource/images/headings/bg_heading_gray_380.gif) no-repeat top left;
}
#str_container #str_menuAndContents #str_contents .areaOneself .headingGray div {
background:url(/resource/images/headings/bg_heading_gray_380.gif) no-repeat;
}
/* --------------------------------------------------------------
一人予約体験談（sectionNarrative）
-------------------------------------------------------------- */
#str_container #str_menuAndContents #str_contents .areaOneself .sectionNarrative{
width:358px;/* Full 380px */
float:left;
}
/*
--------------------------------------------- */
#str_container #str_menuAndContents #str_contents .areaOneself .sectionNarrative h3{
margin:0 11px 0;
padding:0;
border:none;
}
/* .inner（背景画像設定） */
#str_container #str_menuAndContents #str_contents .areaOneself .sectionNarrative .inner{
font-size:0;
width:336px;
height:148px;
margin:0 11px 0;
}
/* --------------------------------------------------------------
これでアナタもオープンコンペマスター！（sectionCompeMaster）
-------------------------------------------------------------- */
#str_container #str_menuAndContents #str_contents .sectionCompeMaster{
width:380px;
float:right;
}
#str_container #str_menuAndContents #str_contents .sectionCompeMaster .inner{
padding:0 10px 13px;
}
#str_container #str_menuAndContents #str_contents .sectionCompeMaster ul{
margin:0px;
padding:0px;
}
#str_container #str_menuAndContents #str_contents .sectionCompeMaster ul li{
float:left;
padding-left:8px;
font-size:0;
}
/* マージン制御 */
#str_container #str_menuAndContents #str_contents .sectionCompeMaster ul li.whats,
#str_container #str_menuAndContents #str_contents .sectionCompeMaster ul li.glossary{
padding-bottom:10px;
}
/* パディング制御 */
#str_container #str_menuAndContents #str_contents .sectionCompeMaster ul li.whats,
#str_container #str_menuAndContents #str_contents .sectionCompeMaster ul li.rulemanner{
float:left;
padding-left:0px;
}