@charset "utf-8";

/************************************************************
*															*
*					アールショップ	Rshop				　　*
*															*
*					共通スタイルシート						*
*															*
*	<INDEX>													*
*	@010	全般、共通										*
*	@020	ボタンフレーム									*
*	@030	画像関連										*
*	@040	領域											*
*	@050	ページ上部の領域								*
*	@060	ログインフォーム								*
*	@070	汎用ボタン										*
*	@080	フッターボタン									*
*	@090	アコーディオンメニュー by JQuery				*
*	@100	ショッピングカート								*
*	@110	レジ											*
*	@120	各ページの領域、リスト							*
*	@130	送信フォーム									*
*	@140	ご登録ページ									*
*	@150	利用ガイド										*
*	@160	質問ページ										*
*	@170	お客様ページ									*
*	@180	価格帯で選ぶ									*
*	@999	メディアクエリー（DeskTop First）				*
*															*
************************************************************/

/************************************************************
*	@010	全般、共通										*
************************************************************/

/* 特定要素のアウトラインを非表示に */
object, embed {
	outline: none;
}

/* 絶対座標 */
.poa {
	position: absolute;
}

/* 相対座標 */
.por {
	position: relative;
}

/* 特に大きい文字 */
.mostLarge {
	font-size: 22px;
}

/* 特に大きい文字 */
.extraLarge {
	font-size: 20px;
}

/* さらに大きい文字 */
.moreLarge {
	font-size: 18px;
}

/* 大きい文字 */
.large {
	font-size: 16px;
}

/* 14ピクセルの文字 */
.fs14 {
	font-size: 14px;
}

/* 13ピクセルの文字 */
.fs13 {
	font-size: 13px;
}

/* 12ピクセルの文字 */
.fs12 {
	font-size: 12px;
}

/* 小さい文字 */
.small {
	font-size: 10px;
}

/* テーマカラー */
.color1 {
	color: #0078C8;
}

/* 赤字 */
.red {
	color: red;
}

/* 青字 */
.blue {
	color: blue;
}

/* 緑字 */
.green {
	color: green;
}

/* ピンク字 */
.pink {
	color: pink;
}

/* 菫字 */
.violet {
	color: violet;
}

/* 紫字 */
.purple {
	color: #96C;
}

/* 黄字 */
.yellow {
	color: yellow;
}

/* オレン字 */
.orange {
	color: orange;
}

/* 金字 */
.gold {
	color: gold;
}

/* トマト字 */
.tomato {
	color: tomato;
}

/* 茶字 */
.brown {
	color: brown;
}

/* ライムグレーン字 */
.limegreen {
	color: limegreen;
}

/* ドジャーブルー字 */
.dodgerblue {
	color: dodgerblue;
}

/* スカイブルー字 */
.skyblue {
	color: skyblue;
}

/* 灰字 */
.gray {
	color: gray;
}

/* 黒字 */
.black {
	color: black;
}

/* 太字 */
.bold {
	font-weight: bold;
}

/* アンダーライン */
.underline {
	text-decoration: underline;
}

/* アンダーラインなし */
.tdn {
	text-decoration: none;
}

/* センタリング */
.center {
	text-align: center;
}

/* 左寄せ */
.fL {
	float: left;
}

/* 右寄せ */
.fR {
	float: right;
}

/* 文字右寄せ */
.right {
	text-align: right;
}

/* 横幅いっぱい */
.w100p {
	width: 100%;
}

/* 文字高100%に */
.lh100p {
	line-height: 100%;
}

/* 文字高120%に */
.lh120p {
	line-height: 120%;
}

/* 先頭１文字上げる */
.up {
	padding-left: 1em;
	text-indent: -1em;
}

/* 普通の文字太さに */
.normal {
	font-weight: normal;
}

/* 回りこみ解除 */
.clear {
	clear: both;
}

/* 非表示に */
.dspn {
	display: none;
}

/* 枠線を消去 */
.bnone {
	border: none;
}

