@charset "utf-8";
@import "digit_navi.css";
/* topデザイン */

body	{
	margin:0px;
	padding:0px;
	background-color:#faffff;
	color:#333333;
	text-align:center;	/* 古いIE対応　*/
	}	/* 基本文字色 上下左右スペースなし　*/
.contents {
	width:750px;	/* IE5.x幅固定無効対応　*/
	margin:auto;
	background-color:#fffefd;
	border:solid 1px #cccccc;
	text-align:left;	/* 古いIE対応　*/
	position:relative;	/* 他で絶対位置指定するとき必要　*/
	}	
.main	{
	position:relative;
	top:0px;
	left:0px;
	padding-top:0px;
	padding-left:10px;
	}

.col_main	{
	float:left;
	width:220px;
	margin-top:5px;
	margin-left:5px;
	padding:5px;
	border-left:solid 1px #cccccc;
	}
	
.col_main IFRAME	{ /* VC IFRAM 用*/
	float:left;
	}


.pr_site	{
	clear:both;
	width:710px;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:10px;
	}
h1	{
	margin:0px;
	height:47px;
	font-size:18pt;
	font-weight:900;
	color:#115533;
	vertical-align:middle;
	border-bottom:solid 1px #00aa00;
	}
h1 img	{
	float:left;
	margin-right:30px;
	}

span#fontlogo1	{
	font-size:12pt;
	color:#884400;
	}	/* タイトル文字中 小豆色 */
span#fontlogo2	{
	font-size:15pt;
	color:#333333;
	}	/* タイトル文字大 黒色 */

h2	{
	font-size:75%;
	font-weight:normal;
	text-align:center;
	margin-top:10px;
	margin-bottom:3px;
	clear:both;
	}
#pankuzu {
	margin-top:17px;  /*H1とナビのスペース場合*/
	font-size:90%;
	margin-bottom:5px;
	margin-left:10px;
	margin-right:10px;
	padding-top:5px;
	border-bottom:solid 1px #cccccc;
	padding-left:5px;
	padding-bottom:2px;
	clear:both;
	}   /* パンくず */
#pankuzu h2{
	text-align:left;
	font-weight:bolder;
}
.topcom  {
	width:585px;
	margin-left:5px;
	margin-top:3px;
	margin-bottom:5px;
	font-size:80%;
	line-height:120%;
	}
h3	{
	clear:both;
	width:670px;
	margin-top:3px;
	margin-bottom:0px;
	font-size:95%;
	padding:2px 30px;
	background-color:#ddffbb;
	border-top:1px solid #aaaaaa;
	border-bottom:1px solid #aaaaaa;
	color:#115533;
	}	/* 鶯色バック */
/* h3 リンク */
h3 a	{
	width:650px;
	display:block;
	text-decoration:none;
	color:#115533;
	}
h3 a:hover{
	background-color:#ffffd8;
	}
h3 a:active{
	background-color:#ffcc77;
	}
/* h3 リンク 終わり　*/

h4	{
	clear:both;
	margin-top:0px;
	margin-bottom:0px;
	padding-left:0px;
	font-size:80%;
	line-height:120%;
	}
.pr_site h4	{
	color:#115533;
	background-image:url(../img/mark/green_ya1_16x20.gif);
	background-position:0px 50%;
	margin-top:3px;
	margin-left:10px;
	background-repeat:no-repeat;
	padding-left:20px;
	font-size:80%;
	clear:both;
	}

p	{
	margin-top:0px;
	margin-bottom:0px;
	padding-left:3px;
	padding-right:3px;
	font-size:80%;
	line-height:120%;
	}

p img	{ /* VC IFRAM 用*/
	float:left;
	padding-right:3px;
	}

.pr_site p {
	font-size:75%;
	}

.mark_new {
	margin:0px 5px; /* 上下　左右のマージン */
	padding-left:2px;
	background-image:url(../img/mark/new_50x12.gif);
	background-position:0px 5%; /* 左から0px　上から5% */
	background-repeat:no-repeat;
	font-size:12px;
	font-weight:bolder;
	color:#ff0000;
	text-decoration:none;
}
.mark_osusume {
	margin:0px 5px;
	padding-left:1px;
	background-image:url(../img/mark/osusume_45x15.gif);
	background-position:0px 50%;
	background-repeat:no-repeat;
	font-size:10px;
	font-weight:bold;
	color:#663300;
	text-decoration:none;
}

.d_non {
    display:none;
}

ul,li {
	margin:0px;
	padding:0px;
	}
ul	{
	list-style:none;
	font-size:80%;
	line-height:120%;
	margin-left:10px;
	}
.pr_site li {
	padding-left:20px;
	padding-right:5px;
	background-image:url(../img/mark/gray_ya1_16x20.gif);
	background-position:3px 50%;
	background-repeat:no-repeat;
	float:left;
	}
.pr_site li {
	white-space:nowrap;
}
.sub_menu h5{
	color:#115533;
	background-image:url(../img/mark/green_ya1_16x20.gif);
	background-position:0px 50%;
	margin-top:3px;
	margin-bottom:2px;
	margin-left:5px;
	background-repeat:no-repeat;
	padding-left:20px;
	font-size:70%;
	clear:both;
}
.sub_menu li {
	padding-left:20px;
	padding-right:5px;
	background-image:url(../img/mark/gray_ya1_16x20.gif);
	background-position:3px 50%;
	background-repeat:no-repeat;
	float:left;
	}
.sub_menu li {
	white-space:nowrap;
}
.sub_menu li a {
	white-space:nowrap;
	font-size:70%;
}

address	{
	font-size:80%;
	font-weight:normal;
	font-style:normal;
	text-align:center;
	border-top:solid 1px #00aa00;
	padding-top:5px;
	margin-top:3px;
	clear:both;
	}	/* ライン　緑 */

/* amazon　Webサービス  group用 */
#amazon {
	clear:both;
	padding:2px;
	font-size:80%;
	line-height:120%;
}
#amazon {
	width:720px;
	margin-left:10px;
    border: 1px solid #cccccc; /* group用 */
}
#displayframe{ 
	clear:both;  /* group用(sideは影響なし) */
}
#amazon p {
	float:left; /* group用 */
}
.d_non1 {
	font-size:70%;
}
.d_non1 p{
	clear:both;
}
.radio_dzn {
	margin:0px;
	padding:0px;
	font-size:85%;
}
.itemframe {
	width: 158px;/*  720pxを4等分 */
    padding:5px 10px ; /* group用 */
	float:left; /* group用 */
}
.itemframe img{
	float:right;
	margin:3px;
}
.book_title a {
	font-size:85%;
    font-weight: bold;
}
.book_publisher {
	font-size:75%;
}
.book_price {
	font-size:75%;
    color: green;
}
.book_date {
	font-size:75%;
    color: green;
}

/* top近くの広告 group用 */
.main_top_pr { /* main_1 位置　バナー */
	position:absolute;
	width:140px;
	top:2px;
	right:5px;
	font-size:75%;
}
.main_top_pr p {
	border-left:1px  solid #cccccc;
}

.google_col {
	width:730px;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:10px;
}
.google_col p{
    border-top:1px solid #cccccc; 
}