/* CSS Document */

/*
-------------------------------

redefine

-------------------------------
*/

body {
	font-size: 0.8em;
	line-height: 1.4em;
	color: #333333;
	margin: 0px;
	padding: 0px;
}

img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1 {
	text-align: right;
	width: 100%;
	padding-right: 10px;
	position: absolute;
	font-weight: normal;
	color: #999999;
	margin: 0px;
	font-size: 1em;
}
h2,h3 {
	font-size: 1em;
}

form {
	margin: 0px;
}

/*
-------------------------------

lyout

-------------------------------
*/

#header {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #102bd1;
	height: 112px;
}

#header #hmenu {
	background-color: #102BD1;
	width: 700px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #FFFFFF;
	background-image: url(../images/design/public/headMenuBg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 17px;
	padding-left: 50px;
	margin-right: 0px;
	margin-left: auto;
	position: absolute;
	padding-top: 2px;
	left: auto;
	right: 0px;
	text-align: right;
	top: 93px;
}

#header #hmenu ul {
	margin: 0px;
}

#header #hmenu li {
	display: inline;
	padding-right: 10px;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	list-style-type: none;
}

#header #hmenu li a {
	color: #FFFFFF;
	text-decoration: none;
}

#header #hmenu li a:hover {
	text-decoration: underline;
}

/*	footer	*/

#footer {
	clear: none;
	color: #666666;
}

#footer p {
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}

#footer h3 {
	font-size: 1em;
	font-weight: normal;
	margin: 0px;
}

#footer #co {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	display: block;
}

#footer #co a {
	color: #666666;
	text-decoration: none;
}

#footer #fmenu {
	color: #FFFFFF;
	background-color: #102bd1;
	padding-top: 3px;
	padding-bottom: 3px;
}

#footer #fmenu ul {
	margin: 0px;
}

#footer #fmenu li {
	display: inline;
	margin: 0px;
	padding-right: 10px;
	padding-left: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}

#footer #fmenu li a {
	color: #FFFFFF;
	text-decoration: none;
}

#footer #fmenu li a:hover {
	text-decoration: underline;
}

#window {
	background-image: url(../images/design/public/bg.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	padding-bottom: 10px;
	padding-top: 10px;
}

#contents {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #102BD1;
	border-right-color: #cacee8;
	border-bottom-color: #cacee8;
	border-left-color: #cacee8;
	border-top-width: 10px;
	background-color: #FFFFFF;
	padding-bottom: 10px;
}

#contents02 {
	float: right;
	width: 590px;
	margin-top: 10px;
	margin-right: 5px;
}
#contents02-2 {
	width: 780px;
	padding: 10px;
}

#contents03 {
	width: 530px;
	margin-right: auto;
	margin-left: auto;
}


/*	sidemenu	*/

#sideMenu {
	float: left;
	width: 180px;
	margin-left: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#sideMenu ul {
	margin: 0px;
	padding: 0px;
}

#sideMenu li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #a5b1ba;
	list-style-type: none;
	background-image: url(../images/design/public/bgMenu.gif);
	background-repeat: repeat-x;
	height: 29px;
	background-position: left bottom;
	padding-left: 10px;
	line-height: 2em;
	color: #666666;
}

#centerMenu {
	float: right;
	width: 300px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#rightMenu {
	float: right;
	width: 280px;
	margin-right: 5px;
	margin-top: 10px;
	text-align: center;
	margin-bottom: 10px;
}

.marginImage {
	margin: 5px;
}

.marginCenter {
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	display: block;
	text-align: center;
}

/*
-------------------------------

box

-------------------------------
*/

#boxIndex {
	border: 1px solid #0086e4;
	margin-bottom: 10px;
}

#boxInfo {
	border: 1px solid #97B581;
	margin-bottom: 10px;
}
#boxMember {
	background-color: #2B50A3;
	height: 300;
	width: 200;
	text-align: center;
	padding-top: 10px;
	margin-bottom: 10px;
}
#boxMember img {
	padding-bottom: 10px;
}

#boxLogin {
	border: 1px solid #0086e4;
	margin-bottom: 10px;
	background-image: url(../images/design/category/bgLogin.gif);
	height: 98px;
	width: 128px;
	padding-top: 62px;
	padding-left: 52px;
}

#boxLogin p {
	margin-top: 6px;
	margin-bottom: 7px;
}

#box-newMaterial {
	text-align: center;
	width: 296px;
	border: 2px solid #7D97BA;
	background-color: #f9f4ed;
	margin-bottom: 10px;
}

#box-whatNew {
	width: 296px;
	border: 2px solid #AAA259;
	background-color: #f9f4ed;
	padding-top: 5px;
}

#box-pickup {
	background-color: #f9f4ed;
	width: 276px;
	border: 2px solid #A47909;
	text-align: left;
	padding-top: 5px;
	margin-bottom: 10px;
}

