@charset "Shift_JIS";

/* ===== 共通 CSS ファイル ===== */

body{
	margin		: 0px;
	padding		: 0px;
	border		: 0px #ffffff;
	width		: 100%;
	color		: #3333cc;
	background	: #ffffff;
	line-height	: 150%;
}
img{
	vertical-align	: middle;
	border-width	: 0px;
}


/* ===== ページレイアウトの設定 ===== */

div.Navigation-BetweenSite{	/* ===== 各ページの最上部：１．サイトの説明 ===== */
	clear		: both;
	width		: 100%;
	margin		: 0%;
	padding		: 0.25em 0.25em 0.25em 1em;
	color		: #ffffff;
	background	: #660099;
	font-size	: 90%;
}
div.PageTitle{				/* ===== 各ページの最上部：２．タイトル部分 ===== */
	width		: 100%;
	margin		: 0%;
	padding		: 0px 10px 0px 10px;
	background-color: transparent;
	background-image: url(../image/back-blueflower100.png);
	background-repeat: no-repeat;
	background-position: center left;
	border		: 0px;
	text-align	: right;
}
div.Navigation-WithinSite{	/* ===== 各ページの最上部：３．各項目へのリンク ===== */
	width		: 100%;
	margin		: 0%;
	padding		: 0.25em 0.25em 0.25em 1em;
	color		: #ffffff;
	background	: #009933;
	font-size	: 90%;
}
div.W3C{					/* ===== 各ページの最下部：W3C Valid部分 ===== */
	clear		: both;
	width		: 100%;
	margin		: 1em;
	padding		: 0;
	text-align	: center;
	font-size	: 90%;
}
div.Signature{				/* ===== 各ページの最下部：著作権表示部分 ===== */
	clear		: both;
	width		: 100%;
	margin		: 0%;
	padding		: 0.2em;
	color		: #ffffff;
	background	: #660099;
	text-align	: center;
	font-size	: 90%;
}
div.contents{				/* ===== 各ページの左部：主要コンテンツ部分の設定 ===== */
	float		: left;
	margin-left	: 0px ;
	margin-top	: 0px ;
	margin-bottom	: 0px ;
	padding		: 0px ;
	width		: 70% ;
}
div.menu_adv{				/* ===== 各ページの右部：更新履歴と広告表示部分の設定 ===== */
	float		: right;
	margin		: 10px 0px 10px 0px;
	padding		: 0px ;
	width		: 220px ;
	color		: #ff6633;
}


/* ===== Navigation の設定 ===== */
/* ===== 各ページ最上部タイトル部分内 ===== */

ul.navigation{
	width		: 100%;
	margin		: 0px;
	padding		: 0px;
	white-space	: nowrap;
}
ul.navigation li{
	display		: inline;
	margin-left	: 0.5em;
	list-style	: none;
}
ul.navigation img{
	margin-right	: 2px;
}


/* ===== 一般のリンクの設定 ===== */

A:link, A:visited{
	color		: #3333cc;
	text-decoration	: none;
	border-bottom	: dotted 1px;
}
A:active, A:hover{
	color		: #0099FF;
	text-decoration	: none;
	border-bottom	: dotted 1px;
}


/* ===== 「ページトップへ」の設定 ===== */
/* ===== 原則として"div.h1"毎に配置 ===== */

div.ToTop{
	margin		: 10px;
	text-align	: right;
}
div.ToTop A:link, div.ToTop A:visited{
	text-decoration	: none;
	border		: none;
}
div.ToTop A:active, div.ToTop A:hover{
	text-decoration	: none;
	border-top	: 2px dotted;
}


/* ===== 「広告」の設定 ===== */

div.advertise{
	margin		: 10px;
	text-align	: center;
}


/* ===== 各ページの最上部と最下部のリンクの設定 ===== */

div.Navigation-BetweenSite A:link, div.Navigation-BetweenSite A:visited{
	color		: #ffffff;
	text-decoration	: none;
	border-bottom	: none;
}
div.Navigation-BetweenSite A:active, div.Navigation-BetweenSite A:hover{
	color		: #ffff00;
	text-decoration	: none;
	border-bottom	: none;
}
div.PageTitle div.Logo A:link, div.PageTitle div.Logo A:active, div.PageTitle div.Logo A:visited, div.PageTitle div.Logo A:hover{
	text-decoration	: none;
	border-bottom	: none;
}
div.Navigation-WithinSite A:link, div.Navigation-WithinSite A:visited{
	color		: #ffffff;
	text-decoration	: none;
	border-bottom	: none;
}
div.Navigation-WithinSite A:active, div.Navigation-WithinSite A:hover{
	color		: #ffff00;
	text-decoration	: none;
	border-bottom	: none;
}
div.Signature A:link, div.Signature A:visited{
	color		: #ffffff;
	text-decoration	: none;
	border-bottom	: none;
}
div.Signature A:active, div.Signature A:hover{
	color		: #ffff00;
	text-decoration	: none;
	border-bottom	: none;
}
div.google{
	margin		: 0px 20px 0px 20px;
	padding		: 0px;
	border		: none;
}


/* ===== ページ本文の設定 ===== */

