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

/*========== Breaclub ==========*/
@media all and (min-width: 641px) {
blockquote {
	border:solid #ddd 1px;
	background:#fafafa;
	padding:10px;
}

.breadcrumb {
	color:#666;
	background:#f6f6f6;
	background:linear-gradient(#eee, #fff);
	background:-webkit-gradient(linear, center bottom, center top, from(#eee), to(#fff));
	background:-moz-linear-gradient(bottom,#eee,#fff);
	border-radius:5px;
	font-size:10px;
	margin:0 0 20px;
	padding:5px;
	text-shadow: #fff 0px 1px 0px;
	min-height:1%;  /* for IE 7*/
	-moz-box-shadow: 0px 1px #ddd inset;
	-webkit-box-shadow: 0px 1px #ddd inset;
	-o-box-shadow: 0px 1px #ddd inset;
	box-shadow: 0px 1px #ddd inset;
	behavior: url(../Scripts/PIE.htc);
}

.breadcrumb:after {
	content: "";
	display: block;
	clear: both;
	height:0;
}

.breadcrumb {display:inline-block;}
.breadcrumb {display:block;}

.breadcrumb li {
	float:left;
}

/*========== Article Style ==========*/

#article {
	width:630px;
}

#article:after {
	content: "";
	display: block;
	clear: both;
	height:0;
}

#article {display:inline-block;}
#article {display:block;}

#article h2 {
	font-size:24px;
	line-height:30px;
	font-weight:bold;
	margin:0 0 5px;
	padding:0 0 5px;
	border-bottom:1px #aaa solid;
	background-image:url(); /*android4バグ対応*/
}

#article h3 {
	font-size:16px;
	line-height:22px;
	font-weight:bold;
	margin:0 0 15px;
	background-image:url(); /*android4バグ対応*/
}

#article h4 {
	font-size:15px;
	line-height:22px;
	font-weight:bold;
	margin:0 0 5px;
	background-image:url(); /*android4バグ対応*/
}

#article h5 {
	font-size:14px;
	line-height:18px;
	font-weight:bold;
	padding:5px 0;
	margin:0;
}

#article p {
	font-size:14px;
	line-height:22px;
	/*margin:0 0 10px;*/
	background-image:url(); /*android4バグ対応*/
}

#article .date {
	color:#666;
	font-size:10px;
	text-align:right;
}

#article  ol {
	border:solid #ddd 1px;
	background:#fafafa;
	font-size:14px;
	line-height:20px;
	margin:0 0 20px;
	padding:15px 10px 10px;
}

#article  ol li {
	list-style-type:decimal;
	margin:0 0 0 20px;
	padding:0 0 10px;
}

/*========== TopPhoto ==========*/

#topphoto {
	position:relative;
	float:left;
	width:260px;
}

#topphoto a {
	position:relative;
	display:block;
	width:240px;
}

#topphoto img {
	margin:0;
}

#topphoto .description {
	display:block;
	font-size:10px;
	line-height:14px;
	padding:5px 20px 2px 0;
}

#topphoto .enlarge {
	position:absolute;
	right:5px;
	bottom:5px;
}

#topphoto-large img {
	margin-right:10px;
}

#topphoto-large .description {
	display:block;
	font-size:10px;
	line-height:14px;
	padding:5px 20px 10px 0;
}

#topphotomini {
	position:relative;
	float:left;
	width:120px;
}


#topphotomini img {
	margin:0;
}

#topphotomini .description {
	display:block;
	font-size:10px;
	line-height:14px;
	padding:5px 20px 2px 0;
}

/*========== Photo ==========*/

#photo {
	clear:both;
	position:relative;
	float:left;
	width:260px;
}

#photo a {
	position:relative;
	display:block;
	width:240px;
}

#photo .description {
	display:block;
	font-size:10px;
	width:230px;
	line-height:14px;
	padding:5px 0 2px 0;
}

#photo .enlarge {
	position:absolute;
	right:5px;
	bottom:5px;
}

.photo {
	clear:both;
	position:relative;
	float:left;
	width:260px;
}

.photo a {
	position:relative;
	display:block;
	width:240px;
}

.photo .description {
	display:block;
	font-size:10px;
	width:230px;
	line-height:14px;
	padding:5px 0 2px 0;
}

.photo .enlarge {
	position:absolute;
	right:5px;
	bottom:5px;
}

.description {
	display:block;
	font-size:10px;
	line-height:14px;
	padding:5px 0 2px 0;
}

.photo-r {
	clear:both;
	position:relative;
	float:right;
	width:260px;
	text-align:right;
}

.text-l {float:left; padding-bottom:15px; width:370px;}

.photo-r2 {
	position:relative;
	float:right;
	width:260px;
	text-align:right;
}

.photo-r .description {
	display:block;
	font-size:10px;
	width:230px;
	line-height:14px;
	padding:5px 0 2px 40px;
	text-align:left;
}

/*========== Video Player ==========*/

#videoplayer {
	width:600px;
	margin:0 auto 20px;
}

/*========== Section ==========*/

.section {
	clear:both;
	margin-bottom:20px;
	padding-top:20px;
}

.section h4 {
	background:#eee;
	padding:5px;
}

.section ul {
	margin:0 0 10px 20px;
	padding-left:20px;
}

.section li {
	font-size:14px;
	padding:0 0 10px;
}

.section dl {
	margin:0 0 20px;
	font-size:14px;
}

.section dt {
	font-weight:bold;
	padding:0 0 3px;
}

.section dd {
	padding:0 0 10px;
}

