/*-----------------------------------------------------------------
	全ての要素をリセット
	各ブラウザの表示を統一するための設定です
-----------------------------------------------------------------*/
html {overflow-y: scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin: 0;padding: 0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal;}
table {	border-collapse: collapse;border-spacing: 0;}
caption,th {text-align: left;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;}
img,abbr,acronym,fieldset {border: 0;}
li {list-style-type: none;}
img{vertical-align:middle;}
td,input{font-size:12px;}
.line {font-size:1px;line-height:1px;}
/*-----------------------------------------------------------------
	基本スタイル
-----------------------------------------------------------------*/
body {
	background: #FFF;
	color: #333;
	font-size: 13px;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	*font-size:small;
    *font:x-small;
	line-height: 1.5;
}
* html body {	/* for IF6 */
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
/* clearfix */
.M_clearfix:after {
content:"";
display:block;
clear:both;
}
	/* for IE6 */
	* html .M_clearfix {
	display:inline-block;
	}
	
	/* for IE7 */
	*+html .M_clearfix {
	display:inline-block;
	}
/*要素を中央揃いに*/
.M_center{
	text-align:center;
}
/*要素を左に*/
.M_left{
	text-align:left;
}
/*要素を右に*/
.M_right{
	text-align:right;
}
p{
	text-align:left;
}
/*上下のマージンを20px*/
.M_mgn20{
	margin:20px auto;
}
/*テキスト色を赤に*/
.M_red{
	color:#ff0000;
}
/*リンク色*/
a{text-decoration:none ;}
a:link { text-decoration:none; color:#040f6f;}
a:visited { text-decoration:none; color:#040f6f;}
a:hover { color:#dc143c; text-decoration:underline;}

/*----------------------------------------------------
	#M_container
	全体を覆うコンテンツ
----------------------------------------------------*/
#M_container {
	width: 780px;
	margin:10px auto 0;
	text-align: left;
}
#makebanner{
	width:780px;
	position:relative;
}

/*----------------------------------------------------
	#M_wrapper
	トップ中央画面と右メニューを内包
----------------------------------------------------*/
#M_wrapper {
	width:620px;
	position:relative;
}

/* -----------------------------------------------------------
	#M_header
		ヘッダー
----------------------------------------------------------- */
#M_header {

}
#M_logo{
	float:left;
	font-size:12px;
}
#M_headerInner {
	float:right;
	width:400px;
	text-align:right;
}
#M_basketOpenedBox .M_headItem{
	text-align:left;
}
#M_basketOpenedBox .M_headImg{
	text-align:center;	
}

/*ログインフォーム*/
#M_login{
	float:right;
	width:300px;
	text-align:right;
	padding:20px 0 5px;
}
#M_login table{
	float:right;
}	
#M_login td img,
#M_login td input{
	margin-left:3px;
	vertical-align:middle;
}
/*セカンダリナビゲーション*/
#M_sNav{
	margin-bottom:5px;	
}
#M_sNav li{
	display:inline;
	padding:0 10px;
	border-left:1px solid #999;
	font-size:11px;
}
#M_sNav li.M_firstChild{
	border:none;
}
#M_sNav li.M_lastChild{
	padding-right:0;
}
#M_sNav .M_helloMsg{
	margin-right:15px;
	display:inline;
}

/* ナビゲーション部分
----------------------------------------------------------- */
#M_gNav {
	overflow: hidden;
	clear:both;
	width:780px;
	height:56px;
	background:url(/images/454/topmenu.gif) no-repeat;
}
* html #M_header #M_gNav {
	height: 1%;
}
#M_gNav li {
	float: left;
	width:130px;
	height:56px;
}
#M_gNav li a{
	float: left;
	width:130px;
	height:56px;
	text-align:center;
	line-height:56px;
	text-indent:-9999px;
}

