@charset "UTF-8";
/*! normalize.css v2.1.2 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

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

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio, canvas, video { display: inline-block; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

[hidden] { display: none; }

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
	margin: 0;
}

img {
	max-width: 100%; !important;
	height: auto;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic; }

img, object, embed, video {
	max-width: 100%;
		
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}


/* Font downloaded from FontsForWeb.com */


/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */



/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */


p 
{
/* [disabled]color:#000; */
font-size: 13px;
padding-left: 5px;
text-align: justify;
padding: 10px;
}

p2 
{
color:#D2A34B;
font-size: 17px;
text-align:left;
}


h2 {
color:#D2A34B;
padding-left:5px;
background-color:#FFF;
}

/*------ h1 ------*/
h1 {
	padding-left:0px;
	font-size:20px;
}
/*color*/
.top h1 {
	color:#39668D;	
}
.home h1 {
	color:#400000;	
}
.norm h1 {
	color:#505569;
}
.midi h1 {
	color:#A56C20;
}
.paris h1 {
	color:#011945;
}
.club h1 {
	color:#043771;
}

/*------ link ------*/

/*color*/
.top a:link {color:#0066cc; text-decoration:none;}      /* unvisited link */
.top a:visited {color:#0066cc; text-decoration:none;}  /* visited link */
.top a:hover {color:#5e97dc; text-decoration:none;}  /* mouse over link */
.top a:active {color:#D2A34B; text-decoration:none;}  /* selected link */

.home a:link {color:#0066cc; text-decoration:none;}      /* unvisited link */
.home a:visited {color:#0066cc; text-decoration:none;}  /* visited link */
.home a:hover {color:#5AA687; text-decoration:none;}  /* mouse over link */
.home a:active {color:#5AA687; text-decoration:none;}  /* selected link */

.norm a:link {color:#0066cc; text-decoration:none;}      /* unvisited link */
.norm a:visited {color:#0066cc; text-decoration:none;}  /* visited link */
.norm a:hover {color:#5e97dc; text-decoration:none;}  /* mouse over link */
.norm a:active {color:#D2A34B; text-decoration:none;}  /* selected link */

.midi a:link {color:#0066cc; text-decoration:none;}      /* unvisited link */
.midi a:visited {color:#0066cc; text-decoration:none;}  /* visited link */
.midi a:hover {color:#A56C20; text-decoration:none;}  /* mouse over link */
.midi a:active {color:#A56C20; text-decoration:none;}  /* selected link */

.paris a:link {color:#0066cc; text-decoration:none;}      /* unvisited link */
.paris a:visited {color:#0066cc; text-decoration:none;}  /* visited link */
.paris a:hover {color:#D5062E; text-decoration:none;}  /* mouse over link */
.paris a:active {color:#D5062E; text-decoration:none;}  /* selected link */

.club a:link {color:#0066cc; text-decoration:none;}      /* unvisited link */
.club a:visited {color:#0066cc text-decoration:none;}  /* visited link */
.club a:hover {color:#903077; text-decoration:none;}  /* mouse over link */
.club a:active {color:#903077; text-decoration:none;}  /* selected link */

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] { border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b, strong { font-weight: bold; }

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn { font-style: italic; }

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code, kbd, pre, samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre { white-space: pre-wrap; }

/**
 * Set consistent quote types.
 */

q { quotes: "\201C" "\201D" "\2018" "\2019"; }

/**
 * Address inconsistent and variable font size in all browsers.
 */

small { font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
border: 0;
max-width: 100%; 
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) { overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure { margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button, input, select, textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button, input { line-height: normal; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button, select { text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled], html input[disabled] { cursor: default; }

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
	overflow: auto; /* 1 */
	vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*
  @@ Essentials
*/
.pull-left { float: left; }
.pull-right { float: right; }
.hide { display: none; }
.show { display: block; }
.no-margin { margin: 0 !important; }
.no-padding { padding: 0 !important; }
.light-text { color: #808080; }
.small-text { font-size: 13px; }
.strong { font-weight: bold; }
.border { border: 0px dotted #e3e3e8; }
.light-background { background: #ffffff; }
.align-center { text-align: center; }
.clearfix { *zoom: 1; }

.clearfix:before, .clearfix:after {
	display: table;
	content: "";
	line-height: 0;
}

.clearfix:after { clear: both; }

/*
  @@ Body
*/
body {
	text-align: left;
	/*background-color:#EFE1C2;*/
	direction: ltr;
	font-family: Geneva, Tahoma, Verdana, sans-serif;
	font-size: 11px;
	background: #b4deee; /* Old browsers */

background: -moz-linear-gradient(top,  #b4deee 0%, #e2f8ff 89%, #c3b9ad 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4deee), color-stop(89%,#e2f8ff), color-stop(100%,#c3b9ad)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #b4deee 0%,#e2f8ff 89%,#c3b9ad 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #b4deee 0%,#e2f8ff 89%,#c3b9ad 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #b4deee 0%,#e2f8ff 89%,#c3b9ad 100%); /* IE10+ */

background: linear-gradient(to bottom,  #b4deee 0%,#e2f8ff 89%,#c3b9ad 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4deee', endColorstr='#c3b9ad',GradientType=0 ); /* IE6-9 */



}

/*
  @@ Page
*/
.header {
	background: #000;
	width: 100%;
	max-width: 980px;
}

.header-inner { padding: 10px; }
.logo { vertical-align: middle; }

.container {
	width: 90%;
	max-width: 980px;
	height: 100%;
	margin: 0 auto;
}

.content {
	margin: 0 auto;
}

.highlight {
	background: #f6f67a;
	padding: 1px 3px;
}

.page-header { margin: 30px 0; }

.page-footer {
	padding: 10px 0 0 0;
	border-top: 0px dotted #e3e3e8;
	max-width: 980px;
	background-color:#FFF;
	text-align: center;
}
.page-footer02 {
	margin: 0 0 30px;
	border-top: 0px dotted #e3e3e8;
	padding: 5px;
	max-width: 980px;
	background-color:#FFF;
	overflow: hidden;
}
.page-footer02 .right {
	display: block;
	float: right;
}
.page-footer02 .left {
	display: block;
	float: left;
}
.page-footer a img {
	margin: 0 10px 0;
}

.mt5 {
	margin-top: 5px;
}
.mt10 {
	margin-top: 10px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.mb0 {
	margin-bottom: 0;
}
.mb5 {
	margin-bottom: 5px;
}
.w8 {
	width: 8%;
}
.w10 {
	width: 10%;
}
.w11 {
	width: 11%;
}
.w12 {
	width: 12%;
}
.w13 {
	width: 13%;
}
.w14 {
	width: 14%;
}
.w16 {
	width: 16%;
}
.w17 {
	width: 17%;
}
.fz18 {
	font-size: 18px;
	padding: 3px 0 2px;
}

/*
* Demo
*/
/*fix*/
.sizeMinHis {
	min-height: 382px !important;
}
.sizeMinImgHis {
	/*height: 323px !important;*/
}
.sizeMinInstitut {
	min-height: 217px !important;
}
.sizeMinImgInstitut {
	/*min-height: 217px !important;*/
}

/* long width */
.sizecampain {
	margin-bottom: 10px;
	width: 100%;
	height: inherit;
	background-color:#FFF;
	background-size: 100% auto;
	display:block;
	overflow:hidden;
}
.size50per {
	width: 490px;
	height: 400px;
	background-color:#FFF;
	background-size: 100% auto;
	display:block;
	overflow:hidden;
}
.size50perL {
	width: 490px;
	height: 600px;
	background-color:#FFF;
	background-size: 100% auto;
	display:block;
	overflow:hidden;
}
.size1 {
	width: 444px;/*1*/
	height: 230px;
	background-color:#FFF;
	background-size: 100% auto;
	display:block;
	overflow:hidden;
}
.size2 {
	width: 444px;/*1*/
	height: 350px;
	background-color:#FFF;
	background-size: 100% auto;
	display:block;
	overflow:hidden;
}
.size11 {
	width: 518px;/*2*/
	height: 280px;
	background-color:#FFF;
	background-size: 100% auto;
	display:block;
	overflow:hidden; 
}
.size12 {
	width: 444px;/*1*/
	height: 270px;
	background-color:#FFF;
	background-size: 100% auto;
	display:block;
	overflow:hidden; 
}
.size13 {
	width: 518px;/*2*/
	height: 296px;
	background-color:#FFF;
	background-size: 100% auto;
	display:block;
	overflow:hidden; 
}
.size24 {
	width: 518px;
	height: 296px;/*2*/
	background-color:#FFF;
	background-size: 100% auto;
	display:block;
	overflow:hidden; 
  
}
.size31 {
	width: 447px;/*1*/
	height: 436px;
	background-color:#FFF;
	background-size: 100% auto;
	display:block;
	overflow:hidden; 
}
.size32 {
	width: 444px;/*1*/
	height: 320px;
	background-color:#FFF;
	background-size: 100% auto;
	display:block;
	overflow:hidden; 
}
.size34 {
	width: 518px;/*2*/
	height: 200px;
	background-color:#FFF;
	background-size: 100% auto;
	display:block;
	overflow:hidden; 
}
.size32low {
	width: 444px;/*2*/
	height: 200px;
	background-color:#FFF;
	background-size: 100% auto;
	display:block;
	overflow:hidden; 
}
/*hight long*/
.size21 {
	width: 250px;
	height: 280px;
	background-color:#FFF;
	background-size: 100% auto;
	display:block;
	overflow:hidden; 
}
.size22 {
	width: 260px;
	height: 400px;
	background-color:#FFF;
	background-size: 100% auto;
	display:block;
	overflow:hidden; 
}
.size23 {
	width: 250px;
	height: 275px;
	background-color:#FFF;
	background-size: 100% auto;
	display:block;
	overflow:hidden; 
}
.size36 {
	width: 444px;
	height: 518px;
	background-color:#FFF;
	background-size: 100% auto;
	display:block;
	overflow:hidden; 
}
.size35 {
	width: 480px;
	height: 518px;
	background-color:#FFF;
	background-size: 100% auto;
	display:block;
	overflow:hidden; 
}
/* eq */
.size33 {
	width: 480px;
	height: 480px;
	background-color:#FFF;
	background-size: 100% auto;
	display:block;
	overflow:hidden; 
}
.size44 {
	width: 250px;
	height: 250px;
	background-color:#FFF;
	background-size: 100% auto;
	display:block;
	overflow:hidden; 
}
.twitter {
	width: 100% !important;
	min-height: 400px;
	height: auto !important;
	height: 400px;
}

.ls01 {
	letter-spacing: -0.4px;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*begin our styles*/

body {	
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.69;
	color: #1c1c1c;
}

p,
ul {
	margin: 0 0 1.5em;
}

ul {
	list-style: disc;
	padding: 0 0 0 20px;
}

a {
	color: #1D745A;
}

p.press-contact{
	font-size:120%;
}

	
/*navigation*/	

#primary_nav ul {
	list-style: none;
	padding: 5px 0 20px;
}
/* page color */
.top #primary_nav ul {
	background: #5AA687;
}
.home #primary_nav ul {
	background: #000;
}
.norm #primary_nav ul {
	background: #769288;
}
.midi #primary_nav ul {
	background: #82442F;
}
.paris #primary_nav ul {
	background: #D5062E;
}
.club #primary_nav ul {
	background: #903077;
}
.common #primary_nav ul {
	background: #000;
}

#primary_nav li a {
	display: block;
	padding: 0 10px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	line-height: 2em;
	height: 2em;
	border-bottom: 1px solid #000000;
}

#primary_nav li:last-child a {
	border-bottom: none;
}

/* page color */
.top #primary_nav li a:hover,
.top #primary_nav li a:focus {
	color: #ffffff;
	background: #000000;	
}

.home #primary_nav li a:hover,
.home #primary_nav li a:focus {
	color: #ffffff;
	background: #5AA687;	
}

.norm #primary_nav li a:hover,
.norm #primary_nav li a:focus {
	color: #ffffff;
	background: #000000;	
}

.midi #primary_nav li a:hover,
.midi #primary_nav li a:focus {
	color: #ffffff;
	background: #000000;	
}

.paris #primary_nav li a:hover,
.paris #primary_nav li a:focus {
	color: #ffffff;
	background: #000000;	
}

.club #primary_nav li a:hover,
.club #primary_nav li a:focus {
	color: #ffffff;
	background: #000000;	
}

.common #primary_nav li a:hover,
.common #primary_nav li a:focus {
	color: #ffffff;
	background: #444;	
}

/*club*/
.club .select-area {
	overflow: hidden;
	margin-bottom: 20px;
}
.club .map {
	margin-right: 0;
	margin-bottom: 20px;
	width: 100%;
	text-align: center;
}
.club .theme {
	width: 100%;
	text-align: left;
}
.map,
.theme {
	float: left;
	background-color:#FFF;
	background-size: 100% auto;
	display:block;
	overflow:hidden;
}
.map-image {
	padding: 0 20px 20px;
}
.theme p {
	margin: 0;
	padding: 0 20px 15px;
	color: #333;
}
.theme ul {
	margin: 0 0 20px;
}

/*theme cont*/
.theme-list {
	line-height: 1.6;
	color: #444;
}
.club .select-area ul a,
.club .theme-list a {
	color: #227bae;
	font-size: 14px;
	padding-right: 5px;
	display: block;
}
.club .select-area ul a:hover,
.club .theme-list a:hover {
	text-decoration: underline;
}
.theme-image {
	padding: 0 10px 10px;
	text-align: center;
}
.club .column01 {
	margin-bottom: 20px;
	width: 100%;
	background: #fff;
	display:block;
	overflow:hidden;
}
.club .column01 h1 {
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
	border-bottom: 1px solid #043771;
	padding-bottom: 10px;
}

/*media queries*/

@media only screen and (min-width: 768px) {
	
	.club .map,
	.club .theme {
		max-width: 490px;
	}
	.club .map {
		margin-right: 1%;
		margin-bottom: 0;
		width: 50%;
	}
	.club .theme {
		width: 49%;
		line-height: 1.6;
	}
	.club .select-area ul a,
	.club .theme-list a {
		display: inline;
	}

	a.to_nav {
		display: none;
	}
	
	.wrapper {
		position: relative;
		max-width: 980px;
		margin: auto;
	}
	
	#primary_nav {
		position: relative;
		max-width:980px;
		top: 0px;
		right: 0px;
		padding-bottom:10px;
	}
	
	/* page color */
	.top #primary_nav,
	.top .wrapper {
		background: #5AA687;
	}
	.home #primary_nav,
	.home .wrapper {
		background: #000;
	}
	.norm #primary_nav,
	.norm .wrapper {
		background: #769288;
	}
	.midi #primary_nav,
	.midi .wrapper {
		background: #82442F;
	}
	.paris #primary_nav,
	.paris .wrapper {
		background: #D5062E;
	}
	.club #primary_nav,
	.club .wrapper {
		background: #903077;
	}
	.common #primary_nav,
	.common .wrapper {
		background: #000;
	}
	
	#primary_nav li {
		display: inline;
	}
	
	#primary_nav li a {
		float: left;
		border: none;
		padding: 0 8px;
		/*background: #5AA687;*/
	}
	
	#primary_nav li.top {
		display: block;
						
	}

}