﻿@charset "utf-8";
/* CSS Document */

/* BROWSER HUCKS */
/* IE6向けの設定 */
*html body #element{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='透過PNG.png' , sizingMethod='scale');
}

article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{
	display: block;
}

/* COMMON STYLES */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,p,blockquote,th,td {
	margin:0 auto;
	padding:0;
	word-break: break-all;
}

img{
	vertical-align: top;
	width:auto;
	height:auto;
	border: none;
}

.img_nb{
	border: none;
}

body{
	font-size: 62.5%;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	line-height: 1.4;
	color: #333;
background: #FFF;
}
a:link,a:visited,a:active{
/*	text-decoration: none;
	border-bottom:1px #2992d8 dotted;*/
	color: #2992d8;
}

a:hover{
	color: #65b4ea;
/*	border-bottom:1px #65b4ea dotted;*/
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: “alpha( opacity=80 )”;
	text-decoration: none;
	behavior: url(PIE.htc);
	position: relative;
}

ul{
	list-style: none;
	text-align: left;
}

/*clearfix*/
.clearfix:after{
	visibility: hidden;/*見えなくする*/
	height: 0;/*見えなくする*/
	display: block;/*block要素にする*/
	font-size: 0;
	content: " ";
	clear: both;
}

.clear{
	visibility: hidden;/*見えなくする*/
	height: 0;/*見えなくする*/
	display: block;/*block要素にする*/
	font-size: 0;
	content: " ";
	clear: both;
}

.clearbox{
	clear: both;
	padding-top: 10px;
}

* html .clearfix{
	zoom: 1;
} /* IE6 */  

*:first-child+html .clearfix {
	zoom: 1;
} /* IE7 */

p,dd {
	font-size:12px;
	line-height: 20px;
}

.left{
	float: left;
}

.right{
	float: right;
}

.hide {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.center{
	text-align: center;
}

/* COMMON_LAYOUTS */
/*table*/
.table_box{
	background: #ececec;
	border-spacing: 10px !important;
	clear: both;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	padding: 0px 5px;
	behavior: url(PIE.htc);
	position: relative;
}

.table_box table{
	width: 100%;
	height: auto;
	background: #FFF;
	*border-collapse: collapse; /* IE7 and lower */
	border-spacing: 0;
	font-size: 14px;
}

.table_box tr{
	border-top: 5px solid #ececec;
	border-bottom: 5px solid #ececec;
}

.table_box th,td{
	padding: 10px 5px;
	text-align: left;
}

.table_box span{
	padding-left: 25px;
}

.table_box p{
	font-size: 1em;
}

.text_small{
	font-size: 80%;
}


#side img {
	width: 100%;
}

#side .bnr_privacy img {
	width: auto;
}

.last_update {
	margin-bottom: 8px;
}

p.pagelist {
font-size:12px;
clear:both;
padding:5px 0;
text-align:center;
margin:20px 0;
border-top:dotted 1px #ccc;
border-bottom:dotted 1px #ccc;
}
 
p.pagelist a{
text-decoration:none;
padding:4px;
border:1px solid #61dfda;
background:#fff;
color:#61dfda;
}
 
p.pagelist a:hover{
text-decoration:none;
padding:4px;
background:#62e0dc;
color:#fff;
}
 
p.pagelist b{
font-weight:bold;
text-decoration:none;
padding:4px;
border:1px solid #0066cc;
background:#0066cc;
color:#fff;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
 
.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}