/*

 * css

 * --------------------------------------------------------------------

 * Copyright(c) 2008 Telesco Co.,Ltd. All Rights Reserved.

 * create kom.

 *

 * cf. f:frame s:static d:dynamic l:list

 */



/* base style */

body {

	font-family:'ＭＳ Ｐゴシック';

	font-size:14px;

	text-align:center;

}

img {

	border-width:0;

}

th {

	font-size:14px;

}

td {

	font-size:12px;

	vertical-align:top;

}

h1 {

	font-size:120%;

	min-height:20px;

	padding-left:24px;

	background-repeat:no-repeat;

	background-position:left top;

	background-image:url(../parts/hanashika1.gif);

}

h1 span {

	font-size:90%;

}

h2 {

	font-size:100%;

	font-weight:bold;

	margin:0 0 5px 0;

}

h6 {

	font-size:90%;

	color:#888;

}

/* container */

div.main { /* resize */

	position:relative;

	width:800px;

	min-width:800px;

	text-align:center;

}

/* header content */

div.head {

	position:relative;

	width:100%;

	height:50px;

	font-size:12px;

}

div.logo {

	position:absolute;

	top:0;

	left:0;

	width:200px;

	height:50px;

	text-align:left;

}

div.updates {

	float:right;

	margin:0 0 0 0;

	text-align:right;

}

/* contetnt separator */

div neck {

	position:relative;

	width:100%;

}

div tag {

	background-color:#248;

	text-align:center;

}

/* body content */

div.body {

	position:relative;

	width:100%;

	margin-top:10px;

}

div.menu { /* resize */

	position:absolute;

	top:0;

	left:0;

	width:160px;

	text-align:left;

	font-size:14px;

}

div.advertise {

	position:absolute;

	top:0;

	right:0;

	width:210px;

	text-align:left;

	font-size:14px;

}

div.content { /* resize */

	margin:0 210px 0 160px;

	padding:0 1em 5px 1em;

	text-align:left;

}

div.home { /* resize */

	margin:0 210px 0 0;

	padding:0 1em 5px 0;

	text-align:left;

}

/* footer content */

div.foot { /* resize */

	margin:1em 214px 0 164px;

	padding:5px;

	border-width:1px 0 0 0;

	border-style:solid;

	border-color:#ccc;

	text-align:center;

	font-size:12px;

}

div.hfoot { /* resize */

	margin:1em 214px 0 4px;

	padding:5px;

	border-width:1px 0 0 0;

	border-style:solid;

	border-color:#ccc;

	text-align:center;

	font-size:12px;

}

/* pan-kuzu List */

div.nest {

	padding:5px 0 5px 0;

	font-size:14px;

}

/* frame */

div.lhead {

	margin:0 0 10px 0;

	padding:0 1em 0 1em;

	background-color:#248;

	font-size:100%;

	font-weight:bold;

	color:#fff;

}

div.fhead {

	font-weight:bold;

	vertical-align:middle;

}

div.frame {

	position:relative;

	width:100%;

	border-width:1px 0 0 0;

	border-style:solid;

	text-align:left;

}

div.fbody {

	padding:2px 2px 1em 2px;

	margin-bottom:8px;

}

div.fnohead {

	width:100%;

	border-width:5px 1px 1px 1px;

	border-style:solid;

	padding-bottom:1em;

	margin-bottom:8px;

	text-align:left;

}

div.fscroll {

	position:relative;

	width:100%;

	border-width:1px 1px 1px 1px;

	border-style:solid;

	border-color:#ccc;

	text-align:left;

	overflow:auto;

	height:72px;

	margin-bottom:8px;

	font-size:90%;

}



/* underline box */

div.lbox {

	border-width:0 0 1px 0;

	border-style:solid;

	border-color:#ccc;

	margin-bottom:10px;

}



/* line table */

table.lbox {

	width:400px;

	border-width:1px 0 1px 0;

	border-style:solid;

	border-color:#ccc;

	margin:6px 0 6px 0;

}

table.lbox th {

	margin:0;

	text-align:center;

	vertical-align:text-top;

	background-color:#acf;

}

table.lbox td {

	margin:0;

	vertical-align:text-top;

}

/* image box */

table.ibox {

	width:400px;

}

table.ibox td.image {

	width:80px;

	text-align:left;

	vertical-align:text-top;

}

table.ibox td.image img {

	width:80px;

	hieght:80px;

}

table.ibox td.noimage {

	width:100px;

	text-align:left;

	vertical-align:text-top;

}

table.ibox div {

	padding:0 0 8px 0;

}

/* right image */

div.rbox {

	margin-bottom:10px;

	vertical-align:text-top;

}

div.rbox img {

	float:right;

	width:160px;

	margin:0 0 4px 4px;

}

/* float clear */

div.pagetop {

	margin-top:5px;

	text-align:right;

	font-size:12px;

	clear:both;

}

div.pagetop a:visited {

	color:blue;

}

/* map */

div.map {

	text-align:center;

}

div.map img {

	width:400px;

}

/*  */

div.index {

	margin-bottom:1em;

	font-size:12px;

}

div.index a:visited {

	color:blue;

}

div.item {

	width:100px;

	display:inline;

	vertical-align:text-top;

	padding:2px 2px 2px 2px;

}

/* affiliate box */

table.fbox {

	border-width:0;

}

table.fbox td {

	margin:0;

	padding:0 4px 0 0;

	text-align:left;

	vertical-align:text-top;

}

table.fbox td.next {

	padding-top:2px;

	border-style:dotted none none none;

	border-width:1px 0 0 0;

	border-color:#888;

}

table.fbox col.category {

	width:60px;

}

table.fbox col.item {

}

/* menu List */

ul.menu {

	margin:0 0 8px 0;

	padding:0;

	list-style-type:none;

	list-style-position:outside;

}

ul.menu li {

	margin:0 0 0 14px;

	padding:0;

}

/*  */

div.proverb {

        font-size:180%;

}

/* extention */

.reference {

	margin-top:2em;

	font-size:90%;

}

.reference ul {

	margin:0 0 0 1em;

	list-style-type:none;

}

.column {

	font-size:90%;

	font-weight:normal;

}

.indent {

	margin-left:1em;

}

.anchor {

}

.bar {

	height:20px;

	background-repeat:repeat-x;

	background-position:left top;

	padding:5px 4px 0 4px;

}

.pos {

	color:#000;

	background-color:#f84;

}

.box {

	margin:8px 0 8px 0;

}

.center {

	text-align:center;

}

.left {

	text-align:left;

}

.right {

	text-align:right;

}

.new {

	padding-right:24px;

	background-repeat:no-repeat;

	background-position:right top;

	background-image:url(../parts/new.gif);

}

.hidden {

	visibility:hidden;

}