@charset "utf-8";
/* CSS Document */


/* ---------------------------- */
/*         base setting         */

* {
	margin: 0;
	padding: 0;
	border: 0;
	}

body,td,th {
	line-height: 20px;
	color: #333333;
	position: center;
	margin-right: auto;
	margin-left: auto;
	}

body {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック","MS PGothic", "Osaka",Verdana , sans-serif;
	font-size: 14px;
	line-height: 20px;
	background-color: #ddeecc;
	margin-right: auto;
	margin-left: auto;
	}

div#container {
	width: 790px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../image/background.gif);
	background-position: center;
	background-repeat: repeat-y;
	}
img {
	border-style: none;
	}
ul,li {
	list-style-position: inside;
}

/* --------------- */
/*  layout_header  */
/* --------------- */
div#header_area {
	width: 750px;
	height: 108px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	}
div#header {
	vertical-align: baseline;
	width: 710px;
	height: 70px;
	margin-right: auto;
	margin-left: auto;
	}

div#header_image {
float: left;
	margin-top: 10px;
	height: 60px;
	}

div#header_navi {
float: right;
	height: 25px;
	margin-top: 45px;
	}


/* --------------- */
/*   header_menu   */
/* --------------- */
div#header_menu_area {
	width: 750px;
	height: 38px;
	background: url(../image/header_menu_back.gif) no-repeat 0 100%;
	}
ul#header_menu li,
ul#header_menu li a {
float: left;
	width: 120px;
	height: 30px;
	margin: 0 2px;
	font-size: 0px;
	list-style-type: none;
	text-indent: -9999px;
	}
ul#header_menu {
	padding-top: 5px;
	padding-left: 50px;
	height: 30px;	
	font-size: 0px;
	list-style-type: none;
	text-indent: -9999px;
	}

/* layout_header_menu_img */
ul#header_menu li a {
	display: block;
	text-decoration: none;
	background: url(../image/header_menu.gif);
	background-repeat: no-repeat;
	}
/* layout_header_menu_img(normal) */
ul#header_menu li a#header_cyclist {
	background-position: 0px 0px;
	}
ul#header_menu li a#header_member {
	background-position: -120px 0px;
	}
ul#header_menu li a#header_event {
	background-position: -240px 0px;
	}
ul#header_menu li a#header_traffic {
	background-position: -360px 0px;
	}
ul#header_menu li a#header_about {
	background-position: -480px 0px;
	}
/* layout_header_menu_img(hover) */
ul#header_menu li a#header_cyclist:hover {
	background-position: 0px -30px;
	}
ul#header_menu li a#header_member:hover {
	background-position: -120px -30px;
	}
ul#header_menu li a#header_event:hover {
	background-position: -240px -30px;
	}
ul#header_menu li a#header_traffic:hover {
	background-position: -360px -30px;
	}
ul#header_menu li a#header_about:hover {
	background-position: -480px -30px;
	}


/* --------------- */
/*   layout_body   */
/* --------------- */
div#body_navi {
float: right;
	width: 710px;
	height: 20px;
	margin-bottom: 10px;
	}


/* layout_body */
div#body_container {
clear: both;
	width: 710px;
	height: auto;
	margin-top: 20px;
	margin-left: 40px;
	margin-right: 40px;
	}

div#contents_area {
float: right;
	width: 530px;
	height: auto;
	margin-bottom: 30px;
	}
div#txt_area {
clear: both;
	width: 530px;
	height: auto;
	margin:0 0 30px 0;
	}

div#menu {
float: left;
	width: 140px;
	height: auto;
	margin: 0;
	}


/* --------------- */
/*  layout_footer  */
/* --------------- */
div#footer_area {
clear: both;
	width: 790px;
	height: 100px;
	background-image: url(../image/footer.gif);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	}

div#footer {
	width: 710px;
	height: 30px;
	margin-right: auto;
	margin-left: auto;
	}

div#footer_navi {
float: right;
	height: 20px;
	margin-top: 7px;
	}
/*         base setting         */
/* ---------------------------- */