h1{
  	margin		: 0px 0px 0px 0px;
  	padding		: 5px 0px 5px 20px;
	background-color: #663399;
	z-index     : 1; /* Opera 7 */
  	color		: #ffffff;
	text-align	: left;
	vertical-align: center;
	font-size	: 130%;
	font-weight	: bold;
}
h2{
	margin		: 1em 0px 0.5em 0px;
	padding		: 0.2em 1em;
	width		: 95%;
	background-color: transparent;
	background	: url(../image/back-stripe-green.gif);
	color		: #009966;
	text-align	: left;
	font-size	: 110%;
	font-weight	: bold;
}
h3{
	margin		: 0.5em 0em 0.5em 1em;
	padding		: 0.2em 1em;
	width		: 90%;
	border		: 1px solid #aaaaff;
	border-bottom	: 3px solid #aaaaff;
	background-color: #eeeeff;
	z-index     : 1; /* Opera 7 */
	text-align	: left;
	vertical-align: center;
	font-size	: 100%;
	font-weight	: bold;
}
p{
	margin		: 0.5em 0em 0em 1.5em;
}

div.H1{
	margin		: 10px;
	padding		: 0.5em;
	border-top	: 1px solid #6633cc;
	border-right	: 1px solid #6633cc;
	border-bottom	: 1px solid #6633cc;
	border-left	: 5px solid #6633cc;
}
div.center{
	margin		: 0.5em;
	text-align	: center;
}
h2 A:link, h2 A:visited{
	color		: #009966;
	text-decoration	: none;
	border-bottom	: dotted 1px;
}
h2 A:active, h2 A:hover{
	color		: #33cc99;
	text-decoration	: none;
	border-bottom	: dotted 1px;
}
.update_date{
	color		: #6666ff;	
}
strong{
	color		: #ff3366;
	font-weight	:normal;
}


/* ===== リストの設定 ===== */

div.H1 ul li{
	list-style-image	: url(../image/button-square-blue.jpg);
	padding-left	: 5px;
	margin-top		: 0.2em;
	margin-bottom	: 0.2em;
	vertical-align: top;
}
div.H1 ol li{
	padding-left	: 5px;
	margin-top		: 0.2em;
	margin-bottom	: 0.2em;
}
div.H1 dl dt{
	background-image: url(../image/button-square-blue.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left	: 15px;
	list-style	: none;
	margin-left	: 20px;
	margin-bottom	: 0.4em;
}
div.H1 dl dd{
	margin-bottom	: 0.4em;
}
div.menu_adv ul{
	margin-left		: 0px;
	margin-top		: 0.2em;
	margin-bottom	: 0.2em;
}
div.menu_adv dl dt{
	background-image: url(../image/button-square-nocolor.jpg);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left	: 15px;
	list-style		: none;
	margin-left		: 10px;
	margin-bottom	: 0.0em;
}
div.menu_adv dl dd{
	padding-left	: 25px;
	margin-left		: 0px;
	margin-bottom	: 0em;
	font-size		: 85%;
	color			: #ff9966;
}


/* ===== Tableの設定 ===== */

table.Products{
	margin		: 0.5em 0em 0em 1.5em;
	border		: 0;
}
table.Products td{
	vertical-align	: top;
}
table.Products td.photo{
	width		: 80px;
	height		: 120px;
	text-align	: center;
}


/* ===== 各ページの右部：更新履歴と広告表示部分の設定 ===== */

div.menu_adv h2{
	margin		: 1em 0px 0.5em 0px;
	padding		: 0.2em 1em;
	width		: 80%;
	background-color: transparent;
	background	: url(../image/back-stripe-red.gif);
	color		: #ff6633;
	text-align	: left;
	font-size	: 110%;
	font-weight	: bold;
}
div.menu_adv p{
	margin		: 0.5em 0px 0.5em 0px;
	padding		: 0px;
	text-align	: left;
}
div.menu_adv A:link, div.menu_adv A:visited{
	color		: #ff6633;
	text-decoration	: none;
	border		: none;
}
div.menu_adv dl dd A:link, div.menu_adv dl dd A:visited{
	color		: #ff9966;
	text-decoration	: none;
	border		: none;
}
div.menu_adv A:active, div.menu_adv A:hover{
	color		: #ff9966;
	text-decoration	: none;
	border		: none;
}


/* ===== AMAZONの設定 ===== */

table.amazon{
	margin		:0px;
	border		:1px solid #000000;
	padding		:0px;
	border-collapse: collapse;
}
table.amazon td.index{
	border		:none;
	padding		:2px;
	text-align	:right;
	vertical-align:middle;
	font-size	:80%;
	color:#000000;
}
table.amazon td.box{
	border		:none;
	padding		:2px;
	text-align	:left;
	vertical-align:middle;
	font-size	:80%;
}
table.amazon td.logo{
	border		:none;
	text-align	:center;
	vertical-align:top;
	background	:#000000;
} 


/* ===== 写真引用の設定 ===== */

.photo{
	float		:right;
	margin		:0px;
	padding		:5px;
	border		:none;
	width		:320px;
	text-align	:center;
	font-size	:90%;
	color		:#006600;
}
.photo-400px{
	float		:right;
	margin		:0px;
	padding		:5px;
	border		:none;
	width		:400px;
	text-align	:center;
	font-size	:90%;
	color		:#006600;
}
.photo p.left, .photo-400px p.left{
	margin		: 0.2em 0em 0.2em 1.5em;
	text-align	:left;
	color		:#009933;
}
.right{
	text-align	:right;
}