@charset "UTF-8";

/*===目次================================

	1. 全体（p/br/hr含）
	2. アンカー
	3. リスト関係
	4. フォーム関係
	5. その他要素
	6. 見出し
	7. レイアウト用 #ID/.class

=========================================*/


/*----------------------------------------
 1. 全体
=========================================*/

*{
	margin:0; padding:0;
	font:normal normal normal 100%/1.6 Arial,Helvetica,sans-serif;
	text-decoration:none; }

body{ 
	color:#444; 
	font-size:86%; }

html>body{
	font-size:85%; }

p{
	margin:0 0 0.4em; }

br{ 
	letter-spacing:normal; }

hr{
	display:none; }

	div.text hr{
		display:block; }

/*----------------------------------------
 2. アンカー 
=========================================*/

a{ 
	font:inherit;
	text-decoration:underline; }
a:link{ 
	color:#F26D7D; }
a:visited{ 
	color:#78A645; }
a:active,
a:hover,
a:focus{ 
	color:#E71520; text-decoration:none; }


/*----------------------------------------
 3. リスト要素指定
=========================================*/

ol{	
	list-style:decimal inside;
	padding:0.5em 10px; }

ol li,
li ol li{
	list-style-type:decimal; }

ul{
	list-style:circle inside;
	padding:0.5em 0 0.5em 20px; }

ul li,
li ul li{
	list-style:circle inside; }

dl{
	list-style-position:inside; }

dt{
	font-weight:bold; }

	dt a{ 
		font-weight:bold; }

dd{
	padding:0 8px 5px 4em; }

	li p,
	dd p{ 
		margin:0 0 0.1em; }

	li ol, 
	dd ol{
		padding:0 0 0 2em; }
	li ul,
	dd ul{ 
		padding:0 0 0 3em; }

	li img,
	dd img{
		margin:1px; }

/*----------------------------------------
 4.フォーム関連
=========================================*/

form{
	}

	form p{ 
		margin:0; }

form label{ 
	font-size:100%; }

input,
select,
textarea{ 

	margin:0 1px 4px 0; padding:2px;
	border:1px solid #ccc;
	background:#fff;
	color:#444;
	font-family:Osaka,Chicago,Verdana,"ＭＳ Ｐゴシック",Sans-serif;
	line-height:normal;
	vertical-align:middle; }

	input[type="button"],
	input[type="submit"],
	input[type="reset"]{
			cursor:pointer; }

	input[type="checkbox"],
	input[type="radio"]{
			padding:0; }

	input:hover,
	textarea:hover,
	select:hover,
	input:focus,
	textarea:focus,
	select:focus{ border-color:#aaa; }

option,
optgroup,
optgroup option{ 
	font-family:Osaka,Chicago,Verdana,"ＭＳ Pゴシック",Sans-serif; }

	optgroup{ 
		background:#ddd; 
		color:#000;
		font-weight:normal; }	

	optgroup option{ 
		margin:0; padding:0 0 0 1em;
		background:#fff; 
		color:#000; 
		font-weight:normal; }

/*----------------------------------------
 5. その他要素指定
=========================================*/

ins{
	text-decoration:underline; }

ins:before{
	content:"追記："; }

del{
	text-decoration:line-through; }

del:before{
	content:"削除："; }

img{ 
	border:none;
	vertical-align:bottom; }

address{
	 text-decoration:underline; }

	#KIZI address{ 
		padding:0 20px; }

em,
em *{ 
	font-weight:bold; }

strong,
strong *{ 
	padding:0 1pt;
	background:url("berryw_img/line.gif") repeat;
	font-weight:bold; 
	letter-spacing:1pt; }

blockquote{
	margin:1em 20px; padding:18px 15px 10px;
	border:1px solid #ccc;
	background:#fff url("berryw_img/quote.gif") no-repeat 5px 5px;
	color:#444; }

	blockquote p{
		margin:0 0 0.3em; }

blockquote[cite]:after{
	content:"参照元：" attr(cite) ;
	display:block;
	color:#888;
	font-style:oblique; font-size:84%;
	text-align:right; }

q{
	quotes:"""";
	padding-left:22px;
	border-bottom:1px solid #ccc;
	background:#fff url("berryw_img/quote.gif") no-repeat 0 0;
	#444; }

cite{
	font-style:oblique;  }

pre{ 
	margin:1.3em auto; 
	padding:2px 8px;
	background:#eee;
	color:#444;
	font:12px/1.3 monospace; }

	/*長文対策、前者IE用（MacIE省）\*/

	pre{
		width:95%; 
		overflow:scroll; }

	#KIZI>div.text pre{ 
		padding:2px 5px;
		width:auto;
		overflow:auto; }

	/*長文対策、後者IE以外終わり*/

code,
samp,
var,
kbd{ 
	font-family:monospace; }

var{
	color:#549E02; }

kbd{
	border:1px solid; border-color:#ddd #aaa #aaa #ddd;
	background:#ccc; }

dfn:before{
	content:"「"; }

dfn:after{
	content:"」"; }

abbr,
acronym{
	border:none;
	background:url("berryw_img/dot.gif") repeat;
	font:inherit;
	cursor:help; }


/* テーブルはご自由に装飾頂ければいいかと */
table,
td{ 
	font-size:100%; }
th{ 
	font-weight:bold; }
caption{ 
	text-align:center; }


/* 非推奨要素*/
b{ 
	font-weight:bold; }
i{ 
	font-style:oblique; }
big{ 
	font-size:large; }
small{ 
	font-size:x-small; }
tt{ 
	font-family:monospace; }

/*----------------------------------------
 6. 見出し要素指定
=========================================*/

h1,
h2,
h3,
h4{
	margin:0.5em 0 0;
	font-weight:bold; }

h1{
	font-size:180%; }

h2{
	color:#bbb;
	font-size:150%; }

h3{
	
	font-size:115%; }

h4{
	padding-left:5px;
	border-left:4px solid #ddd; 
	font-size:105%; }

h5,
h6{ 
	margin:0.5em 0 0;
	font-weight:100%;
	text-decoration:underline; }


/*----------------------------------------
 7. レイアウト用 #ID/.class
=========================================*/

#PAGETOP{
	position:relative;
	width:100%;
	min-width:735px; 
	text-align:left;
	background: url("berryw_img/bg.jpg") repeat-x 0 0; }

#HEADER{
	width:100%; }
				
	#HEADER h1{
		margin:0;
		padding:257px 0 0 15px; }

	ul#PAN{ 
		display:none; }


#MENU{
	position:absolute;
	top:0; left:0;
	width:735px;
	background:url("berryw_img/head.gif") no-repeat 0 0; }

	#MENU h2{
		display:none; }
	
	#MENU ul{ 
		margin:51px 0 0 220px; padding:0; 
		border-left:1px solid #ddd;
		height:1px; min-height:1px; }
		
	#MENU>ul{
		height:auto; } /*モダンブラウザ用*/

	#MENU ul:after{
		content:""; display:block; clear:both; height:1px; }

	#MENU li{
		float:left;
		list-style-type:none; 
		width:100px; /* 1つのメニューの横幅 */
		height:187px;
		line-height:250px;
		/*\*/overflow:hidden;/**/ }

		#MENU li a{
			display:block; 
			border-right:1px solid #ddd;
			height:187px;
			line-height:250px;
			font-size:95%;
			text-align:center;
			text-decoration:none; }

		#MENU li a:link,
		#MENU li a:visited{ 
			color:#999; 
			font-weight:bold; }

		#MENU li a:active,
		#MENU li a:hover,
		#MENU li a:focus{ 
			background:url("berryw_img/line.gif");
			color:#333; }

#ADSENSE{
	margin:0 auto 0 0; padding:0px 15px 0;
}

#KIZI{ 
	margin:0 auto 0 0; padding:15px 15px 0;
	background:url("berryw_img/line1.gif") repeat-x 0 0; 
	clear:both; }

	div.text{
		width:705px;
		margin-bottom:2em; padding-bottom:1em;
		background:url("berryw_img/dot.gif") repeat-x 0 100%; }

	ul.modori{
		list-style-type:none;
		background:none; 
		text-align:right; }

	ul.modori li{ 
		list-style-type:none;
		padding:0; 
		background:none; 
		text-align:right; }

		#KIZI ul.modori li a{
			padding-right:15px;
			background:#fff url("berryw_img/modori.gif") no-repeat 100% 50%;
			color:#999;
			text-decoration:none; }

#INFO{
	margin:0 auto 0 0; padding:0px 15px 0;
}

#FOOTER{ 
	margin:1em 0;
	width:735px;
	text-align:center;
	clear:both; }

	#FOOTER h2{
		display:none; }

	#FOOTER ul{ 
		padding:30px 0;
		background:url("berryw_img/foot1.gif") no-repeat 50% 50%;}

	#FOOTER li { 
		display:inline; 
		padding:0 2px; }

	#FOOTER li address{ 
		display:inline;
		padding:0;
		text-decoration:none; }

	#FOOTER li a{
		text-decoration:none; }

