/*広島南竹堂のホームページ用スタイルシート*/
/*文書全体*/
body{	background-color: #fff;
		margin:0px;
		padding:0px;
		color:#666;
		font-size:x-small;
	}
/*余白0詰め0、バックは白、文字はグレー、文字サイズは「とても小さい」に指定。*/

/*リンク色は茶色*/
a{	
	text-decoration:none;
	color:#36c;
	}
/*マウスオーバーでアンダーライン*/
a:hover{
	text-decoration:underline;
	}
/*書籍検索窓のためのボックス、余白0上詰め16px、画面の中心から右いっぱい。*/
#search{
	position:absolute; top:0px; left:50%;
	margin:0px;
	padding-top:16px;
	}
/*サイト名ロゴ、位置右最上部、余白0詰め0*/
#title{
	position:absolute; top:0px; right:0px;
	margin:0;
	padding:0;
	}
/*ロゴの枠線を消した*/
#title img{
	border:none;
	}
/*その下のナビのための函、上から54pxより開始、余白0詰め0*/
#header{
	position:absolute; top:54px;
	width:100%;
	padding:0px;
	margin:0px;
	}
/*メニューバー、画面の中心から右いっぱい、背景色黒、下余白4px，詰め0*/
#navi{
	float:right;
	width:50%;
	background:#124;
	padding:0px;
	margin:0px 0px 4px:0px;
	}
/*カレント頁は背景色を薄く，文字は太く*/
#navi span{
	color:#fff;
	font-weight:bold;
	background:#36c;
	display:block;
	}
/*メニューリストのスタイル（箇条書き）を消した。*/
#navibar{
	margin:0;
	padding:0;
	list-style:none;
	}
/*メニューの幅60px，バーの太さを余白のマイナス値で細くした。左詰*/
.menu{
	float:left;
	width:60px;
	text-align:center;
	margin:-1px 0px -2px 0px;
	}
/*リンク色の指定(白)とブロック化*/
.menu a{
	color:#fff;
	display:block;
	}
/*特にいらないけど白色に指定。*/
.menu a:active{
	color:#fff;
	}
/*マウスオーバーで白バック茶色文字に反転*/
.menu a:hover{
	background-color:#fff;
	color:#36c;
	}
/*フットメニューバー、画面の左端から真ん中、背景色黒、下余白4px，詰め0*/
#footnavi{
	width:50%;
	background:#124;
	padding:0px;
	margin:0px 0px 4px 0px;
	}
/*カレント頁は背景色を薄く，文字は太く*/
#footnavi span{
	color:#fff;
	font-weight:bold;
	background:#36c;
	display:block;
	}
/*メニューリストのスタイル（箇条書き）を消した。*/
#footnavibar{
	margin:0;
	padding:0;
	list-style:none;
	}
/*バーの太さを余白のマイナス値で細くした。右詰*/
.footmenu{
	float:right;
	width:46px;
	text-align:center;
	margin:-1px 0px -2px 0px;
	}
/*リンク色の指定(白)とブロック化*/
.footmenu a{
	color:#fff;
	display:block;
	}
/*特にいらないけど白色に指定。*/
.footmenu a:active{
	color:#fff;
	}
/*マウスオーバーで白バック茶色文字に反転*/
.footmenu a:hover{
	background-color:#fff;
	color:#36c;
	}
/*サブメニューバー、画面右端から左５５％、背景色黒、下余白4px，詰め0*/
#subnavi{
	float:right;
	width:55%;
	background:#124;
	padding:0px;
	margin:0px 0px 4px 0px;
	}
/*サブメニューでもカレント頁は背景色を薄く，文字は太く*/
#subnavi span{
	color:#fff;
	font-weight:bold;
	background:#36c;
	display:block;
	}
/*フットサブメニューバー、画面左端から右５５％、背景色黒、下余白4px，詰め0*/
#footsubnavi{
	width:55%;
	background:#124;
	padding:0px;
	margin:0px 0px 4px 0px;
	}
