/*common css*/

body {
	width:1000px;
	margin:0 auto;
	padding:0;
	background:#000;
	color:#ddd;
}
header, nav, article, aside, section, footer, address {
	display:block;
}
/*header, nav, article, aside, section, footer {
	border:1px solid #000;
	padding:0;
}*/


a:link {
    color:#fc3;
    font-style:normal;
    text-decoration:underline;
}
a:visited {
    color:#fc6;
    text-decoration:none;
}
a:hover {
    color:#999;
    font-style:normal;
    text-decoration:underline;
}
a:active {
    text-decoration:none;
}

img {border-style:none;}
a img {border-style:none;}


/*言語切り替え*/

#lang {
	text-align:right;
	font-size:10px;
	margin:-2em 115px 0 0;
}




/**/

aside {
	float:right;
	width:180px;
}

/*フッタ*/

footer {
	clear:both;
	text-align: center;
	padding:5px 95px;
	font-size: 10px;
	margin:20px 0 100px 0;
	border-top:1px solid #4a4a4a;
}

/* 言語ボタン　最終的にこちらを採用 */

#langbuttons {
	text-align:right;
	margin-bottom:5px;
}

#langbuttons a.langa {
	margin-right: 5px;
	padding: 5px 10px;
	border: 1px solid #ccc;
	border-radius: 2px;
	background: #666;
	cursor: pointer;
	font-size:12px;
	color:#ccc;
}

#langbuttons a.langb {
	margin-right: 5px;
	padding: 5px 10px;
	border: 1px solid #ccc;
	border-radius: 2px;
	background: #000;
	cursor: pointer;
	font-size:12px;
	color:#ccc;
}

/* 言語ボタン　暫定 */

.langbuttons {
	text-align:right;
}

.langbuttons a {
	margin-right: 5px;
	padding: 5px 10px;
	border: 1px solid #ccc;
	border-radius: 2px;
	background: #eee;
	cursor: pointer;
	font-size:12px;
	color:#333;
}


/* 言語ボタン押した場合 */
.langbuttons a.on {
	background: #666;
	border: 1px solid #000;
	color: #fff;
	}

/*動画うめこみ*/

.movies{
position:relative;
width:100%;
padding-top:56.25%;
}
.movies iframe{
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
border:0;
}

/*リスト*/

ul { margin-left:10px; padding-left:10px; font-size:12px; color:#aaa;}



/*アコーディオン*/

#faq section article .q {
  height: 27px;
  background: url(../images/faq/q.png) no-repeat 0 0;
  padding-left: 20px;
  font-size: 124%;
  line-height: 27px;
}

#faq section article .a {
  background: url(../images/faq/a.png) no-repeat 0 0;
  padding-left: 20px;
  color: #333;
  line-height: 1.3;
  margin: 20px 0 0 30px;
  height: 0;
  overflow: hidden;
}

/* 各部品 */
.c-both{clear:both; height:0; width:0; visibility:hidden;}
.left {text-align:left;}
.right {text-align:right; margin-right:10px;}
.center {text-align:center;}
.img-left { float:left; margin-right:10px;}
.img-right { float:right; margin-left:10px;}
.photo_left { float:left; margin:0 1em 1em 0;}
.photo_right { float:right; margin:0 0 1em 1em;}
.attention {color:#c00;} /*赤字*/
.attention2 {color:#ffc;} /*クリーム色*/
.attention3 {color:#fc6;} /*橙色*/
.attention4 {color:#fff;} /*白字*/
.attention_column{border:1px solid #f00; padding:0.5em; }
.notice {color:#F00;font-size:90%;}
.notice2 {color:#080;font-size:90%;}
.bold {font-weight:bolder;}
.marker-t {color:#009899}
.important {color:#c00; font-size:110%; font-weight:bolder;} /*赤太字*/
.important2 {color:#fff; font-size:110%; font-weight:bolder;} /*白太字*/
.lighter {font-weight:lighter;}
.caption {font-size:70%; color:#066;}
.date {font-size:90%;text-align:right;}
.small {font-size:85%;font-weight:normal}
.minimum {font-size:60%;font-weight:normal}
.big { font-size:120%;}
.huge { font-size:150%;}
.torikeshi { text-decoration: line-through;}