@charset "utf-8";
/*////////////////////////////////////////////////////////////
Libero - base.css for all pages.
------------------------------------------------------------

////////////////////////////////////////////////////////////*/

/* ################################################################################
    [Reset] Resetting HTML elements styles
   ################################################################################ */
/* ------------------------------------------------------------
    0. Yahoo UI Library: Reset CSS, Fonts CSS
   ------------------------------------------------------------ */
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}/* to preserve line-height and selector appearance */sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}/*to enable resizing for IE*/input,textarea,select{*font-size:100%;}/*because legend doesn't inherit in IE */legend{color:#000;}del,ins{text-decoration:none;}

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small; /* for IE */*font:x-small; /* for IE in quirks mode */}
/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select,input,button,textarea {font:99% arial,helvetica,clean,sans-serif;}
/**
 * To help tables remember to inherit
 */
table {font-size:inherit;font:100%;}
/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}

/* ------------------------------------------------------------
    1. HTML, Body, Anchor
   ------------------------------------------------------------ */
html {
	width:100%;
	height:100%;
}

body {
	width:100%;
	height:100%;
	font-family:arial, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
}

*+html body { /* For IE7 */
  font-family:
	font-family:arial, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
}

* html body { /* For IE6 */
  font-family:
	font-family:arial, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
  text-align: center;
}

/* ------------------------------------------------------------
    2. Other
   ------------------------------------------------------------ */
.clear {clear:both; font-size:0; height:0; visibility:hidden;}

.hide {
	position:absolute;
	width:0;
	height:0;
	overflow:hidden;
}

body a {outline:0;}

body a:link,
body a:visited {color:#367be0; text-decoration:undeline;}

body a:hover,
body a:active {color:#367be0; text-decoration:none;}

span.gray {color:#888888;}
span.red {color:#ff2600;}
span.navy {color:#062576;}
span.big {font-size:130%;}
span.strong {font-weight:bold;}
span.italic {font-style:italic;}
span.purple {
	background:#b373b3;
	padding:3px;
	color:#FFF;
}
span.blue {
	background:#668cd9;
	margin:0 8px 0 0;
	padding:3px;
	color:#FFF;
}
span.red {
	background:#d96666;
	padding:3px;
	color:#FFF;
}

/* ------------------------------------------------------------
    2. Clearifx
   ------------------------------------------------------------ */
.clearfix:after {
   content: "."; 
   display: block; 
   clear: both;
   height: 0;
   visibility: hidden;
}

.clearfix {overflow:hidden; display: inline-block;}

/* exclude MacIE5 [start] \*/
* html .clearfix {height: 1%}

.clearfix {display: block;}
/* exclude MacIE5 [end] */

/* ################################################################################
    [Layout] Setting main structure layout styles
   ################################################################################ */
/* ------------------------------------------------------------
    0. Body
   ------------------------------------------------------------ */
body#top {background:url(../img/bg_body.gif) left top repeat-x;}
body#others {background:url(../img/bg_body_others.gif) left top repeat-x;}

/* ------------------------------------------------------------
    1. Wrapper
   ------------------------------------------------------------ */
div#wrapper {
	width:100%;
	color:#000;
	line-height: 1.6;
	text-align:left;
}

/* ------------------------------------------------------------
    2. Header
   ------------------------------------------------------------ */
div#header {
	width:975px;
	margin:0 auto;
	height: 120px;
	position: relative;
}

/* ------------------------------------------------------------
    3. flash/pagetite
   ------------------------------------------------------------ */
div#flasharea {
	height: 446px;
	width: 100%;
	margin:0 auto;
	text-align: center;
	background: url(../img/bg_flasharea.jpg) center top no-repeat;
}
#pagetitle {
	height: 141px;
	width: 100%;
	margin:0 auto;
	text-align: center;
	line-height: 0;
	vertical-align: bottom;
}

/* ------------------------------------------------------------
    4. main
   ------------------------------------------------------------ */
div#main {
	width:895px;
	margin:0 auto;
	padding:15px 40px 0;
}
div#primary {
	width:315px;
	float:left;
	margin: 0 30px 0 0;
}
div#secondary {
	width:550px;
	float:right;
}

/* ------------------------------------------------------------
    5. Footer
   ------------------------------------------------------------ */
