body {
	margin: 0;
	padding: 0;
	background: #f4f4f4;
	color: #555555;
	font-size: 80%;
}


/****************************************************
	初期化
*****************************************************/

#content p,
#content li,
#content dt,
#content dd,
#content th,
#content td {
	line-height: 1.8;
}

#content p,
#content table,
#content dl {
	margin: 0 14px 10px 14px;
}
#content ul {
	margin: 0 14px 10px 34px;
	padding: 0;
}
#content ol {
	margin: 0 14px 10px 39px;
	padding: 0;
}

/* 入れ子リスト */
#content li ul,
#content li ol {
	margin: 0 0 0 25px;
}

/* リンク内画像 */
a img {
	border: 0;
}

/* レベル別設定 */
#content p.level2,
#content table.level2,
#content dl.level2 {
	margin: 0 0 10px 0;
}
#content ul.level2 {
	margin: 0 0 10px 20px;
	padding: 0;
}
#content ol.level2 {
	margin: 0 0 10px 25px;
	padding: 0;
}
#content p.level2 {
	font-size: 120%;
}
#content p.level4,
#content table.level4,
#content dl.level4 {
	margin: 0 28px 10px 28px;
}
#content ul.level4 {
	margin: 0 28px 10px 48px;
	padding: 0;
}
#content ol.level4 {
	margin: 0 28px 10px 53px;
	padding: 0;
}
#content p.level5,
#content table.level5,
#content dl.level5 {
	margin: 0 42px 10px 42px;
}
#content ul.level5 {
	margin: 0 42px 10px 62px;
	padding: 0;
}
#content ol.level5 {
	margin: 0 42px 10px 67px;
	padding: 0;
}


/****************************************************
	リンク
*****************************************************/

a:link {
	color: #555;
}
a:visited {
	color: #555;
}
a:hover {
	color: #00a5de;
}


/****************************************************
	テーブル
*****************************************************/

table.base {
	border-collapse: collapse;
	padding-top: 1px;
	width: 666px;
}
table.base,
table.base th,
table.base td {
	border: 0;
}
table.base th,
table.base td {
	padding: 5px;
	border-width: 1px 0;
	border-color: #ccc;
	border-style: dotted;
}
table.base th {
	background-color: #f5f5f5;
	font-weight: normal;
}

table.level2 {
	width: 694px;
}
table.level4 {
	width: 638px;
}


/****************************************************
	リスト
*****************************************************/

#content ul {
	list-style-image: url(../images/common/icon/arrow_02_list.gif);
}

/* 入れ子リスト */
#content li ul {
	list-style-image: url(../images/common/icon/disc_01_list.gif);
}
#content li ol {
	list-style-image: none;
	list-style-type: decimal;
}


/****************************************************
	汎用クラス
*****************************************************/

.center {
	text-align: center;
}
.right {
	text-align: right;
}
.nowrap {
	white-space: nowrap;
}
.red {
	color: red;
}
.bigger {
	font-size: 120%;
}
.smaller {
	font-size: 90%;
}
.bold {
	font-weight: bold;
}
.decoration-shadow {
	background: url(../images/common/bg/decoration_shadow.gif) no-repeat right bottom;
}
.clear {
	clear: both;
}

/****************************************************
	ヘッダーとコンテンツを含むエリア
*****************************************************/

#container {
	background: #eee url(../images/common/bg/top.gif) repeat-x center top;
	padding-top: 23px;
}
#container-inner {
	position: relative;
	z-index: 2;
	width: 834px;
	margin: 0 auto;
	background: #fff url(../images/common/bg/container.gif) center;
}


/****************************************************
	ヘッダー
*****************************************************/

