@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-x #fff;
	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:955px;}

#header{height:102px;}
#header_inner{height:102px;}
#footer{height:160px;}
#footer_inner{height:160px;}

#sidebar{width:245px;}
#sidebar_inner{width:205px;}
#maincolumn{width:710px;}


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


#header{
	background:url(../img/common/bg_header.jpg) no-repeat;
	position:relative;
}

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

#sidebar{
	background-color:#fff;
	padding-bottom:50px;
	margin:0 auto;
	margin-top:-2px;
}

#maincolumn{
	background-color:#fff;
	padding-bottom:50px;
	text-align:left;
	margin:0 auto;
}

#footer{
	position:relative;
}


#footer_inner{
	margin:0p auto;
}

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

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


#tagline{
	background:url(../img/common/deliveries_snacks.gif) no-repeat left top;
	width:323px;
	height:43px;
	left:630px;
	top:0px;
	font-size:12px;
	color:#000;
	font-weight:bold;
}

#tagline p{
	padding-top:14px;
}

#logo{left:5px;top:35px;}
#tel{right:10px;top:20px;}
#headerright{right:10px;top:10px;}


#headermenu {
	position:absolute;
	left:500px;
	top:10px;
}

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

#globalmenu{
	position:absolute;
	left:220px;
	top:50px;
	margin-left:23px;
}

#globalmenu li{
	float:left;
	display:inline;
}

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

#globalmenu li.menu01 a{
	width:78px;
}
#globalmenu li.menu02 a{
	width:186px;
}
#globalmenu li.menu03 a{
	width:108px;
}
#globalmenu li.menu04 a{
	width:96px;
}
#globalmenu li.menu05 a{
	width:121px;
}
#globalmenu li.menu06 a{
	width:120px;
}


#globalmenu li.menu01 a{background:url(../img/btn/gmenu01.gif) no-repeat left top;}
#globalmenu li.menu02 a{background:url(../img/btn/gmenu02.gif) no-repeat left top;}
#globalmenu li.menu03 a{background:url(../img/btn/gmenu03.gif) no-repeat left top;}
#globalmenu li.menu04 a{background:url(../img/btn/gmenu04.gif) no-repeat left top;}
#globalmenu li.menu05 a{background:url(../img/btn/gmenu05.gif) no-repeat left top;}
#globalmenu li.menu06 a{background:url(../img/btn/gmenu06.gif) no-repeat left top;}


#globalmenu li.menu01 a:hover{background:url(../img/btn/gmenu01.gif) no-repeat left bottom;}
#globalmenu li.menu02 a:hover{background:url(../img/btn/gmenu02.gif) no-repeat left bottom;}
#globalmenu li.menu03 a:hover{background:url(../img/btn/gmenu03.gif) no-repeat left bottom;}
#globalmenu li.menu04 a:hover{background:url(../img/btn/gmenu04.gif) no-repeat left bottom;}
#globalmenu li.menu05 a:hover{background:url(../img/btn/gmenu05.gif) no-repeat left bottom;}
#globalmenu li.menu06 a:hover{background:url(../img/btn/gmenu06.gif) no-repeat left bottom;}


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

#sidelogin a{
	color:#b93b22;
}
	

#btn_join ,
#btn_login{
	margin:5px 0 5px 35px; 	
}

#sidelogin img{
	margin:0 0 20px 35px;
}

#sidebar_inner h4{
	margin-bottom:5px;
}

#sidebar_inner h5{
	font-size:16px;
	color:#000;
	text-decoration:none;
}

#sidebar_inner h5 a{
	font-size:16px;
	color:#000;
	text-decoration:none;
}

#sidebar_inner h5 a:hover{
	text-decoration:underline;
}

#sidebar_inner ul{
	line-height:1.6;
	margin-bottom:20px;
}

#sidebar_inner ul li a{
	color:#b93b22;
}

#sidebar_inner ul a{
	color:#b93b22;
}


#sidebannar{}

#bnr01 ,
#bnr02 ,
#bnr03{
	display:block;
	margin-bottom:10px;
	text-indent:-999em;
	width:208px;
	height:59px;
}

#bnr01{
	background:url(../img/common/bnr01.png) no-repeat left top;
}

#bnr02{
	background:url(../img/common/bnr02.png) no-repeat left top;
}

#bnr03{
	background:url(../img/common/bnr03.png) no-repeat left top;
}

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

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

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



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

#footer_logo{
	float:left;
	margin:40px 0 40px 5px;
}

#footer_right{
	width:710px;
	float:left;
	margin-top:40px;
	margin-left:35px;
}

#footermenu{
	margin-bottom:10px;
}

#footermenu li{
	margin-right:5px;
	margin-bottom:10px;}

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