/* ---------------------------- */
/*         menu setting         */

/* ---------------- */
/*   sub setting    */
/* ---------------- */
div.menu_sub {
	width: 140px;
	height: 20px;
	margin: 0;
	}
h2.sub,
h3.sub {
	font-size: 0px;
	text-indent: -9999px;
	}
/*    (menu sub)    */
h2#menu_sub_feature,
h2#menu_sub_member,
h2#menu_sub_notice {
	display: block;
	width: 140px;
	height: 20px;
	margin: 0;
	line-height: 0px;
	text-indent: -9999px;
	}
h2#menu_sub_feature {
	background:url(../image_menu/sub_feature.gif) no-repeat;
	}
h2#menu_sub_member {
	background:url(../image_menu/sub_member.gif) no-repeat;
	}
h2#menu_sub_notice {
	background:url(../image_menu/sub_notice.gif) no-repeat;
	}
h2#menu_sub_pickup {
	background:url(../image_menu/sub_pickup.gif) no-repeat;
	}

/* menu_area */
div#menu_pr_area,
div#menu_feature_area,
div#menu_pickup_area,
div#menu_member_area,
div#menu_notice_area {
float:left;
	width: 140px;
	height: auto;
	margin-bottom: 30px;
	}

/* --------------- */
/*     menu_PR     */
/* --------------- */
/* layout_menu_PR_img */
ul#menu_pr {
	list-style-type: none;
	padding: 0;
	text-indent: -9999px;
	}
#menu_pr li, #menu_pr a {
float:left;
	text-decoration: none;
	display: block;
	width: 140px;
	height: 100px;
	}
#menu_pr a {
	background-image: url(../image_menu/pr.gif);
	background-repeat: no-repeat;
	}

/* ---------------- */
/*   menu_feature   */
/* ---------------- */
/* sizes */
div#menu_feature_area .large {
	width: 140px;
	height: 80px;
	}
div#menu_feature_area .middle {
	width: 140px;
	height: 60px;
	}
div#menu_feature_area .small {
	width: 140px;
	height: 40px;
	}
/* layout_menu_feature */
ul#menu_feature {
	list-style-type:none;
	padding: 0px;
	text-indent: -9999px;
	}
ul#menu_feature li, ul#menu_feature li a {
float:left;
	text-decoration: none;
	display: block;
	width: 140px;
	margin-bottom: 5px;
	}
/* layout_menu_feature_img */
ul#menu_feature li a#shiho_ct {
	background: url(../image_menu/feature_shiho_ct.jpg) no-repeat;
	}
ul#menu_feature li a#shiho_cr {
	background: url(../image_menu/feature_shiho_cr.jpg) no-repeat;
	}


/* --------------- */
/*   menu_member   */
/* --------------- */
/* layout_menu_member */
ul#menu_member {
	padding: 0px;
	list-style: none;
	text-indent: -9999px;
	}
ul#menu_member li, ul#menu_member li a {
float:left;
	text-decoration: none;
	display: block;
	width: 140px;
	height: 30px;
	margin: 0;
	}
/* layout_menu_member_img */
ul#menu_member li a#member_top {
	background: url(../image_menu/member.gif) no-repeat;
	}
ul#menu_member li a#member_merit {
	background: url(../image_menu/member_merit.gif) no-repeat;
	}
ul#menu_member li a#member_join {
	background: url(../image_menu/member_join.gif) no-repeat;
	}
ul#menu_member li a#member_renew {
	background: url(../image_menu/member_renew.gif) no-repeat;
	}
ul#menu_member li a#member_flow {
	background: url(../image_menu/member_flow.gif) no-repeat;
	}
ul#menu_member li a#cyclist_ct {
	background: url(../image_menu/cyclist_ct.gif) no-repeat;
	}
ul#menu_member li a#cyclist_ctag {
	background: url(../image_menu/cyclist_ctag.gif) no-repeat;
	}
ul#menu_member li a#about_cj {
	background: url(../image_menu/about_cj.gif) no-repeat;
	}