#header {
	position: relative;
	height: 102px;
	background: url(../images/common/bg/header.gif) no-repeat center top;
}
#header h1 {
	margin: 34px 0 15px 0;
	float: left;
}
#header h1 img {
	margin-left: 28px;
}
#header .seino-group {
	margin: 31px 0 0 0;
	float: right;
}
#header .seino-group img {
	margin-right: 29px;
}
#global-menu {
	clear: both;
	margin: 0 0 0 17px;
	padding: 0;
}
#global-menu li {
	float: left;
	display: block;
	overflow: hidden;
	height: 27px;
}
#global-menu li a {
	display: block;
}
#global-menu li a:hover,
#global-menu li.active a {
	margin-top: -27px;
}
#global-menu li.home {
	position: absolute;
	top: -11px;
	right: 17px;
	float: none;
	display: inline;
}
#global-menu li.home a:hover {
	margin-top: 0;
}
#global-menu li.settlement {
	width: 103px;
}
#global-menu li.marugoto {
	width: 136px;
}
#global-menu li.marugoto a {
	margin-left: -103px;
}
#global-menu li.backyard {
	width: 201px;
}
#global-menu li.backyard a {
	margin-left: -239px;
}
#global-menu li.oem {
	width: 156px;
}
#global-menu li.oem a {
	margin-left: -440px;
}
#global-menu li.cash-management {
	width: 102px;
}
#global-menu li.cash-management a {
	margin-left: -596px;
}
#global-menu li.contact {
	width: 102px;
}
#global-menu li.contact a {
	margin-left: -698px;
}


/****************************************************
	コンテンツエリア
*****************************************************/

#content {
	clear: both;
	padding: 0 70px;
	background: url(../images/common/bg/content.gif) no-repeat center top;
}
#content:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}


/****************************************************
	フッター
*****************************************************/

#footer {
	position: relative;
	z-index: 1;
	margin: -69px 0 0 0;
	background: #f4f4f4 url(../images/common/bg/footer.gif) repeat-x center top;
	text-align: center;
	/*height: 245px;*/
	height: 219px;
}
#footer-menu {
	margin: 0;
	padding: 125px 0 0 0;
	width: 834px;
	margin: 0 auto 15px auto;
	background: url(../images/common/bg/footer2.gif) no-repeat center top;
}
#footer-menu li {
	display: inline;
	margin-left: 10px;
	padding-left: 11px;
	background: url(../images/common/icon/arrow_01.gif) no-repeat left center;
}
#copyright {
	margin: 0;
}
#copyright .company-name {
	text-transform: uppercase;
}


/****************************************************
	トップページ
*****************************************************/

body.top #content {
	padding: 0 33px;
}
body.top #main-image {
	margin: 0 -16px 25px -16px;
}
body.top h2 {
	margin: 0 0 10px 0;
}

/* サービス */
body.top #content #service-area p {
	line-height: 1.5;
	font-size: 90%;
}
body.top #service-area {
	margin: 0 -1px;
}
body.top #service-area h3 {
	margin: 0 0 10px 0;
}
body.top #service-area .box {
	float: left;
	width: 250px;
	margin: 0 10px 8px 0;
	background: url(../images/top/service/bg_middle.gif);
	color: #000;
	zoom: 1;
}
body.top #service-area .backyard {
	margin-right: 0;
}
body.top #service-area .cash-management,
body.top #service-area .oem {
	margin-bottom: 20px;
}
body.top #service-area .hover {
	cursor: pointer;
	background-position: right bottom;
}
body.top #service-area .box-inner {
	padding-bottom: 1px;
}
body.top #service-area h3 {
	padding: 15px 0 0 17px;
	background: url(../images/top/service/bg_top.gif) no-repeat left top;
}
body.top #service-area h3 img {
	position: relative;		/* IEで画像が消えるバグを回避 */
}
body.top #service-area p {
	margin: 0 14px 13px 17px;
	padding: 0 0 4px 0;
}
body.top #service-area .hover h3 {
	background-position: right top;
}
body.top #service-area .marugoto .box-inner {
	background: url(../images/top/service/bg_net-shop.gif) no-repeat left bottom;
}
body.top #service-area .backyard .box-inner {
	background: url(../images/top/service/bg_net-super.gif) no-repeat left bottom;
}
body.top #service-area .b-to-b .box-inner {
	background: url(../images/top/service/bg_b-to-b.gif) no-repeat left bottom;
}
body.top #service-area .settlement .box-inner {
	background: url(../images/top/service/bg_settlement.gif) no-repeat left bottom;
}
body.top #service-area .cash-management .box-inner {
	background: url(../images/top/service/bg_cash-management.gif) no-repeat left bottom;
}
body.top #service-area .oem .box-inner {
	background: url(../images/top/service/bg_oem.gif) no-repeat left bottom;
}
body.top #service-area .hover .box-inner {
	background-position: right bottom;
}