/* マージントップ */
.mt5 {
	margin-top: 5px;
}

.mt10 {
	margin-top: 10px;
}

.mt20 {
	margin-top: 20px;
}

.mt30 {
	margin-top: 30px;
}

/* マージンボトム */
.mb5 {
	margin-bottom: 5px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb30 {
	margin-bottom: 30px;
}

/* マージンオート */
.mA {
	margin: auto;
}


/************************************************************
*	@020	ボタンフレーム									*
************************************************************/

/* フレーム */
.frm {
	padding: 0px 1%;
	text-align: center;
	border: 1px solid;
}

/* R付きフレーム（赤） */
.rfrm {
	color: white;
	text-align: center;
	padding: 0px 2%;
	border: none;
	border-radius: 10px;
	background-color: red;
}

/* R付きフレーム（緑） */
.gfrm {
	color: white;
	text-align: center;
	padding: 0px 2%;
	border: none;
	border-radius: 10px;
	background-color: green;
}

/* R付きフレーム（青） */
.bfrm {
	color: white;
	text-align: center;
	padding: 0px 2%;
	border: none;
	border-radius: 10px;
	background-color: #0078C8;
}

.bfrm:hover {
	background-color: orange;
}

.bfrm:active {
	background-color: red;
}

/* R付きフレーム（シアン） */
.cfrm {
	height: 22px;
	color: #0078C8;
	text-align: center;
	padding: 1% 2%;
	border: 1px white solid;
	border-radius: 6px;
	background-color: skyblue;
}

.cfrm:hover {
	background-color: orange;
}

.cfrm:active {
	background-color: red;
}

/* R付きフレーム（青：アンカー用） */
.bafrm a {
	color: white;
	font-weight: bold;
	text-align: center;
	padding: 1% 2%;
	border: none;
	border-radius: 10px;
	background-color: #0078C8;
}

.bafrm a:hover {
	background-color: orange;
}

.bafrm a:active {
	background-color: red;
}

/* R付きフレーム（黄：アンカー用） */
.yfrm a {
	width: 30px;
	height: 30px;
	color: dodgerblue;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	line-height: 30px;
	border: 2px dodgerblue solid;
	border-radius: 10px;
	background-color: yellow;
}

.yfrm a:hover {
	background-color: orange;
}

.yfrm a:active {
	background-color: red;
}

/* 円フレーム（青） */
.bCir1 {
	float: left;
	width: 40px;
	height: 38px;
	font-size: 14px;
	font-weight: 900;
	line-height: 38px;
	text-align: center;
	text-decoration: none;
	border: 2px white solid;
	border-radius: 9px;
	background-color: #0078C8;
}

.bCir1 a:hover {
	background-color: orange;
}

.bCir1 a:active {
	background-color: red;
}

/* 円フレーム（うす青） */
.bCir2 {
	float: left;
	width: 40px;
	height: 38px;
	color: white;
	font-size: 14px;
	font-weight: 900;
	line-height: 38px;
	text-align: center;
	text-decoration: none;
	border: 2px white solid;
	border-radius: 9px;
	background-color: skyblue;
}

/* 入力エリアの枠 */
input[type="text"] {
	border: 1px skyblue solid;
}


/************************************************************
*	@030	画像関連										*
************************************************************/

/* 画像を原寸サイズで表示 */
	/*（widthの初期値はauto）
	但し、HTML側のimg要素はstyleで直接サイズを指定する必要あり
	（autoが優先されるので）*/

.img_auto img {
	width: auto;
}


/************************************************************
*	@040	領域											*
************************************************************/

/* ボディ */
body {
	color: #0078C8;
	font: 14px/140% 'メイリオ', sans-serif;
	margin-top: 20px;
}

/* カラムの一括設定 */
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
	background: transparent;
}

/* MENUボタン領域 */
#move_menu {
	display: none;
}

