@charset "utf-8";

/*　共通
----------------------------------------------------*/

/* スクロールバーの有無によるズレ対策 */

html {
	overflow-y: scroll;
}

body {
	margin: 0px;
	padding: 0px;
	font: 14px/1.5 "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

/* 定義
----------------------------------------------------*/

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary {

}

h1,h2,h3,h4,h5,h6,p {
	margin: 0px;
	padding: 0px;
}

img {
	border-style: none;
}

ul,ol {
	list-style: none;
}

table {
	border-collapse: collapse;
}

/*　共通
----------------------------------------------------*/

.wrap {
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	padding-right: 5px;
	padding-left: 5px;
}

.wrap:before,.wrap:after {
	display:table;
	content:" "
}
.wrap:after {
	clear:both
}

@media(min-width:768px) {
.wrap {
 width:740px
}
}
@media(min-width:940px) {
.wrap {
 width:940px;
}
}


/* リンク
----------------------------------------------------*/

a:link {
	color:#006699;
}
	
a:active {
	color:#006699;
}
	
a:visited {
	color:#666666;
}
	
a:hover {
	color:#E20A16;
}


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

/*　ヘッダー　*/

#heArea {
	width: 100%;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	line-height: normal;
}

#heArea .block {
	padding-right: 0px;
	padding-left: 0px;
	position: relative;
}

#member-name {
	background: #000;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: right;
	color: #FFF;
}

#heArea .logo a {
	color:#FF0000;
	text-decoration:none
}

@media screen and (min-width: 620px) {
#heArea .logo {
	float:left;
	padding:35px 0px 35px 5px;
	line-height:20px;
	font-weight: bold;
	font-size:30px;
}
}
@media screen and (max-width: 620px) {
#heArea .logo {
	float:left;
	padding:25px 0px 25px 5px;
	line-height:20px;
	font-weight: bold;
	font-size:25px;
}
}

*, *:after, *:before {
	margin:0;
	padding:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}

/*　Navigation　*/
.nav a,
.nav a:hover {
	text-decoration:none;
}

.nav {
	font-size:14px;
	float:right;
	margin-right: 5px;
	margin-top: 35px;
}
.nav-list {
	display:inline;
	border-left:1px solid #666;
	padding: 0px;
	margin: 0px;
}
.nav-item {
	display:inline;
	padding-left:5px;
	padding-right:5px;
	border-right:1px solid #666;
	line-height: normal;
}

/* Mobile Navigation */
.nav-mobile {
	display:none; /* Hide from browsers that don't support media queries */
	cursor:pointer;
	position:absolute;
	background:#AADC92 url(../img/nav.png) no-repeat center center;
	height:40px;
	width:40px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	top: 15px;
	right: 10px;
}


/*　Media Queries　*/

@media only screen and (max-width: 620px) {
.nav-mobile {
 display:block;
}
.nav {
	width:100%;
	padding:0;
	margin:-15px 0 0 0;
}
.nav-list {
 display:none;
	margin:0;
	padding:0;
	border:none;
}
.nav-item {
 width:100%;
 float:none;
	margin:0;
	padding:0;
	border:none;
}
.nav-item a {
 background:#34495E;
 padding:10px;
}
.nav-item:first-child a {
 border-radius:5px 0 0;
}

.nav-active {
 display:block;
}
.nav-mobile-open {
 border-radius:5px 5px 0 0;
 -webkit-border-radius:5px 5px 0 0;
 -moz-border-radius:5px 5px 0 0;
}
.nav-item a {
	display:block;
	padding:15px 20px;
	color:#FFF;
	background:#AADC92;
}
.nav-item a:hover {
	background:#81CB5C;
}
}

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

/*　コンテンツ
----------------------------------------------------*/

#container {
	width: 100%;
	margin: 0px auto;
	padding: 0px;
	overflow: hidden;
}

#contents {
	float: left;
	width: 100%;

	padding: 0px;
}

/*　コンテンツ タイトル　*/

