/*「味の手帳」ウェブサイト用スタイルシート*/

@charset "utf-8";

body {
	background-color: #fff;
	color: #000;
	font-size: 10pt;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 0px;
	padding: 0px;
	background-position: center;
}

a :link {
	color: #00aa00;
}
a :Visited {
	color: #00dd00;
}
a :active {
	color: #00dd00;
}
a :hover {
	color:#00dd00;
}
img {
	border: none;
	vertical-align: bottom;
	margin-left: auto;
	margin-right: auto;
}
p {
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	text-indent: 12px;
	color: #666666;
	margin-top: auto;
	margin-bottom: auto;
}
/* -------------------------------------------------------------------------------- */
/*      1.（共通部分）                                                                */  
/* -------------------------------------------------------------------------------- */
#container {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
}
#navi, #main, #header {
	margin-right: auto;
	margin-left: auto;
	display: block;
	float: left;
}
/* -------------------------------------------------------------------------------- */
/*      navi                                                                        */  
/* -------------------------------------------------------------------------------- */
#navi {
	width: 140px;
	background-color: #fff;
}
#navi .logo {
	margin-bottom: 6px;
}
#navi .bottom {
	margin-bottom: 2px;
}
#navi a {
	margin-left: 0px;
}
/* -------------------------------------------------------------------------------- */
/*      main                                                                        */  
/* -------------------------------------------------------------------------------- */
#main {
	background-color: #fff;
	width: 560px
}
/* -------------------------------------------------------------------------------- */
/*      header                                                                      */  
/* -------------------------------------------------------------------------------- */
#header {
	width: 560px;
	background-color: #fff;
}

#header .img1, .img2, img3 {
	width: 245px;
	display: block;
	float: right;
}
#header .img2 {
	width: 215px;
}
#header .img3 {
	width: 100px;
}
#header p {
	color: #0099CC;
	font-weight: bold;
	text-align: right;
}
#header .header, .header_index {
	color: #000080;
	font-size: 16px;
	line-height: 24px;
	width: 245px;
	text-align: center;
	display: block;
	float: right;
}
#header .header_index {
	color: #0099CC;
	font-size: 12px;
	line-height: 18px;
	width: 245px;
	text-align: right;
}

/* -------------------------------------------------------------------------------- */
/*      トップページ                                                                  */  
/* -------------------------------------------------------------------------------- */
#toppage, #kenbunroku {
	width: 500px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
}
#toppage img {
	width: 250px;
}
#toppage .topimg {
	width: 500px;
	margin-top:30px;
	margin-bottom: 30px;
	text-align: center;
}
#toppage .green, .blue {
	color: #009999;
	margin-right: 1px;
}
#toppage .blue {
	color: #6699CC;
}
#toppage .content_box {
	margin: 5px;
}
#toppage .p2 {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
}
#toppage .p3 {
	font-size: 10px;
	line-height: 15px;
	font-weight: normal;
	margin-left: 20px;
	text-indent: 0px;
}
#toppage a {
	color: #FF0000;
	font-weight: bold;
	font-size: 13px;;
	line-height: 19px;
	margin-left: 0px;
	text-decoration: none;
	text-indent: 0px;
}
#toppage .cap {
	margin-left: 60px;
	font-size: 10px;
	line-heiht: 15px
	font-weight: normal;
}
#toppage .east_jpn {
	color: #FF0000;
	font-size: 11px;
	line-height: 18px;
	text-align: center;
	margin-top: 20px;
}
#toppage #outline_all {
	width: 500px;
	height: auto;/*690*/
	border: 1px #6699FF solid;
	background-color: #FFF;
	margin-left: auto;
	margin-right: auto;
}
#toppage #outline_heading {
	width: 496px;
	height: 40px;
	border: 1px #6699FF solid;
	background-color: #CCFFFF;
	margin: 1px;
}
#toppage .heading {
	margin-top: 10px;
	color: #006699;
	font-size: 15px;
	line-height: 22px;
	font-weight: bold;
	text-align: center;
}
#toppage #outline_content {
	width: 496px;
	height: auto;/*643*/
	border: 1px #6699FF solid;
	background-color: #fff;
	margin: 1px;
	text-align: left;
}

