@charset "utf-8";

/* ----------------------------------------
  Makeshop GMO Base Style Seet

	2- 1.全体レイアウト
	2- 2.ヘッダーコンテンツ
	2- 3.グローバルメニュー
	2- 4.サイドバーコンテンツ
	2- 5.フッターコンテンツ
	2- 6.リンク
	2- 7.ナビアイコン
	2- 8.見出しタグ(hタグ）
	2- 9.text,強調
	2-10.リスト
	2-11.共通BOX
	2-12.パンクズ
	2-13.テーブル
---------------------------------------- */


body{
	background:url(../img/common/bg_body.gif) repeat #fff;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3",Osaka,"メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size:88%;
	color:#333333;
	text-align:center;
}
* html body {font-size:75%;}
*:first-child+html body {font-size:75%;}


/* ----------------------------------------
  2-1.全体レイアウト_サイズ
---------------------------------------- */

#header ,
#footer{width:100%;}

#header_inner ,
#footer_inner{width:950px;}

#header{height:150px;}
#header_inner{height:110px;}
#footer{height:140px;}
#footer_inner{height:50px;}

#sidebar{width:230px;}
#sidebar_inner{width:220px;}
#maincolumn{width:720px;}


/* ----------------------------------------
  2-1.全体レイアウト
---------------------------------------- */

table{margin:0 auto;}

#header{
	margin:0 auto 20px auto;
	background:url(../img/common/g_navi_bg.gif) repeat-x left 110px;
}

#header_inner{
	margin:0px auto;
	position:relative;
}

#sidebar{
	background-color:none;
	padding-bottom:50px;
}

#maincolumn{
	background-color:none;
	padding-bottom:50px;
	text-align:left;
}

#footer{
	position:relative;
}

#footer_inner{margin:0 auto;}

/* ----------------------------------------
  2-2.ヘッダーコンテンツ
---------------------------------------- */

#tagline ,
#logo ,
#tel ,
#headerright ,
#header ul{position:absolute;}


#tagline{
	left:30px;
	top:2px;
	font-size:10px;
	color:#999999;
}

#logo{
	background:url(../img/common/logo.gif) no-repeat left top;
	width:442px;
	height:110px;
	left:-40px;
	top:0px;
}
#logo p{
	color:#fc0e64;
	font-weight:bold;
	font-size:11px;
	padding:20px 10px 10px 20px;
}
#tel{left:720px;top:10px;}

#header ul li{
	margin-left:10px;
	float:left;
}

#headermenu {
	width:500px;
	position:absolute;
	left:570px;
	top:80px;
}

#headermenu li{float:left;}

#headermenu li a{
	display:block;
	height:15px;
	text-indent:-999em;

}

#headermenu li.hmenu01 a{
	width:73px;
	background:url(../img/common/hmenu01.gif) no-repeat left top;}
#headermenu li.hmenu02 a{
	width:125px;
	background:url(../img/common/hmenu02.gif) no-repeat left top;}
#headermenu li.hmenu03 a{
	width:137px;
	background:url(../img/common/hmenu03.gif) no-repeat left top;}
#headermenu li.hmenu04 a{
	width:71px;
	background:url(../img/common/hmenu04.gif) no-repeat left top;}

#headermenu li.hmenu01 a:hover{background:url(../img/common/hmenu01.gif) no-repeat left top;}
#headermenu li.hmenu02 a:hover{background:url(../img/common/hmenu02.gif) no-repeat left top;}
#headermenu li.hmenu03 a:hover{background:url(../img/common/hmenu03.gif) no-repeat left top;}
#headermenu li.hmenu04 a:hover{background:url(../img/common/hmenu04.gif) no-repeat left top;}



/* ----------------------------------------
  2-3.グローバルメニュー
---------------------------------------- */

#globalmenu{
	background:url(../img/common/g_navi_bg.gif) repeat-x left top;
	width:100%;
	height:40px;
	text-align:left;
	position:absolute;
	left:0px;
	top:110px;
}
#globalmenu li{
	float:left;
	display:inline;
	margin-top:10px;
}

