/*-----------------------------------------------------------------
	全ての要素をリセット
	各ブラウザの表示を統一するための設定です
-----------------------------------------------------------------*/
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;}
td,input{font-size:12px;}
.line {font-size:1px;line-height:1px;}

/* Tag */

* {
padding:0;
margin:0; 
}

body {
margin-top:0px;
margin-bottom:0px;
color:#333333;
font-family:"ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", sans-serif;
font-size: 13px;
*font-size:small;
*font:x-small;
line-height:1.5em;
text-align:center;
background-color:#FFFFFF;
background-image:url(http://shop25.makeshop.jp/design/tyshop/img/bg_body.jpg);
background-position:left top;
background-repeat:repeat-x;
text-align:center;
}
* html body { /* for IF6 */
font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

h1,h2,h3,h4 {
font-weight:normal;
}

a {
color:#3A6CB5;
text-decoration:none;
}

a:link {
color:#3A6CB5;
text-decoration:none;
}

a:visited {
}

a:hover {
color:#7097D1;
text-decoration:underline;
}

a:active {
}

ul,dl {
list-style-type:none;
}

.clr {
clear:left;
}

/*clear fix*/

.clearfix {
min-height:1px;@/* for IE7 */
}

.clearfix:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

.clearfix { display:inline-table; }

* html .clearfix { height:1px; }
.clearfix { display:block; }


#clearfix {
min-height:1px;@/* for IE7 */
}

#clearfix:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

#clearfix { display:inline-table; }

* html #clearfix { height:1px; }
#clearfix { display:block; }

/* Layout */

#window {
width:926px;
margin:0 auto;
text-align:left;
background-image:url(http://shop25.makeshop.jp/design/tyshop/img/bg_base.jpg);
background-position:left top;
background-repeat:repeat-y;
}

#wrapper {
width:912px;
margin:0 7px;
}

#wrapper img{
vertical-align:bottom;
}

#header {
border-top:2px solid #FFFF00;
position:relative;
}

#header h1{
margin:0 5px 15px 5px;
padding:5px 0 0 0;
}
#header h2{
margin:0 0 20px 23px;
}

div.login {
position:absolute;
top:0;
right:0;
background-color:#261A18;
color:#FFFFFF;
padding:3px 10px;
}

div.login a {
color:#FFFFFF;
text-decoration:underline;
}
div.login a:hover {
color:#FFFFFF;
text-decoration:none;
}

div.login input{
width:80px;
margin:2px 0 0 0;
border:1px solid #7F9DB9;
}

ul.header_navi {
width:877px;
background-image:url(http://shop25.makeshop.jp/design/tyshop/img/bg_navi.jpg);
background-position:left top;
background-repeat:repeat-x;
padding:0 18px 0 17px;
border-bottom:#FFFF00 solid 2px;
}
* html ul.header_navi {
width:912px;
}
*:first-child+html ul.header_navi {
width:912px;
}

ul.header_navi li {
float:left;
}

#contents {
width:912px;
}

#side {
width:200px;
margin:0 26px 0 0;
padding:15px 0 30px 0;
float:left;
background-image:url(http://shop25.makeshop.jp/design/tyshop/img/bg_sidenavi.gif);
background-position:left top;
display:inline;
}

#main {
width:660px;
padding:15px 0 30px 0;
text-align:left;
float:left;
}

#side h4 {
margin:0 0 10px 0;
}

#side div.sidenavi_login {
padding:10px 0 20px 0;
text-align:center;
}

#side div.sidenavi_login img{
margin:0 0 5px 0;
}

#side div.sidenavi_login span{
font-size:0.9em;
padding:0 0 0 8px;
background-image:url(http://shop25.makeshop.jp/design/tyshop/img/side_icon01.gif);
background-position:left 3px;
background-repeat:no-repeat;
}

#side ul.sidenavi_category {
margin:0 0 20px 20px;
}
#side li {
margin:0 0 8px 0;
}

#side .sidenavi_special table{
}
#side .sidenavi_special table td a img{
padding:1px;
border:1px solid #CCCCCC;
background-color:#FFFFFF;
}

#side table.sidenavi_rank {
width:176px;
padding:0;
border:0;
margin:0 0 10px 12px;
}

#side table.sidenavi_rank th {
width:74px;
padding:5px 0 10px 0;
vertical-align:top;
}

#side table.sidenavi_rank th img {
padding:1px;
background-color:#FFFFFF;
border:1px solid #CCCCCC;
}

#side table.sidenavi_rank td {
padding:5px;
font-size:0.8em;
line-height:1.3em;
vertical-align:top;
}

#side ul.sidenavi_bnr {
width:180px;
margin:0 10px;
}
#side ul.sidenavi_bnr li {
margin:0 0 10px 0;
}

#main .mainimg{
margin:0 0 15px 0;
}

#main .information{
width:660px;
margin:0 0 15px 0;
}