/* ストライプの背景 */
#stripe_back {
	float: left;
	width: 99%;
	width: calc(100% - 1%);
	margin: 10px 0px;
	background-image: url("../images/shop/skyblue_stripe.png");
	background-repeat: repeat;
	/*background: red;*/
}

/* サイドメニュー */
#side_menu {
	float: left;
	width: 25%;
    margin: 0px;
	/*background: pink;*/
}

/* コンテンツ領域 */
#container {
	float: right;
	width: 75%;
    margin: 0px;
    background-color: white;
}

/* カルーセルパネル */
#carouse_panel_zone {
	float: left;
	width: 98.6%;
	width: calc(100% - 10px);
	margin-left: 10px;
	border: 1px skyblue solid;
}

#carouse_panel a {
	text-decoration: none;
}

/* ショーウィンドウ（商品棚） */
#show_window {
	float: left;
	width: 98.6%;
	width: calc(100% - 10px);
	margin: 20px 0px 0px 10px;
	/*background: #CFC;*/
}

#show_window a {
	color: dodgerblue;
}

/* 操作ガイダンス（テキスト） */
#guidance {
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 10px;
}

/* 商品ブロック表示（L・M・S 3段階） */
.product300 {
	float: left;
	width: 300px;
    height: 400px;
    margin: 0px 10px;
    /*background: green;*/
}

.product200 {
	float: left;
	width: 200px;
    height: 300px;
    margin: 0px 10px;
    /*background: green;*/
}

.product100 {
	float: left;
	width: 100px;
    height: 200px;
    margin: 0px 10px;
    /*background: green;*/
}

/* 商品説明文 */
.exp_text {
	text-align: center;
	margin-bottom: 30px;
}

/* フッターナビ */
#footer_nav {
	display: none;
}


/************************************************************
*	@050	ページ上部の領域								*
************************************************************/

/* トップメッセージ */
#bnr_top_message {
	width: 280px;
	height: 20px;
	margin: auto;
	background-image: url("../images/shop/bnr_top_message.png");
	background-repeat: no-repeat;
	/*background: pink;*/
}

/* ショップ名（ロゴ） */
#bnr_shop_name a {
	float: left;
	width: 292px;
	height: 100px;
	background-image: url("../images/shop/bnr_shop_name.png");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	/*background: limegreen;*/
}

#bnr_shop_name a:hover {
	background-position: 0px -100px;
}

/* ログインエリア */
#cart_login {
	margin: 5px 0px 10px;
}

/* ログインボタンエリア */
#bnr_login_zone {
	position: relative;
	float: right;
	width: 245px;
	height: 73px;
	background-image: url("../images/shop/bnr_login_zone.png");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	/*background: yellow;*/
}

/* イメージのフッターナビ領域 */
#fnav_zone {
	float: left;
	width: 60%;
	height: 104px;
	background-color: #0078C8;
}

/* イメージのフッターナビの中のコンテンツ領域 */
#fnav {
	margin-top: 16px;
}
 
/* Rshopロゴ（フッター） */
#bnr_rshop_logo {
	float: left;
	width: 20%;
	height: 104px;
	background-image: url("../images/shop/bnr_rshop_logo.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #0078C8;
}

/* スクロールボタン領域 */
#scroll_zone {
	float: right;
	width: 20%;
	height: 104px;
	background-color: #0078C8;
}

/* ボトムメッセージ */
#bnr_bottom_message {
	float: left;
	width: 100%;
	height: 53px;
    margin: auto;
	background-image: url("../images/shop/bnr_bottom_message.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #0078C8;
}


/************************************************************
*	@060	ログインフォーム								*
************************************************************/

/* 入力エリア */
#username {
	position: absolute;
	left: 68px;
	top: 16px;
	float: left;
	width: 109px;
	height: 20px;
	border: 1px #0078C8 solid;
	padding: 0px 3px;
}

#password {
	position: absolute;
	left: 68px;
	top: 39px;
	float: left;
	width: 109px;
	height: 20px;
	border: 1px #0078C8 solid;
	padding: 0px 3px;
}

