html{
	scrollbar-arrow-color:#fefefe;
	scrollbar-face-color:#a22041;
	scrollbar-3dlight-color:#fefefe;
	scrollbar-darkshadow-color:#fefefe;
	scrollbar-highlight-color:#fefefe;
	scrollbar-shadow-color:#fefefe;
	scrollbar-track-color:#a22041;
	scrollbar-base-color: #fefefe;
}

@font-face{ 
  font-family: 'mplus-2p-regular';
  src: url('font/mplus-2p-regular-sub.eot');
  src: url('font/mplus-2p-regular-sub.eot?#iefix') format('embedded-opentype'),
       url('font/mplus-2p-regular-sub.woff') format('woff'),
       url('font/mplus-2p-regular-sub.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

body {
	color: #432f2f;
	line-height: 140%;
	margin: 1% 15% 1% 15%\9;
	background-color:#a22041;
	background-image: radial-gradient(#ffdead 15%, transparent 16%),
	radial-gradient(#e0ebaf 15%, transparent 16%);
	background-size:60px 60px;
	background-position: 0 0, 30px 30px;
	font-family: 'Century Gothic', 'Futura', 'mplus-2p-regular','ヒラギノ角ゴシック', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo', sans-serif;
}
.page{
	background-color: #fefefe;
	padding: 1% 3% 1% 3%;
	margin: 5px 0 5px 0;
	border-radius: 20px;
}

@media only screen and (min-width: 1400px) {
	body{margin: 5px 15% 5px 15%;}
.page{
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	}
.box{
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	}
}
@media only screen and (min-width: 769px) and (max-width: 1399px){
	body{margin: 5px 15% 5px 15%;}
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
	body{margin: 5px 5% 5px 5%;}
}
@media only screen and (max-width: 480px) {
	body{margin: 5px 2% 5px 2%;}
}

a:link, a:visited{
	color: #00a3af;
	text-decoration: underline;
}
a:hover,a:focus{
	color: #f90;
	transition: color .3s;
}

img{
	border:0px;
	max-width : 100%;
	height : auto;
	width: auto\9;
}

hr {
	height: 1px; border: none; border-top: 2px #a22041 dotted;
}

dt {
	clear:left;
	float:left;
	margin:0 0 2px;
	padding: 1px;
	width:6em;
}
dd {
	margin:0 0 2px 6em;
	padding: 1px;
}

::selection {
	color: #432f2f;
	background:#e0ebaf;
}

::-moz-selection {
	color: #432f2f;
	background:#e0ebaf;
}

.menu ul{list-style-type: none; margin: 0px; padding: 10px 0px;}
.menu li{
	display: block;
	float: left;
	margin: 10px;
}
.menu li a{
	display: block;
	padding: 7px;
   	color: #a22041;
   	text-decoration: none;
	text-align: center;
	border: 2px solid #a22041;
	border-radius: 10px;
	background-color: #fefefe;
	width: 50px;
}
.menu li a:hover{
	background-color:#ffdead;
}

.box {
	background-color: #fefefe;
	border: #a22041 2px solid; border-radius: 10px;
	padding: 10px;
}

.a{
	padding: 5px;
   	color: #fefefe;
	border-radius: 10px;
	background-color: #a22041;
	line-height: 200%;
}

.del{
	color: #fefefe;
}

.clearLeft {
	clear: left;
}

.gallery a img{
	border-radius: 10px;
	border:1px solid #432f2f;
	background-color: #432f2f;
}

.gallery a:hover img{
	border:1px solid #f90;
	background-color: #f90;
}