/* -------------------------------------------------------------------------------- */
/*      対談                                                                         */
/* -------------------------------------------------------------------------------- */
#conversation {
	width: 500px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
}
#conversation img {
	width: 400px;
}
#conversation p {
	text-indent: 0px;
}
#conversation .img_box {
	text-align: center;
	margin-bottom: 30px;
}
#conversation .text_box {
}
#conversation .name, .name_cap, .name_cap2 {
	text-align: center;
	font-size: 16px;
	line-height: 24px;
	text-indent: 0px;
	color: #006699;
}
#conversation .name_cap {
	color: #005555;
}
#conversation .name_cap2 {
	color: #696969;
}
#conversation hr {
	width: 500px;
	margin-top: 15px;
	margin-bottom: 15px;
}
#conversation .conversation_box {
	margin-top: 20px;
	margin-bottom: 20px;
	display: block;
	background-color: #fff;
}

#conversation .left_box1, .right_box1, .left_box2, .right_box2, .left_box3, .right_box3, .left_box4, .right_box4 {
	display: block;
	background-color: #fff;
	text-align: right;
	width: 70px;
	float: left;
	vertical-align: top;
	margin-top: 7px;
	margin-bottom: 0px;
}
#conversation .left_box1, .right_box1, br_right_box1 {
	color: #006633;		/*対談ホスト*/
}
#conversation .left_box2, .right_box2, br_right_box2 {
	color: #993366; 	/*対談お客さん*/
}
#conversation .left_box3, .right_box3, br_right_box3 {
	color: #000080; 	/*編集部*/
}
#conversation .left_box4, .right_box4 {
	color: #8b4513; 	/*３人目*/
}
/*#conversation .br_right_box1, .br_right_box2, .br_right_box3 {
	text-indent: 12px;	brタグ以降の行のインデント
}*/
#conversation .right_box1, .right_box2, .right_box3, .right_box4 {
	text-align: left;
	background-color: #fff;
	margin-left: 30px;
	width: 400px;
}
#conversation .right_comment {
	width: 500px;
}
#conversation .p2 {
	text-align: right;
}
/* -------------------------------------------------------------------------------- */
/*      ごあいさつ                                                                    */  
/* -------------------------------------------------------------------------------- */
#greeting {
	width: 500px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
}
#greeting p {
	font-size: 13px;
	text-indent: 13px;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 10px;
	line-height: 1.8em;
}
#greeting .greeting_table {
	border: 1px #999 solid;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
	width: 498px;
}
#greeting .greeting_table tbody td {
	border: 1px #999 solid;
	padding: 2px;
	text-align: left;
}
#greeting .greeting_table tbody td p {
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
}
/* -------------------------------------------------------------------------------- */
/*      著者紹介                                                                     */  
/* -------------------------------------------------------------------------------- */
#writer {
	width: 500px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	color: #666666;
}

#writer .intro {
	font-size: 12px;
	text-indent: 0px;
	text-align: center;
	font-weight: bold;
	line-height: 2em;
}

#writer .intro_img {
	float: right;
	width: auto;
	margin-bottom: 30px;
}
#writer .text_box {
	margin-left: 35px;
	margin-top: 20px;
	float: left;
	width: 190px;
	background-color: #fff;
}


#writer .name {
	font-size: 15px;
	text-align: left;
	margin-left: 10px;
	margin-bottom: 5px;
	text-indent: -10px;
	color: #003366;
}
#writer p {
	font-size: 12px;
	text-align: left;
	text-indent: 12px;
	margin-top: auto;
	margin-bottom: auto;
	line-height: 1.5em;
}
#writer .left_set, .right_set {
	margin-bottom: 30px;
	float: left;
	display: block;
	width: 500px;
	background-color: #fff;
}
#writer .left_set img, .right_set img {
	float: left;
	margin-top: 20px;
	margin-bottom: auto;
	margin-right: 15px;
	width: 123px;
}
#writer .left_set .description {
	display: block;
	background-color: #fff;
	margin-left: 140px;
}
#writer .right_set img {
	float: right;
	margin-left: 15px;
	margin-right: auto;
}
#writer .right_set .description {
	display: block;
	background-color: #fff;
	margin-right: 140px;
	text-align: right;
}
#writer .right_set p {
	text-align: right;
}