#btn_login {
	position: absolute;
	left: 180px;
	top: 16px;
	float: left;
	width: 65px;
	height: 43px;
	color: white;
	font-weight: bold;
	border: none;
	background-color: #0078C8;
}

#btn_login:hover {
	background-color: orange;
}

#btn_login:active {
	background-color: red;
}

/* パスワードをお忘れですか？ */
#btn_password_forgot a {
	position: absolute;
	left: 81px;
	bottom: 0px;
	float: left;
	width: 134px;
	height: 10px;
	background-image: url("../images/shop/btn_password_forgot.png");
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#btn_password_forgot a:hover {
	background-position: 0px -10px;
}

#btn_password_forgot a:active {
	background-position: 0px -20px;
}

/* ログイン情報（ブロック表示） */
#login_now {
	float: right;
	width: auto;
	line-height: 120%;
	padding: 8px;
	border: 1px skyblue solid;
	border-radius: 10px;
}

/* ログイン情報（行表示） */
#login_now_row {
	float: left;
	width: 100%;
	margin-top: 20px;
	display: none;
}

#bnr_login_zone input[type=text],[type=password] {
	color: #0078C8;
}


/************************************************************
*	@070	汎用ボタン										*
************************************************************/

/* カートを見る */
#btn_show_cart a {
	float: right;
	width: 109px;
	height: 32px;
	background-image: url("../images/shop/btn_show_cart_s.png");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	/*background: orange;*/
}

#btn_show_cart a:hover {
	background-position: 0px -32px;
}

#btn_show_cart a:active {
	background-position: 0px -64px;
}

/* MENUへ（フッターナビに移動） */
#btn_move_menu a {
	float: right;
	width: 129px;
	height: 30px;
	margin-top: -4px;
	background-image: url("../images/shop/btn_move_menu.png");
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#btn_move_menu a:hover {
	background-position: 0px -30px;
}

#btn_move_menu a:active {
	background-position: 0px -60px;
}

/* 前のページに戻るボタン */
.go_back_page {
	width: 130px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	border: 1px #0078C8 solid;
	background-color: white;
}

.go_back_page:hover {
	background-color: skyblue;
}

.go_back_page:active {
	background-color: pink;
}

/* トップページに戻るボタン */
.go_top_page {
	float: left;
	width: 130px;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	border: 1px #0078C8 solid;
	background-color: white;
}

.go_top_page:hover {
	background-color: skyblue;
}

.go_top_page:active {
	background-color: pink;
}

/* 表示数、表示サイズの切り換え */
#disp_ctrl {
	max-width: 300px;
	font-size: 14px;
	text-align: center;
	margin: 0px auto 20px;
	padding: 2px;
	border: 2px skyblue solid;
	border-radius: 20px;
}


/************************************************************
*	@080	フッターボタン									*
************************************************************/

/* 利用ガイド */
#btn_foot_usage_gide a {
	float: left;
	width: 68px;
	height: 14px;
	margin: 0px 0px 5px 30px;
	background-image: url("../images/shop/btn_foot_usage_gide.png");
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#btn_foot_usage_gide a:hover {
	background-position: 0px -14px;
}

#btn_foot_usage_gide a:active {
	background-position: 0px -28px;
}

/* 利用規約 */
#btn_foot_terms_of_use a {
	float: left;
	width: 58px;
	height: 14px;
	margin: 0px 0px 5px 30px;
	background-image: url("../images/shop/btn_foot_terms_of_use.png");
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#btn_foot_terms_of_use a:hover {
	background-position: 0px -14px;
}

#btn_foot_terms_of_use a:active {
	background-position: 0px -28px;
}

/* 特定商取引に関する法律に基づく表記 */
#btn_foot_tokutei_profile a {
	float: left;
	width: 244px;
	height: 14px;
	margin: 0px 0px 5px 30px;
	background-image: url("../images/shop/btn_foot_tokutei_profile.png");
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#btn_foot_tokutei_profile a:hover {
	background-position: 0px -14px;
}

