/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.1
*/


body {
	font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	-webkit-text-size-adjust: 100%;
	background-color: #FFFFFF;
	font-size: 15px;
	line-height: 130%;
}
a{
	color: #333;
	text-decoration: none;
}
header {
	background-image: url(../images/bak_head.jpg);
	background-repeat: repeat;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #3399FF;
	background-position: center;
}
h2 {
	font-size: 121%;
	text-shadow: 1px 1px 2px #ccc;
	color: #0066FF;
	margin-bottom: 10px;
	text-align: center;
}
#wrap {
	padding: 10px;
}

nav {
	background: #0099FF;
	background: -webkit-gradient(linear, left top, left bottom, from(#66CCFF), to(#0099FF));
	margin-bottom: 10px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	width: 303px;
}

nav li {
	float: left;
	text-align: center;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #F4F3EB;
}

nav li:first-child {
	border: none;
	border-top-left-radius: 3px;
	border-bottom-left-raidus: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
}

nav li:last-child {
}

nav li.active {
	background: -webkit-gradient(linear, left top, left bottom, from(#0099FF), to(#66CCFF));
}

nav a {
	text-decoration: none;
	padding: 10px;
	display: block;
	width: 80px;
	vertical-align: middle;
	color: #FFF;
}
article {
	border-radius: 8px;
	-webkit-border-radius: 8px;
	padding: 10px;
	clear: both;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	-webkit-box-shadow: 0 0 3px #333333;
	box-shadow: 0 0 3px #333333;
	background-color: #0099FF;
}
article:not(.active) {
	display: none;
}
h3 {
	background: url(../images/ico_title.png) left top no-repeat;
	padding-left: 20px;
	color: #3B372A;
	margin-bottom: 1em;
	min-height: 23px;
	margin-top: 1em;
}
p {
	padding-top: 10px;
	padding-bottom: 10px;
}
aside {
	border-radius: 8px;
	-webkit-border-radius: 8px;
}
aside p:last-child {
	margin-bottom: 0;
}
footer {
	border-top: 1px solid #ebebeb;
	padding-top: 10px;
}
#switchButton {
	clear: both;
	text-align: center;
	font-size: 80%;
}
.btn {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #E1E1E1;
	background: -webkit-gradient(linear, left top, left bottom, from(#cbcccf), to(#acaeb0));
	width: 100%;
	font-size: 15px;
	padding: 10px;
	margin-bottom: 1em;
	height: 1em;
	margin-right: auto;
	margin-left: auto;
}
#btnTop a {
	text-shadow: 1px 1px 0 #ddd;
	display: block;
	padding: 5px 0;
	color: #444444;
	text-decoration: none;
}
footer {
	background-image: url(../images/bak_head.jpg);
}
footer p {
	clear: both;
	padding: 0;
	font-size: 11px;
	text-align: center;
	color: #333;
}
footer img {
	vertical-align: top;
}
footer p:last-child {
	margin: 0;
}
/* clearfix */

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
article ul{
	list-style-type: none;
}
article ul a{
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	text-decoration: none;
	color: #FFF;
}
article li{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background-image: url(../images/arrow.jpg);
	background-position: right center;
	background-repeat: no-repeat;
}
article li:last-child{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
h1{
	text-align: center;
	font-size: 18px;
}
#logo {
	position:absolute;
	z-index:0;
	top: 25px;
	left: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	padding: 5px;
	background-color: #FFF;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #677DA4;
}
#officialFeed {
	color: #996666;
	padding: 0px;
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#officialFeed .gfc-resultsbox-visible {
  text-align:left;
}
#officialFeed .gfc-resultsRoot {
}
#officialFeed .gfc-resultsHeader {
  display:none;
  border-bottom: none;
}
#officialFeed .gfc-title {
}
#officialFeed .gfc-results {
}
#officialFeed .gfc-result {
  margin-bottom : 0px;
}
#officialFeed .gf-result {
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E2E2E2;
	padding-top: 10px;
	padding-bottom: 10px;
	height: 50px;
	padding-right: 20px;
	padding-left: 5px;
	background-image: url(../images/grey_arrow.jpg);
	background-position: right center;
	background-repeat: no-repeat;
	cursor: pointer;
}
#officialFeed .gf-result:last-child {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#officialFeed .gf-title {
	font-size: 14px;
	overflow: hidden;
}
#officialFeed div.gf-title {
	/*padding-left: 20px;*/
  height: 20px;
	overflow: hidden;
}
#officialFeed a.gf-title {
	overflow: hidden;
}
#officialFeed .gf-author {
  display : none;
}
#officialFeed .gf-spacer {
/*display : none;*/
}
#officialFeed .gf-relativePublishedDate {
	/*display : none;*/
  font-size:11px;
	text-align: right;
	font-family: Verdana, Geneva, sans-serif;
	color: #483A31;
}
#officialFeed .gf-snippet {
	font-size: 12px;
	line-height: 18px;
	display: block;
 	text-decoration: none;
 	overflow: hidden;
 	white-space: nowrap;
 	text-overflow: ellipsis;
}
#officialFeed .gf-thumbnail {
	height: 35px;
	overflow: hidden;
	text-align: center;
	margin-bottom: 5px;
	border: 1px solid #CCCCCC;
	padding: 3px;
	margin-right: 5px;
	float: left;
	width: 35px;
	background-image: url(../images/noimg.gif);
	background-position: center center;
	background-repeat: no-repeat;
}
#officialFeed_anayama {
	color: #996666;
	padding: 0px;
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#officialFeed_anayama .gfc-resultsbox-visible {
  text-align:left;
}
#officialFeed_anayama .gfc-resultsRoot {
}
#officialFeed_anayama .gfc-resultsHeader {
  display:none;
  border-bottom: none;
}
#officialFeed_anayama .gfc-title {
}
#officialFeed_anayama .gfc-results {
}
#officialFeed_anayama .gfc-result {
  margin-bottom : 0px;
}
#officialFeed_anayama .gf-result {
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E2E2E2;
	padding-top: 10px;
	padding-bottom: 10px;
	height: 50px;
	padding-right: 20px;
	padding-left: 5px;
	background-image: url(../images/grey_arrow.jpg);
	background-position: right center;
	background-repeat: no-repeat;
	cursor: pointer;
}
#officialFeed_anayama .gf-result:last-child {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#officialFeed_anayama .gf-title {
	font-size: 14px;
	overflow: hidden;
}
#officialFeed_anayama div.gf-title {
	/*padding-left: 20px;*/
  height: 20px;
	overflow: hidden;
}
#officialFeed_anayama a.gf-title {
	overflow: hidden;
}
#officialFeed_anayama .gf-author {
  display : none;
}
#officialFeed_anayama .gf-spacer {
/*display : none;*/
}
#officialFeed_anayama .gf-relativePublishedDate {
	/*display : none;*/
  font-size:11px;
	text-align: right;
	font-family: Verdana, Geneva, sans-serif;
	color: #483A31;
}
#officialFeed_anayama .gf-snippet {
	font-size: 12px;
	line-height: 18px;
	display: block;
 	text-decoration: none;
 	overflow: hidden;
 	white-space: nowrap;
 	text-overflow: ellipsis;
}
#officialFeed_anayama .gf-thumbnail {
	height: 35px;
	overflow: hidden;
	text-align: center;
	margin-bottom: 5px;
	border: 1px solid #CCCCCC;
	padding: 3px;
	margin-right: 5px;
	float: left;
	width: 35px;
	background-image: url(../images/noimg.gif);
	background-position: center center;
	background-repeat: no-repeat;
}
#wrapbox {
	border-radius: 8px;
	-webkit-border-radius: 8px;
	background-color: #F5F5F5;
	clear: both;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	-webkit-box-shadow: 0 0 3px #F5F5F5;
	box-shadow: 0 0 3px #F5F5F5;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#nav-about {
	margin: 0px;
}