ul#menu_member li a#notice_privacy {
	background: url(../image_menu/notice_privacy.gif) no-repeat;
	}

/* layout_menu_member_img(normal) */
ul#menu_member li a#member_top,
ul#menu_member li a#member_merit,
ul#menu_member li a#member_join,
ul#menu_member li a#member_renew,
ul#menu_member li a#member_flow,
ul#menu_member li a#cyclist_ct,
ul#menu_member li a#cyclist_ctag,
ul#menu_member li a#about_cj,
ul#menu_member li a#notice_privacy {
	background-position: 0px 0px;
	}
/* layout_menu_member_img(hover) */
ul#menu_member li a#member_top:hover,
ul#menu_member li a#member_merit:hover,
ul#menu_member li a#member_join:hover,
ul#menu_member li a#member_renew:hover,
ul#menu_member li a#member_flow:hover,
ul#menu_member li a#cyclist_ct:hover,
ul#menu_member li a#cyclist_ctag:hover,
ul#menu_member li a#about_cj:hover,
ul#menu_member li a#notice_privacy:hover {
	background-position: -150px 0px;
	}

/* --------------- */
/*   menu_notice   */
/* --------------- */
/* layout_menu_notice */
ul#menu_notice {
	padding: 0px;
	list-style: none;
	text-indent: -9999px;
	}
ul#menu_notice li, ul#menu_notice li a {
float:left;
	text-decoration: none;
	display: block;
	width: 140px;
	height: 30px;
	}
/* layout_menu_notice_img */
ul#menu_notice li a#notice_guide {
	background: url(../image_menu/notice_guide.gif) no-repeat;
	}
ul#menu_notice li a#news_top {
	background: url(../image_menu/news.gif) no-repeat;
	}
ul#menu_notice li a#notice_policy {
	background: url(../image_menu/notice_policy.gif) no-repeat;
	}
ul#menu_notice li a#notice_privacy {
	background: url(../image_menu/notice_privacy.gif) no-repeat;
	}
ul#menu_notice li a#notice_copyright {
	background: url(../image_menu/notice_copyright.gif) no-repeat;
	}
ul#menu_notice li a#notice_contact {
	background: url(../image_menu/notice_contact.gif) no-repeat;
	}

/* layout_menu_notice_img(normal) */
ul#menu_notice li a#notice_guide,
ul#menu_notice li a#news_top,
ul#menu_notice li a#notice_policy,
ul#menu_notice li a#notice_privacy,
ul#menu_notice li a#notice_copyright,
ul#menu_notice li a#notice_contact {
	background-position: 0px 0px;
	}
/* layout_menu_notice_img(hover) */
ul#menu_notice li a#notice_guide:hover,
ul#menu_notice li a#news_top:hover,
ul#menu_notice li a#notice_policy:hover,
ul#menu_notice li a#notice_privacy:hover,
ul#menu_notice li a#notice_copyright:hover,
ul#menu_notice li a#notice_contact:hover {
	background-position: -150px 0px;
	}

/*         menu setting         */
/* ---------------------------- */


/* ---------------------------- */
/*   index image area setting   */

/* --------------- */
/*   index image   */
/* --------------- */
/* layout_index_image */
div#index_image_area {
	width: 530px;
	height: auto;
	margin-bottom: 30px;
	}
div#index_image,
div#index_image img {
clear: both;
	width: 530px;
	height: 200px;
	margin: 0;
	}
div.index_read {
	width: 530px;
	height: auto;
	margin-top: 10px;
	margin-bottom: 30px;
	line-height: 20px;
	font-size: 12px;
	background:url(../image/dot.gif) repeat-x 0 100%;
	}
/*   index image area setting   */
/* ---------------------------- */


/* ---------------------------- */
/*     other special setting    */
/*          index news          */
div#index_news_area {
float: left;
	display: block;
	width: 380px;
	height: auto;
	}
div.index_news_sub {
clear: both;
	width: 380px;
	height: 20px;
	background:url(../image_sub/index_news.gif) no-repeat;
	margin-bottom: 10px;
	}