/* -------------------------------------------------------------------------------- */
/*      原稿募集 / 定期購読ガイド / お問い合わせ / プレゼント                              */  
/* -------------------------------------------------------------------------------- */
#original_recruitment, #subscription, #inquiry, #present {
	width: 500px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
}
#original_recruitment .heading, #subscription .heading, #present .heading {
	font-size: 18px;
	text-align: left;
	margin-top: 40px;
	margin-left: 10px;
	margin-bottom: 5px;
	color: #003366;
}
#present .heading {
	text-align: center;
	margin-top: 200px;
	margin-bottom: 200px;
}
#original_recruitment p, #subscription p, #inquiry p {
	font-size: 13px;
	text-indent: 13px;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 5px;
}
#inquiry p {
	margin-top: 100px;
	margin-bottom: 250px;
}
#original_recruitment a, #subscription a, #inquiry a {
	margin-left: 0px;
}
#subscription h3 {
	font-size: 14px;
	text-align: left;
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom: 5px;
	color: #003366;
}
/* -------------------------------------------------------------------------------- */
/*      次号予告                                                                     */  
/* -------------------------------------------------------------------------------- */
#preview {
	width: 500px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
}
#preview p {
	margin-left: 0px;
}
#preview img {
	width: 320px;
}
#preview .img_block, .black {
	text-align: center;
}
#preview . black {
	color: #000;
}
#preview .see_blue, .sky_blue {
	color: #6898FF;
	display: inline;
}
#preview .sky_blue {
	color: #99CCFF;
}
#preview .p2 {
	display: inline;
	font-weight: bold;
}
#preview .heading {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

#preview .line {
	line-height: 1.2em;
	text-align: left;
	margin-bottom: 30px;
	background-color: #fff;
}
#preview .column {
	display: block;
	float: right;
	text-align: left;
	width: 360px;
	background-color: #fff;
}
/* -------------------------------------------------------------------------------- */
/*      味なリンク                                                                    */  
/* -------------------------------------------------------------------------------- */
#links {
	width: 500px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
}
#links a, p {
	margin: 0px;
}
#links .dark_orange, .gold {
	color: #ff8c00;
	float: left;
	display: inline;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: -4px;
}
#links .gold {
	color: #ffd700;
}
#links .p2 {
	text-align: center;
	margin-bottom: 40px;
}
#links .p3 {
	float: left;
	display: inline;
	text-align: left;
	margin-left: -10px;
}
#links .line {
	line-height: 2em;
	margin-top: 5px;
}
#links .column {
	display: inline;
	margin-top: 0px;
	float: right;
	text-align: left;
	width: 310px;
}
/* -------------------------------------------------------------------------------- */
/*      味の手帖特選品                                                                */  
/* -------------------------------------------------------------------------------- */
#shop {
	width: 500px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
}
#shop p {
	margin-right: 10px;
	margin-left: 10px;
}
#shop .gift {
	margin-top: 20px;
	display: block;
	background-color: #fff;
	/*height: 250px;*/
}
#shop .heading {
	font-size: 110%;
	color: #000033;
}
#shop img {
	float: left;
	width: 166px;
}
#shop .text_box {
	display: block;
	background-color: #fff;
	margin-left: 166px;
}
#shop hr {
	margin-top: 10px;
	margin-bottom: 20px;
}
#shop .description {
	margin-left: 32px;
	text-indent: -12px;
	color: #000033;
}
#shop .description_sub {
	margin-top: 3px;
	margin-bottom: 5px;
	margin-left: 70px;
	text-indent: -10px;
	font-size: 9px;
	color: #000033;
}
#shop .description_box {
	margin-bottom: 10px;
	margin-left: 50px;
	width: 300px;
	border: 1px #ccc solid;
}
/* -------------------------------------------------------------------------------- */
/*      バックナンバー                                                                */  
/* -------------------------------------------------------------------------------- */
#bk_num {
	width: 500px;
	margin-top: 10px;
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
}
#bk_num table {
	border: none;
	width: 500px;
	color: #666;
	font-size: 10px;
}
#bk_num td {
	border: none;
}
#bk_num .bk_num_year, .bk_num_month {
	width: 38px;
	text-align: right;
}
#bk_num .bk_num_name {
	width: 80px;
	text-align: right;
}
#bk_num .bk_num_num {
	width: 45px;
	text-align: right;
}
#bk_num .bk_num_content {
	text-align: left;
}
#bk_num .bk_num_heading {
	color: #003366;
	margin-bottom: 5px;
	font-size: 14px;
	display: inline;
}
#bk_num ol {
	margin-top: -15px;
	margin-left: 10px;
	margin-bottom: 20px;
	font-size: 10px;
}
#bk_num li {
	margin-bottom: 2px;
}
#bk_num a {
	margin-left: 0px;
	font-size: 12px;
}
#bk_num .goto_top, .goto_top_end {
	text-align: right;
	display: inline;
	margin-left: 100px;
	font-size: 80%;
	vertical-align: top;
}
#bk_num .goto_top_end {
	text-align: left;
	margin-left: 0px;
}