div#footer {
	width:955px;
	margin:0 auto;
	padding:131px 0 0;
	background:url(../img/bg_footer.jpg) center top no-repeat;
	border-bottom:5px solid #ffd500;
}

/* ################################################################################
    [Header] Setting header styles
   ################################################################################ */
div#header h1.sitename {
	line-height:0;
	vertical-align:bottom;
	padding: 0 0 0 10px;
}
div#header ul.langNav {
	width:192px;
	height:40px;
	position:absolute;
	top:0;
	left:741px;
}
div#header ul.langNav li {
	float:left;
}


div#header ul.langNav li.ja a {
	width:60px;
	height:40px;
	background:url(../img/lng_jp.gif) left top no-repeat;
	display:block;
	text-indent:-9999px;
}
div#header ul.langNav li.ja a.off {
	background:url(../img/lng_jp.gif) left -80px no-repeat;
}
div#header ul.langNav li.ja a:hover {
	background:url(../img/lng_jp.gif) left -40px no-repeat;
}

div#header ul.langNav li.en,
div#header ul.langNav li.en a {
	width:60px;
	height:40px;
	background:url(../img/lng_en.gif) left top no-repeat;
	display:block;
	text-indent:-9999px;
}
div#header ul.langNav li.en a.off {
	background:url(../img/lng_en.gif) left -80px no-repeat;
}
div#header ul.langNav li.en a:hover {
	background:url(../img/lng_en.gif) left -40px no-repeat;
}
div#header ul.langNav li.contact a {
	width:72px;
	height:40px;
	background:url(../img/btn_contact.gif) left top no-repeat;
	display:block;
	text-indent:-9999px;
}


div#header ul.globalNav {
	width:745px;
	padding:0 190px 0 40px;
}
div#header ul.globalNav li {
	float:left;
}
div#header ul.globalNav li a {
	display:block;
	height:40px;
	text-indent:-9999px;
}
div#header ul.globalNav li.home,
div#header ul.globalNav li.home a {
	width:125px;
	height:40px;
	background:url(../img/navi_home.gif) left top no-repeat;
}
div#header ul.globalNav li.outline,
div#header ul.globalNav li.outline a {
	width:124px;
	height:40px;
	background:url(../img/navi_outline.gif) left top no-repeat;
}
div#header ul.globalNav li.about,
div#header ul.globalNav li.about a {
	width:124px;
	height:40px;
	background:url(../img/navi_about.gif) left top no-repeat;
}
div#header ul.globalNav li.schedule,
div#header ul.globalNav li.schedule a {
	width:124px;
	height:40px;
	background:url(../img/navi_schedule.gif) left top no-repeat;
}

div#header ul.globalNav li.result,
div#header ul.globalNav li.result a {
	width:124px;
	height:40px;
	background:url(../img/navi_result.gif) left top no-repeat;
}
div#header ul.globalNav li.link,
div#header ul.globalNav li.link a {
	width:124px;
	height:40px;
	background:url(../img/navi_link.gif) left top no-repeat;
}
div#header ul.globalNav li.blog,
div#header ul.globalNav li.blog a {
	width:95px;
	height:40px;
	background:url(../img/navi_blog2.gif) left top no-repeat;
}
div#header ul.globalNav li.home_act,
div#header ul.globalNav li.home a:hover {
	width:125px;
	height:40px;
	background:url(../img/navi_home.gif) left -37px no-repeat;
}
div#header ul.globalNav li.outline_act,
div#header ul.globalNav li.outline a:hover {
	width:124px;
	height:40px;
	background:url(../img/navi_outline.gif) left -37px no-repeat;
}
div#header ul.globalNav li.about_act,
div#header ul.globalNav li.about a:hover {
	width:124px;
	height:40px;
	background:url(../img/navi_about.gif) left -37px no-repeat;
}
div#header ul.globalNav li.schedule_act,
div#header ul.globalNav li.schedule a:hover {
	width:124px;
	height:40px;
	background:url(../img/navi_schedule.gif) left -37px no-repeat;
}
div#header ul.globalNav li.result_act,
div#header ul.globalNav li.result a:hover {
	width:124px;
	height:40px;
	background:url(../img/navi_result.gif) left -37px no-repeat;
}
div#header ul.globalNav li.link_act,
div#header ul.globalNav li.link a:hover {
	width:124px;
	height:40px;
	background:url(../img/navi_link.gif) left -37px no-repeat;
}
div#header ul.globalNav li.blog_act,
div#header ul.globalNav li.blog a:hover {
	width:95px;
	height:40px;
	background:url(../img/navi_blog2.gif) left -37px no-repeat;
}
div#header p.logo_libero {
	position:absolute;
	left:806px;
	top:64px;
	width:130px;
	height:43px;
}