.section table {
	background:#fff;
	width:590px;
	margin:0 auto;
	border-collapse:collapse;
	border-left:1px #aaa solid;
	border-top:1px #aaa solid;
	font-size:14px;
}

.section caption {
	padding:10px 0 5px;
	font-size:14px;
	line-height:18px;
	font-weight:bold;
	text-align:left;
}

.section th {
	background:#f6f6f6;
	border-right:1px #aaa solid;
	border-bottom:1px #aaa solid;
	padding:5px;
	text-align:center;
	font-weight:normal;
}

.section table.timetable {
	width:630px;
}

.timetable th,.timetable td{
	}



.dataBg {
	clear:both;
	margin-bottom:20px;
}

.dataBg h4 {
	background:none;
	padding:5px;
}

.dataBg table {
	width:590px;
	margin:0 auto;
	border:none;
	font-size:14px;
}


.dataBg th {
	background:#dfdfdf;
	border-right:none;
	border-bottom:1px #aaa dotted;
	padding:5px;
	text-align:center;
	font-weight:normal;
	width:100px;
}

.dataBg td {
	background:none;
	border-right:none;
	border-bottom:1px #aaa dotted;
	padding:5px;
	font-weight:normal;
}

.dataBg th.first,.dataBg td.first {border-top:1px #aaa dotted;}

.dummy {
	text-align:center;
	font-size:12px;
	line-height:18px;
	margin:0 auto;
	width:600px;
}

.section td {
	border-right:1px #aaa solid;
	border-bottom:1px #aaa solid;
	padding:5px;
}

.section table .head {
	background:#eee;
}

/*========== Bottom Contents ==========*/

#gallery {
	display:inline-block;
    margin:0 auto 20px;
    width:630px;
}

#gallery h3 {
	background:url(../images/article/gallery-title.png) no-repeat;
	text-indent:-10000px;
	width:630px;
	height:20px;
}

#gallery ul {
	padding:10px 15px;
    min-height:1%;  /* for IE 7*/
}

#gallery ul:after {
	content: "";
	display: block;
	clear: both;
}

#gallery li {
	width:120px;
	padding:10px 0;
	float:left;
}

#relatedarticle {
	display:inline-block;
    margin:0 auto 20px;
    width:630px;
}

#relatedarticle h3 {
	background:url(../images/article/related-article-title.png) no-repeat;
	text-indent:-10000px;
	width:630px;
	height:20px;
	margin:0 0 10px;
}

#relatedarticle a {
	font-size:14px;
}

#relatedarticle li {
	background:url(../images/article/icon-link.png) no-repeat;
	background-position:0 2px;
	font-size:11px;
	color:#666;
	margin:0 0 5px;
	padding:0 0 0 20px;
}

#relatedsite {
	display:inline-block;
    margin:0 auto 20px;
    width:630px;
}



#relatedsite h3 {
	background:url(../images/article/related-site-title.png) no-repeat;
	text-indent:-10000px;
	width:630px;
	height:21px;
	margin:0 0 10px;
}

#relatedsite a {
	font-size:14px;
}

#relatedsite li {
	background:url(../images/article/icon-linkout.png) no-repeat;
	background-position:0 4px;
	font-size:14px;
	margin:0 0 5px;
	padding:0 0 0 20px;
}

/*========== Topics ==========*/

#topics {
	width:630px;
	margin:0 0 20px;
}

#topics h2 {
	background:url(../images/home/topics-title.png) no-repeat;
	text-indent:-10000px;
	font-size:0px;
	width:630px;
	height:21px;
	margin:0 0 10px;
}

#topics dl {
	width:630px;
	border-bottom:1px #a0a0a0 solid;
	padding:5px 0;
	min-height:1%;  /* for IE 7*/
}

#topics dl:after {
	content: "";
	display: block;
	clear: both;
}

#topics dt {
	font-size:14px;
	font-weight:bold;
	background-image:url(); /*android4バグ対応*/
}

#topics dd {
}

#topics .thumb {
	display:none;
}

#topics .outline {
	display:none;
}

#topics .preview {
	display:none;
}

#topics .date {
	color:#a0a0a0;
	font-size:10px;
	font-weight:normal;
}

#topics .readmore {
	display:none;
}

#bigthumbs {
	margin:0 0 40px;
}

#bigthumbs p {
	background:#eee;
	float:left;
	text-align:center;
	width:315px;
	padding:20px 0 5px;
	border-right:1px #fff solid;
	border-bottom:1px #fff solid;
}

#bigthumbs p .description {
	display:block;
	font-size:10px;
	padding:5px 0;
	width:315px;
}

#bigthumbs p img {
	height:160px;
}

.speaker {
	color:#009ae2;
	font-weight:bold;
	display:block;
}

/*========== Column ==========*/

.column-paging {
	background:#eee;
	border:1px #ddd solid;
	padding:10px;
}

.column-paging:after {
	content: "";
	display: block;
	clear: both;
	height:0;
}

.column-paging {display:inline-block;}
.column-paging {display:block;}







/**/
.photoArea ul,.photoArea2 ul {display: inline-block; margin-bottom: 20px;}
.photoArea ul li { float:left; width:200px; margin-right:10px;}
.photoArea ul li img { width:200px;}
.photoArea2 ul li { float:left; width:147px; margin-right:10px;}
.photoArea2 ul li img { width:147px;}

ul.photoLayout { width:630px;}
ul.photoLayout li { float:left; margin-right:10px; width:130px;}
ul.photoLayout li img { width:130px;}
.borderB { border-bottom:1px solid #CCC; padding-bottom:10px;}
/*===========bg=============*/
.bgGray{ background:#CCC; display:block; padding:5px;}
}