/****************** basic elements */

* {  margin: 0; padding: 0; }

body {
	font-family: "�l�r �S�V�b�N", "Osaka�|����";
	font-size: 12px;
	line-height:120%;
	text-align:center;
	color:#333333;
	margin:0;
	padding:0;
	background-image:url(images/wall2.jpg);
	background-repeat: repeat-y;
	background-position: center;
	background-color: #ffffff;
}
a{
	color:#267db1;
	text-decoration:none;
}
.h2 {
	font-size:13px;
	font-weight:bold;
}

form, input {
 margin: 0;
 padding: 0; 
}

img { border: 0; }

h4{ margin-left:0px;
	padding: 5px 0 5px 10px;
	border-bottom:#CCCCCC solid 1px;
	font-size:12px;
	font-weight: bold;}

h5, h6 {
 font-weight: normal;
 margin: 0;
 padding:0;
}
h2 {
	font-size:12px;
	color:#666666;
	font-weight:normal;
	margin:0;
	padding:0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
h3 {
	color:#333333;
	margin:0;
	padding:0;
}
	
hr {
 color : #800000;
}

ul {
 margin:0;
 padding:0;
 text-align:left;
 
}

eword.ul {
 margin:0;
 padding:0;
 text-align:left;
 
}

ul ul {
 margin:0 5px;
 padding:0; 
}


li {
 padding-left:10px; 
}

eword.li {
 margin:0;
 padding:0; 
}

li.none {
 margin:20px 0 0 0;
 padding:0; 
 list-style-type: none;
}


p {
 line-height:150%;
 margin:10px 0;
}
p.news {
 line-height:150%;
 margin:10px 0 0 20px;
}

ol{
    margin-left: 10px;
	line-height:140%;
	width:430px;
	/* color:#333333; */
	 list-style-type: decimal;
}


/****************** standard classes */

#container {
 width:760px;
 margin: 0 auto;
 padding:0;
 text-align: left;
 text-align:center;
 
 }

#banner {
 margin:0;
 padding:0;
 width:760px;
 height:100px;
 background-image:url(http://www.info-materia.com/images/header.jpg);
 background-repeat:no-repeat;
 display:block;
 text-align:left; background-color: #ffffff;
}
h1 {
	background-image:url(http://www.info-materia.com/images/logo.gif);
	background-repeat:no-repeat;
	width:268px;
	height:42px;
	margin:0px;
	padding:30px 0 0 29px;
	text-indent:-9999px;
	display:block;
	background-position: right bottom;
	text-align:left;
}

#header {
	width:760px;
	height:100px;
	margin:0;
	padding:0;
}
#banner a {
 text-decoration: none; 
}
div#header ul{
	margin:0;
	width:260px;
	padding:0 0 0 500px;
	display:block;
	color:#666666;
}
div#header li {
	margin:0;
	padding:0;
	float:left;
}
div#header li.privacy a{
	background-image:url(http://www.info-materia.com/images/list001.gif);
	background-repeat:no-repeat;
	display:block;
	margin-right:5px;
	text-indent:-9999px;
	width:140px;
	height:13px;
	float:left;

}
div#header li.inquiry a{
	background-image:url(http://www.info-materia.com/images/list002.gif);
	background-repeat:no-repeat;
	display:block;
	margin-right:10px;
	text-indent:-9999px;
	width:81px;
	height:13px;
}
div#main{
	display:block;
	margin:0 auto;
	padding:0;
	width:760px;
	height:176px;
}
div#banner .menu{
	float:left;
	margin:0px;
	padding0px;
}
#contents{
	width:760px;
	display:block;
	margin:0px;
	padding:0px;
	text-align:left;
}
#left_bar {
 /* width:236px; */
 width:236px;
 margin:0;
 padding:0; background-color: #ffffff;
 float:left;
}

#content {
 /* width:519px; */
 width:519px;
 margin:0;
 padding:0 0 0 5px; background-color: #ffffff;
 float:right;
}

#footer {
 clear:both;
 width:760px;
 height:50px;
 margin: 10px auto;
 padding:0;
 background-image:url(images/footer.jpg);
 background-repeat:norepeat;

}