#btn_foot_tokutei_profile a:active {
	background-position: 0px -28px;
}

/* セキュリティについて */
#btn_foot_about_security a {
	float: left;
	width: 138px;
	height: 14px;
	margin: 0px 0px 5px 30px;
	background-image: url("../images/shop/btn_foot_about_security.png");
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#btn_foot_about_security a:hover {
	background-position: 0px -14px;
}

#btn_foot_about_security a:active {
	background-position: 0px -28px;
}

/* プライバシーポリシー */
#btn_foot_privacy_policy a {
	float: left;
	width: 142px;
	height: 14px;
	margin: 0px 0px 5px 30px;
	background-image: url("../images/shop/btn_foot_privacy_policy.png");
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#btn_foot_privacy_policy a:hover {
	background-position: 0px -14px;
}

#btn_foot_privacy_policy a:active {
	background-position: 0px -28px;
}

/* サイトマップ */
#btn_foot_site_map a {
	float: left;
	width: 82px;
	height: 14px;
	margin: 0px 0px 5px 30px;
	background-image: url("../images/shop/btn_foot_site_map.png");
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#btn_foot_site_map a:hover {
	background-position: 0px -14px;
}

#btn_foot_site_map a:active {
	background-position: 0px -28px;
}

/* お客様ページ */
#btn_foot_customer_page a {
	float: left;
	width: 89px;
	height: 14px;
	margin: 0px 0px 5px 30px;
	background-image: url("../images/shop/btn_foot_customer_page.png");
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#btn_foot_customer_page a:hover {
	background-position: 0px -14px;
}

#btn_foot_customer_page a:active {
	background-position: 0px -28px;
}

/* ご質問 */
#btn_foot_question a {
	float: left;
	width: 42px;
	height: 14px;
	margin: 0px 0px 5px 30px;
	background-image: url("../images/shop/btn_foot_question.png");
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#btn_foot_question a:hover {
	background-position: 0px -14px;
}

#btn_foot_question a:active {
	background-position: 0px -28px;
}

/* カートを見る */
#btn_foot_show_cart_s a {
	float: left;
	width: 82px;
	height: 14px;
	margin: 0px 0px 5px 30px;
	background-image: url("../images/shop/btn_foot_show_cart_s.png");
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#btn_foot_show_cart_s a:hover {
	background-position: 0px -14px;
}

#btn_foot_show_cart_s a:active {
	background-position: 0px -28px;
}

/* スクロールトップ */
#btn_scroll_top a {
	position: relative;
	left: 50%;
	top: 23px;
	float: left;
	width: 57px;
	height: 57px;
	margin-left: -29px;
	background-image: url("../images/shop/btn_scroll_top.png");
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#btn_scroll_top a:hover {
	background-position: 0px -59px;
}

#btn_scroll_top a:active {
	background-position: 0px -118px;
}


/************************************************************
*	@090	アコーディオンメニュー by JQuery				*
************************************************************/

ul.navi {
	width: auto;
	/*background: yellow;*/
}

ul.navi, ul.menu {
	list-style: none;
}

/* メインメニュー */
div.menu_item {
	height: 40px;
	font-weight: bold;
	line-height: 40px;
	text-indent: 40px;
	border: 1px white solid;
	border-radius: 10px;
	background-image: url("../images/shop/plus_mark.png");
	background-repeat: no-repeat;
	background-position: 20px center;
	background-color: skyblue;
	cursor: pointer;
}

div.menu_item.open {
	color: white;
	background-image: url("../images/shop/minus_mark.png");
	background-repeat: no-repeat;
	background-position: 20px center;
	background-color: dodgerblue;
}

div.menu_item.rollover {
	color: white;
	background-color: orange;
}

div.menu_item:active {
	background-color: red;
}