.fmenu01{
	width:51px;
	background:url(../img/btn/fmenu01.gif) no-repeat left top;
}

.fmenu02{
	width:152px;
	background:url(../img/btn/fmenu02.gif) no-repeat left top;
}

.fmenu03{
	width:79px;
	background:url(../img/btn/fmenu03.gif) no-repeat left top;
}

.fmenu04{
	width:65px;
	background:url(../img/btn/fmenu04.gif) no-repeat left top;
}

.fmenu05{
	width:91px;
	background:url(../img/btn/fmenu05.gif) no-repeat left top;
}

.fmenu06{
	width:93px;
	background:url(../img/btn/fmenu06.gif) no-repeat left top;
}

.fmenu07{
	width:153px;
	background:url(../img/btn/fmenu07.gif) no-repeat left top;
}

.fmenu08{
	width:187px;
	background:url(../img/btn/fmenu08.gif) no-repeat left top;
}

#footer ul li {
	float:left;
    display: inline;  
    margin-left: 10px;  
    padding-left: 10px;  
}  




address{
	text-align:center;
}


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

a {color:#b93a21;}
a:hover{color:#F90;}


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

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

.bg_title{
	font-size:22px;
	height:30px;
	padding-left:40px;
	background:url(../img/common/bg_title.png) no-repeat left 1px;
}

.bg_title1{
	font-size:22px;
	height:30px;
	padding-left:35px;
	background:url(../img/common/bg_title1.png) no-repeat left 0px;
}

.bg_title2{
	font-size:22px;
	height:30px;
	padding-left:35px;
	background:url(../img/common/bg_title2.png) no-repeat left top;
}

.bg_title3{
	font-size:22px;
	height:30px;
	padding-left:35px;
	background:url(../img/common/bg_title3.png) no-repeat left -2px;
}

.bg_title4{
	font-size:22px;
	height:30px;
	padding-left:45px;
	background:url(../img/common/bg_title4.png) no-repeat left top;
	padding-top:4px;
}
.bg_title5{
	font-size:22px;
	height:30px;
	padding-left:45px;
	background:url(../img/common/bg_title5.png) no-repeat left -2px;
}
.bg_title6{
	font-size:22px;
	height:30px;
	padding-left:45px;
	background:url(../img/common/bg_title6.png) no-repeat left -1px;
}
.bg_title7{
	font-size:22px;
	height:30px;
	padding-left:35px;
	padding-bottom:5px;
	padding-top:7px;
	background:url(../img/common/bg_title7.png) no-repeat left top;
}


/* ----------------------------------------
  2-9.text,強調
---------------------------------------- */
#maincolumn p{
	line-height:1.6;
	font-size:14px;
}

#maincolumn h4{
	margin-bottom:10px;
	padding-left:40px;
	font-size:22px;
	height:30px;
	background:url(../img/common/title_icon.png) no-repeat left -3px;
}


.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:10px 0px 20px 0px;
}

#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:660px;
}

.table1 th{
	font-size:12px;
	border:1px solid #ddd;
	width:220px;
	padding:5px;
	text-align:left;
	background-color:#FC9;
}

.table1 td{
	text-align:left;
	padding:5px;
	border:1px solid #ddd;
	line-height:1.5;
}

.table2{
	width:710px;
	table-layout:fixed;
	margin-bottom:20px;
}

.table2_1{
	width:500px;
	table-layout:fixed;
	margin-bottom:20px;
	margin-left:105px;
}

.table2_1 th,
.table2 th{
	font-size:12px;
	padding:5px;
	width:223px;
	font-weight:bold;
	line-height:1.3;
	text-align:left;
}

.table2_1 td,
.table2 td{
	width:223px;
	padding:0px 0 3px 5px;
	line-height:1.4;
	font-weight:normal;
}

.table3{
	border:solid 1px #86d3d6;
	margin:0;
	text-align:left;
	margin-bottom:10px;
	width:550px;
}

.table3 th{
	padding:5px;
	font-weight:normal;
	line-height:1.5;
	text-align:left;
}

.table3 td{
	color:#86d3d6;
	width:200px;
	padding:5px 0 5px 7px;
	line-height:1.0;
}

.table4{
	margin:0;
	border:solid 1px #000;
	text-align:left;
	margin-bottom:30px;
	width:800px;
	font-size:14px;
}

.table4 th{
	padding:5px;
	font-weight:normal;
	line-height:1.5;
	text-align:left;
}

.table4 td{
	border:solid 1px #000;
	padding:5px 0 5px 7px;
	line-height:1.0;
}

.table4 span{
	font-size:16px;
}


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

mtbr{margin-top:-20px:}