/* 新着情報 */
body.top #news-area {
	float: left;
	width: 508px;
}
body.top #news-area h2 {
	position: relative;
	background: #fff;
	margin-bottom: -1px;
}
body.top #news-area h2 img {
	position: relative;		/* IEで画像が消えるバグを回避 */
}
body.top #news-area h3 {
	margin: 0 14px 5px 14px;
	padding-top: 12px;
	background: url(../images/common/border/dotted_999999.gif) repeat-x left top;
	font-size: 120%;
	height: 1%;
	line-height: 1.2;
}
body.top #news-area h3.title-only {
	margin-bottom: 10px;
}
body.top #news-area h3 .date,
body.top #news-area h3 .pdf-size {
	font-weight: normal;
	font-size: 80%;
}

/* バナーエリア */
body.top #banner-area {
	float: right;
	width: 234px;
}
body.top #banner-area a {
	display: block;
	margin-bottom: 10px;
}


/****************************************************
	セカンドページ
*****************************************************/

body.second h2 {
	margin: 0 -53px 25px -53px;
}
body.second h3 {
	clear: both;
	margin: 25px 0 15px 0;
}
body.second h4 {
	margin: 17px 14px 10px 14px;
	padding: 0 0 3px 0;
	font-size: 125%;
	background: url(../images/common/border/dotted_999999.gif) repeat-x left bottom;
	color: #116bc5;
}
body.second h5 {
	margin: 15px 28px 5px 28px;
	font-size: 120%;
}


/****************************************************
	ネットショップ
*****************************************************/

body.net-shop .answer {
	font-size: 115%;
}

body.net-shop table.fund-collect {
	border: 1px #ccc solid;
	width: auto;
	margin: 0 !important;
}
body.net-shop table.fund-collect th,
body.net-shop table.fund-collect td {
	border-width: 1px;
	border-style: dotted solid;
	padding: 0 5px;
	text-align: center;
}
body.net-shop table.fund-collect th {
	border-bottom-style: solid;
}


/****************************************************
	決済サービス
*****************************************************/

body.settlement table.fee {
	border: 1px #ccc solid;
}
body.settlement table.fee th,
body.settlement table.fee td {
	border-width: 1px;
	border-style: dotted solid;
	padding: 0 5px;
	text-align: center;
}
body.settlement table.fee th,
body.settlement table.fee td.delimit,
body.settlement table.btob-fee td {
	border-bottom-style: solid;
}
body.settlement table.btob-fee {
	width: auto;
}
body.settlement table.fee .col1 {
	width: 12em;
}
body.settlement table.fee .col2 {
	width: 14em;
}


/****************************************************
	お問合せ
*****************************************************/

body.contact #content p.level2 {
	font-size: 100%;
}
body.contact table.contact th {
	width: 12em;
}
body.contact #content .decoration-shadow {
	height: 250px;
}
body.contact #content .error-message {
	text-align: center;
	color: red;
	font-size: 120%;
	margin-top: 50px;
	margin-bottom: 50px;
}


/****************************************************
	会社概要
*****************************************************/

body.company img.president {
	float: left;
	margin: 0 20px 10px 0;
}


/****************************************************
	電子公告
*****************************************************/

body.publication #content .decoration-shadow {
	height: 250px;
}
body.publication #content p.level2 {
	font-size: 100%;
}


/****************************************************
	サイトマップ
*****************************************************/

body.sitemap #content ul {
	list-style-image: url(../images/common/icon/arrow_01_list.gif);
}