/* サブメニュー */
ul.menu li a {
	height: 40px;
	color: #0078C8;
	font-weight: bold;
	line-height: 40px;
	text-indent: 40px;
	text-decoration: none;
	border: 1px white solid;
	border-radius: 10px;
	background-image: url("../images/shop/triangle_mark.png");
	background-repeat: no-repeat;
	background-position: 20px center;
	background-color: lightblue;
	display: block;
}

ul.menu li.rollover a {
	color: white;
	background-color: orange;
}

ul.menu li:active a {
	background-color: red;
}

ul.menu li.current a {
	color: #0078C8;
	background-color: pink;
}

/* 選択肢1つの単独メニュー */
.exception a {
	height: 40px;
	color: #0078C8;
	font-weight: bold;
	line-height: 40px;
	text-decoration: none;
	border: 1px white solid;
	border-radius: 10px;
	padding: 0px 0px 0px 20px;
	background-color: skyblue;
	display: block;
}

.exception.rollover a {
	color: white;
	background-color: orange;
}

.exception:active a {
	background-color: red;
}

.exception.current a {
	background-color: pink;
}


/************************************************************
*	@100	ショッピングカート								*
************************************************************/

/* 提供価格の数値 */
.price {
	color: dodgerblue;
	font-size: 18px;
	font-weight: bold;
	text-align: right;
	width: 62px;
	border: none;
}

/* カートの数量 */
#num {
	color: dodgerblue;
	font-size: 14px;
	ime-mode: disabled;
}

/* カートに入れるボタン */
#add_cart {
	width: 110px;
	height: 30px;
	color: white;
	font-weight: bold;
	border: none;
	border-radius: 20px;
	background-color: #0078C8;
}

#add_cart:hover {
	background-color: orange;
}

#add_cart:active {
	background-color: red;
}

/* ショッピングカートの表 */
table.cart-list {
	float: left;
	border-collapse: collapse;
	width: 100%;
	margin-top: 10px;
}

table.cart-list td {
	padding: 5px;
}

/* 数量入力ボックス */
.number {
	text-align: right;
}

/* 合計金額表示ボックス */
.t_number input {
	color: #0078C8;
	font-family: 'メイリオ', sans-serif;
	font-size: 14px;
	text-align: right;
	width: 100%;
	border: none;
}

input.p_number {
	color: #0078C8;
	font-family: 'メイリオ', sans-serif;
	font-size: 14px;
	text-align: right;
	width: 60px;
	ime-mode: disabled;
}

/* お客様の情報、ショピングカート */
table.cart-list {
	border-collapse: collapse;
}

table.cart-list th, td {
	border: 1px #0078C8 solid;
}

/* テーブルの右境界線なし */
table.cart-list .no-right-border {
	border-right: none;
}

/* テーブルの左境界線なし */
table.cart-list .no-left-border {
	border-left: none;
}

/* 商品欄の表示切り替え（写真とテキスト：1段と2段） */
.one_stage {
	display: none;
}

/* カートのメッセージ */
#cart-msg {
	width: auto;
	text-align: center;
	background-color: yellow;
}

/* カート内のボタン表示省略 */
#change, #delete {
	float: right;
	display: block;
}

#change_omission, #delete_omission {
	float: right;
	display: none;
}

/* カート内商品画像サイズ */
#img100 {
	display: block;
}

#img54 {
	display: none;
}


/************************************************************
*	@110	レジ											*
************************************************************/

/* レジのバナー */
#regi {
	width: 100%;
	color: white;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
	border-radius: 10px;
	box-shadow: 0px 2px 2px black;
	background-color: red;
}

/* フィールドセット */
fieldset {
	padding: 10px;
}

/* 決済条件の説明　初期値 */
#payment_method_credit, #payment_method_bank,
#payment_method_cash {
	display: none;
}

/* 納期の説明　初期値 */
#desired_delivery_no, #desired_delivery_yes {
	display: none;
}

/* 納期の説明テーブル */
#shipment_area_table {
	border-collapse: collapse;
}