#main .information img.info_bnr{
width:240px;
margin:18px 0 0 0;
float:right;
}

#main .news{
width:400px;
}

#main .news h3{
margin:0 0 10px 0;
padding:0 0 5px 0;
border-bottom:1px solid #261A18;
}

#main .news td.woong{
padding:5px 5px 3px 5px;
border-bottom:1px dotted #999999;
}

#main .news ul{
margin:0 0 5px 0;
}

#main .news ul li{
margin:0 0 7px 0;
padding:0 5px 2px 5px;
border-bottom:1px dotted #999999;
}

#main .news p{
font-size:0.8em;
text-align:right;
}
#main .news p a{
text-decoration:underline;
}

#main .itemlist{
width:660px;
margin:0 0 20px 0;
}

#main .itemlist h3{
margin:0 0 12px 0;
padding:0 0 5px 0;
border-bottom:1px solid #261A18;
}

#main .itemlist table{
}
#main .itemlist table img{
margin:0 0 5px 0;
padding:1px;
border:1px solid #CCCCCC;
}

.item{
width:150px;
margin:0 15px 12px 0;
float:left;
}
/* ie6 */
* html .item {
margin:0 15px 12px 0;
} 

.item img{
margin:0 0 5px 0;
padding:1px;
border:1px solid #C9D0D6;
}

.item p{
line-height:1.5em;
text-align:center;
}

p.anchor{
clear:both;
margin:0 20px 0 0;
padding:0 15px 3px 0;
font-size:0.8em;
text-align:right;
background-image:url(http://shop25.makeshop.jp/design/tyshop/img/icon_topagetop.gif);
background-position:right top;
background-repeat:no-repeat;
}

p.anchor a{
text-decoration:underline;
}

#footer{
width:872px;
padding:5px 20px 60px 20px;
border-top:2px solid #FFFF00;
background-color:#44782E;
}
* html #footer {
width:912px;
}
*:first-child+html #footer {
width:912px;
}

#footer .ftnavi{
width:580px;
height:25px;
float:right;
font-size:0.8em;
text-align:center;
background-color:#FFFFFF;
background-image:url(http://shop25.makeshop.jp/design/tyshop/img/bg_footernavi.gif);
background-position:left top;
background-repeat:no-repeat;
}

#footer .ftnavi p{
margin:7px 0 0 0;
text-align:center;
}

#footer address{
clear:both;
color:#FFFFFF;
font-size:0.8em;
font-style:normal;
text-align:right;
}


/*-----------------------------------------------------------------
	基本スタイル
-----------------------------------------------------------------*/

/* 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;
}

/*----------------------------------------------------
	#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_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_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_contentsTitle{
	margin-bottom:5px;
}
/*SHOPTWEET*/
#M_leftContents #tweet p{
	word-break:break-all;
	display:inline-block;
	width:130px;
	margin:0 0 7px;
}
#M_leftContents #tweetName{
	margin:0 0	0 55px;
	width:auto;
}
/*----------------------------------------------------
	#M_main
		中央部分
----------------------------------------------------*/
#M_mainContents {
	float:left;
	width:660px;
}
/*▼2カラム用*/
#twoColumn #M_mainContents {
	float:right;
	width:660px;
	margin:0 20px 0 0;
	padding:20px 0 0 0;
}

#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_poll{
	margin-bottom:10px;
}
/*----------------------------------------------------
		商品分類ページ
----------------------------------------------------*/	
/*カテゴリタイトル*/
#M_categoryTItle p{
	font-weight:bold;
	font-size:15px;
}
/*分類段階リンク*/
#M_itemListLink{
	width:640px;
	margin:0 0 10px 0;
	padding:5px 0 5px 20px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#f5f5f5 url(/images/common/brand_dot.gif) no-repeat left;
	text-align:left;
}
* html #M_itemListLink {
width:660px;
}
*:first-child+html #M_itemListLink {
width:660px;
}

#list_frame{}

#list_frame img{
margin:10px 10px 0 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_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_itemDetail{
	text-align:left;
}
#M_imgDetail{
	float:left;
	width:260px;
}
#M_iteminfo{
	float:right;
	width:350px;
	text-align:left;
}

#item_shousai{
margin:0 15px 0 0;
padding:15px 0 0 0; 
}

#item_shousai div.detail{
}

#item_shousai div.detail p{
margin:10px 0;
line-height:1.5em;
}

.detail table{
margin:10px 0;
border-color:#999999;
}

.detail th{
font-size:0.9em;
font-weight:normal;
padding:5px 5px 3px 5px;
text-align:center;
}

.detail td{
padding:5px 5px 3px 5px;
text-align:center;
}

/*----------------------------------------------------
		ログイン
----------------------------------------------------*/
#M_mainContents #loginform dl dd{
	width:320px;
}

#M_mainContents div#orderInput h3{
margin:0 0 0 50px;
}

#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;
}