@charset "utf-8";

/* Color Scheme
---------------------------------------------------------

	Theme Color = #fff9f4

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

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

Reset default browser

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

/* =HTML5 Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-----------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;border-collapse: collapse !important;}
:focus {/* remember to define focus styles! */ outline: 0;}
body { background: #fff; line-height: 1;}
ol, ul { list-style: none;}
table {/* tables still need 'cellspacing="0"' in the markup */border-collapse: collapse !important; border-spacing: 0;}
caption, th, td { font-weight: normal; text-align: left;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q { quotes: "" "";}
a img { border: 0 !important;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block;}
audio, canvas, video { display: inline-block; max-width: 100%; *display: inline; zoom: 1;}
html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}

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

Global Formatting

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

/*Clearfix
-----------------------------------------------------------*/
/*.clearfix:after {content:"";display:block;clear:both;}*/
.clearfix {zoom:1;/*for IE 5.5-7*/}
.clearfix:after{/*for modern browser*/content:".";display: block;height:0px;font-size:0;clear:both;visibility:hidden;}
* html .clearfix{display:inline-table;/**/display:block;/**/}

/*Global Formatting
-----------------------------------------------------------*/
.clear { clear:both; visibility: hidden; height: 0;}   
.hidden { display:none !important; visibility: hidden; height: 0;}

.bnr img{margin:0 auto 20px;}
.bnr a img:hover{opacity:.6;}

.imgover{}
.anchor-link{}
.window-scale{}

/*Multi Screening*/
.sp, .desktop, .tablet, .mobile { display:none !important;}

/*Hover*/
.over, .scaleup, .rotate, .scaleup-rotate { -webkit-transition: all ease-in 0.2s;}
.over:hover {
	opacity:0.6;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); /* For IE 5-7 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* For IE 8 */
}
.scaleup:hover { -webkit-transform: scale(2);}
.rotate:hover { -webkit-transform: rotate(360deg);}
.scaleup-rotate:hover { -webkit-transform: scale(2) rotate(360deg); box-shadow:1px 1px 8px #999; }

/* Transform */
.alpha {opacity:0.6;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); /* For IE 5-7 */-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* For IE 8 */}
.shadow { box-shadow:1px 1px 8px #ccc;}
.radius { border-radius: 10px;}

/* Font Size */
.fs-9 { font-size: 9px !important;}
.fs-10 { font-size: 10px !important;}
.fs-11 { font-size: 11px !important;}
.fs-12 { font-size: 12px !important;}
.fs-13 { font-size: 13px !important;}
.fs-14 { font-size: 14px !important;}
.fs-15 { font-size: 15px !important;}
.fs-18 { font-size: 18px !important;}
.fs-21 { font-size: 21px !important;}
.fs-24 { font-size: 24px !important;}
.fs-28 { font-size: 28px !important;}
.fs-30 { font-size: 30px !important;}
.fs-36 { font-size: 36px !important;}
.fs-48 { font-size: 48px !important;}
.fs-60 { font-size: 60px !important;}
.fs-72 { font-size: 72px !important;}
.fs-96 { font-size: 96px !important;}
.fs-120 { font-size: 120px !important;}
.fs-150 { font-size: 150px !important;}
.fs-200 { font-size: 200px !important;}

.f-catch { font-size:161.6%;}
.f-focus{color:#34495e !important;font-weight:300;}
.f-attention{color:#f60 !important;font-weight:bold; border-bottom:dotted 2px #f60;}
.f-note { font-size: 9px !important;line-height: 1.66;}

/* Font Color */
.fc-black { color:#000 !important;}
.fc-white { color:#fff !important;}
.fc-gray { color:#999 !important;}
.fc-red { color:#F00 !important;}
.fc-yellow { color:#cc0 !important;}
.fc-orange { color:#ff9673 !important;}
.fc-blue { color:#09C !important;}
.fc-lightblue { color:#6CC !important;}
.fc-navy{color:#3498db !important;}
.fc-green { color:#090 !important;}
.fc-lightgreen { color:#9C0 !important;}
.fc-darkgreen { color: #678C00 !important;}
.fc-maroon { color:#6d0020 !important;}
.fc-marron { color:#c9a15e !important;}
.fc-turquoise { color:#1abc9c !important;}
.fc-salmon-pink { color:#FF9897 !important;}
.fc-sun-flower { color:#f1c40f !important;}
.fc-rss { color:#fc0 !important;}

/* Font Style */
 strong,
.fw-bold{font-weight:bold !important;}
.fw-300{font-weight:300 !important;}
.tt-uppercase { text-transform: uppercase !important;}
.tt-capitalize { text-transform: capitalize !important;}
.ls2px {letter-spacing:2px !important;}
.ls4px {letter-spacing:4px !important;}
.ls8px {letter-spacing:8px !important;}
.lh1-5,.lh1-5 p{line-height:1.5 !important;}
.lh2,.lh2 p{line-height:2.0 !important;}

/* Font Family */
.ff-serif { font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}

/* Time */
time.date,
span.date {}

/* Floating */
.flt_l { float : left !important;}
.flt_r { float : right !important;}
.mAuto { margin-right: auto; margin-left: auto;}
.centering { margin:0 auto;}

/* Column Layout Format */
.row .col { float: left;}
.column-1 {}
.column-2 .col { width: 50%;} 
.column-3 .col { width: 33.33%;} 
.column-4 .col { width: 25%;}
.column-5 .col { width: 20%;}
.column-6 .col { width: 16.66%;}
.column-8 .col { width: 12.5%;}
.row[class*="column-"] .col .box { padding: 1.1325em;}

ul.row li{ float: left;}
ul.column-1 {}
ul.column-2 li { width: 50%;} 
ul.column-3 li { width: 33.33%;} 
ul.column-4 li { width: 25%;}
ul.column-5 li { width: 20%;}
ul.column-6 li { width: 16.66%;}
ul.column-8 li { width: 12.5%;}

/* Alignment
.alignleft {display:block;float:left;}
.alignright {display:block;float:right;}
.aligncenter {clear:both;display:block;}
.alignleft,.alignright,.aligncenter {}
.alignleft { margin: 0 3% 3% 0; max-width: 95%;}
.alignright  { margin: 0 0 3% 3%; max-width: 95%; }
.aligncenter { margin: 0 auto 3%;} */

.taL { text-align: left !important;}
.taR { text-align: right !important;} 
.taC { text-align: center !important;}

.cntL { float: left;}
.cntR { float: right;}
.fltL { float : left !important;}
.fltR { float : right !important;}

/* Display */
.display-block{display:block !important;}
.display-inline{display:inline !important;}

/*Position*/
.position-relative{position:relative;}
.position-absolute{position:absolute;}
.ground-zero{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

/* Borders */
.bd { border: solid 1px #ddd !important;}
.bd3px { border: solid 3px #ccc !important;}
.bdT { border-top: solid;}
.bdR { border-right: solid;}
.bdB { border-bottom: solid;}
.bdL { border-left: solid;}
.bdT, .bdR, .bdB, .bdL { border-width: 1px; border-color: #ddd;}

/* Width */ 
.w100 { width: 100% !important;}
.w90 { width: 90% !important;}
.w80 { width: 80% !important;}
.w75 { width: 75% !important;}
.w70 { width: 70% !important;}
.w65 { width: 65% !important;}
.w60 { width: 60% !important;}
.w50 { width: 50% !important;}
.w40 { width: 40% !important;}
.w30 { width: 30% !important;}
.w25 { width: 25% !important;}
.w20 { width: 20% !important;}
.w15 { width: 15% !important;}
.w10 { width: 10% !important;}

/* Margin & Padding */
.mt0   { margin-top	: 0 !important;}
.mt5   { margin-top	: 5px !important;}
.mt10  { margin-top	: 10px !important;}
.mt15  { margin-top	: 15px !important;}
.mt20  { margin-top	: 20px !important;}
.mt25  { margin-top	: 25px !important;}
.mt30  { margin-top	: 30px !important;}
.mt35  { margin-top	: 35px !important;}
.mt40  { margin-top	: 40px !important;}
.mt45  { margin-top	: 45px !important;}
.mt50  { margin-top	: 50px !important;}
.mt55  { margin-top : 55px !important;}
.mt80  { margin-top	: 80px !important;}

.mr0   { margin-right: 0 !important;}
.mr5   { margin-right: 5px !important;}
.mr10  { margin-right: 10px !important;}
.mr15  { margin-right: 15px !important;}
.mr20  { margin-right: 20px !important;}
.mr25  { margin-right: 25px !important;}
.mr30  { margin-right: 30px !important;}
.mr35  { margin-right: 35px !important;}

.mb0   { margin-bottom: 0 !important;}
.mb5   { margin-bottom: 5px !important;}
.mb10  { margin-bottom: 10px !important;}
.mb15  { margin-bottom: 15px !important;}
.mb20  { margin-bottom: 20px !important;}
.mb25  { margin-bottom: 25px !important;}
.mb30  { margin-bottom: 30px !important;}
.mb35  { margin-bottom: 35px !important;}
.mb40  { margin-bottom: 40px !important;}
.mb80  { margin-bottom: 80px !important;}
.mb180  { margin-bottom: 180px !important;}

.ml0   { margin-left: 0 !important;}
.ml5   { margin-left: 5px !important;}
.ml10  { margin-left: 10px !important;}
.ml15  { margin-left: 15px !important;}
.ml20  { margin-left: 20px !important;}
.ml25  { margin-left: 25px !important;}
.ml30  { margin-left: 30px !important;}
.ml35  { margin-left: 35px !important;}
.ml40  { margin-left: 40px !important;}
.ml45  { margin-left: 45px !important;}

.m0  { margin: 0px !important;}
.m5  { margin: 5px !important;}
.m10  { margin: 10px !important;}
.m15  { margin: 15px !important;}
.m20  { margin: 20px !important;}
.m25  { margin: 25px !important;}
.m30  { margin: 30px !important;}
.m35  { margin: 35px !important;}
.m40  { margin: 40px !important;}
.m80  { margin: 80px !important;}

.pt0  { padding-top: 0 !important;}
.pt5  { padding-top: 5px !important;}
.pt10 { padding-top: 10px !important;}
.pt15 { padding-top: 15px !important;}
.pt20 { padding-top: 20px !important;}
.pt30 { padding-top: 30px !important;}
.pt40 { padding-top: 40px !important;}

.pr0  { padding-right: 0 !important;}
.pr5  { padding-right: 5px !important;}
.pr10 { padding-right: 10px !important;}
.pr15 { padding-right: 15px !important;}
.pr20 { padding-right: 20px !important;}

.pl0  { padding-left: 0 !important;}
.pl5  { padding-left: 5px !important;}
.pl10 { padding-left: 10px !important;}
.pl15 { padding-left: 15px !important;}
.pl20 { padding-left: 20px !important;}

.pb0  { padding-bottom: 0 !important;}
.pb5  { padding-bottom: 5px !important;}
.pb10 { padding-bottom: 10px !important;}
.pb15 { padding-bottom: 15px !important;}
.pb20 { padding-bottom: 20px !important;}
.pb30 { padding-bottom: 30px !important;}
.pb40 { padding-bottom: 40px !important;}
.pb60 { padding-bottom: 60px !important;}
.pb80 { padding-bottom: 80px !important;}
.pb120 { padding-bottom: 120px !important;}
.pb140 { padding-bottom: 140px !important;}

.p0  { padding: 0px !important;}
.p5  { padding: 5px !important;}
.p10 { padding: 10px !important;}
.p15 { padding: 15px !important;}
.p20 { padding: 20px !important;}
.p30 { padding: 30px !important;}
.p40 { padding: 40px !important;}

/* Twitter Plug In Optimize */
iframe.twitter-share-button {max-width: 105px !important;}

/* Facebook Plug In Optimize */
.fb-like iframe,
.fb_iframe_widget iframe{max-width:none !important;}
.fb-like-box,
.fb-like-box iframe,
.fb-like-box span{max-width:100% !important;}
@media screen and (min-width: 0px) and (max-width: 768px) {
	.fb-like iframe{max-width:100% !important;}
}


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

 	3.2 =Global Layout

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

* { margin: 0; padding: 0;}
html {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","Meiryo", "メイリオ",  sans-serif, serif;
	-webkit-font-smoothing: antialiased !important;
	-webkit-text-stroke: 1px transparent;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-rendering: optimizeLegibility;
	text-shadow: 0 1px 0px rgba(250, 250, 250, 0.2);
	color: #444;
	font-size: 15px;
	font-weight: normal;
	line-height: 1.74;
	word-wrap: break-word;
	letter-spacing:0;
}
body{
	margin:0;padding:0;top:0;bottom:0;width:100%;height:auto;
	background:#fff;
}

h1, h2, h3, h4, h5, h6, p, pre, dt, dd, li {line-height: 1.714285714; display: block;}
table{max-width:100%;border-collapse:collapse;line-height:1.66;text-align:left;}
th,td{padding:0.7em;border:solid 1px #ddd;vertical-align:top;}
tr:nth-child(even){}
th{font-weight:normal;}
table p{margin: 0 !important; padding: 0 !important;}
/*
dl{ margin:0 0 40px;}
dl dt{ float:left; width:20%; padding:5px 0; font-size:15px; color:#fff; font-weight:bold; background:#439DD8; text-align:center; border-radius:5px;}
dl dd{ padding-left:22%;}
*/

embed, iframe,object{max-width:100%;}
video{max-width:100%;height:auto;}
button{border:none;border-radius:none;background:none;cursor:pointer;}
button:hover{opacity:.6;}

img { max-width: 100%; height:auto; display: block;}
a img { border:none;}
i img { display:inline;}

a { color:#FC8B81; text-decoration:underline;}
a:focus, a:active, a:hover {text-decoration:none; }

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

	4.1 =Overall layout

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


/* =Global Option
-----------------------------------------------------------*/
#pagetop-btn{padding:20px 0; text-align: right;}
#pagetop-btn img { display: inline-block;}

#vanishingVision {
	position:absolute;
	position:fixed;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	background: #ffffff;
	z-index: 15000;
}

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

	=Page layout
  
-----------------------------------------------------------
*/

#container{ }
#header{}
#page{}
#footer{}
.wrapper{width:1000px;margin:0 auto;}
*html .wrapper{width:1000px;}

#page { background: #fff;}
#main {} /*
#primary, #secondary{}
#primary{width:720px;float:left;}
#secondary{width:260px;float:right;}*/

#content{ margin:0 auto;padding:20px; }



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

	=Header
  
-----------------------------------------------------------
*/

#header{
	position:relative;
	z-index:9999;
	background:#fff;
	border-top: #EF78AA 5px solid;
	-moz-box-shadow:0px 1px 3px 0px #ccc;
	-webkit-box-shadow:0px 1px 3px 0px #ccc;
	box-shadow:0px 1px 3px 0px #ccc;
}
#header-in{
	padding:36px 20px;
	height:38px;
}
#header .cntL{ width:570px; padding-left:10px;}
#header .cntR{ width:250px;}

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

	=Nav
  
-----------------------------------------------------------
*/
#nav { padding-bottom:24px;}
#nav .wrapper{ border-left: solid 1px #ccc;}
#nav ul{}
#nav ul li{ float:left; border-right: solid 1px #ccc;}
#nav a { display:block; text-decoration:none;}

/*#nav a:hover,*/
#nav ul a:hover,
#nav ul li.active a {}

/* Current */
#nav .current a{ color:#fff;}

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

	=Main Visual
  
-----------------------------------------------------------
*/
.mv { background: #F4EFF3;}
.mv#top-mv { height: 444px; background: #F4EFF3 url(images/top_mv_bg.png) repeat-x;}
.mv#top-mv .wrapper { position: relative;}
.mv#top-mv .txt01 { position: absolute; top: 290px; left: 50px; width: 490px; font-size: 15px; color: #666; }

.mv#lower-mv { background:#F0ECED;}
.mv#lower-mv .wrapper { position: relative;}
.mv#lower-mv .txt01 { position:absolute; top:50px; left:240px; width:400px; color:#666;}
.mv#lower-mv h1{ font-size:21px; font-weight:bold; margin-bottom:10px;}

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

	=Footer

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

#pagetop { text-align: right;}

#footer { margin:0; padding:0; font-size:13px; border-top: solid 2px #ddd;}
#footer p { margin: 0 0 10px;}
#footer .cntL,
#footer .cntR {width: 470px; padding:10px;}

#footer #footer-bnr {
	border-bottom: 1px dotted #c4c4c4;
	margin-bottom: 25px;
	padding: 20px 0;
}
#footer #footer-bnr ul {
	width: 980px;
	margin: 0 auto;
}
#footer #footer-bnr ul li {
	float: left;
	display: inline;
	width: 310px;
	margin-right: 25px;
}
#footer #footer-bnr ul li.noMargin { margin-right:0 !important; }

#footer .footer_timetable{}
#footer .footer_timetable p{
}

#footer .footer_timetable table{
	width:100%;
	border:1px solid #CCCCCC;
	margin-bottom:5px;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
}

#footer .footer_timetable table th{
	width:40px;
	background:#f4efe5;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding:5px 0;
	text-align:center;
	font-size:12px;
	color:#8b7c63;
}

#footer .footer_timetable table td{
	width:40px;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding:5px 0;
	text-align:center;
	font-size:12px;
	color:#bbb09d;
}

#footer .footer_timetable table td.hour{
	width:87px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#8b7c63;
}
#footer #copyright { margin:20px 0 0; padding: 20px 0; background: #EF78AA; color: #fff; font-size: 13px; text-align: right !important;}
#footer #copyright p { margin: 0;}


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

	2.1.4 =Article

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

/* #content
-----------------------------------------------------------
*/

.taL img,
.taC img,
.taR img{display:inline;}


/* =Alignment
-----------------------------------------------------------*/
.alignleft {display:block;float:left;}
.alignright {display:block;float:right;}
.aligncenter {clear:both;display:block;}
img.alignleft,img.alignright,img.aligncenter {}
img.alignleft { margin: 0 4% 4% 0;max-width:96%;padding:0%;}
img.alignright  { margin: 0 0 4% 4%;max-width:96%;padding:0%; }
img.aligncenter { margin: 0 auto 4%;max-width:100%;padding:0%;}



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

 	=Global Style

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

.block{margin:0 auto 40px;}
.block p{margin:0 auto 40px; line-height:2;}

.in{padding:20px;}
.in p:last-child{margin-bottom:0 !important;}


/* heading
-----------------------------------------------------------
*/
.h-standard{ margin:0 0 40px; padding:10px 0; font-size:36px; font-weight:bold; color:#EC78AA; background: url(images/h_standard_bg.png) no-repeat bottom;}

.h-21{ margin: 0 0 10px; font-size:21px; font-weight:bold; color:#EC78AA;}


/* Table
-----------------------------------------------------------*/


/*hr
-----------------------------------------------------------*/
hr{clear:both !important;border:0;height:1px; background-color:transparent;margin:40px 0 !important;}

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

	5.1 =Additional Style For Common Blocks

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

#breadcrumb { font-size:13px;}
#breadcrumb,
#breadcrumb a{ color:#666;}


/*---------------------------------------------------------- 		
	list
-----------------------------------------------------------*/
ul.list-information li{margin:0 0 0.7em;padding:0 0 0.7em;border-bottom:dotted 1px #888; line-height:3;}
ul.list-information li:last-child{margin:0;padding:0;border-bottom:none;}
ul.list-information li time{margin-right:1.4em;}
ul.list-information li span{}

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

	=Structure

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

/* TOP
-----------------------------------------------------------*/
#top-cat { padding:0px 0 0;}
#top-cat .col { width:480px; margin: 20px 0; position: relative;}
#top-cat .col:nth-child(2n) { float:right;}
#top-cat span { display:block;}
#top-cat a { display: block; text-decoration: none; color:#fff;}
#top-cat a:hover img { opacity:.7;}

#top-cat .teaser-image {}
#top-cat .teaser-rollover { position: absolute; bottom:0; left:0; right:0; padding:20px; height:auto; background:url(images/spacer_p80.png); color:#fff;}
#top-cat .teaser-header { font-size: 21px; margin-bottom: 20px; font-weight:bold;}
#top-cat .teaser-content { width:66%; font-size: 13px; line-height:1.7;}
#top-cat .readmore { position:absolute; bottom:20px; right:20px;}

/* faq
-----------------------------------------------------------*/
#faq-block {}
#faq-block dl { margin: 0 auto 30px;}
#faq-block dt,
#faq-block dd{ clear:both; display:block; height:auto;}

#faq-block dt {}
#faq-block dd {}
#faq-block .faq-i{ float:left; display: table-cell; padding:20px; width: 160px; height:100%; margin-right:20px; text-align:center;}
#faq-block .faq-q { background:url(images/spacer_p80.png);}
#faq-block .faq-a { background:url(images/spacer_b80.png);}
#faq-block img { display:inline; vertical-align:middle;}
#faq-block p { margin:0 auto 10px;}
#faq-block h2,
#faq-block h3,
#faq-block h4,
#faq-block h5,
#faq-block h6,
#faq-block p:last-child { margin:0; padding:10px;}

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

	4.0 =Media Queries Responsive Structure

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

/* Desktop
-----------------------------------------------------------*/
@media screen and (min-width: 769px) {
}

/* Wide Screen */
@media screen and (min-width: 1240px) {

}

/* Midium Screen */
@media screen and (min-width: 769px) and (max-width: 1239px) {
}