/* ################################################################################
    [flasharea] Setting flasharea styles
   ################################################################################ */
div#flasharea div#flashcontent {
	height: 446px;
	width: 975px;
	margin: 0 auto;
}
div#flasharea div#flashcontent p {
	padding:180px 0 0;
	font-size:108%; /*14px*/
	font-weight:bold;
}

/* ################################################################################
    [top] Setting top page styles
   ################################################################################ */
/* ------------------------------------------------------------
    1. news
   ------------------------------------------------------------ */
div#primary dl.news {
	width:315px;
}
div#primary dl.news dt {
	line-height:0;
	vertical-align:bottom;
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom:1px solid #367be0;
}
div#primary dl.news dd ul {
	width:545px;
	padding:30px 10px;
	border-bottom:1px dotted #367be0;
	font-size:93%; /*12px*/
}
div#primary dl.news dd ul li.date {
	font-weight:bold;
	color:#367be0;
	padding:0 0 4px;
}
div#primary dl.news dd ul li.title {
	color:#ff0000;
	padding: 0 0 4px 18px;
	background:url(../img/icon_arrow.gif) 0 1px no-repeat;
	line-height: 1.4;
}
div#primary dl.news dd ul li.title a {color:#ff0000;text-decoration:none;}
div#primary dl.news dd ul li.title a:hover {color:#ff0000;text-decoration:underline;}
/* ------------------------------------------------------------
    2. secondary
   ------------------------------------------------------------ */
div#secondary .movie {
	float:left;
	width:300px;
	padding:15px 0 30px;
}
div#secondary .movie p.movieExpl {
	width:300px;
	text-align:center;
	font-size:93%; /*12px*/
	padding:10px 0 0;
	line-height:1.2;
}
div#secondary dl.partner {
	float:right;
	width:222px;
	padding:15px 0 30px;
	/*margin:0 auto;
	text-align:center;*/
	line-height:0;
	font-size:0;
	/*vertical-align:bottom;*/
}

/* ################################################################################
    [Footer] Setting footer styles
   ################################################################################ */
div#footer p.copyright {
	text-align:right;
	font-size:93%; /*12px*/
	background:url(../img/bg_copyright.gif) left top repeat;
	color: #FFF;
	padding: 0 10px;
	line-height: 26px;
	vertical-align: middle;
	font-family:Arial, Helvetica, sans-serif;
}

/* ################################################################################
    [others] Setting other pages styles
   ################################################################################ */
div#main .content-body {
	padding:15px 0 0;
	font-size:93%; /*12px*/
	line-height: 2.3;
}
div#main .lh-outline {
	line-height:1.8;
}

div#main .content-body .pb30 {padding:0 0 30px;}
div#main .content-body .pb50 {padding:0 0 50px;}

.pt_outline {background: url(../img/bg_pagetitle_outline.jpg) center top no-repeat;}
.pt_about {background: url(../img/bg_pagetitle_about.jpg) center top no-repeat;}
.pt_schedule {background: url(../img/bg_pagetitle_schedule.jpg) center top no-repeat;}
.pt_link {background: url(../img/bg_pagetitle_link.jpg) center top no-repeat;}
.pt_contact {background: url(../img/bg_pagetitle_contact.jpg) center top no-repeat;}

/* ------------------------------------------------------------
    1. outline
   ------------------------------------------------------------ */
div#main .content-body .float-right {
	float:right;
	width: 400px;
	margin: 0 0 0 30px;
}
div#main .content-body .float-right p {
	padding:0 0 30px;
	line-height:0;
	vertical-align:bottom;
}

/* ------------------------------------------------------------
    2. about
   ------------------------------------------------------------ */
