body { font-size: 16px;	margin: 0; background-image:url(../subnav_bg.png); }

h1 { font-size:16px; margin: 0; font-weight:normal;}
h2 { font-size:18px; padding:3px;}
h3 { font-size:18px; }

img{ max-width: 100%; height: auto; width:auto; }

.imgright { display:block; float:right; margin-bottom:1em;margin-left: 1em;}
.imgleft { display:block; float:left; margin-bottom:1em;margin-right: 1em;}

.imgleftbo { display:block; float:left; margin-bottom:1em;margin-right: 1em; border:solid #333 1px;}

#container{ width: 100%; margin:0 0 0 5; padding: 0px; overflow: auto; /* clearing floats */ }

a:link { color: #090; text-decoration:none;}
a:visited { color: #090; }
a:hover { color: #333; }
a:active { color: #333; }

img.ex1 { float: left; }
img.ex2 { float: right; }

div.clear { clear: both;}
div.clear2 { }
div.clear3 { clear: both;}
p.clear { clear: both; }

.box p { margin:10px;letter-spacing: 0.2em;line-height: 1.1em; }

#header { width: 100%; height: 20px;}
#line_hr { width: 100%; height: 20px; background-color:#fff;}

.cite { float:right; font-size:10px; }

.pk { background-color:#FFC;
	display: inline;  /* IE6 fix */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;}

table.tname tr th { font-style:normal;background:#CFC; font-size:12px; color:#333; border: 1px #999 solid; text-align:center; }
table.tname tr td { background:#FFC; font-size:10px; color:#333; border: 1px #999 solid; text-align:center;  }

table.tebu tr td { background:#6CF; font-size:12px; color:#333; border: 0px #999 solid; }

/* footer */
.footer{ position:fixed; z-index:100; width:100%; bottom:0px; border-top:#222 solid 1px;}
.footer .button{ position:fixed; right:0px; bottom:0px; width:20px; text-align:center; padding:10px; background:#333; color:#eee; font-weight:bold; cursor:pointer;}
.footer .button:hover{ background:#eee; color:#666;}
.footer .content{ text-align:left; background:#666; padding:10px;}
.footer .content a{ color:#FFF; margin:0 5px 0 5px;}
/* footer */

.conte table tr td { background-color:#FFC; font-size:12px; color:#333; border: 1px #CCC solid; }

.prof {
	width: 96%;
	height:auto;
	margin: 3px;
	padding: 4px;
	float: left;
	background: #FFF;
	color: #000;
	display: inline;  /* IE6 fix */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 12px;
	letter-spacing: 0.2em;
	line-height: 1.3em;
	border:3px #0C6 solid;
}

.sakuhin {
	width: 95%;
	height:auto;
	margin: 3px;
	padding: 7px;
	float: left;
	/*background: #6C0;*/
	/*color: #FFF;*/
	display: inline;  /* IE6 fix */
	-moz-border-radius: 63px;
	-webkit-border-radius: 63px;
	border-radius: 63px;
	list-style-type: none;
	text-align:center;
}

.conte {
	width: 93%;
	height:auto;
	min-height:100px;
	margin: 3px;
	padding: 10px;
	float: left;
	/*background: #99C;*/
	/*color: #FFF;*/
	display: inline;  /* IE6 fix */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-align:left;
	letter-spacing: 0.2em;
	line-height: 1.5em;
	font-size:16px;
}

.conte3 {
	width: 94%;
	height:auto;
	min-height:100px;
	margin: 3px;
	padding: 10px;
	float: left;
	/*background: #06F;*/
	/*color: #FFF;*/
	display: inline;  /* IE6 fix */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-align:left;
	font-size:16px;
	letter-spacing: 0.2em;
	line-height: 1.5em;
}

.line {
	width: 96%;
	height:auto;
	margin: 3px;
	padding: 4px;
	float: left;
	background: #333;
	color: #FFF;
	display: inline;  /* IE6 fix */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	list-style-type: none;
	font-size: 16px;
	letter-spacing: 0.2em;
	line-height: 1.3em;
}

.index {
	width: 94%;
	height:auto;
	min-height:100px;
	margin: 2px;
	padding: 10px;
	float: left;
	color: #fff;
	/*background: #66C;*/
	/*display: inline;*/  /* IE6 fix */
	-moz-border-radius: 23px;
	-webkit-border-radius: 23px;
	border-radius: 23px;
	list-style-type: none;
	font-size: 16px;
	letter-spacing: 0.2em;
	line-height: 1.1em;
	text-align:center;
	/*border:3px #0C6 solid;*/
}

.mbox {
	width: 40%;
	height:auto;
	margin: 5px;
	padding: 10px;
	float: left;
	background: #FFF;
	/*color: #FFF;*/
	display: inline;  /* IE6 fix */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-align:left;
	font-size: 12px;
	letter-spacing: 0.3em;
	line-height: 1.3em;
	border:1px #CCC solid;
}

.smabox {
	width: 44%;
	height:auto;
	margin: 2px;
	padding: 8px;
	float: left;
	background: #FFF;
	/*color: #FFF;*/
	display: inline;  /* IE6 fix */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-align:left;
	font-size: 12px;
	letter-spacing: 0.3em;
	line-height: 1.3em;
	border:1px #CCC solid;
}

.pcbox { position:fixed; top: -505px; }

.box {
	width: 90%;
	height:auto;
	min-height:105px;
	margin: 2px;
	padding: 12px;
	float: left;
	background: #FFF;
	color: #000;
	display: inline;  /* IE6 fix */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-align:left;
	font-size: 16px;
	letter-spacing: 0.3em;
	line-height: 1.3em;
	border:1px #CCC solid;
}

.smatxtbox {
	width: 90%;
	height:auto;
	min-height:105px;
	margin: 2px;
	padding: 10px;
	float: left;
	background: #FFF;
	color: #000;
	display: inline;  /* IE6 fix */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-align:left;
	font-size: 16px;
	letter-spacing: 0.3em;
	line-height: 1.3em;
	border:1px #CCC solid;
}

.pctxtbox { position:fixed; top: -505px; }

.copy {
	width: 96%;
	height:auto;
	margin: 3px;
	padding: 4px;
	float: left;
	background: #6C3;
	color: #FFF;
	display: inline;  /* IE6 fix */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	list-style-type: none;
	font-size: 12px;
	letter-spacing: 0.0em;
	line-height: 1.3em;
	text-align:center;
}


/* ul */
.prof ul { text-indent: -20px; }
.prof ul li { display: block; padding-right: 35px; }

.imgtwin li { float:left; list-style-type:none; margin:5px; }

.index ul {
	list-style-type: none;
	display: inline;
	letter-spacing: 0.5em;
	text-align: center;
	line-height: 22px;
}

.sakuhin ul {
	list-style-type: none;
	display: inline;
	letter-spacing: 0.5em;
	text-align: center;
	line-height: 22px;
}

.conte ul { 
	color: #333;
	font-size:16px;
	background-color:#CFC;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.conte ol { 
	color: #333;
	font-size:16px;
	background-color:#CFC;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.box ul {
	list-style-type: none;
	display: inline;
	letter-spacing: 0.5em;
	line-height: 22px;
}

.smatxtbox ul {
	list-style-type: none;
	display: inline;
	letter-spacing: 0.5em;
	line-height: 22px;
}

.pickup { 
	color: #333;
	font-size:16px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	list-style-type: circle;
}

.clip {	background-image:url(img/clip.png);background-repeat:no-repeat;		
	list-style-type: none;
	color: #333;
	font-size:14px;
	background-color:#FFC;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

}