/****************** font size classes */

.text_10 { font-size:10px; }
.text_12 { font-size:12px; }
.text_13 { font-size:13px; }
.text_14 { font-size:14px; }
.text_16 { font-size:16px; }
.text_18 { font-size:18px; }
.text_20 { font-size:20px; }
.text_24 { font-size:24px; }


/****************** header classes */

.title_14 {
 margin: 10px 0 10px 10px ;
 padding:0px;
}
h3 {
 margin: 10px 0 10px 0;
 padding:5px 5px 5px 10px;
 background-color:#999999;
 font-size:13px;
 color:#FFFFFF;
 font-weight:bold;
 width:450px;
}

.title_12 {
 margin: 0 ;
 padding:0;
 font-size:12px;
 font-weight:bold;
}


.line_1 {
 font-size:12px;
 line-height:140%;
 margin: 0 0 0 14px;
 color:#333333;
 width:200px;
}
.line_1_1 {
 font-size:12px;
 line-height:140%;
 margin: 0 0 0 14px;
 color:#666666;
 width:478px;
}
.line_1_2 {
 font-size:12px;
 line-height:140%;
 margin:10px 0 0 14px;
 color:#666666;
 width:478px;
}

.line_1_3 {
 font-size:12px;
 line-height:140%;
 margin:10px 0 0 14px;
 color:#666666;
 width:460px;
}

.line_2 {
 font-size:10px; 
 margin: 0 ;
 padding:3px; background-color: #ffffff;
}

.underline {
 border-bottom : 1px dotted #800000;
}

.cattitle{ width: 474px;
			height: 32px;
			margin: 0px;
			padding: 10px 0 0 10px;
			font-size:14px;
			font-weight: bold;
			color:#ffffff;
			background:url(images/title_bg.gif) no-repeat;
		   }
		   

/* e-Words*/
#ewords{ width:210px; }
#ewords div.lists{
    width:210px; height:210px;
    overflow:auto;
    border:1px solid #cccccc;
    scrollbar-base-color:#ffffff;
    scrollbar-track-color:#ffffff;
    scrollbar-face-color:#ffffff;
    scrollbar-shadow-color:#cccccc;
    scrollbar-darkshadow-color:#ffffff;
    scrollbar-highlight-color:#ffffff;
    scrollbar-3dlight-color:#cccccc;
    scrollbar-arrow-color:#6699ff;
}
#ewords UL { margin:0; padding:0; }
#ewords LI { margin-left:20px; }
#ewords .title { border:1px solid #cccccc; border-width:1px 1px 0px 1px; }
#ewords .title th { font-size:11px; padding:0.2em 0.5em; color:#999999; background-color:#f7f7f7; }
#ewords .power { color:#999999; text-align:right; font-size:10px; }
#ewords .power a, #ewords .power a:hover { color:#999999; font-size:10px; border:none; }

/* Shops */
#shops{ width:300px; }
#shops div.lists{
    width:300px; height:300px;
    overflow:auto;
    border:1px solid #cccccc;
    scrollbar-base-color:#ffffff;
    scrollbar-track-color:#ffffff;
    scrollbar-face-color:#ffffff;
    scrollbar-shadow-color:#cccccc;
    scrollbar-darkshadow-color:#ffffff;
    scrollbar-highlight-color:#ffffff;
    scrollbar-3dlight-color:#cccccc;
    scrollbar-arrow-color:#6699ff;
}
#shops UL { margin:0; padding:0; }
#shops LI { margin-left:20px;  list-style-type: none; }
#shops .title { border:1px solid #cccccc; border-width:1px 1px 0px 1px; }
#shops .title th { font-size:11px; padding:0.2em 0.5em; color:#999999; background-color:#f7f7f7; }
#shops .power { color:#999999; text-align:right; font-size:10px; }
#shops .power a, #shops .power a:hover { color:#999999; font-size:10px; border:none; }
#shops IMG {  align="left"; hspace=10; }
#shops .comment { border:1px solid #cccccc; border-width:1px 1px 1px 1px; margin:5px 0 0 10px; padding:4px; }