div#main .content-body table.profileTbl {width:895px;line-height:1.4;}
div#main .content-body table.profileTbl th {text-align:center;font-weight:bold;border:1px solid #CCC;vertical-align:top;padding:3px 0;}
div#main .content-body table.profileTbl td {border:1px solid #CCC;padding:3px 18px;width:282px;vertical-align:top;}
div#main .content-body table.profileTbl th.title {color:#FFF;background:#367be0;}
div#main .content-body table.profileTbl td.odd {background:#e3f1ff;}
div#main .content-body table.profileTbl th.odd {background:#cae4ff;}
div#main .content-body table.profileTbl td.even {background:#FFF;}
div#main .content-body table.profileTbl th.even {background:#e3f1ff;}

/* ------------------------------------------------------------
    3. schedule
   ------------------------------------------------------------ */
div#main iframe {margin:20px 0 0;}
div#main dl.schedule {width:895px;}
div#main dl.schedule dt {width:895px;padding:0 0 10px;line-height:0;vertical-align:bottom;}
div#main dl.schedule dd .left {float:left;line-height:0;vertical-align:bottom;}
div#main dl.schedule dd .right {float:right;line-height:0;vertical-align:bottom;}
   
div#main .content-body table.scheduleTbl {width:895px;line-height:1.4;font-size:83.3%;/*10px*/}
div#main .content-body table.scheduleTbl th {text-align:center;font-weight:bold;border:1px solid #CCC;vertical-align:top;padding:3px 0;color:#FFF;background:#367be0;}
div#main .content-body table.scheduleTbl td {border:1px solid #CCC;padding:3px 18px;vertical-align:top;text-align:center;}
div#main .content-body table.scheduleTbl .remarks {text-align:left;padding:3px 18px;}
div#main .content-body table.scheduleTbl td.odd {background:#e3f1ff;}
div#main .content-body table.scheduleTbl th.odd {background:#cae4ff;}
div#main .content-body table.scheduleTbl td.even {background:#FFF;}
div#main .content-body table.scheduleTbl th.even {background:#e3f1ff;}

/* ------------------------------------------------------------
    4. link
   ------------------------------------------------------------ */
div#main dl.link {width:895px;}
div#main dl.link dt {width:895px;padding:0 0 10px;line-height:0;vertical-align:bottom;}
div#main dl.link dd {width:895px;border-top:1px solid #CCC;}

div#main .content-body table.linkTbl {width:895px;line-height:1.4;}
div#main .content-body table.linkTbl td {border-bottom:1px solid #CCC;vertical-align:middle;}
div#main .content-body table.linkTbl td.image {width:156px;line-height:0;}
div#main .content-body table.linkTbl td.text {width:194px;padding:10px 0;text-align:center;}
div#main .content-body table.linkTbl td.expl {text-align:left;padding:10px 0;}
div#main .content-body table.linkTbl td.link {width:340px;padding:0 0 0 10px;text-align:left;padding:10px 0;}
div#main .content-body table.linkTbl td.link a {color:#367be0;text-decoration:none;}
div#main .content-body table.linkTbl td.link a:hover {color:#367be0;text-decoration:underline;}

/* ------------------------------------------------------------
    5. contact
   ------------------------------------------------------------ */
div#main .content-body #contact {width:895px;}
div#main .content-body #contact h3.contact {padding-top: 5px; font-size: 1.1em; line-height: 1.4em;}
div#main .content-body #contact h4.contact {font-size: 1.0em; line-height: 1.4em;}
div#main .content-body #contact #contact_block {width:700px;text-align:center;margin: 20px auto;}
div#main .content-body #contact #contact_error {width:676px;border:2px solid #ff2600;color: #ff2600;text-align: left;margin: 0 auto 20px; padding: 10px;}
div#main .content-body #contact #contact_form {width:698px;border:1px solid #d6d6d6;}
div#main .content-body #contact #contact_form table.contactForm {margin: 30px 50px;line-height:1.4;text-align: left;}
div#main .content-body #contact #contact_form table.contactForm th {padding: 0 0 10px;font-weight:bold;vertical-align:top;}
div#main .content-body #contact #contact_form table.contactForm th.title {padding: 20px 0 10px;font-weight:bold;vertical-align:top;}
div#main .content-body #contact #contact_form table.contactForm td {padding: 0 0 10px 10px;vertical-align:top;}
div#main .content-body #contact #contact_form table.contactForm td.title {padding: 20px 0 10px 10px;vertical-align:top;}
div#main .content-body #contact #contact_form table.contactForm th.buttons {padding: 20px 0 10px;text-align: center;}