#nav-about ul {
	list-style-type: none;
}

#nav-about li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E2E2E2;
	background-image: url(../images/grey_arrow.jpg);
	background-position: right center;
	background-repeat: no-repeat;
}

#nav-about li:first-child {
	padding-top: 0px;
}

#nav-about li:last-child {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-bottom: 0px;
}

#nav-about a {
	display: block;
	text-decoration: none;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-top: 10px;
	padding-right: 14px;
	padding-bottom: 10px;
	padding-left: 14px;
}
td{
	background-color: #FFF;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	font-size: 13px;
	vertical-align: middle;
}
th{
	background-color: #FFEDCC;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	font-size: 13px;
	vertical-align: middle;
}
.arrow{
	padding-right: 5px;
	cursor: pointer;
	zoom: 1;
	background-repeat: no-repeat;
	background-position: 100% 50%;
	color: #09F;
	padding-left: 5px;
}
.arrow_alone {
	cursor: pointer;
	zoom: 1;
	background-repeat: no-repeat;
	background-position: 100% 50%;
	color: #09F;
	margin-right: 10px;
}
.small_red{
	font-size: x-small;
	color: #F00;
}
.normal{
	padding-top: 10px;
	padding-right: 14px;
	padding-bottom: 10px;
	padding-left: 14px;
	list-style-type: square;
}
.douei {
	padding-top: 10px;
	padding-right: 14px;
	padding-bottom: 10px;
	padding-left: 14px;
	list-style-type: square;
	font-weight: bold;
}
.normal li{
	margin-bottom: 5px;
}
.douei li {
	margin-bottom: 5px;
}
.normal li ul   {
	margin-bottom: 5px;
	margin-left: 10px;
	margin-top: 5px;
	list-style-type: none;
}
.douei li ul {
	margin-bottom: 10px;
	margin-left: 5px;
	margin-top: 10px;
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: inset;
	border-bottom-color: #CCC;
	font-weight: normal;
}
.img_r{
	padding: 2px;
	border: 1px solid #CCC;
	margin-left: 5px;
}
.buttons {
    list-style: none;
    float: left;
    margin-bottom:0;
    padding: 0;
	clear:both;
}
.buttons li {
    float: left;
    display: block;
    margin:0 20px 0 0;
    padding: 0;
}
.cta {
	display: inline-block;
	color: #fff;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.35);
	font: bold 18px Helvetica, Arial, sans-serif;
	height: 50px;
	text-decoration: none;
	line-height: 50px;
	white-space: nowrap;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	position: relative;
	z-index: 10;
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=120, Color='#333333')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=120, Color='#333333');
	-moz-user-select: none;
	-webkit-user-select:none;
	-khtml-user-select: none;
	user-select: none;
	overflow: visible;
	outline: none;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	width: 100%;
	text-align: center;
}
.cta:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
}
.cta:hover {
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
}
.cta:active {
    -moz-box-shadow: 0 0 0;
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
}
.cta-red, .cta-green, .cta-blue, .cta-yellow {
	-webkit-transition: border-color .218s;
	-moz-transition: border .218s;
	-o-transition: border-color .218s;
	transition: border-color .218s;
}
.cta-blue {
    border: solid 1px #0870c0;
    background: #007bda;
    background: -webkit-gradient(linear, left top, left bottom, from(#00c6ff), to(#007bda));
    background: -moz-linear-gradient(top, #00c6ff, #007bda);
    background: -ms-linear-gradient(top, #00c6ff, #007bda);
    background: -o-linear-gradient(top, #00c6ff, #007bda);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#00c6ff', EndColorStr='#007bda');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#00c6ff', EndColorStr='#007bda')";
}
.cta-blue:before {
    border: solid 1px #3bb4ec;
    border-color: rgba(255, 255, 255, 0.35);
}
.cta-blue:hover {
    color: #fff;
    border: solid 1px #065491;
    background: -webkit-gradient(linear, left top, left bottom, from(#21cdff), to(#0387ec));
    background: -moz-linear-gradient(top, #21cdff, #0387ec);
    background: -ms-linear-gradient(top, #21cdff, #0387ec);
    background: -o-linear-gradient(top, #21cdff, #0387ec);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#21cdff', EndColorStr='#0387ec');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#21cdff', EndColorStr='#0387ec')";
}
.cta-blue:active {
    color: #fff;
    border: solid 1px #065491;
    background: -webkit-gradient(linear, left top, left bottom, from(#007bda), to(#00c6ff));
    background: -moz-linear-gradient(top, #007bda, #00c6ff);
    background: -ms-linear-gradient(top, #007bda, #00c6ff);
    background: -o-linear-gradient(top, #007bda, #00c6ff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#007bda', EndColorStr='#00c6ff');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#007bda', EndColorStr='#00c6ff')";
}
form {
	background-color: #fff;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	margin: 10px;
	padding: 10px;
}

form dt {
	font-weight: bold;
	margin-bottom: 5px;
}

form dd {
	margin-bottom: 20px;
}

input,
textarea {
	padding: 5px;
}

.require {
	font-size: 80%;
	background-color: #ff5d25;
	color: #fff;
	padding: 2px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	margin-left: 10px;
}

.choice li {
	margin-bottom: 1em;
}
.file{}
.juusho{
	color: #FFF;
	background-color: #693;
	margin-right: 10px;
	font-size: 13px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}
.boshuu{
	color: #FFF;
	background-color: #C78644;
	margin-right: 10px;
	font-size: 13px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	}
.tousen{
	color: #FFF;
	background-color: #F00;
	margin-right: 10px;
	font-size: 13px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	}
.zoom{
	width: 100%;
	height: auto;
}
.zoom_icon{
	background-image: url(../images/zoom.png);
	background-repeat: no-repeat;
	background-position: right center;
	width: 100px;
	padding-right: 30px;
}
