@charset "EUC-JP";

/* 基本構造 */
@import url(default.css);

/* 上メニュー部 */
@import url(top_menu.css);

/* 左メニュー部 */
@import url(left_menu.css);

/* メインページ */
@import url(mainpage.css);

/* view.php (新着順商品情報, SHOP) */
@import url(view.css);

/* 商品検索 */
@import url(gsearch.css);

/* カート */
@import url(cart.css);

/* キャンペーン */
@import url(main_event.css);

/* フリーギャラリー */
@import url(freegal.css);

/* utools.php(MYガールズ・出品者評価) */
@import url(utools.css);


/**
 * 年末年始など、配色変更時にインポート
 */

/* @import url(endofyear.css); */


/**
 * カラースキーマ
 *
濃い赤			#990000（強調文字・タイトル文字）
罫の赤			#ffa6a8
タブの背景ピンク	#fff0f0
リンクの赤		#c26969
上フレームピンク	#ffd7d7
タイトル画像文字	#A24A4A
 */

/**
 * 目次 *
 *
 * 1. ブロック
 * 2. 全般的スタイル
 * 3. 汎用スタイル
 * 4. 上部メニュードキュメント
 *      出品者募集
 *      出品者登録
 * 5. 左メニュードキュメント
 *      MYガールズ
 *      おんなのこ一覧
 *      商品で探す
 *      配達方法
 *      リンクページ
 * 6. 中央コンテンツドキュメント
 *      各種説明
 *      商品詳細
 */


/****************************
*         ブロック          *
****************************/

/* 全体 */
/* 現在必要性無しだがサイト全体の互換性保持のためとりあえず */
#mainbox {
	width: 93%;
	margin: 0;
}

/* 右メインコンテンツ */
#rightbox {
	margin-top: 0;
	padding: 5px 10px 20px 10px;
	margin-left: 230px;
	background-color: #ffffff;
	border-left: 2px dotted #ffd7d7;
	border-right: 2px dotted #ffd7d7;
	width: 72%; /* for I.E */
	min-width: 660px;
}



/****************************
*      全般的スタイル       *
****************************/

/* カテゴリタイトル：通常 */
.cat_title {
	margin: 27px auto 8px auto;
	padding: 0;
}

/* カテゴリタイトル：戻るがある場合 */
p#cat_title2 {
	margin: 5px auto 8px auto;
	padding: 0;
}

/* ドキュメント各タイトル */
div.addtitle,
p.addtitle {
	width: 250px;
	font-size: 150%;
	padding: 0.2em 0.2em 0.2em 0.8em;
	margin-bottom:5px;
	color: #a24a4a;
	border: 1px solid #ffa6a8;
	background: #ffffff;
}

/* ドキュメント各タイトル(小さめ) */
div.sub_title,
p.sub_title {
	width: 250px;
	font-size: 125%;
	padding: 0.1em 0.1em 0.1em 0.8em;
	margin-bottom:5px;
	color: #a24a4a;
	border: 1px solid #ffa6a8;
	background: #ffffff;
}

/* ヘッダ部分の戻るリンク */
p#headback {
	margin-top: 0;
	margin-bottom: 6px;
	padding-left: 0;
}

/* ボトム部分の戻るリンク */
p#bottomback {
	clear: both;
	margin-top: 2em;
	padding-left: 0;
}

p#headback a, p#bottomback a {
	background: transparent;
	border-bottom: 0;
}

/* 上部インデックス */
.page_index.top{
	float: right;
	margin-top: 10px;
	margin-bottom: -8px;
}

/* 下部インデックス */
.page_index{
	clear: both;
	float: right;
	margin-top: 0px;
	font-size: 90%;
}

.page_index img { vertical-align: middle; }

/* ページネーション */
.page_index a, .page_index span {
	text-decoration: none;
	padding: 0 4px;
	margin-left: 2px;
	float: left;
	display: block;
	border: 1px solid #aa5555;
}

.page_index span.page {
	color: #ffffff;
	background-color: #aa5555;
}

/* フッタ部 */
#copyright, #serverlive {
	clear: both;
	padding-top: 30px;
	text-align: center;
	font-size: 80%;
}

#copyright {
	padding-top: 0;
}

/* 一時的告知など */
.newmes, .newmes2 {
	background-color: #ffffff;
	text-align: left;
	line-height: 140%;
	border: 1px solid #C21212;
	padding: 1em;
	margin-bottom: 20px;
}



/****************************
*       汎用スタイル        *
****************************/

/* 画像左寄せ(250px) */
div.img25_left {
	/*clear: both;*/
	float: left;
	width: 250px;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #f0f0f0;
	padding: 3px;
	text-align: center;
}

div.img25_left a {
	border-bottom: 0;
}

/* float解除 */
.clear {
	clear: both;
}

/* ブロック囲み */
div.generalbox {
	padding: 5px;
}

