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


/*---------------------------------------------------------------------------------
-----------------------------------------------------------------------------------

 TOP layout >>

-----------------------------------------------------------------------------------
-----------------------------------------------------------------------------------*/
div#headerLogo {
  width:240px;
  height:86px;
  position:relative;
  overflow:hidden;
}
div#headerLogo img {
  position:relative;
  top:-77px;
}

p.logo {
  width:240px;
  height:86px;
  position:relative;
  overflow:hidden;
}

p.logo a img{
  position:relative;
  top:-77px;
}

.contents {
	margin-top:24px;
	padding-top:0;
	overflow:hidden;
}

.contents h2,
.contents h3 {
	border:none;
	margin:0;
	padding:0;
}

.column {
	position:relative;
	float:left;
	width:320px;
	margin-top:-1px;
	margin-left:-1px;
	border-left:1px solid #CCC;
}
.column.external {
	float:right;
	margin-top:-1px;
	margin-left:0;
	border-left:none;
	margin-right:-2px;
	border-right:1px solid #CCC;
}
.column.external.blogContainer{
	border-right:none;
	margin-right:2px;
}
.column.external.tw{
	*width:319px !important;
}
.column.topics {
	width:640px;
}
.contents section,
.contents aside,
.contents .blogItem {
	position:relative;
	/zoom:1;
	padding:25px;
	border-top:1px solid #CCC;
}
.contents h2 {
	padding-left:10px;
	margin:0 0 24px;
	border-left:5px solid #000;
	border-bottom:none;
	font-size:18px;
}

.contents section h2 {
	height:21px;
	text-indent:-9999px;
	background-position:5px center;
	background-repeat:no-repeat;
	overflow:hidden;
}
.contents .topics section h2 {
	width:62px;
	background-image:url(../../img/tit_topics.png);
}
.contents .session section h2 {
	width:84px;
	background-image:url(../../img/tit_session.png);
}
.contents #tw h2 {
	width:201px;
	background-image:url(../../img/tit_twitter.png);
}

.contents #social h2 {
	width:222px;
	background-image:url(../../img/tit_social.png);
}

.contents #fb h2 {
	width:223px;
	background-image:url(../../img/tit_facebook.png);
}

.contents section header {
	position:relative;
	/zoom:1;
	margin:0 0 24px;
}
.contents section header h2 {
	float:left;
	margin:0;
}


.contents section header ul {
	float:right;
	margin:5px 0 0;
}
.contents section header ul li {
	float:left;
	margin:0 0 0 5px;
	font-size:10px;
}
.contents section header ul li a {
	display:inline-block;
	padding:0 0 0 17px;
	line-height:14px;
	background:url(../img/icon_ar_r_s.png) 0 center no-repeat;
	color:#000;
}
/*.contents section header ul li.press a { background-image:url(../img/icon_ar_r_or_s.png); }
.contents section header ul li.culture a { background-image:url(../img/icon_ar_r_bl_s.png); }
.contents section header ul li.publicity a { background-image:url(../img/icon_ar_r_gr_s.png); }
.contents section header ul li.study a { background-image:url(../img/icon_ar_r_br_s.png); }
.contents section header ul li.presentation a { background-image:url(../img/icon_ar_r_ye_s.png); }*/

.session.articleList {}
.session .articleList li {
	padding:0 16px 8px 0;
	margin:0 0 8px;
}
.session .articleList li .date {
	position: relative;
	left:0;
	top:0;
	margin:0 5px 0 0;
}
.session .articleList li .type {
	display:inline;
	float:none;
	margin:0;
}
.session .articleList li .type img {
	vertical-align:bottom;
}

.session .articleList li a {
	display:block;
	padding:5px 0 0;
}


