@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-y 50% #FEEAE1;
	font-size:88%;
	color:#575757;
	text-align:center;
	margin:auto;
}
* html body {font-size:75%;}
*:first-child+html body {font-size:75%;}


/* ----------------------------------------
  2-1.全体レイアウト_サイズ
---------------------------------------- */
table{margin:0 auto;}

#maincolumn table{margin:0;}

#header{
	background:url(../img/common/header.jpg) no-repeat;
	position:relative;
	width:852px;
	margin:0 auto;
	position:relative;
}
#header ,
#footer{width:852px;}

#header_inner ,
#footer_inner{
	width:852px;
	margin:0 auto;
}

#header{height:200px;}
#header_inner{margin:0 auto;}
#footer{height:100px;}
#footer_inner{margin:0 auto;}

#sidebar{width:205px;}
#sidebar_inner{width:175px;}

#maincolumn{width:625px;}
#maincolumn_inner{
			width:564px;
			float:left;
			display:inline;
}


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

#header{
	position:relative;
	margin-bottom:0px;
}

#header_inner{
	height:140px;
	margin-bottom:10px;}

#sidebar{
	background-color:#fff;
	padding-bottom:50px;
	margin:9px auto 0px auto;
	margin-left:2px;
}
#sidebar_inner{
	margin:0 auto 0 20px;
}
#maincolumn{
	background-color:#fff;
	padding-bottom:50px;
	text-align:left;
	margin:0px auto;
}
#maincolumn_inner{
	margin:0 0 0 30px;
}
#footer{position:relative;}
#footer_inner{margin:0 auto;}

/* ----------------------------------------
  2-2.ヘッダーコンテンツ
---------------------------------------- */
/*
#tagline ,
#logo ,
#tel ,
#headerright ,
{position:absolute;}*/


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

#logo{
	position:absolute;
	left:272px;
	top:25px;
}
#login{
	position:absolute;
	left:765px;
	top:84px;
}

#headerid{
	text-align:left;
	color:#FFF;
	font-weight:bold;
	position:absolute;
	left:545px;
	top:85px;
}

#headerpass{
	text-align:left;
	color:#FFF;
	font-weight:bold;
	position:absolute;
	left:670px;
	top:85px;
}



#headerpass input,
#headerid input{
	float:left;
	display:inline;
}

#memberlogin{
	color:#FFF;
	font-weight:bold;
	position:absolute;
	left:525px;
	top:65px;
}
#headerid_text ,
#headerpass_text{
	color:#FFF;
	font-weight:bold;
	position:absolute;
	
}

#headerid_text{
	left:525px;
	top:88px;
}

#headerpass_text{
	left:630px;
	top:88px;
}
/* ----------------------------------------
  2-3.グローバルメニュー
---------------------------------------- */

#globalmenu{
	width:852px;
	height:14px;
	margin:0px auto;
}
#globalmenu li{
	float:left;
	display:inline;}

#globalmenu li a{
	display:block;
	height:14px;
	overflow:hidden;
	text-indent:-999em;
	font-size:11px;
}

#globalmenu li.menu01 a{
		width:143px;		
		background:url(../img/common/menu01.png) no-repeat left top;
		margin-left:96px}
#globalmenu li.menu02 a{
		width:146px;
		background:url(../img/common/menu02.png) no-repeat left top;}
#globalmenu li.menu03 a{
		width:144px;
		background:url(../img/common/menu03.png) no-repeat left top;}
#globalmenu li.menu04 a{
		width:113px;
		background:url(../img/common/menu04.png) no-repeat left top;}
#globalmenu li.menu05 a{
		width:112px;
		background:url(../img/common/menu05.png) no-repeat left top;}

#globalmenu li.menu01 a:hover{background:url(../img/common/menu01.png) no-repeat left -14px;}
#globalmenu li.menu02 a:hover{background:url(../img/common/menu02.png) no-repeat left -14px;}
#globalmenu li.menu03 a:hover{background:url(../img/common/menu03.png) no-repeat left -14px;}
#globalmenu li.menu04 a:hover{background:url(../img/common/menu04.png) no-repeat left -14px;}
#globalmenu li.menu05 a:hover{background:url(../img/common/menu05.png) no-repeat left -14px;}



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


/*サイドバー*/


#sidebannar img{margin-bottom:10px;}

#shopingcart{
	margin-bottom:19px;
	width:179px;
}

#shopingcart a{
	overflow:hidden;
	text-indent:-999em;
	background:url(../img/common/basket.png) no-repeat left top;
	height:40px;
	display:block;
	
}

#sinki{
	margin-bottom:19px;
	width:175px;
}

#sinki a{
	overflow:hidden;
	text-indent:-999em;
	background:url(../img/common/sinki.jpg) no-repeat left top;
	height:45px;
	display:block;
	
}


#shopingcart a:hover{
	background:url(../img/common/basket.png) no-repeat left bottom;
}


#sidebar_box{
	margin-bottom:16px;
	width:174px;
	margin-bottom:16px;
	border:solid 1px #f4b5cb;
	border-top:none;
}


#sidebar_box li{
	margin:0px 0 5px 0;
	padding-top:5px;
}


#sidebar_box li a{
	display:block;
	height:34px;
	overflow:hidden;
	text-indent:-999em;
	font-size:11px;
	width:163px;
	text-indent:-999em;
	margin-left:7px;
}