/* 段落囲みなど（ピンク） */
.pinkbox {
	background: #FFFFFF;
	border: 1px solid #ffa6a8;
	padding: 5px;
	line-height: 1.4;
}
table.pinkbox{
	line-height: normal;
	/*border-collapse: separate;*/
}

/* ドキュメントのNEWマーク */
.new {
	font-size: 85%;
	font-weight: bold;
	color: #ffffff;
	background-color: #DA5552;
	padding-left: 0.3em;
	padding-right: 0.3em;
	margin-right: 0.5em;
}

/* センター揃え */
.center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

/* 右揃え */
.right {
	text-align: right;
}

/* hover時の背景無し */
a.noline  {
	border-bottom: 0;
}
a.noline:hover {
	background: transparent;
	border-bottom: 0;
}

/* 回転無し */
a.no_rotate:hover img {
	-moz-transform: none;
	-webkit-transform: rotate(0);
}

/* 主にTH,TDで使用（名前はoutsetだが中身はsolidに変更） */
.outset_y {
	background-color: #fff0f0;
	border: 1px solid #d0d0d0;
}

/* 主にTH,TDで使用（名前はoutsetだが中身はsolidに変更） */
.outset_g{
	background-color: #fff0f0;
	border: 1px solid #d0d0d0;
}

/* 濃い目のピンクTH */
.th_pink{
	background-color: #FFD7D7;
	border: 1px solid #ffa6a8;
}

/* 薄目のピンクTH */
.td_pink{
	background-color: #fff0f0;
	border: 1px solid #ffa6a8;
}

/* 注意事項(黄色囲み) */
.caution {
	background: #FFFFFF;
	border: 2px solid #FFCC00;
	padding: 5px;
	line-height: 1.4;
}

/* フォームエラー時の文字 */
.error {
	color: #cc0000;
}



/****************************
*  上部メニュードキュメント *
****************************/

/**************
 * 出品者募集
 */

/* 左右2分割コラム：左 */
div.leftcolumn {
	width: 48%;
	clear: left;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	font-size: 95%;
}

/* 左右2分割コラム：右 */
div.rightcolumn {
	width: 48%;
	float: left;
	font-size: 95%;
	margin-bottom: 20px;
}

/* 各タイトル部 */
div.leftcolumn div,
div.rightcolumn div {
	border: 1px solid #ffa6a8;
	padding: 1px;
}

/* 出品者募集：フッタ */
div#offer_footer {
	margin-top: 20px;
	background: #ffffff;
	border: 1px solid #bc4e45;
	padding: 3px;
	padding-left: 1em;
	overflow: auto;
	height: 1%;
}

div#offer_footer p {
	float: left;
	font-size: 135%;
	margin: 0;
	margin-top: 10px;
}

div#offer_footer a {
	display: block;
	float: right;
}

/* 出品までの流れ */
ol#joinflow li {
	list-style-type: none;
	list-style-image: url(participant/img/pearl.png);
	margin-left: 0;
	margin-bottom: 10px;
	padding-left: 3px;
}

ol#joinflow li p {
	margin-left: 0;
	margin-top: 5px;
	padding-left: 0;
	line-height: 1.5;
}

#joinflow li.arrows {
	list-style-image: none;
}

div.caution div#detail {
	display: block;
}

div.caution.close div#detail {
	display: none;
}


/**************
 * 出品者登録
 */

/* 出品者登録完了注釈部 */
#caution2 {
	background-color: #fff862;
	border-width: 2px;
	border-style: solid;
	border-color: #c21212;
	padding: 5px;
	margin-left: 5%;
	margin-right: 5%;
	font-size: 16px;
	line-height: 135%;
}

/* 出品者登録完了ログイン部 */
#login {
	background-color: #ffffff;
	margin-top: 5px;
	border-width: 2px;
	border-style: solid;
	border-color: #DD8484;
	padding: 5px;
	width: 600px;
}

/* 出品者登録完了オークション部 */
#auction {
	background-color: #ffffff;
	margin-top: 5px;
	border-width: 2px;
	border-style: solid;
	border-color: #EABB00;
	padding: 5px;
	width: 600px;
}

/* 出品者登録完了FTP部 */
#ftp {
	background-color: #ffffff;
	margin-top: 5px;
	border-width: 2px;
	border-style: solid;
	border-color: #409A3A;
	padding: 5px;
	width: 600px;
}
#f_login1,#f_auc1,#f_ftp1 {
	width: 535px;
	font-size: 115%;
	font-family: serif;
}



/****************************
*   左メニュードキュメント  *
****************************/

/******************
 * おんなのこ一覧
 */

/* おんなのこ一覧：タイトル */
/* 基本設定はmainpage.cssにて */
h3.titles.girl_search {
	margin-top: 26px;
	background-image: url(img_n/t_g-search.png);
}

/* 出品者一覧サムネ表示部
 * 基本設定はmainpage.cssにて
 * div.thumbsbox3
 * em.gname
 */