.blogItem .blogInfo {
	margin:0 0 10px;
}
.blogItem .blogInfo .icon {
	float:left;
	width:54px;
}
.blogItem .blogInfo .description {
	float:left;
	width:200px;
	padding:0 0 0 10px;
	font-weight:bold;
}
.blogItem article time,
.blogItem .article .date {
	font-size:85%;
	line-height:1;
}
.blogItem article h3,
.blogItem .article h3 {
	margin:0 0 5px;
	padding:0 0 5px;
	font-size:14px;
	line-height:1.5;
	border-bottom:1px solid #CCC;
}
.blogItem article h3 a,
.blogItem .article h3 a {
	font-weight:bold;
}
.blogItem article .more,
.blogItem .article .more {
	margin:5px 0 0;
	text-align:right;
}
/*
.blogItem article .more a,
.blogItem .article .more a {
	background:url(../img/icon_ar_r_s.png) 0 center no-repeat;
	padding:0 0 0 16px;
}
*/
.contents .loading {
	height:160px;
	padding:30px;
	text-align:center;
	background:url(../img/loading.gif) center center no-repeat;
	
}
@media screen and (min-width: 650px) and (max-width: 960px) {
.column.external.blogContainer{
	border-right:none;
	margin-right:0;
}
.contents section header ul {
	float:left;
}
}

/*-------------------------------------
twitter ~2013/07
-------------------------------------*/
#tw .container {
	position:relative;
	/zoom:1;
	height:415px;
	overflow:hidden;
}
#tw .container ul {
	margin:0;
}
#tw .container ul li {
	position:relative;
	/zoom:1;
	min-height:50px;
	padding:10px 0 10px 60px;
	border-bottom:1px solid #CCC;
}

#tw .container ul li .img {
	position:absolute;
	top:10px;
	left:0;
}
#tw .container ul li .date {
	display:block;
	text-align:right;
}

#tw .all {
	margin:5px 0 0;
}
#tw .all a {
	display:block;
	background:url(../img/icon_ar_r_s.png) 0 center no-repeat;
	padding:0 0 0 16px;
}

/*-------------------------------------
social 2013/07~
-------------------------------------*/
#social .container {
	position:relative;
	/zoom:1;
	height:415px;
	overflow:hidden;
}
#social .container ul {
	margin:0;
}
#social .container ul li {
	position:relative;
	/zoom:1;
	min-height:50px;
	padding: 10px 10px 20px 20px;
}

#social .container ul li img {
	vertical-align: middle;
	margin-right: 10px;
}


#social .all {
	margin:5px 0 0;
}

#social .all a {
	display:block;
	background:url(../img/icon_ar_r_s.png) 0 center no-repeat;
	padding:0 0 0 16px;
}


/*-------------------------------------
facebook
-------------------------------------*/
#fb .container {
	margin:0 -10px;
}

/*-------------------------------------
ipad
-------------------------------------*/
@media screen and (min-width: 650px) and (max-width: 960px) {

.contents aside.blogItem{
	border-top:none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.column {
	position:relative;
	float:none;
	margin-top:0;
	width:auto !important;
	margin-left:0;
	border-left:none;
}
.column.external {
	position:relative;
	float:right;
	width:50% !important;
	margin-right:0;
	border-right:none;
	border-left:1px solid #CCC;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.column.external.blogContainer {
	border-left:none;
}
.column.external:first-child,
.column.external:last-child{
	border-left:none;
}
.wrap .contents #blogContainer {
	width:100% !important;
	height:321px !important;	
	border-bottom:1px solid #CCC;
}
.column#blogContainer .blogItem{
	width:50%;
	height:100%;
	float:left;
	border-bottom:none;
}
.column#blogContainer .blogItem:last-child{
	border-left:1px solid #CCC;
}
.wrap .contents #blogContainer h2{
	margin:10px 0 16px 0 !important;
}
.contents h2 {
	float:none;
	width:auto !important;
	margin:36px 0 16px 0 !important;
	padding:5px 8px 8px;
	border-left:5px solid #000;
	border-bottom:2px solid #000;
	font-size:141%;
	font-family: 'FOT-ロダン Pro DB', 'RodinPro-DB';
}
.contents section h2 {
	height:auto !important;
	text-indent:0 !important;
	background:none !important;
	overflow:hidden !important;
}

.contents section header h2 {
	float:none;
}
.contents section header ul {
	float:none;
	display:table;
	width:400px;
}
.contents section header ul li {
	float:none;
	display:table-cell;
}