#sidebar_box li.side_left_li1 a{
		background:url(../img/common/side_pleft_li_1.png) no-repeat left top;
}
		
#sidebar_box li.side_left_li2 a{
		background:url(../img/common/side_pleft_li_2.png) no-repeat left top;
}

#sidebar_box li.side_left_li3 a{
		background:url(../img/common/side_pleft_li_3.png) no-repeat left top;
}

#sidebar_box li.side_left_li4 a{
		background:url(../img/common/side_pleft_li_4.png) no-repeat left top;
}

#sidebar_box li.side_left_li5 a{
		background:url(../img/common/side_pleft_li_5.png) no-repeat left top;
}

#sidebar_box li.side_left_li1 a:hover{background:url(../img/common/side_pleft_li_1.png) no-repeat left bottom;}
#sidebar_box li.side_left_li2 a:hover{background:url(../img/common/side_pleft_li_2.png) no-repeat left bottom;}
#sidebar_box li.side_left_li3 a:hover{background:url(../img/common/side_pleft_li_3.png) no-repeat left bottom;}
#sidebar_box li.side_left_li4 a:hover{background:url(../img/common/side_pleft_li_4.png) no-repeat left bottom;}
#sidebar_box li.side_left_li5 a:hover{background:url(../img/common/side_pleft_li_5.png) no-repeat left bottom;}


#goods_list{
	width:174px;
	margin-bottom:16px;
	border:solid 1px #f4b5cb;
	border-top:none;
}
#goods_list a{
	color:#646464;
}
#goods_list li{
	background:url(../img/common/li_mark1.jpg) no-repeat left 8px;
	margin:0px 0 5px 5px;
	padding-left:19px;
	padding-top:5px;
}
#goods_list ul.goods_list{
	margin-bottom:5px;
	
}

#mailmagazine a{
	background:url(../img/common/bnr_mail.gif) no-repeat left top;
	widows:175px;
	height:63px;
	display:block;
	overflow:hidden;
	text-indent:-999em;
	margin-bottom:19px;
}
#mailmagazine a:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity:0.8;
	opacity:0.8;
}

#introduce_box{
	margin:10px auto 3px auto;
}

	
#introduce_box a{
	background:url(../img/common/banar_08.png) no-repeat left top;
	widows:175px;
	height:111px;
	display:block;
	overflow:hidden;
	text-indent:-999em;
}
#introduce_box a:hover{
	background:url(../img/common/banar_08.png) no-repeat left bottom;
}

#buydog_box{
	margin:10px auto 14px auto;
}

#buydog_box a{
	background:url(../img/common/banar_09.png) no-repeat left top;
	widows:175px;
	height:241px;
	display:block;
	overflow:hidden;
	text-indent:-999em;
}
#buydog_box a:hover{
	background:url(../img/common/banar_09.png) no-repeat left bottom;
}

#plan_box{
	margin:10px auto 15px auto;
}

#plan_box a{
	background:url(../img/common/banar_010.png) no-repeat left top;
	widows:175px;
	height:66px;
	display:block;
	overflow:hidden;
	text-indent:-999em;
}
#plan_box a:hover{
	background:url(../img/common/banar_010.png) no-repeat left bottom;
}

#hoken{
	margin:10px auto 15px auto;
}

#hoken a{
	background:url(../img/common/banar13.png) no-repeat left top;
	widows:172px;
	height:66px;
	display:block;
	overflow:hidden;
	text-indent:-999em;
}
#hoken a:hover{
	background:url(../img/common/banar13.png) no-repeat left bottom;
}

#logics_box{
	margin:10px auto 16px auto;
}

#logics_box a{
	background:url(../img/common/banar_11.png) no-repeat left top;
	widows:175px;
	height:133px;
	display:block;
	overflow:hidden;
	text-indent:-999em;
}
#logics_box a:hover{
	background:url(../img/common/banar_11.png) no-repeat left bottom;
}

#highcrosoft_box{
	margin:10px auto 16px auto;
}

#highcrosoft_box a{
	background:url(../img/common/banar_12.png) no-repeat left top;
	widows:175px;
	height:95px;
	display:block;
	overflow:hidden;
	text-indent:-999em;
}
#highcrosoft_box a:hover{
	background:url(../img/common/banar_12.png) no-repeat left bottom;
}

#contact_box{
	margin:10px auto 12px auto;
	widows:175px;
	height:400px;
	background:url(../img/common/side_left_contact.jpg) no-repeat;
	position:relative;
}
.webcontact a{
	position:absolute;
	left:20px;
	top:215px;
}
.webcontact a:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity:0.8;
	opacity:0.8;
}

/*サイドバーここまで*/

/* ----------------------------------------
  2-5.フッターコンテンツ
---------------------------------------- */

#footer{
	background-color:#ff4272;
	width:852px;
	height:30px;
	margin:0 0 0 0;
} 

#footer_image{
	position:absolute;
	left:289px;
	top:12px;
}

#footer a:hover{
}
/* ----------------------------------------
  2-6.リンク
---------------------------------------- */

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


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

h1{margin-bottom:10px;}
h2{margin-bottom:10px;}
h3{margin-bottom:10px;}
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:5px 0px 0px 0px;
	height:40px;
}

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