/* CSS Document */

/* ========================================================
	* menu *
-----------------------------------------------------------
	1 = guide		（ガイドTOP）
	2 = sub common	（ガイド詳細ページ共有）

	3 = yumemigaoka	（夢見が丘）
	4 = spot		（展望スポット）
	5 = gallery		（フォトギャラリー）
	6 = crawfish	（ザリガニ王国）
	7 = beetle		（かぶと虫の家）
		7-1 = faq		（なんでもQ＆A）
		7-2 = breed		（かぶと・クワガタの育て方（共通）
		7-3 = photo		（写真館）

	8 = clear		（clearfix）

=========================================================== */

/* 1 = guide ============================================== */
div#guide {
margin:15px 0 0;
}
div#guide div.caption {
width:540px;
padding:0 0 20px;
background-image:url(../img/sub/guide/dot_border.gif);
background-repeat:no-repeat;
background-position:bottom;
}
div#guide div.caption h3 {
width:515px;
margin:0 auto 7px;
text-align:left;
}
div#guide div.caption h3 img {
display:block;
}
div#guide div.caption p {
width:515px;
margin:0 auto;
text-align:left;
}

div#guide div.contents {
width:540px;
height:150px;
margin:10px auto 0;
padding:0 0 10px;
text-align:left;
background-image:url(../img/sub/guide/dot_border.gif);
background-repeat:no-repeat;
background-position:bottom;
}
div#guide div.contents img.con-image {
width:200px;
height:150px;
margin:0 12px 0 0;
display:block;
_display:inline;
float:right;
}
div#guide div.contents h4 {
width:300px;
margin:0 0 2px 10px;
}
div#guide div.contents p {
width:300px;
margin:0 0 0 12px;
text-align:left;
}
div#guide div.contents p img.btn {
margin:5px 0 0;
display:block;
}
div#guide div.contents p em {
color:#cc0000;
font-size:10px;
font-style:normal;
}
div#guide div.contents p.detail {
margin:10px 0 0 12px;
text-align:right;
}
div#guide div.contents p.detail a {
padding:0 16px 0 0;
background-image:url(../img/sub/guide/arrow.gif);
background-repeat:no-repeat;
background-position:right;
text-decoration:underline;
}
div#guide div.contents p.detail a:hover {
text-decoration:none;
}

.dl-atn {
text-align:center;
color:#cc6666;
}

.red {
color:#cc0000;
}

/* 2 = sub common ========================================= */
div#main div div.info {
}
div#main div h3 img {
vertical-align:bottom;
}

div#main div div.info {
width:540px;
height:310px;
margin:10px 0;
}
div#main div div.info img.map {
width:320px;
height:310px;
margin:0 15px 0 0;
float:left;
}
div#main div div.info p {
width:200px;
margin:0 0 0 335px;
text-align:left;
}
div#main div div.info p img {
margin:0 0 10px;
display:block;
}

/* 3 = yumemigaoka ======================================== */
div#yumemi {
}
div#yumemi h4 img {
display:block;
}

div#yumemi div.menu {
width:500px;
margin:10px auto 30px;
text-align:left;
}
div#yumemi div.menu div.photo {
width:255px;
float:right;
}
div#yumemi div.menu div.photo img {
display:block;
}
div#yumemi div.menu div.photo div.soft {
width:255px;
height:186px;
margin:10px 0;
position:relative;
}
div#yumemi div.menu div.photo div.soft p {
width:90px;
position:absolute;
left:10px;
top:10px;
text-align:left;
line-height:1.4;
}

div#yumemi div.menu div.photo p {
width:119px;
font-size:10px;
text-align:right;
float:left;
}
div#yumemi div.menu div.photo p.left {
margin:0 17px 0 0;
}

div#yumemi div.menu table {
width:220px;
margin:0 0 10px;
}
div#yumemi div.menu table th {
width:70%;
padding:0 3px;
text-align:left;
font-size:12px;
font-weight:normal;
line-height:1.5;
vertical-align:top;
}
div#yumemi div.menu table th.title {
padding:0 0 5px;
}
div#yumemi div.menu table td {
width:30%;
padding:0 3px;
text-align:right;
font-size:12px;
font-weight:normal;
line-height:1.5;
vertical-align:top;
}

