body {
	font-size: 12px;
	margin: 0;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ',Verdana,'ＭＳ Ｐゴシック',sans-serif;
	background-image:url(../subnav_bg.png); 
}

h1 { font-size:12px; margin: 0; font-weight:normal;}
h2 { font-size:14px; padding:2px; margin-top:30px;}
h3 { font-size:14px; }

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: 720px; 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; }

a:hover img { opacity: 0.3;filter: alpha(opacity=30);}

div.clear { clear: both; color:#333; font-size:10px; text-align:center;}
div.clear2 { clear: both; }
p.clear { clear: both; }

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

.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;}

.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:12px; color:#333; border: 1px #999 solid; text-align:center; }

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

.prof {
	width: 48%;
	max-width:340px;
	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 #396 solid;
}

.sakuhin {
	width: 468px;
	max-width:500px;
	height:auto;
	min-height:200px;
	margin: 3px;
	padding: 10px;
	float: left;
	/*background: #6C0;*/
	/*color: #FFF;*/
	display: inline;  /* IE6 fix */
	-moz-border-radius: 63px;
	-webkit-border-radius: 63px;
	border-radius: 63px;
	text-align:center;
}

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

.conte {
	width: 95%;
	max-width:680px;
	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;
	font-size:14px;
	text-align:left;
	letter-spacing: 0.3em;
	line-height: 1.5em;
	/*border:3px #0CF solid;*/
}

.conte2 {
	width: 47%;
	max-width: 330px;
	height: auto;
	min-height: 100px;
	margin: 3px;
	padding: 10px;
	float: left;
	/*color: #FFF;*/
	display: inline;  /* IE6 fix */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-align: left;
	font-size:14px;
	/*background-color: #39C;*/
	letter-spacing: 0.3em;
	line-height: 1.5em;
}

.line {
	width: 97%;
	max-width:700px;
	height:auto;
	margin: 3px;
	padding: 6px;
	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: 12px;
	letter-spacing: 0.3em;
	line-height: 1.3em;
}

.mbox {
	width: 205px;
	height:auto;
	min-height:110px;
	margin: 2px;
	padding: 12px;
	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 { position:fixed; top: -505px;}

.pcbox {
	width: 205px;
	height:auto;
	min-height:110px;
	margin: 2px;
	padding: 12px;
	float: left;
	background: #FFF;
	/*color: #FFF;*/
	display: inline;  /* IE6 fix */
	text-align:left;
	font-size: 12px;
	letter-spacing: 0.3em;
	line-height: 1.3em;
	border:1px #CCC solid;
}

.box {
	width: 205px;
	height:205px;
	margin: 2px;
	padding: 12px;
	float: left;
	background: #FFF;
	/*color: #FFF;*/
	display: inline;  /* IE6 fix */
	text-align:left;
	font-size: 12px;
	letter-spacing: 0.3em;
	line-height: 1.3em;
	border:1px #CCC solid;
}

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

.smatxtbox { position:fixed; top: -505px;}
.footer{ position:fixed; top: -505px;}

.pctxtbox {
	width: 205px;
	height:205px;
	margin: 2px;
	padding: 12px;
	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:2px #CCC solid;
}

.copy {
	width: 97%;
	max-width:700px;
	height:auto;
	margin: 3px;
	padding: 6px;
	float: left;
	background: #FFF;
	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.3em;
	line-height: 1.3em;
	text-align:center;
}


/* ul */
.prof ul { text-indent: -20px; }
.prof ul li { display: block; }
.prof ul em { font-size:9px; }

.index ul { display: inline; }
.index ul li {
	letter-spacing: 0.5em;
	list-style-type: none;
	text-align: left;
	display: block;
}

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

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

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

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

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

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

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

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

blockquote {
	color: #333;
	font-size:12px;
	background-color:#FFF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}