div.index_news_sub h2 {
clear: both;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	}
/*     other special setting    */
/*          index news          */
/* ---------------------------- */



/* ---------------------------- */
/*     other special setting    */
/*          index link          */
div#index_link_area {
float: right;
	display: block;
	width: 120px;
	height: auto;
	padding: 0;
	margin-bottom: 20px;
	}
div.index_link_sub {
	width: 120px;
	height: 20px;
	background:url(../image_sub/index_link.gif) no-repeat;
	margin-bottom: 10px;
	}
div.index_link_sub h2 {
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	}
div#index_link ul,
div#index_link ul li.link {
	list-style-position: inside;
	list-style: none;
	display: block;
	width:120px;
	height:45px;
	}
div#index_link ul li.link {
	margin-bottom: 10px;
	}
div#index_link ul li.link,
div#index_link ul li.link a {
float: right;
	display: block;
	width:120px;
	height:45px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	}

/* --------------- */
/*     sponsor     */
/* --------------- */
div#index_link ul li#sponsor_keirin,
div#index_link ul li#sponsor_keirin a {
	background:url(../image_link/sponsor_keirin.gif) no-repeat;
	}
div#index_link ul li#sponsor_ringring,
div#index_link ul li#sponsor_ringring a {
	background:url(../image_link/sponsor_ringring.gif) no-repeat;
	}
div#index_link ul li#sponsor_ogk,
div#index_link ul li#sponsor_ogk a {
	background:url(../image_link/sponsor_ogk.gif) no-repeat;
	}
div#index_link ul li#searvice_uarmour,
div#index_link ul li#searvice_uarmour a {
	background:url(../image_link/searvice_uarmour.gif) no-repeat;
	}
div#index_link ul li#searvice_ctrain,
div#index_link ul li#searvice_ctrain a {
	background:url(../image_link/searvice_ctrain.gif) no-repeat;
	}
div#index_link ul li#searvice_waveone,
div#index_link ul li#searvice_waveone a {
	background:url(../image_link/searvice_waveone.gif) no-repeat;
	}
div#index_link ul li#searvice_ktr,
div#index_link ul li#searvice_ktr a {
	background:url(../image_link/searvice_ktr.gif) no-repeat;
	}
div#index_link ul li#searvice_cct,
div#index_link ul li#searvice_cct a {
	background:url(../image_link/searvice_cct.gif) no-repeat;
	}
/* --------------- */
/*      event      */
/* --------------- */
div#index_link ul li#event_series,
div#index_link ul li#event_series a {
	background:url(../image_link/event_series.gif) no-repeat;
	}
div#index_link ul li#event_utsukushi,
div#index_link ul li#event_utsukushi a {
	background:url(../image_link/event_utsukushi.gif) no-repeat;
	}
div#index_link ul li#event_norikura,
div#index_link ul li#event_norikura a {
	background:url(../image_link/event_norikura.gif) no-repeat;
	}
div#index_link ul li#event_tsukuba,
div#index_link ul li#event_tsukuba a {
	background:url(../image_link/event_tsukuba.gif) no-repeat;
	}
div#index_link ul li#event_fuji,
div#index_link ul li#event_fuji a {
	background:url(../image_link/event_fuji.gif) no-repeat;
	}
div#index_link ul li#event_tokyo,
div#index_link ul li#event_tokyo a {
	background:url(../image_link/event_tokyo.gif) no-repeat;
	}
div#index_link ul li#event_zao,
div#index_link ul li#event_zao a {
	background:url(../image_link/event_zao.gif) no-repeat;
	}
div#index_link ul li#event_hcr,
div#index_link ul li#event_hcr a {
	background:url(../image_link/event_hcr.gif) no-repeat;
	}
div#index_link ul li#searvice_cop15,
div#index_link ul li#searvice_cop15 a {
	background:url(../image_link/searvice_cop15.gif) no-repeat;
	}
div#index_link ul li#event_cycloop,
div#index_link ul li#event_cycloop a {
	background:url(../image_link/event_cycloop.gif) no-repeat;
	}
