@charset "utf-8";
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	font-size:12px;
	line-height: 1.4;
	letter-spacing: 0.1em;
	background-color: #f5f5f5;
	color: #1c2733;
	margin: 0;
	padding: 0;
}
a { color: #2f4f4f; }
a:visited { color: #999999; }
a:hover { text-decoration: none; color: #ffd700; }


/* menu- */
header {
	position: static;
	left: 0;
	top: 0;
	margin:0;
	width: 730px;
	height: 270px;
}
div#ochppl {
	position: absolute;
	left: 40px;
	top: 0;
}	/* 406+49 455 800*/

/*div#ochppl img:hover { -webkit-filter: grayscale(100%); filter: grayscale(100%); }*/

div#ochppl a { display: inline-block; width: 45px; height: 270px; background-repeat: no-repeat; text-indent: 100px; white-space: nowrap; overflow: hidden; }

/* ぬるい */
div#ochppl a[href="./nrern03.html"] { background-image: url(./nandayoo/tgtg2447d.png); }
div#ochppl a[href="./nrern03.html"]:hover { background-image: url(./nandayoo/tgtg2447c.png); }

/* アンテナ */
div#ochppl a[href="./antnne02.html"] { background-image: url(./nandayoo/tgtg2448c.png); }
div#ochppl a[href="./antnne02.html"]:hover { background-image: url(./nandayoo/tgtg2448b.png); }

/* つゆ */
div#ochppl a[href="./2eut02.html"] { background-image: url(./nandayoo/tgtg2449c.png); }
div#ochppl a[href="./2eut02.html"]:hover { background-image: url(./nandayoo/tgtg2449b.png); }

/* パウチ */
div#ochppl a[href="./pawcie02.html"] { background-image: url(./nandayoo/tgtg2450c.png); }
div#ochppl a[href="./pawcie02.html"]:hover { background-image: url(./nandayoo/tgtg2450b.png); }

/* 鹿原 */
div#ochppl a[href="./khlla02.html"] { background-image: url(./nandayoo/tgtg2480c.png); }
div#ochppl a[href="./khlla02.html"]:hover { background-image: url(./nandayoo/tgtg2480b.png); }

/* プリン */
div#ochppl a[href="./primge02.html"] { background-image: url(./nandayoo/tgtg2479c.png); }
div#ochppl a[href="./primge02.html"]:hover { background-image: url(./nandayoo/tgtg2479b.png); }

/* 代表 */
div#ochppl a[href="./excec02.html"] { background-image: url(./nandayoo/tgtg2481c.png); }
div#ochppl a[href="./excec02.html"]:hover { background-image: url(./nandayoo/tgtg2481b.png); }

div#ochppl ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	/*background-color: #fff;*/
}
div#ochppl li {
	display: inline;
	margin-left: 10px;
}
div#ochppl img { border: 0; }


#chawan {
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 270px;
	background-color: #555647;
}
div#ohashi {
	position: absolute;
	left: 490px;
	top: 0;
	width: 260px;
	height: 270px;
	border-left: 1px dotted #555647;
	/*background-color: #555647;*/
}
div#ohashi p {
	width: 260px;
	margin: 5px 0 20px;
	border-bottom: double 4px;
	font-family: Impact, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: normal;
	letter-spacing: 0;
	font-variant: small-caps;
	text-indent: 1.3em;
	color: #555647;
}
div#ohashi ul{
	height: 230px;
	margin-left:25px;
	padding: 0;
	list-style-type: none;
}
div#ohashi ul { list-style-type: none; padding-left: 0; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
div#ohashi li { width: 190px; height: 25px; }

/*バナーの呪文*/
div#ohashi a { display: inline-block; width: 190px; height: 25px; background-repeat: no-repeat; text-indent: 200px; white-space: nowrap; overflow: hidden; }

/* 枢密院 */
div#ohashi a[href="./osfog02-3.html"] { background-image: url(./nandayoo/tgtg2950c.png); }
div#ohashi a[href="./osfog02-3.html"]:hover { background-image: url(./nandayoo/tgtg2950d.png); }

/* トカゲ */
div#ohashi a[href="./osfog02-6.html"] { background-image: url(./nandayoo/tgtg2958c.png); }
div#ohashi a[href="./osfog02-6.html"]:hover { background-image: url(./nandayoo/tgtg2958d.png); }




main {
	width: 800px; 
	box-sizing: border-box;
}

/* onamaelist */

.carasiset{
	position: relative;
	width: 700px;
	height: 50px;
	margin: 85px 0 0 50px;
	border-left: 15px solid #555647;
}
.carasigroup{
	position: relative;
	width: 165px;
	left: 30px;
	top: 10px;
	font-size: 17px;
	font-weight: bold;
}
.carasigroup > ul{
	position: absolute;
	width: 520px;
	left: 180px;
	top: 15px;
	font-size: 12px;
	font-weight: normal;
	text-indent: 1.3em;
	box-sizing: border-box;
	list-style-type: none;
	display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center;
}
.carasigroup > ul > li::after { content: '|'; margin-left: 8px; }
.carasigroup > ul > li:nth-of-type(1)::before { content: '|'; margin-right: 8px; }
.carasigroup > ul > li ~ li {}