/* レジの購入手続きのブロック */
#select_condition {
	width: 100%;
	border: 3px red solid;
	border-top: none;
	margin-bottom: 10px;
	padding: 5px 13px;
	border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	background-color: transparent;
}

/* お買い上げボタンの二度押し禁止警告 */
#alert_purchase_wclick {
	float: right;
	max-width: 410px;
	color: blue;
	font-size: 12px;
	line-height: 120%;
	margin: 10px 0px;
	padding: 5px;
	border: 1px orange solid;
	border-radius: 10px;
	-moz-border-radius: 10px;
	background-color: white;
}


/************************************************************
*	@120	各ページの領域、リスト							*
************************************************************/

/* 各ページのコンテンツ領域 */
#wrap {
	width: 90%;
    margin: 20px auto 0px;
}

/* リストの先頭位置 */
#wrap ol, ul {
	list-style-position: inside;
}

/* 利用ガイドの定義リスト */
#usageGuideList li {
	width: 100%;
}

#usageGuideList img {
    margin: 10px 0px;
    padding: 10px;
	border: 1px gold solid;
	border-radius: 8px;
	-moz-border-radius: 8px;
}

/* 利用規約の定義リスト */
.touList {
	width: 92%;
	margin: 0px 10%;
}

.touList dt {
	float: left;
	width: 0px;
	text-align: right;
}

.touList dd {
	margin-left: 1.5em;
}

/* ご利用規約の定義リスト */
#bankList {
	width: 100%;
}

#bankList dt {
	float: left;
	width: auto;
	font-weight: bold;
	text-align: left;
}

#bankList dt:after {
	content: "　";
}

/* サイトマップ */
ul#smList {
	width: 100%;
}

ul#smList li a:hover {
	color: orange;
}

ul#smList li a:active {
	color: red;
}

/* プライバシーポリシーのテーブル */
table.privacy_policy {
	border-collapse: collapse;
}

table.privacy_policy td {
	padding: 4px;
}

/* 特定商取引の定義リスト */
table#tokutei_table {
	border-collapse: collapse;
}

table#tokutei_table th, td {
	border: 1px #0078C8 solid;;
	padding: 4px;	
}

#tokuteiList2 {
	width: 100%;
}

#tokuteiList2 dt {
	font-weight: bold;
	margin-top: 20px;
}

#tokuteiList2_sub dt {
	font-weight: bold;
	margin-top: 0px;
}

#tokuteiList2 ul {
	list-style: none;
}

/* 商品の引渡し時期テーブル */
table#shipping_charges_table,
table#shipment_area_table {
	border-collapse: collapse;
	margin: 10px 0px;
}

table#shipping_charges_table td,
table#shipment_area_table td {
	padding: 4px;
}

/* ブランドで選ぶ */
.b_navi {
	font-size: 12px;
	margin: 10px 0px 0px 14px;
}

.b_navi li a {
	color: #0078C8;
	text-decoration: none;
}

.b_navi li a:hover {
	color: orange;
}

.b_navi li a:active {
	color: red;
}


/************************************************************
*	@130	送信フォーム									*
************************************************************/

/* ユーザー登録 ／ ご質問 ／ 注文一覧 */
table#submitForm {
    width: 100%;
    border-collapse: collapse;
}

table#submitForm input {
    color: #0078C8;
}

table#submitForm th, td {
    border: 1px solid #0078C8;
    padding: 3px 5px;
}

table#submitForm .input_error {
    background-color: #FFC;
}

/* R付塗りつぶしボタンの高さ */
.h20 {
	height: 20px;
}

/* お買い上げありがとうございます */
#thanks_buy {
	width: 98%;
	width: calc(100% - 20px);
	margin: auto;
}

thanks_buy_caution {
	width: 60%;
	font-size: 13px;
	margin: 20px 20% 0px;
}


/************************************************************
*	@140	ご登録ページ									*
************************************************************/

table#submitForm #u_name, #address1 {
	width: 100%;
}

table#submitForm #p_word, #p_word_conf {
	border: 1px skyblue solid;
}