div#index_link ul li#event_matsudo,
div#index_link ul li#event_matsudo a {
	background:url(../image_link/event_matsudo.gif) no-repeat;
	}
/* --------------- */
/*      other      */
/* --------------- */
div#index_link ul li#searvice_yamato,
div#index_link ul li#searvice_yamato a {
	background:url(../image_link/searvice_yamato.gif) no-repeat;
	}
div#index_link ul li#searvice_petamap,
div#index_link ul li#searvice_petamap a {
	background:url(../image_link/searvice_petamap.gif) no-repeat;
	}

/*     other special setting    */
/*          index link          */
/* ---------------------------- */




/* --------------- */
/*   category top  */
/*      list       */
/* --------------- */
table.top_list,
table.top_list_plural {
	width: 530px;
	border: none;
	}
table.top_list_plural {
	margin-bottom: 20px;
	}
table.top_list tr,
table.top_list_plural tr {
	width: 530px;
	height: auto;
	}
table.top_list tr td,
table.top_list_plural tr td {
	width: 265px;
	height: 130px;
	}
/*     list box    */
div.list_left,
div.list_right {
	width: 250px;
	height: auto;
	}
div.list_left {
float:left;
	}
div.list_right {
float:right;
	}
div.sub_small {
	width: 250px;
	height: 20px;
	margin-bottom: 10px;
	}
div.list_left div.list_comment,
div.list_right div.list_comment,
div.list_left div.list_comment a,
div.list_right div.list_comment a {
	width: 250px;
	height: 80px;
	font-size: 11px;
	line-height: 18px;
	}
div.list_comment div.list_image {
float: left;
	width: 80px;
	height: 80px;
	background-color: #CCCCCC;
	margin-right: 10px;
	}
/* --------------- */
/*   sub list box  */
/* --------------- */
div.list_left div.list_help,
div.list_right div.list_help,
div.list_left div.list_info,
div.list_right div.list_info,
div.list_left div.list_link,
div.list_right div.list_link {
	width: 250px;
	margin-bottom: 10px;
	}
ul.list_help,
ul.list_info,
ul.list_link {
	width: 500px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	}

ul.list_help,
div.list_help ul,
ul.list_info,
div.list_info ul,
ul.list_link,
div.list_link ul {
	list-style-type: none;
	padding-left: 5px;
	}
ul.list_help li,
div.list_help ul li,
ul.list_info li,
div.list_info ul li,
ul.list_link li,
div.list_link ul li {
	list-style-position: inside;
	font-size: 12px;
	line-height: 18px;
	}
/*   sub list box   */
/* (event schedule) */
/*   (cyclist ct)   */
/*    (beginner)    */
div.list_info ul li,
ul.info, ul.info li {
	list-style-image: url(../image/note_info.gif);
	}
div.list_help ul li,
ul.help, ul.help li {
	list-style-image: url(../image/note_help.gif);
	}
/*   sub list box   */
/*   (about link)   */
div.list_link ul li,
ul.link, ul.link li {
	list-style-image: url(../image/note_link.gif);
	}


/*    sub list box   */
/*  (notice sitemap) */
div.list_sitemap_area {
	width: 530px;
	height: auto;
	margin-bottom: 30px;
	}
div.list_sitemap_title {
	width: 530px;
	height: 20px;
	margin-bottom: 10px;
	font-size:12px;
	}
div.list_sitemap_title img {
float: left;
	vertical-align: text-bottom;
	margin-right: 20px;
	}
div.list_sitemap_area ul {
	width: 530px;
	list-style-position: inside;
	}
div.list_sitemap_area ul li {
	list-style-image: url(../image/note_help.gif);
	font-size: 12px;
	line-height: 18px;
	}
div.list_sitemap_area ul li ul,
div.list_sitemap_area ul li ul li {
	width:500px;
	margin-left: auto;
	margin-right: auto;
	}
/*   category top  */
/*      list       */
/* --------------- */





/* --------------- */
/*   shiho route   */
/*    地図全部エリア    */
div.googlemaps_area {
	width: 530px;
	height: 310px;
	margin: 0;
	}