.contents section,
.contents aside {
	position:relative;
	/zoom:1;
	padding:10px !important;
	border-top:none;
}
.contents section#fb,
.contents section#tw{
	padding:10px 4% !important;
}
.contents .blogContainer aside {
	padding:2% !important;
}
.fb-like-box {
	text-align:center;
}
}

/*-------------------------------------
sp
-------------------------------------*/

@media screen and (max-width: 650px) {
.column {
	position:relative;
	float:none;
	width:auto !important;
	margin-top:0;
	margin-left:0;
	border-left:none;
}
.column.topics {
	width:auto;
}
.column.external{
	border:none;
	float:none;
}
.contents h2 {
	float:none;
	width:auto !important;
	margin:36px 0 16px 0 !important;
	padding:5px 8px 8px;
	border-left:5px solid #000;
	border-bottom:2px solid #000;
	font-size:141%;
	font-family: 'FOT-ロダン Pro DB', 'RodinPro-DB';
}
.contents section h2 {
	height:auto !important;
	text-indent:0 !important;
	background:none !important;
	overflow:hidden !important;
}

.contents section header h2 {
	float:none;
}
.contents section header ul {
	float:none;
	display:table;
	width:100%;
}
.contents section header ul li {
	float:none;
	display:table-cell;
}

.contents section,
.contents aside,
.contents .blogItem{
	border-top:none;
}
.contents section,
.contents aside {
	position:relative;
	/zoom:1;
	padding:10px !important;
	border-top:none;
}
.fb-like-box {
	text-align:center;
}
}


/*--------------------------------------------------------------------------
voyageSlider
--------------------------------------------------------------------------*/
.branding {
	width:960px;
	margin:24px auto;
}

.branding a,
.branding img {
	display:block;
	line-height:1;
	zoom:1;
	vertical-align:bottom;
}
.branding img {
	position:relative;
	/zoom:1;
}

.branding .bnr {
	background:#333;
	padding:3px;
	margin:0 0 10px;
}

.branding .container {
	position:relative;
	/zoom:1;
	float:left;
	height:232px;
	overflow:hidden;
	background:#FFF;
}

.branding .container.large {
	width:637px;
}
.branding .container.large ul {
	margin-left:-3px;
}
.branding .container.small {
	width:317px;
}
.branding .container.small ul {
	margin-right:-3px;
}

.branding .ctl {
	position:relative;
	/zoom:1;
	height:18px;
}

.branding .ctl ul {
	position:relative;
	/zoom:1;
	text-align:center;
}
.branding .ctl ul li {
	position:relative;
	/zoom:1;
	display:inline-block;
	/display:inline;
	margin:0 10px;
}
.branding .ctl ul li span {
	display:block;
	line-height:8px;
	height:8px;
	width:8px;
	text-indent:-9999px;
	overflow:hidden;
	background-image:url(../img/icon_select.png);
	background-position:0 0;
	background-repeat:no-repeat;
	cursor:pointer;
}
.branding .ctl ul li.present span {
	background-position:0 bottom;
	cursor:auto;
}

/*-------------------------------------
ipad
-------------------------------------*/
@media screen and (min-width: 650px) and (max-width: 960px) {
.branding {
	width:640px;
	margin:0 auto;
}
.branding .bnr {
	background:#ffffff;
	padding:3px 0;
	margin:10px 0;
}
.branding .container {
	float:none;
	height:232px;
}
.branding .container.large  {
	margin: 0 auto;
}
.branding .container.large ul {
	margin: 0;
}
.branding .container.small {
	display:none;
}
.branding .ctl ul li {
	height:8px;
}
}

/*-------------------------------------
sp
-------------------------------------*/
@media screen and (max-width: 650px) {
.branding {
	width:100%;
	margin:0 auto;
}
.branding .bnr {
	background:#333;
	padding:3px 0;
	margin:10px 0;
}
.branding .container {
	float:none;
	height:232px;
}
.branding .container.large {
	display:none;
}
.branding .container.small {
	width:320px;
	margin: 0 auto;
}
.branding .container.small ul {
	margin: 0;
}
.branding .ctl ul li {
	height:8px;
}
}