/*
 * File 	 : default.css
 * Version	 : 1.00
 * Update	 : 2006/9/15
 *
 * Copyright (C) 2006 bskk All rights reserved.
 */

/* ********************************************************** */
/* 全体 */
* {
	margin: 0;
	font-family: Verdana, Arial, sans-serif;
}

p {
	font-size: 12px;
}

p.bold{
	font-weight:bold;
}

p.half {
	margin: 0.5em 0 0 0; 
}
p.single {
	margin: 1em 0 0 0; 
}
p.double {
	margin: 2em 0 0 0; 
}
p.triple {
	margin: 3em 0 0 0; 
}

td {
	font-size: 12px;
}

/* ********************************************************** */
/* body 2カラム全体 */
body.column-layout{
	text-align: center;
	background: #cccccc;
	margin: 0 auto;
}

/* ********************************************************** */
/* 2カラム全体 */
#main {
	border: 1px solid #000000;
	background: #ffffff;
	width: 802px;
	margin-bottom: 10px;
	margin: 0 auto;
}

/* ********************************************************** */
/* 中央ベース */
#center {
	float: right;
	width: 590px;
	background: #ffffff;
}

/* 中央コンテンツ */
#center-contents {
	float: center;
	width: 570px;
	margin: 0 auto;
}

/* ********************************************************** */
/* 中央ベース 1カラム */
#center_one {
	float: left;
	width: 802px;
	border-top: 1px solid #cccccc;
	background: #ffffff;
}

/* 中央コンテンツ 1カラム */
#center_contents_one {
	float: center;
	width: 780px;
	margin: 0 auto;
}

/* ********************************************************** */
/* サイドベース */
#side {
	margin: 0 0 10px 0;
	float: left;
	width: 210px;
	background: #ffffff;
}

#side-contents {
	width: 180px;
	float: center;
	margin: 0 auto;
}

/* ********************************************************** */
/* ヘッダー */

div.head1 {
	background: #333333;
	height: 20px;
	width: 802px;
	clear: both;

	line-height:20px;
	font-size: 11px;
	color: #FFFFFF;
	text-align: right;
}

div.head2 {
	width: 802px;
	text-align: left;
}

div.head3 {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background: #FF6633;
	height: 30px;
	width: 802px;
	margin-bottom: 10px;
	clear: both;

	font-size: 11px;
	color: #000000;
	line-height:30px;
	text-align: right;
}

/* ********************************************************** */
/* フッター */

#footlink {

	border-top: 1px solid #cccccc;
	background: #ebf1cf;
	width: 802px;
	margin: 0 auto;
	clear: both;

	line-height:25px;
	text-align: right;
	font-size: 10px;
	color: #000000;
}

#footer {
	background: #333333;
	height: 30px;
	width: 802px;
	margin: 0 auto;
	clear: both;

	font-size: 10px;
	color: #ffffff;
	text-align: center;
	line-height:30px;
}

/* ********************************************************** */
/*  */
h1{
	margin-bottom: 10px;
	text-align: left;
	text-indent: 15px;
	line-height: 20px;
	font-weight: normal;
	font-size: 12px;
	color: #333333;
}

h2{
	float: center;
	width: 580px;
	height: 25px;
	border: 1px solid #333333;
	margin-bottom: 2px;
	background: #FFFFFF;

	line-height: 25px;
	text-indent: 10px;
	font-size: 14px;
	color: #000000;
	text-align: left;
}

h3{
	float: center;
	width: 580px;
	height: 20px;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	margin-bottom: 15px;
	background: #336699;

	line-height: 20px;
	text-indent: 15px;
	font-size: 12px;
	color: #FFFFFF;
	text-align: left;
}

/* ********************************************************** */
p.comment{
	width:540;
	margin-bottom: 5px;

	font-size: 12px;
	color: #333333;
	text-align: left;
	line-height: 160%;
}

p.small{
	width:540;
	margin-bottom: 5px;

	font-size: 10px;
	color: #333333;
	text-align: left;
	line-height: 160%;
}

p.sitelist{
	float: center;
	width: 580px;
	height: 25px;
	border: 1px solid #333333;
	margin-bottom: 10px;
	background: #FFFFFF;

	line-height: 25px;
	text-indent: 10px;
	font-weight: bold;
	font-size: 14px;
	color: #000000;
	text-align: left;
}

p.mokuji{
	width:540;
	font-size: 12px;
	color: #333333;
	text-align: left;
}

p.sougolink{
	width:700;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 10px;
	font-size: 12px;
	color: #333333;
	text-align: left;
	line-height: 160%;
}

p.crumbing{
	margin-left: 5px;
	margin-bottom: 5px;
	font-size: 12px;
	text-align: left;
	letter-spacing: 1px;
	line-height: 13px;
}

p.usermenu{
	text-align: right;
	font-size: 12px;
	margin-bottom: 2px;
}

/* ********************************************************** */
table.mailform {
	table-layout: fixed;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	margin-bottom: 15px;
}

td.mailform {
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding:5px;
	font-size: 12px;
	line-height: 160%;
}

hr{
	border:solid #cccccc;
	margin-bottom: 5px;
	width: 100%;
}

li{
	font-size: 12px;
	color: #333333;
	text-align: left;

}

/* ********************************************************** */
/* Side Menu Style*/

h4.menu{
	width: 190px;
	height: 20px;
	background-color:#336666;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;

	text-indent: 8px;
	line-height: 20px;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	text-align: left;
}

ul.menu{
	padding: 0;
	text-align: center;
	list-style-type:none;
}

li.menu{
	width: 190px;
	height: 25px;
	border-bottom: 1px solid #CCCCCC;
	background-color:#FFFFFF;

	background-image: url("../img/arrow1.gif");
	background-repeat: no-repeat;
	background-position: left center;

	line-height: 25px;
	font-size: 12px;
	text-indent: 15px;
	color: #333333;
	text-align: left;
}

/* ********************************************************** */
/* Side Look Style*/

h4.look{
	width: 190px;
	height: 20px;
	background-color:#336699;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;

	text-indent: 8px;
	line-height: 20px;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	text-align: left;
}

ul.look{
	padding: 0;
	text-align: center;
}

li.look{

	height: 20px;
	background-color:#FFFFFF;

	line-height: 20px;
	font-size: 12px;
	text-indent: 5px;
	color: #333333;
	text-align: left;
}

td.sponser{
	font-size: 11px;
	
}

/* ********************************************************** */
/* Link Style*/

a.head1:link { color:#ffffff; text-decoration:none; }
a.head1:visited { color:#ffffff; text-decoration:none; }
a.head1:hover { color:#ffffff; text-decoration:none; }

a.cate:link { color:#000000; text-decoration:none; }
a.cate:visited { color:#000000; text-decoration:none; }
a.cate:hover { color:#000000; text-decoration:none; }

a.footer:link { color:#000000; text-decoration:none;}
a.footer:visited { color:#000000; text-decoration:none;}
a.footer:hover { color:#000000; text-decoration:none;}


ul#linktop
{
    margin-left: 8px;
    position: relative;
    display: block;
    width; auto;
    list-style: none;
    padding: 0px 0px 0px;
    text-align: left;
    font-size: 10px;
    color:#333;
}
ul#linktop li
{
    margin: 0;
    list-style: none;
    display: inline;
};

ul#linktop li a
{
    font-size: 10px;
    text-decoration: none;
};
ul#linktop li a:hover
{
    font-size: 10px;
}