div.googlemaps_area img {	margin: 0;	}
/*    (GoogleMaps Navi)    */
/* 「今回走ったルートはこちら！」+「ナビゲーション欄」 */
div.map_routenavi {
float: left;
	width: 170px;
	height:270px;
	background:url(../image_link/map_routenavi.png) no-repeat;
	background-position: top;
	}
/*    (to GoogleMaps)    */
div.map_route_google {
	margin-top: 250px;
	}
div.map_route_google,
div.map_route_google a {
	display: block;
	width: 170px;
	height: 20px;
	text-indent: -9999px;
	}
div.map_route_google a {
	background:url(../image_link/map_route_google.gif) no-repeat;
	background-position: 0px 0px;
	}
div.map_route_google a:hover {
	background-position: 0px -20px;
	}

/* 「地図本体」部分 */
div.route {
float: right;
	width:360px;
	height: 290px;
	margin: 0;
	color: #999999;
}
/*    (ALPSLAB)    */
/*    (ALPSLAB,old共通)    */
/*    地図全部エリア    */
div#route_area {
	width: 530px;
	height: 240px;
	margin-bottom: 30px;
	}
/* 「今回走ったルートはこちら！」+「ナビゲーション欄」 */
div#shiho_route {
float: left;
	width: 210px;
	height:240px;
	background:url(../image_sub/feature_shiho_route.gif) no-repeat;
	background-position: top;
	}
/* 「powered by ALPSLAB Route」 */
div#route_alps {
	background:url(../image_sub/feature_shiho_route_alps.gif) no-repeat;
	margin-top: 220px;
	}
div#route_alps,
div#route_alps a {
	display: block;
	width: 210px;
	height: 20px;
	text-indent: -9999px;
	}
/* 「地図本体」部分 */
div#route {
float: right;
	width:320px;
	height: 240px;
	margin: 0;
	color: #999999;
}
/*   (pdf style)   */
div#shiho_route.old {
float: left;
	width: 210px;
	height:240px;
	background:url(../image_sub/feature_shiho_route_old.gif) no-repeat;
	background-position: top;
	margin: 0;
	padding: 0;
	}
div#route_pdf.old,
div#route_pdf.old a {
	display: block;
	width: 190px;
	height: 25px;
	text-indent: -9999px;
	background:url(../image_sub/feature_shiho_route_pdf_old.gif) no-repeat;
	}
div#route_pdf.old {
	margin: 135px 12px 0 8px; 
	padding: 0;
	}
div#route.old {
float: right;
	width:320px;
	height: 240px;
	margin: 0;
	text-align: right;
	}
/*   shiho route   */
/* --------------- */


/* --------------- */
/*     get pdf     */
/*  (normalstyle)  */
div.index_read div#get_reader_area {
	width: 530px;
	margin-top: 10px;
	}
div#get_reader_area div#get_reader_comment {
float: right;
	margin-left: 20px;
	}
div#get_reader_comment,
div#get_reader_comment.old /* shiho route only */
	{
	width: 210px;
	height: 40px;
	text-indent: -9999px;
	background:url(../image_link/get_reader_comment.gif) no-repeat;
	}
div#get_reader,
div#get_reader a {
	display: block;
	width: 115px;
	height: 35px;
	text-indent: -9999px;
	background:url(../image_link/get_reader.gif) no-repeat;
	}
/*  (shiho route)  */
div#get_reader_comment.old {
	margin-top: 20px;
	margin-bottom: 20px;
	}
/*     get pdf     */

/* --------------- */

/* --------------- */
/*     pdf list    */
ul.pdf {
	list-style: outside;
	list-style-image:url(../image/note_pdf.gif);
	list-style-type: none;
	}
ul.pdf li {
	width: 500px;
	margin: 10px auto;
	list-style-image:url(../image/note_pdf.gif);
	}
/* ---------------- */
/*    image area   */
/* ---------------- */
div.image_left {
float:left;
	margin-right: 20px;
	margin-bottom: 10px;
	}