/* seat */

.carasi{
	position: relative;
	margin: 160px 0 0 80px;
	border-top: 1px dotted;
	width: 700px;
	height: 680px;
}
.carasiheader{
	position: absolute;
	left: 0;
	top: 0;
	width: 700px;
	height: 150px;
}
.carasiheader img {
	width: 700px;
	height: 150px;
	border: 0;
}
.carasistand{
	position: absolute;
	left: 0;
	top: 150px;
	width: 280px;
	height: 500px;
}
.carasistand img{
	width: 280px;
	height: 500px;
	border: 0;
}
.carasifoon{
	position: absolute;
	left: 380px;
	top: 160px;
	width: 250px;
	height: 180px;
	font-size: 13px;
}
.carana{
	font-size: 13px;
	font-weight: bold;
	text-align: right ;
	border-bottom: solid 1px #ddd;
	padding-right: 30px;
}
.carasiokao{
	position: absolute;
	left: 280px;
	top: 350px;
	width: 420px;
	height: 300px;
}
.carasiokao img{
	width: 420px;
	height: 300px;
	border: 0;
}




/* e */

.eiyaaa{ margin: 0 0 80px 40px;}
.eiyaaa ul { list-style-type: none; }
.eiyaaa img { border: 1px solid #f8fbf8; }
.eiyaaa ul a:hover img { border: 1px solid #ffd700; }
.cluster { margin-top: 80px; }
.nanka {
	padding-left: 8px;
	border-left: solid 2px #d8bfd8;
	margin-top: 4px;
}




footer {
	width: 600px;
	margin: 250px 0 0 50px;
	border-top: 1px dotted #666;
}

div#ocheras {
	margin-top: 28px;
}
div#ocheras ul { padding-left: 0; list-style-type: none; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
div#ocheras ul li {}

div#ocheras a { display: inline-block; width: 72px; height: 37px; box-sizing: border-box; background-repeat: no-repeat; border: 1px solid #666; text-indent: 100px; white-space: nowrap; overflow: hidden; }
div#ocheras a:hover { border-color: #ffd700; }

/* ぬるい */
div#ocheras a[href="./nrern03.html"] { background-image: url(./nandayoo/tgtg2439b.png); }
div#ocheras a[href="./nrern03.html"]:hover { background-image: url(./nandayoo/tgtg2439c.png); }

/* アンテナ */
div#ocheras a[href="./antnne02.html"] { background-image: url(./nandayoo/tgtg2440b.png); }
div#ocheras a[href="./antnne02.html"]:hover { background-image: url(./nandayoo/tgtg2440c.png); }

/* つゆ */
div#ocheras a[href="./2eut02.html"] { background-image: url(./nandayoo/tgtg2441b.png); }
div#ocheras a[href="./2eut02.html"]:hover { background-image: url(./nandayoo/tgtg2441c.png); }

/* パウチ */
div#ocheras a[href="./pawcie02.html"] { background-image: url(./nandayoo/tgtg2442b.png); }
div#ocheras a[href="./pawcie02.html"]:hover { background-image: url(./nandayoo/tgtg2442c.png); }

/* 鹿原 */
div#ocheras a[href="./khlla02.html"] { background-image: url(./nandayoo/tgtg2444b.png); }
div#ocheras a[href="./khlla02.html"]:hover { background-image: url(./nandayoo/tgtg2444c.png); }

/* プリン */
div#ocheras a[href="./primge02.html"] { background-image: url(./nandayoo/tgtg2443b.png); }
div#ocheras a[href="./primge02.html"]:hover { background-image: url(./nandayoo/tgtg2443c.png); }

/* 代表 */
div#ocheras a[href="./excec02.html"] { background-image: url(./nandayoo/tgtg2445b.png); }
div#ocheras a[href="./excec02.html"]:hover { background-image: url(./nandayoo/tgtg2445c.png); }


/* osf */

div#tonari { margin-top: 40px;}

div#tonari a { display: inline-block; width: 190px; height: 25px; background-repeat: no-repeat; text-indent: 200px; white-space: nowrap; overflow: hidden; }

/* 枢密院 */
div#tonari a[href="./osfog02-3.html"] { background-image: url(./nandayoo/tgtg2950c.png); }
div#tonari a[href="./osfog02-3.html"]:hover { background-image: url(./nandayoo/tgtg2950d.png); }

/* トカゲ */
div#tonari a[href="./osfog02-6.html"] { background-image: url(./nandayoo/tgtg2958c.png); }
div#tonari a[href="./osfog02-6.html"]:hover { background-image: url(./nandayoo/tgtg2958d.png); }

div#tonari ul { list-style-type: none; padding-left: 0; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
div#tonari ul li { margin-bottom: 5px; }

footer > p {
	text-align: right;
	height: 40px;
	margin: 28px 0 8px;
}