div#yumemi div.con {
width:500px;
margin:10px auto 30px;
}
div#yumemi div.con img {
width:150px;
height:113px;
float:left;
}
div#yumemi div.con p {
margin:0 0 0 160px;
text-align:left;
}
div#yumemi div.con dl {
margin:10px 0 0 160px;
text-align:left;
}
div#yumemi div.con dl dt {
width:75px;
float:left;
display:block;
}
div#yumemi div.con dl dd {
margin:0 0 0 75px;
display:block;
}
div#yumemi div.con dl dd span {
font-size:10px;
}

/* 4 = spot =============================================== */
div#spot {
}
div#spot div.caption {
padding:8px 0 10px;
background-image:url(../img/sub/guide/dot_border.gif);
background-repeat:no-repeat;
background-position:bottom;
}
div#spot div.caption p {
width:520px;
margin:0 auto;
text-align:left;
}
div#spot div.caption p img {
vertical-align:middle;
}

div#spot p.gallery {
width:530px;
margin:10px auto 20px;
text-align:right;
}
div#spot p.gallery img {
vertical-align:bottom;
}

div#spot img.map {
display:block;
}

div#spot div.viewpoint {
width:540px;
margin:60px auto 0;
border:solid 1px #669900;
background-color:#f8fbec;
}
div#spot div.viewpoint h4 {
width:540px;
height:32px;
font-size:16px;
font-weight:bold;
text-align:left;
line-height:2.2;
text-indent:8px;
letter-spacing:1px;
border-bottom:dotted 1px #669900;
background-color:#ffffff;
}
div#spot div.viewpoint p {
width:520px;
margin:7px auto 10px;
text-align:left;
}
div#spot div.viewpoint table {
background-color:#999999;
margin:0 auto;
margin-left:auto;
margin-right:auto;
}
div#spot div.viewpoint table th {
width:135px;
padding:2px 0 2px 10px;
background-color:#f4f4f4;
font-size:12px;
font-weight:normal;
line-height:1.5;
text-align:left;
}
div#spot div.viewpoint table td {
width:90px;
padding:2px 0 2px 10px;
background-color:#ffffff;
font-size:12px;
font-weight:normal;
line-height:1.5;
text-align:left;
}
div#spot div.viewpoint ul {
width:510px;
_width:515px;
height:60px;
margin:15px 7px;
padding:0 0 0 5px;
}
div#spot div.viewpoint ul li {
width:80px;
height:60px;
margin:0 5px 0 0;
display:block;
float:left;
}
div#spot div.viewpoint ul li img {
vertical-align:bottom;
}

div#spot div.pagetop {
width:540px;
margin-top:5px;
}

/* 5 = gallery ============================================ */
div#gallery {
}
div#gallery p.caption {
width:515px;
margin:10px auto 20px;
text-align:left;
}

div#gallery div#s-box {
width:517px;
margin:0 auto;
border-left:solid 1px #cccccc;
}
div#gallery div#s-box div.season {
width:128px;
_width:129px;
border-right:solid 1px #cccccc;
float:left;
}
div#gallery div#s-box div.season img.s-head {
width:128px;
height:70px;
display:block;
}
div#gallery div#s-box div.season ul {
width:100px;
margin:0 14px;
padding:0 0 10px;
}
div#gallery div#s-box div.season ul li {
width:100px;
height:73px;
margin:5px 0 0;
}
div#gallery div#s-box div.season ul li img {
width:100px;
height:73px;
display:block;
}

/* 6 = crawfish =========================================== */
div#crawfish {
}

div#crawfish div.outline {
width:523px;
margin:0 0 20px;
padding:45px 0 0;
text-align:left;
background-image:url(../img/sub/guide/crawfish/outline_bg.gif);
background-repeat:no-repeat;
background-position:top;
}
div#crawfish div.outline table {
width:400px;
margin:0 0 0 95px;
}
div#crawfish div.outline table th {
width:65px;
font-size:12px;
text-align:left;
line-height:1.5;
font-weight:normal;
vertical-align:top;
}
div#crawfish div.outline table td {
width:335px;
padding:0 0 10px;
font-size:12px;
text-align:left;
line-height:1.5;
font-weight:normal;
}
div#crawfish div.outline div {
width:523px;
height:10px;
line-height:normal;
font-size:1px;
background-image:url(../img/sub/guide/crawfish/outline_bg.gif);
background-repeat:no-repeat;
background-position:bottom;
vertical-align:bottom;
}
/*\*//*/ div#crawfish div.outline div {vertical-align:bottom;} /*  */