div.image_right {
float:right;
	margin-left: 20px;
	margin-bottom: 10px;
	}


/* ---------------- */
/*  photo caption   */
/*    (feature)     */
div.imgcaparea,
div.imgcaparea_wide_left,
div.imgcaparea_wide_right,
div.imgcaparea_high_left,
div.imgcaparea_high_right {
	margin-bottom: 10px;
	}
div.imgcaparea {
clear: both;
	margin-bottom: 20px;
	}
div.imgcaparea table {
	margin: 0 auto;
	}
div.imgcaparea table tr td img {
	margin: 5px;
	}
div.imgcaparea_wide_left img,
div.imgcaparea_wide_right img,
div.imgcaparea_high_left img,
div.imgcaparea_high_right img {
	margin-bottom: 5px;
	}
div.imgcaparea_wide_left,
div.imgcaparea_wide_right {
	width: 180px;
	}
div.imgcaparea_high_left,
div.imgcaparea_high_right {
	width: 120px;
	}
div.imgcaparea_wide_left,
div.imgcaparea_high_left {
float:left;
	margin-right: 20px;
	}
div.imgcaparea_wide_right,
div.imgcaparea_high_right {
float:right;
	margin-left: 20px;
	}

div.imgcaparea_wide_left p.cap,
div.imgcaparea_wide_right p.cap {
	width: 180px;
	}
div.imgcaparea_high_left p.cap,
div.imgcaparea_high_right p.cap {
	width: 120px;
	}
/*    (caption)     */
p.cap,
p.cap a {
	color: #666677;
	font-size: 11px;
	line-height: 16px;
	margin: 0;
	text-align: justify; /* only win IE */
	text-justify: inter-ideograph; /* only win IE */
	}
p.cap img,
p.cap a img {
	vertical-align: middle;
	margin-right: 2px;
	}

/* ---------------- */
/*    shiho spot    */
div.spot_area {
	clear: both;
	width: 530px;
	}
div.shiho_ct_spot_area_top,
div.shiho_cr_spot_area_top {
	width: 530px;
	height: 30px;
	background-repeat: no-repeat;
	}
div.shiho_ct_spot_area_btm,
div.shiho_cr_spot_area_btm {
	clear: both;
	width: 530px;
	height: 20px;
	margin-top: 0;
	margin-bottom: 10px;
	background-repeat: no-repeat;
	}
/*  shiho_ct_spot   */
/*   (background)   */
div.shiho_ct_spot_area {
	background:url(../image_shiho_ct/spot_bg.gif);
	}
div.shiho_ct_spot_area_top {
	background:url(../image_shiho_ct/spot_bg_top.gif);
	}
div.shiho_ct_spot_area_btm {
	background:url(../image_shiho_ct/spot_bg_btm.gif);
	}
div.shiho_ct_spot_area div.spot_area div.shiho_spot div.image_bg {
	background: url(../image_shiho_ct/spot_bg_photo.gif) no-repeat;	
	}

/*  shiho_cr_spot   */
/*   (background)   */
div.shiho_cr_spot_area {
	background:url(../image_shiho_cr/spot_bg.gif);
	}
div.shiho_cr_spot_area_top {
	background:url(../image_shiho_cr/spot_bg_top.gif);
	}
div.shiho_cr_spot_area_btm {
	background:url(../image_shiho_cr/spot_bg_btm.gif);
	}
div.shiho_cr_spot_area div.spot_area div.shiho_spot div.image_bg {
	background: url(../image_shiho_cr/spot_bg_photo.gif) no-repeat;	
	}

/*     spot tips    */
div.shiho_spot {
	width: 480px;
	margin: auto;
	padding: 10px 0;
	}
div.shiho_spot div.image_bg {
float: left;
	width: 230px;
	height: 230px;
	margin-right: 20px;
	}
div.shiho_spot div.image_bg div.image_spot_wide {
	width: 180px;
	height: 120px;
	margin: 50px 25px;
	}
div.shiho_spot div.image_bg div.image_spot_high {
	width: 120px;
	height: 180px;
	margin: 25px 50px;
	}
