@charset "UTF-8";
/* CSS Document */
@import url(gNavi.css);

body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/*If you want this size in pixels (px)	Declare this percent (%)
10	 77
11	 85
12	 93 (was 93)
13	 100
14	 108 (was 107)
15	 116 (was 114)
16	 123.1 (was 122)
17	 131 (was 129)
18	 138.5 (was 136)
19	 146.5 (was 144)
20	 153.9 (was 152)
21	 161.6 (was 159)
22	 167
23	 174
24	 182
25	 189
26	 197*/

body{
	background-color: #000000;
	text-align: center;
	font:13px/1.22 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック";
	*font-size:small;
	*font:x-small;
	margin: 0px;
}

#wrap{
	width: 800px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #000000;
	text-align: left;
}

#header{
	background-color: #333333;
	width: 800px;
	height: 156px;
}


#header-name{
	height: 156px;
	width: 800px;
	overflow: hidden;
}

#header-name a{
	display: block;
	height: 0px;
	width: 800px;
	overflow: hidden;
	padding-top: 156px;
	background-image: url(../contents/img/headerImage.png);
}

#header h1{
	font-size: 12px;
	font-weight: bold;
	color: #999999;
	margin: 0px;
	padding: 0px;
}

#header h2{
	font-size: 10px;
	line-height: 10px;
	color: #666666;
}

#header a{
	color: #CCCCCC;
	text-decoration: none;
}

#contanier{
	margin: 0px;
	width: 800px;
}

#contents{
	float: left;
	width: 590px;
}

#contents h1{
	font-size: 150%;
	color: #FFFFFF;
}


#pankuzu{
	/*font-size: 10px;*/
	/*line-height: 12px;*/
	color: #999999;
	font-size: 85%;
	width: 500px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding-top: 15px;
}
#pankuzu ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#pankuzu li{
	display: inline;
}

#pankuzu a{
	color: #999999;
}



#side{
	float: right;
	width: 205px;
	font-size: 85%;
	color: #CCCCCC;
}

#side h2, #side h3{
	font-size: 100%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1em;
	margin-left: 0px;
	font-weight: normal;
}


#side ul{
	list-style-type: none;
	margin: 0px;
	padding: 0em;
}

#side li{
	list-style-type: none;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 1em;
	margin-bottom: 1em;
	padding: 0px;
}

#side a:link{
	color: #CCCCCC;
	text-decoration: none;
}
#side a:visited{
	color: #CCCCCC;
	text-decoration: none;
}

#side a:hover{
	color: #ffffff;
	text-decoration: none;
}

#side h3#h3_01 a{
	color: #DA2328;
}

#side h3#h3_02 a{
	color: #F6BE1D;
}

#side h3#h3_03 a{
	color: #B6D443;
}

#side h3#h3_04 a{
	color: #197834;
}

#side h3#h3_05 a{
	color: #1A609F;
}

#side h3#h3_06 a{
	color: #E15815;
}


#shopMenu01, #shopMenu02, #shopMenu03, #shopMenu04, #shopMenu05, #shopMenu06, #shopMenu07, #shopMenu08, #shopMenu09, #shopMenu10, #shopMenu11, #shopMenu12, #shopMenu13, #shopMenu14{
	display: none;
} 
#shopMenu01 a:link, #shopMenu02 a:link, #shopMenu03 a:link, #shopMenu04 a:link, #shopMenu05 a:link, #shopMenu06 a:link, #shopMenu07 a:link, #shopMenu08 a:link, #shopMenu09 a:link, #shopMenu10 a:link, #shopMenu11 a:link, #shopMenu12 a:link, #shopMenu13 a:link, #shopMenu14 a:link{
	color: #999999;
	text-decoration: none;
} 

#shopMenu01 a:visited, #shopMenu02 a:visited, #shopMenu03 a:visited, #shopMenu04 a:visited, #shopMenu05 a:visited, #shopMenu06 a:visited, #shopMenu07 a:visited, #shopMenu08 a:visited, #shopMenu09 a:visited, #shopMenu10 a:visited, #shopMenu11 a:visited, #shopMenu12 a:visited, #shopMenu13 a:visited, #shopMenu14 a:visited{
	color: #999999;
	text-decoration: none;
} 