#globalmenu li a{
	display:block;
	height:17px;
	text-indent:-999em;
	overflow:hidden;
}

#globalmenu li.menu01 a{
	width:54px;
	background:url(../img/common/menu01.gif) no-repeat left top;}
#globalmenu li.menu02 a{
	width:203px;
	background:url(../img/common/menu02.gif) no-repeat left top;}
#globalmenu li.menu03 a{
	width:153px;
	background:url(../img/common/menu03.gif) no-repeat left top;}
#globalmenu li.menu04 a{
	width:111px;
	background:url(../img/common/menu04.gif) no-repeat left top;}


#globalmenu li.menu01 a:hover{url(../img/common/menu01.gif)no-repeat left bottom;}
#globalmenu li.menu02 a:hover{url(../img/common/menu02.gif)no-repeat left bottom;}
#globalmenu li.menu03 a:hover{url(../img/common/menu03.gif)no-repeat left bottom;}
#globalmenu li.menu04 a:hover{url(../img/common/menu04.gif)no-repeat left bottom;}


/* ----------------------------------------
  2-4.サイドバーコンテンツ
---------------------------------------- */

#sidebar_inner{background:#fff}
#sidebar ul li{margin-bottom:20px;}
#sidebannar{}
#sidebannar img{margin-bottom:10px;}
.boxgray{width:217px;}

.boxgray_top{
	background:url(../img/common/boxtop.gif) no-repeat left top;
	height:15px;
}
.boxgray_mid{
	border-right:solid 4px #b0b0b0;
	border-left:solid 5px #b0b0b0;
}

.boxgray_mid input{
	width:100px !important;
	border:1px solid #aaa;
}

.login{padding:10px 0 10px 60px;}

.login a{
	background:url(../img/btn/btn_join.gif) no-repeat left top;
	width:80px;
	height:22px;
	display:block;
	text-indent:-999em;
}
.id_title{
	padding-left:5px;
	padding-top:2px;
	font-weight:bold;
	font-size:15px;
	width:50px;
	float:left;
	display:inline;
}

.kanin{padding-right:5px;}
.kanin a{color:#f00 !important;}

.boxgray_bottom{
	background:url(../img/common/boxbottom.gif) no-repeat left top;
	height:15px;
}
.boxgold{width:217px;}
.boxgold_top{
	background:url(../img/common/gold_boxtop.gif) no-repeat left bottom;
	height:15px;
}
.boxgold_mid{
	border-right:solid 4px #d4b51e;
	border-left:solid 5px #d4b51e;
	padding-bottom:1px;
}

.boxgold_mid input{border:1px solid #aaa;}

.side_sarch{padding:10px 0 10px 65px;}
.categoly .h4_top ,
.categoly h4{
	padding:2px 0 3px 0;
	padding-left:10px;
	border-bottom:solid 2px #999;
	color:#a31aa5;
}

.categoly .h4_top{border-top:none;}
.categoly h4{border-top:solid 1px #999;}
.categoly p,
.brand_text p{margin-bottom:7px;}

.categoly a ,
.brand_text a{
	color:#F00 !important;
	background:url(../img/common/listmark01.gif) no-repeat 8px 50%;
	padding-left:20px;
}
.kanin a:hover,
.categoly a:hover ,
.brand_text a:hover{color:#a31aa6;}

.brand_text ,
.categoly{
	width:200px;
	padding-left:0px;
}

.side_sarch a{
	background:url(../img/btn/btn_sarch.gif) no-repeat left top;
	display:block;
	width:80px;
	height:22px;
	text-indent:-999em;
}
.boxgold_bottom{
	background:url(../img/common/gold_boxbottom.gif) no-repeat left top;
	height:15px;
}
/* ----------------------------------------
  2-5.フッターコンテンツ
---------------------------------------- */

#footer_inner ul{
	background:url(../img/common/footer_menu_bg.gif) repeat-x left top;
	 overflow:hidden;
	padding-left:70px;
	padding-top:4px;
	height:40px;
	color:#fff;
}

#footer ul li { 
	float:left;
	display: inline;  
	margin-left: 10px;  
	padding-left: 10px;  
	border-left: 1px solid #fff;
	font-weight:bold;
	margin-top:10px;
}  

#footer ul li:first-child,  
#footer ul li.firstChild {  
    margin-left: 0;  
    padding-left: 10px;  
    border-left: 0;  
} 

#footer a{
	text-decoration:none;
	color:#fefefe;
}

