@charset "utf-8";
*{
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	line-height: 1.5;
	color: #333333;
	letter-spacing: 1.2px;
}
body {background-color: #d7ffb3;}
div#outer{width: 762px; background-color: #ffe4e2; text-align: center; margin: auto; overflow: hidden;}
header {
	text-align: center;
	border: thin solid #c0c0c0;
	background-color: #921a9b;
	width: 760px;
	margin: 0px auto;
}
header div#headpop {
	padding: 5px 10px 5px 10px;/*pop-----------------------------*/
	margin: 0px;
	background-color: rgb(255,179,205);text-align: center;
background-image: url(images/bara.gif);background-repeat: no-repeat;background-position: 80% 0%;}
header nav{
	padding-top: 10px;padding-left: 10px;padding-bottom: 5px;padding-right: 5px;
	border-top: 1px solid #333333;
	border-bottom: 3px solid #333333;
	height: 15px;
	
}
header nav ul{
	margin: 0px;
	padding: 0px;
	font-size: 13px;
}
header nav li{
	float: left;
	padding: 0px;
	margin-left: 10px;
	color: #ffffff;
	list-style: none;
}
header nav strong{color: red;font-weight: bold;}
header nav a{
	color: #ffffff;
	text-decoration: none;
}
header nav p{text-align: right;margin-right:20px;}
header nav a:hover{color: #000000; background-color: #d7e1ec;}
section#mainpop {margin: 10px 0; padding: 5px 0px; width: 760px; clear: both;}
section#mainpop p {margin: 0px 60px 10px 60px;}
section#mainpop h2{	font-size: 15px; color: #333333; border-bottom: 1px dashed #999999; text-align: left; margin-left: 60px;}
p.bottom{text-align: right;font-size: 12px;padding: 0px 10px 10px;}
p.bottom a:link{text-decoration: none;}
p.bottom a:hover{background-color: rgb(215,238,151);color: rgb(128,093,072);}
/*---------------------------------------------------pop*/
div#submenupop {
	width: 350px;
	margin: 8px 0px 0px 5px;
	padding: 10px 0px;
	float: left;
}
div#submenupop2 {
	width: 350px;
	margin: 5px 0px 0px 5px;
	padding: 10px 0px;
	float: left;
}
h1#title_number{
	padding: 10px 15px 5px;
	border-bottom: 1px solid #CCCCCC;
	font-size: 17px;
	color: #3333c6;
	}
h2 {
	font-size: 15px;
	margin: 0px 20px 20px;
	color: #333333;
	border-bottom: 1px dashed #999999;
	padding: 0px 0px 5px;
	clear: both;
}
img.yoko{width: 300px;height:220px; border: 5px solid #dce9ff; display: block; margin: auto; cursor: pointer;}/*-------------------pop*/
img.tate{width: 220px;height:300px; border: 5px solid #dce9ff; display: block; margin: auto; cursor: pointer;}/*-------------------popend*/
#pophyouji img:hover{border: 5px solid #c9d9ff;}
p#popnavi{text-align: right;height:30px;margin-right: 20px;padding: 0 5px 5px 5px;}
p#popnavi select{padding: 3px;}
p#popnavi span{display: inline-block; width: 100px; padding: 3px 10px 3px 0;margin-right:670px;margin-top: -30px; margin-left: 10px; background-color: rgba(255,178,217,.3); border: solid 1px gray; cursor: pointer;}
p#mylink{position: fixed; right: 10px; bottom: 30px; font-size: 16px; width: 60px; height: 20px; background-color: #fff; border-radius: 10px; padding: 5px 5px 10px 5px; opacity: .5;visibility: hidden;}
p#mylink a{text-decoration: none; font-weight: bold; display: block;}
p#mylink:hover{opacity:.9}
.innerdiv{text-align: center; margin: 5px; font-size: 12px;}
div.navibutton{border: 1px outset #c9c9c9;height: 24px;line-height: 24px;background-color: #ebe6ff;background-image: -webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#ebe6ff));-webkit-border-radius:6px;border-radius:6px;margin:2px 5px 2px 5px/*5*/;float: left;padding: 7px 4px 4px 4px;width:42px;display: inline-block;}
div.navibutton:hover{border: 1px inset #c9c9c9;height: 24px;line-height: 24px;background-color: #ebe6ff;background-image: -webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#ebe6ff));-webkit-border-radius:6px;border-radius:6px;margin:2px 5px 2px 5px/*5*/;float: left;padding: 4px;width:42px;}
div.navibutton a{display: block; text-decoration: none; padding: 2px;}
nav#buttonnavi{width:250px; margin:auto;}
section#pophyouji2 section#pophyouji{background-color: rgba(255,231,189,.5);}