/*フットサブメニューでもカレント頁は背景色を薄く，文字は太く*/
#footsubnavi span{
	color:#fff;
	font-weight:bold;
	background:#36c;
	display:block;
	}
/*ページナビバー、画面右端から左６０％、背景色黒、余白0詰め0*/
#pagenavi{
	float:right;
	width:60%;
	background:#124;
	padding:0px;
	margin:0px;
	}
/*フットページナビバー、画面左端から右６０％、背景色黒、下余白4px，詰め0*/
#footpagenavi{
	width:60%;
	background:#124;
	padding:0px;
	margin:0px 0px 4px 0px;
	}
/*ページ内ナビのボックス，*/
.totop{
	float:right;
	background-color:#124;
	font-size:x-small;
	color:#fff;
	width:1.7em;
	text-align:center;
	writing-mode:tb-rl;
/*	margin:4px 0px 0px 6px;*/
	padding:3px;
	}
/*リンク色の指定(白)とブロック化*/
.totop a{
	color:#fff;
	display:block;
	}
.totop a:active{
	color:#fff;
	}
/*三分割コンテンツ全体、上100pxより開始、下余白20px，下詰め50px*/
#layout{
	position:relative;
	top:100px;
	left:0px;
	width:100%;
	margin:0px 0px 20px 0px;
	padding:0px 0px 50px 0px;
	}
/*三分割の左コラム、左寄せ、詰め左10、右6*/
#leftcolumn{
	width:33%;
	float:left;
	padding:0px 6px 10px 10px;
	}
/*三分割の真ん中コラム、左寄せ、詰め左12、右0*/
#midcolumn{
	width:33%;
	float:left;
	padding:0px 0px 10px 12px;
	}
/*三分割の右コラム、右寄せ、詰め左6、右10*/
#rightcolumn{
	width:33%;
	float:right;
	padding:0px 10px 10px 12px;
	}

/*三分割の左コラムを66％にした場合、左寄せ、詰め左10、右6*/
#left66column{
	width:66%;
	float:left;
	padding:0px 6px 10px 20px;
	}

/*左コラムの画像。左余白をマイナスにして、画面最左端から表示。下余白30px。詰め0.。*/
#leftimg{
	froat:none;
	margin:0px 0px 30px -10px;
	padding: 0px;
	}
/*AdSenseの設定。左への回り込み許可。*/
.adsense{
	float:right;
	margin:0em 0em 0em 1em;
	padding:0;
	}
/*footerのスタイル，上詰め10px。*/
#footer{
	padding:10px 0px 10px 0px;
	}
/*shopの説明文*/
#explain{
	margin:0;
	padding:0px 10px 0px 10px;
	}
/*見出し、特大見出し（店名）、右詰、中文字色は黒、上下１行空け。太下線*/
h1{	font-size:medium;
	color:#124;
	text-align:right;
	border-bottom:solid 6px;
	margin-top:0.3em;
	margin-bottom:1em;
	}
/*大見出し、右詰め、中文字灰色、上下１行空け。太下線*/
h2{	font-size:medium;
	color:#36c;
	text-align:right;
	border-bottom: solid 6px;
	margin-top:0.3em;
	margin-bottom:1em;
	}
/*小見出し、左詰、文字普通、上小余白小*/
h3{	font-size:x-small;
	font-weight:normal;
	margin-top:0.3em;
	margin-bottom:0.1em;
	text-align:left;
	}
/*小見出しの１文字目、文字特大。*/
h3:first-letter{
	font-size:200%;
	}

/*枠なしコラム用見出し、背景灰色、白太文字センタリング*/
h4{	font-size:x-small;
	font-weight:bold;
	color:#fff;
	text-align:center;
	background-color:#36c;
	margin-bottom:0;
	}
/*用途なしの見出し、センタリングのみ*/
h5{	font-size:x-small;
	font-weight:normal;
	text-align:center;
	margin-top:0;
	margin-bottom:0;
	}
/*出典などを文末に表示のための見出し*/
h6{	font-size:xx-small;
	font-weight:normal;
	margin:0;
	margin-top:-10px;
	padding:0;
	padding-right:10px;
	text-align:right;
	}