/* 検索窓・サブナビゲーション部分
----------------------------------------------------------- */
#M_sub{
	width:100%;
	height:25px;
	padding:3px 0;
}
#M_searchBox{
	float:left;
	width:200px;
	line-height:30px;
}
#M_subNav{
	float:right;
	width:400px;
	text-align:right;
	font-size:11px;
	line-height:140%;
	padding:5px 0;
}
#M_subNav li{
	display:inline;
	border-right:1px solid #ccc;
	padding:0 0.4em 0 0.3em;
}
/*最後の要素には罫線をつけない*/
#M_subNav li#M_end{
	border-right:none;
}
/* -----------------------------------------------------------
	#M_footer
		フッター
----------------------------------------------------------- */
#M_footer {
	margin:10px 0;
	padding-top:10px;
	border-top:1px dotted #ccc;
}
#M_footer .M_copyright {
	text-align: center;
	font-size:11px;
}
#M_wrapper  #M_footer {
	width:400px;
}

/* -----------------------------------------------------------
	#M_leftContents
		左メニュー
----------------------------------------------------------- */
#M_leftContents{
	float:left;
	width:150px;
	background:#M_fff;
}
#M_leftContents .M_leftBox{
	background:url(/images/454/l_title_bg.gif) repeat-y;
	margin-bottom:7px;
	text-align:center;
}
#M_leftContents li,
#M_leftContents h2{
	text-align:left;
	font-weight:normal;
}
#M_leftContents div p,
#M_leftContents ul,
#M_leftContents h2{
	width:130px;
	margin:0 auto;
	_margin:0;
}
#M_leftContents #M_recent{
	margin-top:0;	
}
.M_contentsTitle{
	margin-bottom:5px;
}
/*SHOPTWEET*/
#M_leftContents #tweet p{
	word-break:break-all;
	display:inline-block;
	width:auto;
	margin:0 0 7px;
}
#M_leftContents #tweetName{
	margin:0 0	0 55px;
	width:auto;
}
#M_category td{
	text-align:left;	
}
#M_community td{
	text-align:left;	
}
/*----------------------------------------------------
	#M_main
		中央部分
----------------------------------------------------*/
#M_mainContents {
	float:left;
	width:454px;
}
/*▼2カラム用*/
#twoColumn #M_mainContents {
	float:right;
	width:620px;
}
#twoColumn{
	overflow:hidden;
	_zoom:1;
}	
#messeage{
	margin-bottom:10px;
}
#M_mainContents table{
	margin-bottom:10px;
}
/*----------------------------------------------------
	#M_rightContents
		右メニュー
----------------------------------------------------*/
#M_rightContents{
	position:absolute;
	right:0;
	top:0;/*バナーの大きさによってこの値を変えてください*/
	width:156px;
	background:#fff;
}
#M_rightContents table{
	margin-bottom:10px;
}
#M_rightContents td{
	text-align:left;	
}
/*　投票　*/
#M_poll{
	margin-bottom:10px;
}

/*----------------------------------------------------
		トップページ　-ユーザー評価-
----------------------------------------------------*/
/* 全文表示 */
#M_reviewAll{
	background:#fff;	
}
#M_reviewAll #M_reviewViewAll .M_reviewList{
	border:none;
	background:#fff;	
}
#M_reviewAll #M_reviewViewAll .M_reviewerInfo{
	float:left;	
	text-align:left;
	font-size:12px;
	color:#666;
	background:url(/images/common/user.png) no-repeat left;
	padding-left:20px;
}
#M_reviewAll #M_reviewViewAll .M_reviewRate{
	float:right;
	width:32%;	
}
#M_reviewAll #M_reviewViewAll .M_reviewRate p{
	color:#cc0000;
	font-weight:bold;
}	
#M_reviewAll #M_reviewViewAll .M_reviewHead{
	border-bottom:none;	
	overflow:hidden;
	_zoom:1;
}
#M_reviewAll #M_reviewViewAll .M_reviewRead{
	background:#e9e9e9;
	border:1px solid #c9c9c9;
	overflow:hidden;
	_zoom:1;
}
#M_reviewAll #M_reviewViewAll .M_reviewReadText{
	background:#fff;
	margin:8px;
	padding:8px;	
}
/* 一行表示 */
#M_reviewPart{
	background:#eee;	
	overflow:hidden;
	_zoom:1;
	margin-bottom:16px;
}
#M_reviewPart #M_reviewView table{
	margin-top:10px;	
	border:2px solid #b9b9b9;
}
#M_reviewPart #M_reviewView th{
	text-align:center;	
	border:none;
	border-bottom:1px dotted #999;
	background:url(/images/common/reviewBg.png) repeat-x bottom;
}
#M_reviewPart #M_reviewView td{
	border-bottom:1px solid #999;
	text-align:left;
}
#M_reviewPart #M_reviewView .M_reviewReadText{
	background:url(/images/common/balloon.png) no-repeat 0 6px;
	padding-left:20px;		
}