div#contents-ti {
	padding: 35px 0px;
	margin: 0px 0px 40px;
	background: #A89A7D url(../img/line1.jpg) repeat-x left bottom;
	width: 100%;
}

#contents-ti h1 {
	font-weight: bold;
	font-size:25px;
	color: #FFF;
	line-height: normal;
}

@media screen and (max-width: 620px) {
div#contents-ti {
	padding: 15px 0px;
	margin: 0px 0px 20px;
}

#contents-ti h1 {
	font-size:20px;
}
}

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

/*　フッタ
----------------------------------------------------*/

#page-top {
 position: fixed;
 bottom: 130px;
 right: 20px;
	font-size: 2em;
}

#page-top a {
	background: #929292;
	text-decoration: none;
	color: #fff;
	text-align: center;
	display: block;
	-webkit-border-radius: 32px;
	-moz-border-radius: 32px;
	border-radius: 32px;
	padding: 10px;
	height: 62px;
	width: 62px;
	line-height: normal;
	vertical-align: middle;
}

#page-top a:hover {
 text-decoration: none;
 background: #999;
}

@media screen and (max-width: 479px) {
	
#page-top {
 bottom: 250px;
 right: 20px;
}
}

/*　マイページトップへもどる　*/

#my-page_btn {
	padding: 35px 0px;
	margin: 0px auto;
	width: 90%;
	border-top: 1px solid #CCC;
}

#my-page_btn a:link {
	color:#FFF;
}

#my-page_btn a:hover {
	color:#D90000;
}

#my-page_btn a:visited {
	color:#FFF;
}


#my-page_btn p {
	display: block;
	line-height: 1;
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */
	clear: both;
	width:300px;
	margin: 0em auto 1.25em;
	font-size: 16px;
	background: #AAAAAA;
}

#my-page_btn p a {
	display: block;
	padding: 1em 0.5em;
	text-decoration: none;
	text-align: center;
}

#my-page_btn p a:hover {
	opacity:0.8;filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

@media screen and (max-width: 479px) {
	
#my-page_btn {
	padding: 15px 0px;
}

#my-page_btn p {
	width:70%;
		font-size: 14px;
}
}

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

/*　フッタ
----------------------------------------------------*/

#foArea {
	width: 100%;
	overflow: hidden;
	clear: both;
	padding: 30px 0px;
	margin: 0;
	background: #666;
}

#foArea .wrap {
	text-align: center;
}

/*　copyright　*/

p#copyright {
	font-size: 85.7%;
	margin: 0;
	padding: 20px 0px 0px;
	text-align: center;
	color: #FFF;
}

@media screen and (min-width:620px) {
#foArea .wrap {
/* width:479px;　*/
}
#foArea ul {
	display:inline;
	border-left:1px solid #FFF;
	padding: 0px;
	margin: 0px 0px 20px;
}

#foArea li {
	display:inline;
	padding-left:10px;
	padding-right:10px;
	border-right:1px solid #FFF;
}

#foArea a:link {
	color:#FFF;
}
#foArea a:visited {
	color:#FFF;
}

#foArea a:hover {
	color:#D90000;
}

}

@media screen and (max-width: 620px) {
#foArea ul {
	padding: 0px;
	margin: 0px;
}

#foArea a:link {
	color:#333;
}

#foArea a:hover {
	color:#D90000;
}

#foArea li {
	display: block;
	line-height: 1;
	border-radius: 4px;        /* CSS3草案 */
	-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 4px;   /* Firefox用 */
	border: 1px solid #CCC;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 46%, #efefef 54%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(46%,#ffffff), color-stop(54%,#efefef), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 46%,#efefef 54%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 46%,#efefef 54%,#eeeeee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 46%,#efefef 54%,#eeeeee 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 46%,#efefef 54%,#eeeeee 100%); /* W3C */

 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
	clear: both;
	width:90%;
	margin: 0em auto 0.25em;
}

#foArea li a {
	display: block;
	padding: 1em 0.5em;
	text-decoration: none;
	color:#333;
	text-align: center;
}

#foArea li a:hover {
	opacity:0.8;filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
}