/*上余白マイナスで詰めた。極小文字、右詰10px。*/

/*地の文のスタイル*/
p{	text-indent:1em;
	line-height:140%;
	margin-top:0px;
	margin-bottom:0px;
/*	padding-top:0;*/
/*	padding-bottom:0;*/
	text-align:justify;
	text-justify:distribute;
	}
/*行高さ余裕、幅ぞろえ。*/
/*リード文は左右１文字分詰め、バックを薄い灰。*/
p.reed{
	margin:1em 0em;
	padding: 0.5em 1em 0.5em 1em;
	color:#555;
	background-color:#36c;
	}
/*ミニコラム内の文は左右１文字分詰め。*/
p.minicol{
	margin:1em 0em;
	padding: 0.5em 1em 0.5em 1em;
	}

/*強調文字は黒色。*/
strong{
	font-weight: normal;
	color: #000;
	}
/*テキストの一部の色を茶色に*/
span{
	color:#36c;
	}
/*著作権表示、上部に太線*/
address{
	border-top:solid 6px;
	padding-top:4px;
	font-size:0.8em;
	font-style:normal;
	color: #124;
	text-align:left;
	text-indent:1em;
	}
/*文字小、文字色少し濃く*/
/*「mailto」部分に下点線。*/
address a{
	color: #124;
	text-decoration:none;
	border-bottom:dotted 2px #36c;
	}
/*マウスオーバーで茶色に*/
address a:hover{
	text-decoration:none;
	color:#36c;
	}

/*ミニコラム、枠、表題、本文*/
.minicol{
	border:solid 2px #36c;
	padding:0em 1em 1em 0em;
	}
/*表題の上余白をマイナスで地の文に埋め込み，白抜き文字*/
.minicol h2{
	background-color:#36c;
	color:#fff;
	position:relative;
	left:40%;
	top:-10px;
	margin:0;
	width:50%;
	text-align:center;
	padding:1px 2px;
	border:none;
	}
/*表題が小さいときはこちら*/
.minicol h4{
	color:#36c;
	position:relative;
	left:50%;
	top:-10px;
	margin:0;
	width:30%;
	text-align:center;
	padding:1px 2px;
	border:none;
	background-color:#fff;
	}
.minicol p{
	margin:0;
	margin-left:1em;
	padding:0;
	}
.minicol img{
	float:none;
	}

/*本のミニ宣伝、右寄せ４文字*/
.rpoint4{
	float:right;
	background-color:#124;
	font-size:medium;
	color:#fff;
	width:42px;
	text-align:center;
	margin:4px 0px 0px 6px;
	padding:2px 0px 0px 2px;
	}
/*リンク色の指定(白)とブロック化*/
.rpoint4 a{
	color:#fff;
	display:block;
	}
.rpoint4 a:active{
	color:#fff;
	}
/*マウスオーバーで白バック茶色文字に反転*/
.rpoint4 a:hover{
	background-color:#fff;
	color:#36c;
	}
/*本のミニ宣伝、右寄せ９文字*/
.rpoint9{
	float:right;
	background-color:#124;
	font-size:x-small;
	color:#fff;
	width:42px;
	text-align:center;
	margin:6px 0px 0px 6px;
	padding:2px 0px 0px 2px;
	}
.rpoint9 a{
	color:#fff;
	display:block;
	}
.rpoint9 a:active{
	color:#fff;
	}
.rpoint9 a:hover{
	background-color:#fff;
	color:#36c;
	}
/*本のミニ宣伝、左寄せ４文字*/
.lpoint4{
	float:left;
	background-color:#124;
	font-size:medium;
	color:#fff;
	width:42px;
	text-align:center;
	margin:6px 6px 0px 0px;
	padding:2px 0px 0px 2pxpx;
	}
/*リンク色の指定(白)とブロック化*/
.lpoint4 a{
	color:#fff;
	display:block;
	}
.lpoint4 a:active{
	color:#fff;
	}