/*----------------------------------------------------
		商品分類ページ
----------------------------------------------------*/	
/*カテゴリ別イメージ*/
.M_categoryImage{
    margin-bottom:32px; 
}
/*カテゴリタイトル*/
#M_categoryTItle p{
	font-weight:bold;
	font-size:15px;
}
/*分類段階リンク*/
#M_itemListLink{
	width:600px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#f5f5f5 url(/images/common/brand_dot.gif) no-repeat left;
	padding-left:20px;
	text-align:left;
	margin-bottom:10px;
}
/*----------------------------------------------------
		商品検索ページ
----------------------------------------------------*/	
/*タイトル*/
#M_searchTItle p{
	font-weight:bold;
	font-size:15px;
}
/*検索語リンク*/
#M_searchWord{
	width:600px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#f5f5f5 url(/images/common/brand_dot.gif) no-repeat left;
	padding-left:20px;
	text-align:left;
	margin-bottom:10px;
}
/* 検索対象 */
#M_searchTable{
	width:550px;
	background:#f5f5f5
}
#M_searchTable th,#M_searchTable td{
	padding:2px;
}
#M_searchTable td.line{
	padding:0;
}
#M_searchTable .price input{
	width:50px;
}
#M_searchTable th{
	font-size:12px;
	font-weight:normal;
	text-align:right;
}
#M_searchTable td.searchBtn{
	width:90px;
	text-align:left;
	vertical-align:middle
}

#M_searchTable #allcategory,
#M_searchTable #subcategory{
	width:170px;
}
#M_searchTable img{
	vertical-align:bottom;
}


/*----------------------------------------------------
		商品詳細画面
----------------------------------------------------*/
#M_pankuzu{/*パンくず*/
	text-align:left;
	margin-bottom:10px;
}
#M_itemList{/*前の商品　次の商品*/
	width:100%;
	position:relative;
	height:20px;
}
#M_itemList .M_preview{
	position:absolute;
	left:0;
}
#M_itemList .M_next{
	position:absolute;
	right:0;
}
#M_itemName{/*商品名*/
	background:none repeat scroll 0 0 #eee;
	border-top:4px solid #999;
	color:#333;
	font-size:16px;
	margin:10px auto;
	padding:5px;
	width:100%;
}
#M_snsButtonList {
    height: 30px;
}
#M_snsButtonList li{
    float:left;
    margin-right:5px;
}
#M_itemDetail{
	text-align:left;
}
#M_imgDetail{
	float:left;
	width:300px;
}
#M_itemInfo{
	float:right;
	width:300px;
	text-align:left;
}
/*----------------------------------------------------
		ログイン
----------------------------------------------------*/
#M_mainContents #loginform dl dd{
	width:320px;
}
#orderInput .explain .cutLine,
#orderInput  p{
	text-align:center;
}
/*----------------------------------------------------
		会員登録約款
----------------------------------------------------*/
#M_contract{
	width:560px;
	height:400px;
	overflow:scroll;
	border:1px solid #ccc;
	padding:10px;
	margin:20px auto;
	text-align:left;
}
/*----------------------------------------------------
		会員登録・修正
----------------------------------------------------*/
#M_form{
	border:1px solid #ccc;
	padding:10px;
	margin:20px auto;
}
#M_changepw{
	clear:both;	
	margin-top:20px;
}
#M_form #M_confirmpw p{
	float:none;
}

/*----------------------------------------------------
		買い物カゴ
----------------------------------------------------*/	
#M_recent{
	margin-top:20px;	
}
#M_recent #recent{
	margin-top:10px;	
}