.boxLeftContents {
	float: left;
	width: 85px;
	margin-left: 5px;
	display: block;
	margin-bottom: 5px;
}

.boxRightcontents {
	width: 165px;
	display: block;
	position: static;
	float: right;
	margin-bottom: 5px;
	padding-left: 6px;
	margin-right: 5px;
}

.boxRightcontents02 {
	width: 185px;
	display: block;
	position: static;
	float: right;
	margin-bottom: 5px;
	padding-left: 6px;
	margin-right: 5px;
}

.margin-l50 {
	padding-left: 50px;
}

.marginContents {
	padding-right: 20px;
	padding-left: 20px;
}


/*------------------------------

  category
  
--------------------------------*/

#boxCategoryInfo {
	color: #666666;
	background-image: url(../images/design/category/bgCategoryInfo.gif);
	background-repeat: no-repeat;
	width: 400px;
	float: left;
	margin-bottom: 10px;
	padding: 0px;
}

/*	navi */

#boxCategoryInfo .coment {
	width: 320px;
	padding-top: 30px;
	padding-left: 80px;
}

#boxCategoryNavi {
	font-size: 0.8em;
	background-color: #e1e3f3;
	padding: 2px;
	float: left;
	width: 396px;
	margin-bottom: 5px;
}

#boxCategoryNavi a {
	color: #666666;
	text-decoration: none;
}

#boxItemNavi {
	font-size: 0.8em;
	background-color: #e1e3f3;
	padding: 2px;
	width: 100%;
	margin-bottom: 5px;
}

#boxItemNavi a {
	color: #666666;
	text-decoration: none;
}

#boxItemNavi a:hover {
	text-decoration: underline;
}

#boxCategorySearch {
	background-image: url(../images/design/category/bgSearch02.gif);
	background-repeat: no-repeat;
	float: right;
	height: 75px;
	width: 180px;
	margin-bottom: 10px;
	text-align: center;
	padding-top: 70px;
}

#boxCategorySearch p {
	margin-top: 5px;
	margin-bottom: 5px;
}


/*  item  */

#boxItemForm {
	background-image: url(../images/design/category/bgForm.gif);
	background-repeat: no-repeat;
	text-align: center;
	width: 139px;
	padding-top: 2px;
	float: right;
	margin-top: 20px;
	background-color: #f4f8ff;
}

#boxItemForm p {
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}

#boxItemInfo {
	color: #666666;
	background-image: url(../images/design/category/bgItemInfo.gif);
	background-repeat: no-repeat;
	width: 380px;
	float: left;
	margin-bottom: 10px;
	padding: 0px;
}

#boxItemInfo .coment {
	width: 300px;
	padding-top: 30px;
	padding-left: 80px;
}


/*	topimage	*/

#topimage {
	background-color: #CCCCCC;
	width: 800px;
}

#topimage #topSearch {
	float: right;
	width: 300px;
	background-color: #E6E6E6;
	background-image: url(../images/design/top/bgSearch.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 20px;
}

#topimage p {
	margin-right: 10px;
	margin-left: 10px;
}

/*
-------------------------------

title

-------------------------------
*/

#sttlIndex {
	background-image: url(../images/design/public/sttlIndex.gif);
	text-indent: -10000px;
	margin: 0px;
	height: 29px;
}

#sttlInfo {
	background-image: url(../images/design/public/sttlInfo.gif);
	text-indent: -10000px;
	margin: 0px;
	height: 26px;
}

#sttlNewmaterial {
	background-image: url(../images/design/top/sttlNewMaterial.gif);
	text-indent: -10000px;
	height: 26px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#sttlNews {
	background-image: url(../images/design/top/sttlNews.gif);
	text-indent: -10000px;
	height: 27px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#sttlPickup {
	background-image: url(../images/design/top/sttlPick.gif);
	text-indent: -10000px;
	height: 26px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#sttlName {
	background-image: url(../images/design/top/sttlHow.gif);
	text-indent: -10000px;
	height: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-color: #E6E6E6;
	background-repeat: no-repeat;
}

/*
-----------------------

	table
	
-----------------------
*/

.tblCategory {
	background-position: center;
	width: 140px;
	border: 1px solid #CCCCCC;
	display: block;
	text-align: center;
	float: left;
	margin: 2.5px;
}

.tblCategory p {
	color: #999999;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
}

.tblCategory a {
	color: #999999;
	text-decoration: none;
}

.tblCategory a:hover {
	text-decoration: underline;
}

.tblCategory img {
	margin: 5px;
}

/*
-------------------------------

privacy

-------------------------------
*/
#loginDefault h2, #privacy-main h3, #createAcctDefault h2, #createAcctSuccess h2 {
	font-size: 1.5em;
}
#loginDefault .martopem1 {
	margin-top: 1em;
}
#privacy-main {
	border: thin solid #000000;
	padding: 5px;
}
#privacy-main .sttl {
	font-weight: bold;
	font-size: 1.1em;
}
.marem1 {
	margin: 1em;
}