/* -------------------------------------------------------------------------------- */
/*      味な名店会ガイド                                                               */  
/* -------------------------------------------------------------------------------- */
#restaurant {
	width: 500px;
	margin-top: 10px;
	color: #003366;
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
}
#restaurant img {
	float: right;
	width: auto;
}
#restaurant .text_box {
	margin-left: 35px;
	margin-top: 50px;
	float: left;
	width: 190px;
	background-color: #fff;
}
#restaurant .htext {
	font-size: 13px;
	text-indent: 0px;
	text-align: center;
	font-weight: bold;
	line-height: 2em;
}
#restaurant .restaurant {
	margin-top: 20px;
	margin-left: 20px;
	color: #666666;
}
#restaurant .address {
	margin-left: 45px;
	margin-top: 0px;
	margin-bottom: 10px;
	text-indent: 0px;
	font-weight: normal;
}
#restaurant .catch_copy {
	margin-left: 30px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-indent: 0px;
	font-weight: bold;
	color: #333;
}
#restaurant .heading {
	color: #003366;
	font-size: 16px;
	margin-left: -10px;
	margin-top: 30px;
	margin-bottom: -10px;
}
#restaurant .heading_1, a .heading_1 {
	color: #006699;
	margin-left: 15px;
	margin-bottom: 0px;
}
#restaurant .heading_2, a .heading_2 {
	color: #339999;
	margin-left: 15px;
	margin-bottom: 0px;
}
#restaurant .heading_3, a .heading_3 {
	color: #006666;
	margin-left: 15px;
	margin-bottom: 0px;
}
#restaurant .heading_4, a .heading_4 {
	color: #009966;
	margin-left: 15px;
	margin-bottom: 0px;
}
#restaurant .heading_5, a .heading_5 {
	color: #66CC00;
	margin-left: 15px;
	margin-bottom: 0px;
}
#restaurant .heading_6, a .heading_6 {
	color: #FF9900;
	margin-left: 15px;
	margin-bottom: 0px;
}
#restaurant .heading_7, a .heading_7 {
	color: #FF6600;
	margin-left: 15px;
	margin-bottom: 0px;
}
#restaurant .heading_8, a .heading_8 {
	color: #FF3333;
	margin-left: 15px;
	margin-bottom: 0px;
}
#restaurant .heading_9, a .heading_9 {
	color: #660000;
	margin-left: 15px;
	margin-bottom: 0px;
}
#restaurant .heading_10, a .heading_10 {
	color: #996633;
	margin-left: 15px;
	margin-bottom: 0px;
}
/* -------------------------------------------------------------------------------- */
/*      味の情報区                                                                    */  
/* -------------------------------------------------------------------------------- */
#news {
	width: 500px;
	margin-top: 10px;
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
}
#news .news {
	margin-top: 18px;
	margin-bottom: 50px;
	display: block;
	background-color: #fff;
}
#news .p2 {
	text-align: center;
	margin-bottom: 40px;
}
#news .heading {
	text-align: center;
	color: #006699;
	font-size: 15px;
}
#news a {
	margin-left: 0px;
	font-size: 100%;
}
#news .text_box {
	margin-left: 20px;
	display: block;
	margin-top: 9px;
	background-color: #fff;
}
#news img {
	margin-top: 9px;
	margin-bottom: 5px;
}
#news .img_right {	/*右側に写真がくる場合*/
	margin-left: 5px;
	margin-bottom: 30px;
	float: right;
	width: auto;
	height: 275px;
}
#news .img_top {	/*上に写真がくる場合*/
	margin-left: auto;
	margin-right: auto;
	width: 275px;
	height: auto;
	align: center;
}
#news .description {
	text-indent: -12px;
	margin-left: 20px;
	margin-top: 10px;
}
#news .period {
	text-indent: -48px;
	margin-left: 63px;
	font-size: 12px;
	line-height: 18px;
}
#news .inquiry {
	text-indent: -10px;
	margin-left: 20px;
	margin-top: 10px;
	font-size: 12px;
	line-height: 18px;
}
#news .caution {
	text-indent: -8px;
	margin-left: 80px;
	margin-top: 0px;
	font-size: 8px;
	line-height: 12px;
}
/* -------------------------------------------------------------------------------- */
/*      新刊書籍                                                                     */  
/* -------------------------------------------------------------------------------- */
#newbook {
	margin-top: 10px;
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
}
#newbook .newbook {
	margin-bottom: 20px;
	display: block;
	background-color: #fff;
}
#newbook .p2 {
	text-align: center;
	margin-bottom: 40px;
}
#newbook .heading {
	text-align: center;
	color: #006699;
	font-size: 15px;
	line-height: 21px;
}
#newbook a {
	margin-left: 0px;
	font-size: 100%;
}
#newbook .text_box {
	display: block;
	margin-top: 9px;
	background-color: #fff;
}
#newbook img {
	margin-top: 9px;
	margin-bottom: 5px;
}
#newbook .img_right {
	float: right;
	width: auto;
	height: 275px;
}
#newbook .img_top {
	margin-left: auto;
	margin-right: auto;
	width: 275px;
	height: auto;
	align: center;
}
#newbook .description, .description_heading {
	text-indent: -12px;
	margin-left: 20px;
	margin-top: 10px;
	color: #003366;
	font-weight: bold;
}
#newbook .description {
	margin-left: 22px;
	font-weight: normal;
	text-indent: 0px;
}
#newbook .period {
	text-indent: -48px;
	margin-left: 63px;
	margin-top: 5px;
}
#newbook .inquiry {
	text-indent: -12px;
	margin-left: 20px;
	margin-top: 20px;
}
#newbook .caution {
	text-indent: -10px;
	margin-left: 80px;
	margin-top: 0px;
	font-size: 8px;
	line-height: 12px;
}
#newbook .description_box {
	margin-top: 20px;
	display: block;
	background-color: #fff;
}