div#crawfish ul.photo {
width:540px;
height:101px;
padding:20px 0 0;
background-image:url(../img/sub/guide/dot_border.gif);
background-repeat:no-repeat;
background-position:top;
}
div#crawfish ul.photo li {
width:135px;
height:81px;
text-align:center;
display:block;
float:left;
}
div#crawfish ul.photo li img {
display:block;
margin:0 auto;
}

/* 7 = beetle ============================================= */
div#beetle {
}

div#beetle div.beetle-menu {
width:540px;
margin:0 auto 15px;
padding:2px 0 10px;
background-image:url(../img/sub/guide/dot_border.gif);
background-repeat:no-repeat;
background-position:bottom;
}
div#beetle div.beetle-menu ul {
width:510px;
height:18px;
margin:7px 15px 0;
}
div#beetle div.beetle-menu ul li {
display:block;
margin:0 20px 0 0;
float:left;
text-align:left;
}
/*\*//*/ div#beetle div.beetle-menu ul li {letter-spacing:-1px;} /*  */
div#beetle div.beetle-menu ul li a {
padding:0 0 0 17px;
background-image:url(../img/sub/guide/arrow.gif);
background-repeat:no-repeat;
background-position:left;
}
div#beetle div.beetle-menu ul li.top {width:115px;}
div#beetle div.beetle-menu ul li.kabuto {width:150px;}
div#beetle div.beetle-menu ul li.kuwagata {width:170px;}
div#beetle div.beetle-menu ul li.photo {width:210px;}
div#beetle div.beetle-menu ul li.faq {width:100px;}

div#beetle div.info p.blog {
margin:5px 0 0 0;
}
div#beetle div.info p.blog a {
text-decoration:underline;
}
div#beetle div.outline {
width:523px;
margin:0 0 20px;
padding:45px 0 0;
text-align:left;
background-image:url(../img/sub/guide/beetle/outline_bg.gif);
background-repeat:no-repeat;
background-position:top;
}
div#beetle div.outline table {
width:400px;
margin:0 0 0 95px;
}
div#beetle div.outline table th {
width:65px;
font-size:12px;
text-align:left;
line-height:1.5;
font-weight:normal;
vertical-align:top;
}
div#beetle div.outline table td {
width:335px;
padding:0 0 10px;
font-size:12px;
text-align:left;
line-height:1.5;
font-weight:normal;
}
div#beetle div.outline div {
width:523px;
height:10px;
line-height:1.0;
font-size:1px;
background-image:url(../img/sub/guide/beetle/outline_bg.gif);
background-repeat:no-repeat;
background-position:bottom;
}
/*\*//*/ div#beetle div.outline div {vertical-align:bottom;} /*  */
div#beetle ul.photo {
width:540px;
height:101px;
padding:20px 0 0;
background-image:url(../img/sub/guide/dot_border.gif);
background-repeat:no-repeat;
background-position:top;
}
div#beetle ul.photo li {
width:135px;
height:81px;
text-align:center;
display:block;
float:left;
}
div#beetle ul.photo li img {
display:block;
margin:0 auto;
}

/* 7-1 = faq --------------------------------------------- */
div#faq {
}
div#faq p.caption {
width:490px;
margin:0 auto 10px;
text-align:left;
}
div#faq ul {
width:490px;
margin:0 auto;
}
div#faq ul li {
margin:0 0 7px;
padding:0 0 0 25px;
text-align:left;
background-image:url(../img/sub/guide/beetle/faq_q.gif);
background-repeat:no-repeat;
background-position:left;
}

div#faq div {
width:520px;
margin:20px auto 0;
text-align:left;
}
div#faq div h4 {
width:520px;
height:31px;
text-align:left;
font-size:14px;
line-height:2.3;
font-weight:bold;
color:#666600;
text-indent:35px;
background-image:url(../img/sub/guide/beetle/faq_title_bg.jpg);
border-bottom:solid 1px #666600;
}
/*\*//*/ div#faq div h4 {letter-spacing:-1px;} /*  */
div#faq div p {
width:470px;
margin:10px 0 0 35px;
}
div#faq div p img {
float:left;
margin:0 10px 5px 0;
}
div#faq div div.pagetop {
margin:10px 0 0;
text-align:right;
}