#footer a:hover{
	text-decoration:underline;
	color:#fefefe;
}

address{text-align:center;}

.bg_footer1 ,
.bg_footer2{
	background:url(../img/common/footer_side.gif) repeat-x;
	width:400px;
	height:40px;
}

.bg_footer1{
	position:absolute;
	top:0px;left:-350px;
}

.bg_footer2{
	position:absolute;
	top:0px;
	left:950px;
}

/* ----------------------------------------
  2-6.リンク
---------------------------------------- */

a {color:#0000ff;}
a:hover{color:9999ff;}


/* ----------------------------------------
  2-8.見出し(hタグ）
---------------------------------------- */

h1{margin-bottom:10px;}
h2{margin-bottom:10px;}
h3{margin-bottom:0px;}
h4{margin-bottom:10px;}
h5{margin-bottom:10px;}


/* ----------------------------------------
  2-9.text,強調
---------------------------------------- */

#maincolumn p{
	line-height:1.6;
}

.phtext{
	overflow:hidden;
	_zoom:1;
}

.nm{margin:0 !important;}
.notice{font-size:80%:}
strong{font-weight:bold;}

em{
	font-weight:bold;
	color:#990000;
}
/* ----------------------------------------
  2-9.イメージ
---------------------------------------- */


.phleft{
	float:left;
	display:inline;
	margin-right:15px;
}

.phright{
	float:right;
	display:inline;
	margin-left:15px;
}

/* ----------------------------------------
  2-10.リスト
---------------------------------------- */

dl#topic{}

dl#topic dt{
	float:left;
	display:inline;
	clear:left;
	width:100px;
	padding-left:10px;
	background:url(../img/common/arrow.gif) no-repeat left 40%;
	margin-bottom:10px;
}

dl#topic dd{
	float:left;
	display:inline;
	width:350px;
	margin-bottom:10px;
}


.list1{margin:10px 0px 40px 3px;}

.list1 li{
	padding-left:15px;
	margin-bottom:5px;
	line-height:1.5;
	background:url(../img/common/listmark1.gif) no-repeat left 40%;
}


/* ----------------------------------------
  2-11.共通BOX
---------------------------------------- */

.section1{margin-bottom:20px;}
.section2{margin-bottom:40px;}

#gotop{
	text-align:right;
	padding:20px;
}

/* ----------------------------------------
  2-12.パンクズ
---------------------------------------- */

#pankuzu{
	padding:20px 0px 0px 0px;
	height:60px;
}

#pankuzu ul li.last{background:none;}

#pankuzu ul li{
	float:left;
	display:inline;
	padding-right:15px;
	margin-right:10px;
	background:url(../img/common/pankuzupoint.gif) no-repeat right 3px;
	font-size:11px;
}


/* ----------------------------------------
  2-13.テーブル
---------------------------------------- */

.table1{
	margin-bottom:50px;
	width:100%;
}

.table1 th{
	border:1px solid #ddd;
	padding:10px;
	width:100px;
	text-align:left;
}

.table1 td{
	border:1px solid #ddd;
	padding:10px;
	line-height:1.5;
}

.table2{
	margin-bottom:50px;
	width:100%;
}

.table2 th{
	border:1px solid #ddd;
	padding:10px;
	width:220px;
	font-weight:normal;
	line-height:1.5;
	text-align:left;
}

.table2 td{
	border:1px solid #ddd;
	padding:10px;
	line-height:1.5;
}



/* ----------------------------------------
  2-14. makeshop　調整用
---------------------------------------- */

mtbr{margin-top:-20px:}