#shopMenu01 a:hover, #shopMenu02 a:hover, #shopMenu03 a:hover, #shopMenu04 a:hover, #shopMenu05 a:hover, #shopMenu06 a:hover, #shopMenu07 a:hover, #shopMenu08 a:hover, #shopMenu09 a:hover, #shopMenu10 a:hover, #shopMenu11 a:hover, #shopMenu12 a:hover, #shopMenu13 a:hover, #shopMenu14 a:hover{
	color: #ffffff;
	text-decoration: none;
} 



/*共通フォント設定*/
#greeting,#company,#history,#recruit,#shop{
	text-align: left;
	font-size: 85%;
	color: #CCCCCC;
	line-height: 150%;
}




/*会社概要*/
#company{
}

#company #h1{
	display: block;
	margin: 0px;
	padding: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}

#company h2{
	font-size: 14px;
	color: #999999;
}

#company #gaiyo dl{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	display: block;
}

#company #gaiyo dt{
	width: 7em;
}

#company #gaiyo dd{
	margin-top: -1.5em;
	margin-left: 8em;
	margin-bottom: 0.5em;
}

#company #eigyo dl{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1em;
	margin-left: 0px;
}


#company #eigyo dt{
	width: 14em;
}

#company #eigyo dd{
	margin-top: -1.5em;
	margin-left: 15em;
	margin-bottom: 0.5em;
}



/*会社沿革*/
#history{
}

#history #h1{
	padding-top: 10px;
	padding-bottom: 15px;
}

#history h1{
	margin: 0px;
}

#history dl{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1em;
	margin-left: 0px;
}

#history dt{
	width: 7em;
	text-align: right;
}

#history dd{
	margin-top: -1.5em;
	margin-left: 8em;
	margin-bottom: 0.5em;
}


/*正社員採用情報*/
#recruit{
}

#recruit #h1{
}

#recruit h1{
}


#recruit dl{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1em;
	margin-left: 0px;
}

#recruit dt{
	width: 7em;
}

#recruit dd{
	margin-top: -1.5em;
	margin-left: 8em;
	margin-bottom: 0.5em;
}





/*営業内容*/
#shop{

}

#shop h1{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}



#shop #shopList h2{
	font-size: 100%;
	color: #CCCCCC;
	line-height: 1.2em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#shop #shopList h2#h2_01{
	color: #DA2328;
}

#shop #shopList h2#h2_02{
	color: #F6BE1D;
}

#shop #shopList h2#h2_03{
	color: #B6D443;
}

#shop #shopList h2#h2_04{
	color: #197834;
}

#shop #shopList h2#h2_05{
	color: #1A609F;
}

#shop #shopList h2#h2_06{
	color: #E15815;
}

#shop #shopList h3{
	font-size: 85%;
	line-height: 1.2em;
	margin: 0px;
}

#shop #shopList ul{
	padding: 0px;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#shop #shopList li{
	margin: 0px;
	list-style-type: none;
	font-size: 93%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0.5em;
	padding-left: 0em;
}

#shop #shopList a:link{
	color: #CCCCCC;
	text-decoration: none;
}

#shop #shopList a:visited{
	color: #999999;
	text-decoration: none;
}

#shop #shopList a:hover{
	color: #FFFFFF;
	text-decoration: none;
}

#shop #shopText h2{
	font-size: 115%;
	color: #FDD23E;
	line-height: 1.2em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#shop #shopText h3{
	font-size: 115%;
	line-height: 1.2em;
	margin: 0px;
}

#shop #shopImage{
	padding-bottom: 20px;
}

#shop #shopText{
	float: left;
	width: 290px;
}

#shop #shopText p{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#shop #shopMap{
	float: right;
	width: 295px;
	background-color: #CCCCCC;
}

#shop #shopMap a{
	color: #CCCCCC;
	text-decoration: none;
}

#shop #shopText .shopPNumber{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 125%;
	margin: 0px;
	padding: 0px;
}


#shop #siteLink{
	height: 20px;
	width: 285px;
	overflow: hidden;
}

#shop #siteLink a{
	display: block;
	height: 20px;
	width: 285px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	background-color: #CC0000;
}


/*BEAT UP NEWS*/
#b-u-n{
}

#b-u-n #h1{
}

#b-u-n h1{
}



#footer{
	clear: both;
	font-size: 75%;
	color: #999999;
	padding-top: 40px;
}

#footer #nameFooter{
	float: left;
}

#footer #copyright{
	float: right;
	font-size: 85%;
	color: #666666;
}





.cClear{
	clear: both;
}