#caution {
	float: left;
	font-size: 13px;
	margin-top: 20px;
}

#zip1, #zip2 {
	ime-mode: disabled;
}

#pref {
	color: #0078C8;
}


/************************************************************
*	@150	利用ガイド										*
************************************************************/

#usageGuideList img {
	max-width: 100%;
	height: auto;
}


/************************************************************
*	@160	質問ページ										*
************************************************************/

table#submitForm #mail {
	width: 100%;
}

table#submitForm #sentences {
	width: 100%;
    color: #0078C8;
	font-size: 14px;
	border: 1px skyblue solid;
}


/************************************************************
*	@170	お客様ページ									*
************************************************************/

#submitForm #p_word {
	border: 1px skyblue solid;
}


/************************************************************
*	@180	価格帯で選ぶ									*
************************************************************/

#tblPriceZone {
	border-collapse: collapse;
	border: 1px white solid;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	margin: 10px 0px 0px 14px;
}

#tblPriceZone td {
	border: 1px white solid;
	box-shadow: 2px 2px 2px skyblue;
	background-color: white;
}

#tblPriceZone td a {
	color: #0078C8;
	text-decoration: none;
}

#tblPriceZone td a:hover {
	color: orange;
}

#tblPriceZone td a:active {
	color: red;
}


/************************************************************
*	@999	メディアクエリー（DeskTop First）				*
************************************************************/

@media all and (max-width: 768px) {

	/* グロナビを非表示に */
	#global_nav {
		display: none;
	}

	/* MENUボタンを表示に */
	#move_menu {
		display: block;
	}

	/* ストライプの背景 */
	#stripe_back {
		width: 100%;
		width: calc(100% - 2px);
		background-image: url("");
		/*background: cyan;*/
	}

	/* サイドメニューを中央に含める */
	#side_menu {
		float: left;
		width: 100%;
	    margin: 10px 0px;
		background-image: url("../images/shop/skyblue_stripe.png");
		background-repeat: repeat;
	}

	/* コンテンツ領域の拡大 */
	#container {
	    width: 100%;
	}

	/* カルーセルパネル */
	#carousel_panel {
		width: 100%;
		margin-left: 0px;
	}
	
	/* ショーウィンドウ（商品棚） */
	#show_window {
		width: 100%;
		margin: 20px 0px 0px 0px;
	}

	/* テキストのフッターナビを表示に */
	#footer_nav {
		display: block;
	}

	/* Rshopロゴ（フッター）領域の拡大 */
	#bnr_rshop_logo {
		float: left;
		min-width: 50%;
	}

	/* イメージのフッターナビ領域を非表示に */
	#fnav_zone {
		display: none;
	}

	/* スクロールトップ領域の拡大 */
	#scroll_zone {
		float: left;
		min-width: 50%;
	}

	/* グランドフッター（ロゴ、スクロールボタン、ボトムメッセージ） */
	/* テキストのフッターナビとの間に1pxの白い境界線を作る */
	#grand_footer {
		margin-top: 1px;
	}

}



@media all and (max-width: 480px) {

	/* カートを見る、ログインエリアの非表示 */
	#cart_login {
		display: none;
	}

	/* MENUボタン */
	#move_menu {
		margin-top: 10px;
	}

	/* カート内のボタン表示省略 */
	#change, #delete {
		display: none;
	}
	
	#change_omission, #delete_omission {
		display: block;
	}

	/* ログイン情報（行表示） */
	#login_now_row {
		display: block;
	}

}



@media all and (max-width: 430px) {

	/* 商品欄の表示切り替え（写真とテキスト：1段と2段） */
	.two_stage {
		display: none;
	}

	.one_stage {
		display: block;
	}

}



@media all and (max-width: 370px) {

	/* カート内商品画像サイズ */
	#img100 {
		display: none;
	}

	#img54 {
		display: block;
	}

	/* お客様ページの商品画像 */
	#cust_img {
		display: none;
	}

}