/*    (comments)    */
div.shiho_spot div.txt_note {
float: right;
	width: 230px;
	}
div.shiho_spot div.txt_note p,
div.shiho_spot div.txt_note p a {
	width: 230px;
	font-stretch:normal;
	font-size: 12px;
	line-height: 20px;
	}
div.shiho_spot div.txt_note p span {
	background-color:#FF9933;
	color:#FFFFFF;
	line-height: 15px;
	font-size: 12px;
	padding: 2px 5px;
	margin-right: 5px;
	}
/*    shiho spot    */
/* ---------------- */


/* ---------------- */
/*    navigator     */
/*    (feature)     */
/* ---------------- */
div.feature_navigator {
	width: 530px;
	height: 200px;
	}
div.txt_feature_navigator {
float: right;
	width: 360px;
	}
div.txt_feature_navigator p.name {
	font-size: 16px;
	line-height: 20px;
	}
div.txt_feature_navigator p,
div.txt_feature_navigator p.name span {
	font-size: 10px;
	line-height: 20px;
	text-align: justify; /* only win IE */
	text-justify: inter-ideograph; /* only win IE */
	}


/*     other special setting    */
/* ---------------------------- */


/* ---------------------------- */
/*     other normal setting     */
/* --------------- */
/*   sub setting   */
/*  (normal size)  */
/* --------------- */
div.sub {
clear: both;
	width: 530px;
	height: 20px;
	margin-bottom: 10px;
	}
div.blank_20px {
clear: both;
	width: 530px;
	height: auto;
	padding-bottom: 20px;
	padding-top: 20px;
	}

/* --------------- */
/*  table setting  */
/*  (about group)  */
table.list_group tr td {
	font-size: 11px;
	padding-bottom: 2px;
	}
/*    (border)     */
table.txt_comment {
clear: both;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	border-spacing: 7px;
	}
table.txt_comment tr {
	margin: 5px 0;
	}
table.txt_comment tr td.item {
	text-align: left;
	border-right: 3px solid #669933;
	padding-right: 10px;
	line-height: 20px;
	}
table.txt_comment tr td {
	text-align: left;
	padding-left: 10px;
	}

/* --------------- */
/*     contact     */
/* --------------- */
div#contact_info {
	width: 500px;
	height: 80px;
	margin: 10px auto;
	background:url(../image_link/contact_info.gif) no-repeat;
	}
/* --------------- */
/*    info area    */
/* --------------- */
div.other_info {
	width: 450px;
	margin-right: auto;
	margin-left: auto;
	padding: 5px 10px;
	background-color: #333333;
	color: #CCCCCC;
	}
/* --------------- */
/*      mobile     */
/* --------------- */
div#contact_mobi {
	width: 500px;
	height: 80px;
	margin: 10px auto;
	background:url(../image_link/contact_mobi.gif) no-repeat;
	}

/* --------------- */
/*   member_join   */
/* --------------- */
div#join_member {
	margin: 10px auto;
	}
div#join_member,
div#join_member a {
	display: block;
	width: 500px;
	height: 30px;
	text-indent: -9999px;
	}
div#join_member a {
	background:url(../image_link/join_member.gif) no-repeat;
	}
div#join_member a:hover {
	background-position: 0px -30px;
	}

/* --------------- */
/*  member merit   */
/* --------------- */
div.list_member_merit {
	width: 530px;
	background:url(../image_member/merit_bg.gif) repeat;
	background-position: center;
	background-repeat: repeat-y;
	}
div.list_member_merit_top {
	width: 530px;
	height: 30px;
	background:url(../image_member/merit_bg_top.gif) no-repeat;
	}
div.list_member_merit_btm {
	width: 530px;
	height: 30px;
	background:url(../image_member/merit_bg_btm.gif) no-repeat;
	margin-bottom: 30px;
	}
div.list_member_merit ul,
div.list_member_merit ul li {
	list-style: inside;
	width: 450px;
	margin-left: auto;
	margin-right: auto;
	}
div.list_member_merit li {
	margin-bottom: 20px;
	}