body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #003366;
	margin-top: 0px;
	line-height: 130%;
	color: #333333;
}

div#frame{
	width:920px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
}


/*ヘッダー*/
div#header{
	width:100%;
	background-color:#FFFFFF;
	margin:0 auto;
	background-image: url(img/header/header.png);
	background-repeat: no-repeat;
	height: 57px;
	float:left;
}

div#jan{
	width:auto;
	height:auto;
	float:right;
	font-size: 10px;
	color: #FFFFFF;
	position: relative;
	padding-right: 11px;
	padding-top: 8px;
}

div#logo{
	width:auto;
	height:auto;
	float:left;
	position: relative;
	top: 21px;
	padding-left: 7px;
}

#jan ul{list-style-position:outside;}
#jan li{
	list-style-image:url(img/header/jan.gif);
	line-height: 100%;
}


/*ナビゲーション*/
div#navi{
	width:100%;
	margin:0;
	background-image: url(img/navi/navibar.png);
	background-repeat: no-repeat;
	height: 25px;
	clear:both;
}

#navi ul, #navi li{
	margin:0;
	padding:0;
	list-style:none;
}

#navi li{
	float:left;
	margin-right:1px;
}

#navi a, #navi a:link, #navi a:visited{
	color:#FFFFFF;
	font-size:10px;
	line-height:160%;
	text-decoration:none;
	padding:1px 10px;
	margin-top:1px;
	display:block;
	font-weight: bold;
}

#navi a:hover{
	background-color:#00567E;
	filter:Alpha(Opacity=40);-moz-opacity:0.4; 
	opacity:0.4;
}


/*リンク関連*/
A:link{color:#007CB4;
		text-decoration: none}
A:visited{color:#007CB4;
		text-decoration: none}
A:active{color:#007CB4;
		text-decoration: none}
A:hover{
	color:#999999;
	text-decoration: underline;
}

A.sub:link, a.sub:visited, a.sub:active{color:#FFFFFF;
	text-decoration:none;}
A.sub:hover{color:#FFFFFF;
	text-decoration:underline;}

A.more:link, a.more:visited{
	color:#000000;
	text-decoration:none;
	background-image:url(img/boxarrow.gif);
	background-repeat:no-repeat;
	background-position:0 2px;
	padding-left:14px;}
	
A.more:hover{
	color:#000000;
	text-decoration:underline;}
	
	
A.menu:link, a.menu:visited{
	background-color:#B3D8E9;
	color:#666666;
	font-size:12px;
	line-height:160%;
	text-decoration:none;
	width:168px;
	padding:1px 1px 1px 10px;
	margin:2px;
	display:block;	
}	

A.menu:hover{
	color:#333333;
	font-weight: bold;
}	

.menu{
	background-color:#FFFFFF;
	font-size:12px;
	line-height:160%;
	text-decoration:none;
	width:158px;
	padding:1px 1px 1px 20px;
	margin:2px;
	display:block;
}

.menucategory{
	background-color:#007CB4;
	font-size:12px;
	line-height:160%;
	text-decoration:none;
	width:168px;
	padding:1px 1px 1px 10px;
	margin:2px;
	display:block;
	color: #FFFFFF;
}
	

/*コンテンツ部分*/
div#main{
	width:100%;
	background-color:#FFFFFF;
	padding:0;
	}


div#topbox1{
	background-color:#FFFFFF;
	width: 260px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #007CB4;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding: 0px 10px 10px 22px;
	float:left;
	height: 180px;
}

div#topbox2{
	background-color:#FFFFFF;
	width: 260px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #007CB4;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding: 0px 10px 10px 22px;
	float: left;
	height: 180px;
}

div#topbox3{
	background-color:#FFFFFF;
	width: 260px;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding: 0px 10px 10px 22px;
	float: left;
	height: 180px;
}

div#menubox{
	background-color:#FFFFFF;
	width:200px;
	padding-left:10px;
	padding-right:10px;
	float:left;
}

div#content{
	background-color:#FFFFFF;
	width:670px;
	padding:10px 20px 20px 10px;
	float:right;
}


/*テキスト関連*/
h1{
	font-size:16px;
	color:#666666;
	font-weight:bold !important;
	line-height:150%;
}

h2{
	font-size:14px;
	font-weight:bold !important;
	line-height:150%;
	color:#000000;
}

h3{
	font-size: 12px;
	font-weight: bold !important;
}

h4{
	font-size: 12px;
	font-weight: bold !important;
	margin-top:36px;
}

.prodname{
	font-size:14px;
	font-weight:bold !important;
	margin-bottom:10px;
	color:#000000;
}

.dropcap {
	font-size: 30px;
	color:#007CB4;
	float: left;
	margin-right: 4px;
	line-height: 90%;
}

.sstitle1 {
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	color: #333333;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #990000;
	text-indent: 5px;
	margin-bottom: 0px;
}
.sstitle2 {
	font-size: 18px;
	line-height: 24px;
	color: #333333;
	text-indent: 5px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #0077AD;
	margin-top: 2px;
	font-weight: bold;
}
.sssubtitle {
	font-family: serif;
	font-size: 16px;
	text-indent: 5px;
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #0077AD;
	line-height: 18px;
}
.sslist1 {
	text-indent: -32px;
	margin-left: 60px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-size: 11px;
	line-height: 14px;
}
.sspage {
	font-size: 14px;
	margin-right: 2px;
	border: 1px solid #999999;
	text-align: center;
	padding: 4px 7px;
}
.ssRead {
	font-size: 15px;
	font-family: serif;
	line-height: 22px;
}


/*フッター*/
div#footer{
	width:100%;
	background-image:url(img/footer/bar.png);
	background-repeat: repeat-x;
	height: 18px;
	font-size: 9px;
	color: #FFFFFF;
	margin: 0px auto;
	clear:both;
}

#footer ul, #navi li{
	margin:0;
	padding:0;
	list-style:none;
}

#footer li{
	float:left;
	margin-right: 10px;
	margin-left: 10px;
	display: block;
}

/*その他*/
.frame{
	border: 1px solid #CCCCCC;
}
.textframe {
	width:164px;
	padding:8px;
	border: 1px solid #999999;
}

.productFrame{
	margin-top:0px;
	width:640px;
	padding:5px 10px;
	border: 1px solid #999999;
}

.productCategory{
	width:185px;
	color: #FFFFFF;
	background-color: #007CB4;
	padding: 2px 2px 2px 10px;
	margin-bottom: 0px;
	border-width: 1px;
	border-style: solid solid none solid;
	border-color: #999999;
}