#newbook .left_box, .right_box {
	display: block;
	background-color: #fff;
	text-align: right;
	color: #003366;
	width: 110px;
	float: left;
	margin-top: 7px;
	margin-bottom: 0px;
}
#newbook .right_box {
	text-align: left;
	background-color: #fff;
	margin-left: 10px;
	width: 380px;
	color: #666;
}
/* -------------------------------------------------------------------------------- */
/*      味の見聞録                                                                    */  
/* -------------------------------------------------------------------------------- */
#kenbunroku {
	width: 500px;
	margin-top: 10px;
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
}
#kenbunroku p {
	margin-left: 0px;
	font-size: 12px;
	line-height: 18px;
	text-indent: 12px;
}
#kenbunroku #outline {
	border: 1px #3B84C3 solid;
	text-align: center;
	width: 498px;
	height: auto;
	vertical-align: middle;
	background-color: #E6F4F7;
	padding-bottom: 5px;
}
#kenbunroku .ken_heading {
	color: #FF8C00;
	margin-top: 5px;
	font-size: 15px;
	line-height: 24px;
	font-weight: bold;
	text-align: center;
}
#kenbunroku .ken_heading_description {
	color: #006699;
	font-size: 11px;
	line-height: 18px;
	text-align: center;
}
#kenbunroku .ken_content_heading, .ken_content_heading_description {
	color: #FF6633;
	margin-top: 30px;
	margin-left: 0px;
	font-size: 15px;
	line-height: 24px;
	font-weight: bold;
	text-align: left;
}
#kenbunroku .ken_content_heading_description {
	margin-top: 0px;
	margin-left: 10px;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
}
#kenbunroku .ken_content {
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 30px;
	margin-bottom: 10px;
}
#kenbunroku .ken_adress_name {
	margin-top: 15px;
	font-size: 14px;
	line-height: 21px;
	font-weight: bold;
}
#kenbunroku .ken_adress {
	font-size: 11px;
	line-height: 18px
	margin-top: 0px;
	margin-left: 20px;
	margin-right: 30px;
	margin-bottom: 0px;
}
#kenbunroku .ken_adress_ast {	/*アスタリスク「＊」付きの日時など*/
	font-size: 8px;
	line-height: 16px;
	margin-top: 0px;
	margin-left: 50px;
	margin-right: 30px;
	margin-bottom: 0px;
}
#kenbunroku hr {
	margin-top: 30px;
	width: 500px;
}
#kenbunroku table {
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	background-color: #E6F4F7;
	border: 1px solid #E6F4F7;
	width: 450px;
}
#kenbunroku tr {
	border: 1px solid #E6F4F7;
	color: #3B84C3;
	text-align: left;
	margin-left: 0px;
	vertical-align: middle;
}
#kenbunroku a {
	margin-left: 3px;
}
/* -------------------------------------------------------------------------------- */
/*      footer                                                                      */  
/* -------------------------------------------------------------------------------- */
#footer {
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
}
#footer h6 {
	font-size: 85%;
	color: #003333;
	font-weight: normal;
	margin-top: 5px;
	margin-bottom: 10px;
	text-align: center;
}
/* -------------------------------------------------------------------------------- */
/*      function                                                                    */  
/* -------------------------------------------------------------------------------- */
.float-clear {
	font-size: 0px;
	color: #669966;
	clear: both;
}