@charset "utf-8";
/*
Success Street Inc  Style ver2009.0.01
Author: 京急新馬場商店街振興組合
Author URI: http://sinbanba.com
*/
/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	padding: 0;
	margin: 0;
	border: 0;
	font-size: 100%;
	background: transparent;
	outline: 0;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
caption {width: 100%;}



body
	{
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	text-align: center;
	background: #FFF;
}

a{
	color: #0000CC;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

h1{
	font-size: 122%;
	line-height: 200%;
}

p{
	line-height: 130%;
}


#container
	{
	width: 950px;
	margin: 0px auto;
	text-align: left;
}

#header
	{
	width: 100%;
	background: url(img/ss_header.png) repeat;
}

#header .logo
	{
	padding: 10px 5px;
}

#header .manifesto
	{
	height: 19px;
	padding-top: 10px;
	padding-left: 100px;
	font-size: 77%;
}

#header .navi
	{
	height: 60px;
	width: 100%;
}

#header .navi ul
	{
	padding-left: 20px;
}

#header .navi li
	{
	float: left;
	height: 40px;
	width: 160px;
	overflow: hidden;
	color: #FFF;
	line-height: 40px;
	text-decoration: none;
	display: block;
	text-align: center;
	list-style-type: none;
}

#header .navi li a
	{
	color: #FFF;
}

#header .navi li a:hover
	{
	height: 40px;
	width: 160px;
	text-decoration: none;
	background-image: url(img/ss_navihov.png);
	background-position: center;
}

#topimage
	{
	clear: left;
	height: 200px;
	width: 100%;
	margin-bottom: 15px;
}

#contentbox
	{
	float: left;
	width: 100%;
	overflow: hidden;
}

#productbox
	{
	float: left;
	width: 500px;
	margin-right: 40px;
	overflow: hidden;
}

#sidebar
	{
	float: left;
	width: 410px;
	margin-bottom: 50px;
	overflow: hidden;
}

#philosophy
	{
	clear: left;
	margin-bottom: 50px;
	display: block;
	text-align: center;
	height: 200%;
}

#footer
	{
	clear: both;
	width: 100%;
	padding: 6px 0px 10px 0px;
	font-size: 77%;
	text-align: center;
	background: url(img/ss_foot.png) repeat;
}


.title
	{
	height: 30px;
	padding: 0px 0px 0px 15px;
	line-height: 30px;
	margin-bottom: 10px;
	color: #FFF;
	display: block;
	background: url(img/ss_line.png) repeat;
}

.product
	{
	clear: both;
	padding-bottom: 10px;
	overflow: hidden;
	background: url(img/ss_contentback.png) repeat-x;
}

.product ul
	{
	padding: 80px 0px 0px 280px;
	line-height: 110%;
	list-style-type: none;
}

.product li
	{
	padding-bottom: 10px;
	font-size: 77%;
}

.product li a
	{
	font-size: 133%;
	color: #0000CC;
	text-decoration: none;
	list-style-type: none;
}

.product li a:hover
	{
	text-decoration: underline;
}

a#gamushara
	{
	float: left;
	height: 250px;
	width: 250px;
	display: block;
	text-indent: -1000px;
	background: url(img/ss_gamushara.jpg) top;
}

a#gamushara:hover
	{
	background-position: bottom;
}

a#bariuma
	{
	float: left;
	height: 250px;
	width: 250px;
	display: block;
	text-indent: -1000px;
	background: url(img/ss_bariuma.jpg) top;
}

a#bariuma:hover
	{
	background-position: bottom;
}

#outline
	{
	width: 100%;
	padding-left: 10px;
	background: url(img/ss_contentback.png) repeat-x;
}

a#gyoko
	{
	float: left;
	height: 250px;
	width: 250px;
	display: block;
	text-indent: -1000px;
	background: url(img/ss_gyokoyokoku.jpg) top;
}


table#outline
	{
	width: 400px;
	padding-bottom: 10px;
	line-height: 120%;
}

table.outline td.first
	{
	width: 100px;
	padding: 1em 0px;
	border-bottom: 1px solid #CCC;
	line-height: 120%;
}

table.outline td
	{
	width: 300px;
	padding: 1em 0px;
	border-bottom: 1px solid #CCC;
	line-height: 120%;
}

#recruit{
	width: 300px;
	padding-left: 10px;
	font-size: 93%;
	text-align: left;
}
.link{
	font-size: 85%;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 100px;
}
.link p{
	margin-bottom: 2em;
}
.link li{
	line-height: 1.7em;
}
.link span{
	font-size: 77%;
}

