@charset "utf-8";

* {
	margin: 0px;
	padding: 0px;
}
@font-face {
    font-family: 'M+ 1c light';
    src: url('../fonts/mplus-1c-light.eot');
    src: url('../fonts/mplus-1c-light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/mplus-1c-light.woff') format('woff'),
    url('../fonts/mplus-1c-light.ttf') format('truetype');
}
body {
    font-family: 'M+ 1c light', "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	font-size: 18px;
	color:#000;  /* #ccc */
	line-height: 150%;
	letter-spacing: 0.5px;
	background-attachment: fixed;
	-webkit-text-size-adjust: none;/*縦や横にしても文字サイズが変わらないように*/
	background-color: #fff;
}
pre {
    font-family: 'M+ 1c light', "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#wrapper {
	background-color: #fff;
	margin: 0px auto 0px auto;
	background-image:url(images/Background_image.png);
	background-repeat: no-repeat;
	background-position:bottom right;
}
#maincontents {
	font-size:18px;
}
header {
	background-color:#FFF;
}
a {
	text-decoration: none;
	color:#000;
}
a:hover {
	text-decoration: underline;
	position: relative;
	top: 2px;
}
a:visited {
	color:#000;
}

img {
	border:hidden;
	border-radius:3px;
}
table {
	border-collapse:collapse;
}
td  {
	border-bottom-style:dotted;
	border-bottom-width:thin;
	vertical-align:middle;
	text-align:left;
}
ul {
	list-style:none;
}
p {
	padding:10px;
}
#menu {
	z-index:1;
	position:fixed;
	top:15px;
}
#menu ul {
	height:30px;
	background-color:#ac9b85;
	background: -webkit-linear-gradient(#decaaf 0%,#c0ae96 10%,#ac9b85 50%,#8c7e6d 90%);
	margin:0 auto 0 auto;
}
#menu ul li  {
	height:30px;
	float:left;
	text-align:center;
	}
#menu ul li a {
	color:#fff;
	display:block;
	height:30px;
	font-size:18px;
	padding-top:2px;
}


/* 小さい画面用                                                            */
/* 小さい画面用                      iphone                                */
/* 小さい画面用                                                            */
@media screen and (max-width: 320px) {
	#wrapper {
		width:320px;
	}
}


/* 中くらい画面用                                                          */
/* 中くらい画面用                    tablet                                */
/* 中くらい画面用                                                          */
@media screen and (min-width: 321px) and (max-width:768px) {
	#wrapper {
		width:480px;
	}
}


/***************************************************************************/
/* 大きい画面用　                                                          */
/* 大きい画面用　                    ＰＣ                                  */
/* 大きい画面用　                                                          */
/***************************************************************************/
@media screen and (min-width: 769px) and (max-width:1024px) {
	body{
		width:1024px;
	}
	#wrapper {
		width:1024px;
	}
	#menu {
		width:1024px;
	}
	#menu ul {
		height:30px;
	}
	#menu ul li  {
		height:30px;
		width:23px;
	}
	#menu ul li a {
		height:30px;
		width:23px;
		font-size:18px;
	}
	#maincontents {
		font-size:18px;
		display:block;
	}
	.padding-top {
		padding-top:45px;
	}
	#kyoku {
		padding-top:80px;
	}

	}

/***************************************************************************/
/* wide大きい画面用　                                                      */
/* wide大きい画面用　                tablet                                */
/* wide大きい画面用　                                                      */
/***************************************************************************/
@media screen and (min-width: 1025px) {
	body{
		width:1350px;
	}
	#wrapper {
		width:1350px;
	}
	#menu {
		width:1350px;
	}
	#menu ul {
		height:40px;
		padding-left:15px;
	}
	#menu ul li  {
		height:40px;
		width:30px;
	}
	#menu ul li a {
		width:30px;
		font-size:24px;
	}
	#maincontents {
		font-size:24px;
		display:block;
	}
	.padding-top {
		padding-top:55px;
	}
	#kyoku {
		padding-top:80px;
	}
	/*画面用*/
	#pagetop {
		display:block;
	}
	#pagetop {
		position: fixed;
		left: 0px;
		bottom: 0px;
	}
	#pagetop a {
		display: block;
	}

}
@media print {
	body{
		width:1350px;
	}
	#wrapper {
		width:1350px;
	}
	#menu {
		display:none;
	}
	#menu ul {
		height:40px;
		padding-left:15px;
	}
	#menu ul li  {
		height:40px;
		width:30px;
	}
	#menu ul li a {
		width:30px;
		font-size:24px;
	}
	#maincontents {
		font-size:24px;
		display:block;
	}
	.padding-top {
		padding-top:55px;
	}
	#kyoku {
		padding-top:80px;
	}
	#footer {
		display:none;
	}
	#pagetop {
		display:none;
	}
	.kaigyou1 {
		display:none;
	}
}



/*                                                                                 */
/*                                                                                 */
/*  共通                                                                           */
/*                                                                                 */
h1 {
	color:#999;
	font-size:9px;
	margin:0 auto 0 auto;
	text-align:center;
}
h2 {
	color:#000;
	font-weight:bold;
	margin:22px auto 0 auto;
	text-align:left;
}
h3 {
	color:#000;
	font-size:18px;
	margin:0 auto 0 auto;
	text-align:center;
}



.clear_both {
	clear:both;
}


.xlargefont {
	font-size:40px;
}
.largefont {
	font-size:24px;
}
.smallfont {
	font-size:12px;
}
.fontbold {
	font-weight:bold;
}
.tategaki {
	-ms-writing-mode:tb-rl;
	writing-mode:vertical-rl;
}
.tategaki_upright {
	-ms-writing-mode:tb-rl;
	writing-mode:vertical-rl;
	text-orientation: upright;
}
.kaigyou1 {
	height:20px;
	border-bottom:dotted;
}
.kaigyou2 {
	height:20px;
}
.title50on {
	display:block;
	width:100%;
	height:1em;
	padding-left:20px;
	padding-bottom:10px;
	font-size:40px;
	border-bottom-style:dotted;
	border-bottom-width:thin;
}
/*スクロール用*/
.scrollbar::-webkit-scrollbar {
        width:7px;
        background:#8a8180;
}
.scrollbar::-webkit-scrollbar:horizontal {
        height:7px;
}
.scrollbar::-webkit-scrollbar-button {
        width:7px;
        height:7px;
        background:#6b6463;
}
.scrollbar::-webkit-scrollbar-piece {
        background:#8a8180;
}
.scrollbar::-webkit-scrollbar-piece:start {
        background:#8a8180;
}
.scrollbar::-webkit-scrollbar-thumb {
        background:#6b6463;
}
.scrollbar::-webkit-scrollbar-corner {
        background:#111;
}