/* 情報が新しいおんなのこのアイコン */
img.iconew {
	vertical-align: middle;
}

/* サムネなしのユーザー：タイトル */
h4#imgless_h4 {
	clear: left;
	font-size: 120%;
	margin: 10px;
	border:1px solid #FFA6A8;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
}

/* サムネなしのユーザー：一覧ブロック */
p#imglessuser {
	margin: 10px;
	margin-top: 0;
	line-height: 1.5;
}

p#imglessuser a {
	font-weight: bold;
}

p#imglessuser small {
	font-size: 70%;
}


/******************
 * 商品で探す	
 */

/* 商品で探す：タイトル */
/* 基本設定はmainpage.cssにて */
h3.titles.goods_search {
	margin-top: 26px;
	background-image: url(img_n/t_goodssearch.png);
}


/************
 * 配達方法
 */

/* ゆうパック料金表 */
table.youpack_t {
	border-collapse: collapse;
	width: 95%;
}

table.youpack_t td {
	border-color: #909090;
	font-weight: normal;
}

.price1,.price2,.price3,.price4,.price5,.price6,.price7 {
	text-align: right;
	padding-right: 0.5em;
	vertical-align: middle;
}

.price1 { background-color: #ffe8e8; }
.price2 { background-color: #fff7d2; }
.price3 { background-color: #e2f5e3; }
.price4 { background-color: #d9ecff; }
.price5 { background-color: #fff1e1; }
.price6 { background-color: #efeafb; }
.price7 { background-color: #f7f7dd; }

table.youpack_t caption {
	padding: 5px;
}


/************
 * FAQ
 */

.ans:hover{background:none;}

.ans {
	font-weight: bold;
	color: #ae4f33;
	border: 1px solid #E4685F;
	display: block;
	margin-top: 0.5em;
	padding: 3px;
}


/******************
 * フリーギャラリーでの入口部分
 */

#entrance {
	width:575px;
	background:#ffffff;
	border: 1px solid #ffa6a8;
	margin:20px auto 0;
	padding:5px;
	text-align: center;
}
#entrance a {
	border-bottom: 0;
	background: transparent;
}

#shop {
	width: 280px;
	float: left;
}
#auc {
	width: 280px;
	float: left;
}


/******************
 * リンクページ
 */

/* バナー案内ブロック */
.linkregist {
	border: 1px dotted #ffa6a8;
	background-color: #ffffff;
	padding: 5px;
	width: 550px;
	text-align: left;
	line-height: 140%;
}

.linkregist img {
	margin: 2px;
}



/****************************
* 中央コンテンツドキュメント*
****************************/

/******************
 * 各種説明
 */

/* お買い物をしたいみなさんへ
   参加したい女性のみなさんへ */

/* もっと詳しく */
div#about .more {
	float: right;
	margin-top: -90px;
	background: transparent;
	width: 100px;
	margin-bottom: -80px;
}
div#about .more a {
	background: transparent;
}

/* ケイ囲みのヘディング */
div#about h2, div#about h3 {
	border-top: 1px solid #ffa6a8;
	border-bottom: 1px solid #ffa6a8;
	border-left: 20px solid #ffa6a8;
	padding: 5px;
	padding-left: 1em;
}

div#about ul li {
	margin-bottom: 0.75em;
}

/* ゆうパック料金計算 */
#postfeebox {
	width: 380px;
	margin: auto;
}

#postfeebox h1 {
	margin-top: 1em;
}


/****************************
*    商品詳細(gview.php)    *
****************************/
#head {
	background: #ffd7d7;
	text-align: left;
	height: 60px;
}
#head img {
	float: left;
}

table#item {
	margin-top: 10px;
}
table#item td {
	padding-left: 5px;
	padding-right: 5px;
}

p#description {
	text-align: left;
	width: 500px;
	background: #FFFFFF;
	border: 1px solid #ffa6a8;
	padding: 5px;
	line-height: 140%;
	margin: 20px auto;
}


/* 緊急サポートフォームエラー時の入力欄 */
/* 上記ページ現在未使用 */
.errorform {
	border: 1px solid #cc0000;
}





/* -------------- TODO：ここ以下検証 ------------------ */

/****************************
*       オークション        *
****************************/

/* オークション落札者タイトル部 */
#title{
	margin: 0px;
	width: 100%;
	height: 100px;
}

/* ロゴ */
#logo{
	margin: 0px;
	float: left;
}

/* ロゴ横キャッチ */
#catch{
	float: left;
	margin-top: 14px;
	margin-left: 6px;
	color: #ffffff;
	font-weight: bolder;
}

/* タイトル横アイコンメニュー */
#iconmenu {
	margin: 5px 6px;
	float: right;
	color: #ffffff;
	font-weight: bolder;
}

#iconmenu img{
	vertical-align: middle;
}