/*マウスオーバーで白バック茶色文字に反転*/
.lpoint4 a:hover{
	background-color:#fff;
	color:#36c;
	}
/*本のミニ宣伝、左寄せ９文字*/
.lpoint9{
	float:left;
	background-color:#124;
	font-size:x-small;
	color:#fff;
	width:42px;
	text-align:center;
	margin:6px 6px 0px 0px;
	padding:2px 0px 0px 2px;
	}
.lpoint9 a{
	color:#fff;
	display:block;
	}
.lpoint9 a:active{
	color:#fff;
	}
.lpoint9 a:hover{
	background-color:#fff;
	color:#36c;
	}
/*ミニリスト、枠、表題、リストスタイル*/
.minilist{
	border:solid 2px #36c;
	padding:0em 1em 1em 0em;
	}
/*表題の上余白をマイナスでリスト部分に埋め込み，文字白抜き*/
.minilist h4{
	color:#fff;
	position:relative;
	left:50%;
	top:-10px;
	margin:0;
	width:30%;
	text-align:center;
	padding:1px 2px;
	border:none;
	background-color:#36c;
	}
/*リストの行頭の点は白に、*/
ul{
	list-style:circle;
	line-height:120%;
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	margin-left:2em;
	paddingleft:1em;
	text-align:justify;
	text-justify:distribute;
	}
/*BookListの行頭は番号、余白減*/
ol{
	line-height:120%;
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	margin-left:2em;
	paddingleft:1em;
	text-align:justify;
	text-justify:distribute;
	}





/*社員紹介の表示用、枠、表題、本文*/
.person{
	width:30em;
	border:solid 2px #36c;
	}
/*表題*/
.person h4{
	color:#36c;
	position:relative;
	left:20%;
	top:-10px;
	margin:0;
	width:30%;
	text-align:center;
	padding:1px 2px;
	border:none;
	background-color:#fff;
	}
.person p{
	margin:1em;
	margin-top:0;
	padding:0;
	}
.person img{
	margin:0em 1em 0em 1em;
	float:right;
	}














/*本の状態表示用、枠、表題、本文*/
.condition{
	width:22em;
	border:solid 2px #36c;
	}
/*表題*/
.condition h4{
	color:#36c;
	position:relative;
	top:-10px;
	margin:0;
	width:50%;
	text-align:center;
	padding:1px 2px;
	border:none;
	background-color:#fff;
	}
.condition p{
	margin:1em;
	margin-top:0;
	padding:0;
	}

/*表のスタイル、上下は0.5行空け。*/
table{
	margin:0.5em 0em;
	border:solid 2px #36c;
	font-size: 1em;
	}
/*行見出しの背景灰色*/
th{
	background-color:#36c;
	font-weight:bold;
	color:#fff;
	}
/*列見出しを作り、class="1col"とする。*/
.1col{
	background-color:#36c;
	text-align:center;
	color:#fff;
	font-weight:bold;

	}
/*センタリングしたいセルをclass="2col"とする。*/
.2col{text-align:center;}
/*右寄せしたいセルをclass="3col"にする。*/
.3col{text-align:right;}

/*shopのインナーフレーム用*/
/*２分割のコンテンツ全体、幅592px、中央寄せはHTMに書いた*/
#whole{
	position:relative;
	top:0px;
	left:0px;
	width:592px;
	margin-left:auto;
	margin-right:auto;
	}
/*２分割の左コラム、詰め左12、右4*/
#firstcolumn{
/*	position:absolute; top:0px; left:0px;*/
	margin:0px;
	padding:30px 4px 10px 12px;
	width:280px;
	float:left;
	}
/*２分割の右コラム、詰め左4、右12*/
#secondcolumn{
/*	position:absolute; top:0px; left:296px;*/
	margin:0px 0px 0px 0x;
	padding:30px 12px 10px 4px;
	width:280px;
	float:right;
/*	border:solid 1px;*/
	}
/*右詰の画像*/
.rightimage{
	float:right;
	margin-left:20px;
	paddung-left:20px;
	}