/* 7-2 = breed ------------------------------------------- */
div#breed {
}
div#breed h4 {
width:520px;
height:31px;
_height:32px;
color:#666600;
font-size:14px;
font-weight:bold;
line-height:2.2;
text-align:left;
text-indent:7px;
background-image:url(../img/sub/title_bg02.jpg);
background-repeat:repeat-x;
border-bottom:solid 1px #666600;
}
div#breed h5 {
width:520px;
padding:5px 0 4px;
font-weight:normal;
font-size:14px;
color:#336600;
text-align:left;
text-indent:7px;
border-bottom:dotted 1px #666600;
}
div#breed p {
width:495px;
margin:8px auto 20px;
text-align:left;
}

div#breed ul.item {
width:475px;
margin:8px auto 20px;
padding:0 0 0 30px;
text-align:left;
list-style-type:disc;
}
div#breed ul.item li {
margin:0 0 5px;
}

div#breed div.imago {
width:495px;
margin:8px auto 20px;
}
div#breed div.imago img {
width:200px;
height:150px;
display:block;
float:left;
}
div#breed div.imago ul.item {
width:auto;
margin:0 0 0 200px;
}
div#breed p img.left {
margin:0 10px 0 0;
float:left;
}
div#breed img.kuwagata-grow {
width:520px;
height:121px;
margin:8px 0 20px;
}

div#breed table {
width:490px;
margin:-10px auto 20px;
margin-left:auto;
margin-right:auto;
background-color:#666666;
}
div#breed table th {
padding:2px 0;
font-size:12px;
font-weight:normal;
line-height:1.5;
text-align:center;
background-color:#ebf5cc;
}
div#breed table th.type {
background-color:#ebebcc;
}
div#breed table td {
width:58px;
padding:2px 0;
font-size:12px;
font-weight:normal;
line-height:1.5;
text-align:center;
background-color:#ffffff;
}

div#breed ol {
width:475px;
margin:8px auto 20px;
padding:0 0 0 30px;
text-align:left;
}
div#breed olli {
margin:0 0 5px;
}

div#breed div.pagetop {
margin:0 auto 20px;
}

/* 7-3 = photo -------------------------------------------------- */
div#photo {
}
div#photo div.sort {
width:520px;
min-height:123px;
_height:auto !important;
_height:133px;
margin:0 10px 20px;
padding:0 0 10px;
background-image:url(../img/sub/guide/beetle/photo_bg01.gif);
background-repeat:no-repeat;
background-position:bottom;
}
div#photo div.sort span {
width:520px;
height:8px;
display:block;
font-size:1px;
background-image:url(../img/sub/guide/beetle/photo_bg01.gif);
background-repeat:no-repeat;
background-position:top;
}
div#photo div.sort img.image {
width:148px;
_width:150px;
height:111px;
_height:113px;
margin:2px 0 0 11px;
display:block;
_display:inline;
float:left;
border:solid 1px #996600;
}
div#photo div.sort h4 {
padding:0 0 0 170px;
font-size:14px;
font-weight:bold;
text-align:left;
color:#996600;
}
div#photo div.sort p {
margin:0 15px 0 170px;
text-align:left;
}
div#photo div.sort p.data {
margin:0 10px 5px 165px;
padding:5px;
text-align:left;
border-top:dotted 1px #996600;
border-bottom:dotted 1px #996600;
}
div#photo div.green {
background-image:url(../img/sub/guide/beetle/photo_bg02.gif);
}
div#photo div.green img.image {
border:solid 1px #666600;
}
div#photo div.green span {
background-image:url(../img/sub/guide/beetle/photo_bg02.gif);
}
div#photo div.green h4 {
color:#666600;
}
div#photo div.green p.data {
border-top:dotted 1px #666600;
border-bottom:dotted 1px #666600;
}
div#photo div.pagetop {
margin:-10px 0 20px;
}

/* 8 = clear ============================================== */
div#beetle ul.beetle-menu:after,
div#breed p:after,
div#faq div p:after,
div#yumemi div.con:after,
div#gallery div#s-box:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
div#beetle ul.beetle-menu,
div#breed p,
div#faq div p,
div#yumemi div.con,
div#gallery div#s-box {display: inline-table;}
/* Hides from IE-mac \*/
* html div#beetle ul.beetle-menu,
* html div#breed p,
* html div#faq div p,
* html div#yumemi div.con,
div#gallery div#s-box {height: 1%;}
div#beetle ul.beetle-menu,
div#breed p,
div#faq div p,
div#yumemi div.con,
div#gallery div#s-box {display: block;}
/* End hide from IE-mac */