@charset "utf-8";
/*  ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    M2Plus.com 標準 stylesheet
    ----------------------------------------------------------
    Copyright (c) J-MAC SYSTEM, INC.  All Rights Reserved.
    Not to be reused without permission.
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/


/************** フォント ******************/
.m2pf {
	font-size: 13px;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Verdana, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
}

.m2pf.large {
	font-size: 22px;
	font-weight: bold;
}
.m2pf.semilarge {
	font-size: 18px;
	font-weight: bold;
}
.m2pf.middle {
	font-size: 14px;
	font-weight: bold;
}
.m2pf.small {
	font-size: 11px;
	font-weight: normal;
}

.m2pf.bold {
	font-weight: bold;
}

.m2pf.gray {
	color: #333333;
}
.m2pf.lightgray {
	color: #666666;
}
.m2pf.whitegray {
	color: #999999;
}
.m2pf.whitelightgray {
	color: #CCCCCC;
}

.m2pf.red {
	color: #CC0022;
}

.m2pf.highlight {
	background-color: #FFFFCC;
}

.m2pf.body {
	font-size: 12px;
}

/************** ブロック ******************/
.m2pb {
	font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", Verdana, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

h1.m2pb
{
	border-left: solid 14px #000066;
	border-right: solid 1px #CCCCCC;
	border-top: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;

	margin-top: 0;
	margin-bottom: 0;
	
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;


	font-size: 22px;
	font-weight: bold;
	color: #666;
}

h1.m2pb a
{
	color:#666;
}


h2.m2pb {
	border-left: solid 10px #000066;
	line-height: 80%;
	margin-top: 16px;
	margin-bottom: 16px;
	margin-left: 0px;
	padding-top: 1px;
	padding-bottom: 0px;
	padding-left: 8px;

	font-size: 14px;
	font-weight: bold;
	color: #333333;
}

body.m2pb {
	text-align: center;
	margin: 0;
	border-top: solid 3px #BA1064;
}

body.m2pb div {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

body.m2pb a img {  /* リンク画像の枠線を消す */
	border: none;
}

.m2pb.inner { /* 汎用インナーブロック */
	padding-top: 12px;
	padding-left: 16px;
	padding-right: 16px;
	padding-bottom: 24px;
}

.m2pb.linner { /* 汎用インナーブロック */
	padding-top: 1px;
	padding-left: 20px;
	padding-right: 16px;
	padding-bottom: 20px;
}

.m2pb.center { /* 汎用クラス */
	text-align: center;
}
.m2pb.center table {
	margin-left: auto;
	margin-right: auto;
}

.m2pb.top td,
.m2pb.top th { /* 汎用ブロックでの 縦の揃え */
	vertical-align: top;
}
.m2pb.middle td,
.m2pb.middle th {
	vertical-align: middle;
}
.m2pb.bottom td,
.m2pb.bottom th {
	vertical-align: bottom;
}


.m2pb.border { /* 標準の外枠線 */
	border: solid 1px #CCCCCC;
}

/****** 簡易フロート *******/

.m2pb.floatleft { 
	float: left;
}

.m2pb.floatright { 
	float: right;
}

.m2pb.floatclear { 
	float: none;
	clear: both;
	margin: 0;
	padding: 0;
	width: 0;
	height: 0;
}

/************** ヘッダバナー(MT以外のページ用) ******************/

div#m2p_header {
	width: 920px;
	margin-top: 16px;
	margin-bottom: 20px;
}

/************** フッターバナー(MT以外のページ用) ******************/

div#m2p_footer {	/* 幅を指定しないのは区切り線を全体表示するため */
	clear: both;
	margin-top: 24px;
	padding-top: 12px;
	border-top: solid 1px #BA1064;

	text-align: center;
}

/************** メイン部分(MT以外のページ用) ******************/

div#m2p_main {
	clear: both;
	width: 920px;
	padding: 0;
}

div#m2p_popup {
	clear: both;
	width: 520px;
	padding: 0;
}
div#m2p_point {
	clear: both;
	width: 580px;
	padding: 0;
} 
div#m2p_single { /* サイドバー無しで使用する場合 */
	margin-top: 20px;	
	margin-left: 20px;
	margin-right: 40px;
	margin-bottom: 8px;
}

/** 左サイドバーを使用する場合は、m2p_alpha, m2p_beta, m2p_omega の３つをセットで使用することを推奨します **/

div#m2p_alpha {  /* 中央コンテンツ部分 幅 730 */
	float: right;

	width: 700px;
	margin: 0;
	padding-left: 15px;
	padding-right: 15px;
}

div#m2p_beta {  /* 左サイドバー 幅 190 (opera、IEも？対応のため、2px小さく) */
	left: 0;

	width: 188px;
	margin: 0;
	padding: 0;
}

div#m2p_omega { /* 回りこみ解除用 */
	clear: both;
	width: 0px;
	height: 0px;
	margin: 0;
	padding: 0;
}

/************** その他汎用(いずれかの m2pb クラスの配下でのみ有効) ******************/
.m2pb .bgwhitegray {
	background-color: #EEEEEE;
}

.m2pb .bglightgray {
	background-color: #CCCCCC;
}

.m2pb .bggray {
	background-color: #999999;
}

/************** フォーム(marginなくす) *********************/

form {
	margin: 0px;
}

/************** 入力欄（テキストボックス) *********************/

input[type=text] {
	border: solid 1px #999999;
}
input[type=password] {
	border: solid 1px #999999;
}

/************** 入力欄（ドロップリスト) *********************/
select {
	border: solid 1px #999999;
	padding: 1px;
}

/************** 外部テキストファイルの表示などに使用するpreタグ ******************/ 

pre.m2ptext {	
	white-space: pre;           /* CSS 2.0 */	
	white-space: pre-wrap;      /* CSS 2.1 */	
	white-space: pre-line;      /* CSS 3.0 */	
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */	
	white-space: -moz-pre-wrap; /* Mozilla */	
	word-wrap: break-word;      /* IE 5+ */
}

/************** 明細一覧などのテーブル関連 *******************/

table#m2pb_ordertbl {
    width: 620px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
    margin-left: auto;
    margin-right: auto;
}
table#m2pb_ordertbl th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #ccc;
    line-height: 120%;
    text-align: center;
    font-weight: normal;
}
table#m2pb_ordertbl td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
}
td.item {
    text-align: left;
}
td.num {
    text-align: right;
}
td.sumitem {
    text-align: center;
    background: #ccc;
}
td.sumnum {
    text-align: right;
    background: #ccc;
}

.kessai {
	font-size: 11px;
	text-align: right;
	color: #666;
}

table.mixi-fb /*製品詳細ページようです。*/
{
	margin-bottom:15px;
}

/*************** お問い合わせ関連 ***************************/

table.mailform {
	width: 100%;
}

table.mailform tr th,table.mailform tr td {
	text-align: left;
	font-weight: normal;
	border-bottom: solid 1px #ccc;
	padding: 7px 5px 7px 5px;
}

table.mailform tr th {
	width: 150px;
}

table.mailform p {
	margin: 0px;
}

div.search-result {
        margin-left: 26px;
}