@charset 'Shift_JIS';

/* body */

body {
	margin:		 	10px;
	padding: 		0px;
	color:			#000;
	background: 		#fff url('./image/w101.gif');
	font-size:		95%;
	line-height: 		150%;
	text-align:		center;
}

/* page width */
div.pagewidth {
	width: 			800px;
	margin-left:		auto;
	margin-right:		auto;
	color:			#000;
	background:		#fff;
	text-align:		left;
}

/* page header */

div.header {
	text-align: 		center;
	padding:		5px;
	color: 			#099;
	background: 		#fff;
	font-weight:		bold;
}

div.navibar {
	margin:			5px 0px;
	padding:		0px 10px;
	text-align:		right;
	border-bottom:		4px solid #099;
}
	

/* main  */

div.main {
	width: 			100%;
	text-align: 		left;
}


/*left box */

div.leftbox {
	float:			left;
	width:			295px;
}

div.rightbox {
	float:			left;
	width:			500px;
}

div.clear {
	clear:			left;
}

span.dummy{
	display: 		none;
}

div.navibox {
	margin:			5px;
	padding:		2px;
	text-align:		center;
}

div.footer {
	padding: 		10px;
	text-align:		center;
}

/* box */

div.box {
	margin: 		2px;
	padding:		5px;
}
div.note {
	color:			#000;
	background-color:	#ffc;
}

div.three {
	float:			left;
	width:			245px;
}

div.four {
	float:			left;
	width:			182px;
}


/* heading */

h1,.title {
	margin: 		-5px -5px 5px -5px;
	padding: 		5px 5px 5px 10px;
	color: 			#fff;
	background: 		#099;
	background-image:	url('./image/head.jpg');
	font-weight: 		bold;
}

h1 {
	font-size: 		120%;

}

h2 {
	font-size: 		120%;
	text-decoration:	underline;
	color: 			#099;
	background:		#fff;
}

h3 {
	border-left: 		5px solid #099;
	padding-left:		1ex;
	font-size: 		100%;
	color: 			#099;
	background:		#fff;
}

p {
	text-indent: 		2ex;
}

em	{
	color: 			#f60;
	background:		transparent;
	font-weight:		bold;
	font-style:		normal;
}

em.item {
	color: 			#fff;
	background: 		#099;
	font-weight: 		bold;
	padding:		2px 2px 0px 2px;
	background-image:	url('./image/head.jpg');
}

/* link */
a:link,a:visited ,a.order:hover { 
	font-weight: 		bold;
	color:			#c33;
	background: 		transparent;
}
a:active {
	color: 			#f60;
	background: 		transparent;	
	  }
a:hover {
	color: 			#fff;
	background: 		#c33;
	text-decoration: 	none;
}	

/* 箇条書きの設定 */

ul.none {
	list-style: 		none;
}

ul.img {
	list-style: 		none url('./image/box36.gif');
	margin-left:		0px;
	padding-left:		2em;
}

dt {
	margin-top:		 5px;
	color:			 #009;
	background:		 #ccf;
	font-weight:		 bold;
}

/* 画像表示の設定 */

img {
	border: 		none;
}

div.img {
	text-align: 	center;
	margin: 		5px;
}

/* border */
.pagewidth,.box,.navibox,table,th,td {
	border: 1px solid #099;
}

.table {
	text-align: center;
}

table {
	width: 90%;
	margin: auto 0;
	text-align: left;
}
th,td {
	padding: 5px;
}
th {
	color: #000;
	background: #ccf;
}

/* top */
td.menu,th.menu {
	font-size: 95%;
	text-align:center;
	width: 200px;
	}

#topitem {
	float:			left;
	width: 			360px;
	margin: 		0px;
	padding:		0px;
}

#toppic {
	float:			left;
	width: 			430px;
	margin: 		0px;
	padding:		0px;
}