@charset "utf-8";

/* Reset

Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.2r1

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

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,button,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,optgroup{font-style:inherit;font-weight:inherit}del,ins{text-decoration:none}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}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}input,button,textarea,select{*font-size:100%}

/* Font

YUI 3.5.0pr1 (build 4342)
Copyright 2011 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/

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

body{font:13px/1.231 "ヒラギノ角ゴ ProN W3","ヒラギノ角ゴ Pro W3",HiraKakuProN-W3,HiraKakuPro-W3,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic","Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;*font-size:small;*font:x-small}html>/**/body{font-size:small}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif}table{font-size:inherit;font:100%}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}.text10{font-size:77%}.text11{font-size:85%}.text12{font-size:93%}.text13{font-size:100%}.text14{font-size:108%}.text15{font-size:116%}.text16{font-size:123.1%}.text17{font-size:131%}.text18{font-size:138.5%}.text19{font-size:146.5%}.text20{font-size:153.9%}.text21{font-size:161.6%}.text22{font-size:167%}.text23{font-size:174%}.text24{font-size:182%}.text25{font-size:189%}.text26{font-size:197%}

/* basic
-------------------------------------------------------------------------------*/

a{outline:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}table th{font-weight:normal}.opc a:hover img{opacity:.60;-moz-opacity:.6;-ms-filter:"alpha(opacity=60)";filter:alpha(opacity=60)}.sprite{position:relative;display:block;overflow:hidden}.sprite:hover{/zoom:1}.sprite img{position:absolute}.normal{font-weight:normal!important}.bold{font-weight:bold}.fltL{float:left}.fltR{float:right}.clrml{margin-left:0!important}.clrmr{margin-right:0!important}.clrmb{margin-bottom:0!important}.clrmt{margin-top:0!important}.clrbt{clear:both!important}.clrbd{border:none!important}.alnR{text-align:right}.super{vertical-align:super;font-size:65%}.relative{position:relative}.block{display:block}.whitespace{white-space:pre;white-space:pre-wrap;white-space:pre-line;white-space:-pre-wrap;white-space:-o-pre-wrap;white-space:-moz-pre-wrap;white-space:-hp-pre-wrap;word-wrap:break-word}.clrfx:before,.clrfx:after{content:"";display:table}.clrfx:after{clear:both}.clrfx{zoom:1}

.clearfix { zoom:1; }
.clearfix:after { content:''; display:block; height:0; clear:both; visibility:hidden; }

body,html{ background-color: #d8d8d8; }
#wrapper{ background-color: white; }
p{ line-height: 1.6em; }

/* button
-------------------------------------------------------------------------------*/
.btn{
  display: inline-block;

  padding: 4px 12px;

  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #ffffff;
  text-decoration: none;
  text-shadow: 0px 1px 1px rgba(000, 000, 000, 0.8);
  background-color: #9e9e9e;
  background-image: -moz-linear-gradient(top, #9e9e9e, #7d7d7d);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9e9e9e), to(#7d7d7d));
  background-image: -webkit-linear-gradient(top, #9e9e9e, #7d7d7d);
  background-image: -o-linear-gradient(top, #9e9e9e, #7d7d7d);
  background-image: linear-gradient(to bottom, #9e9e9e, #7d7d7d);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  border-color: #b8b8b8 #b8b8b8 #7d7d7d;
  border-color: rgba(184, 184, 184, 0.1) rgba(184, 184, 184, 0.1) rgba(125, 125, 125, 0.25);
  *background-color: #9e9e9e;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border: 1px solid #b8b8b8;
  *border: 0;
  border-bottom-color: #7d7d7d;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  *margin-left: .3em;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);

	position: relative;
}
.btn.btn-red{
  background-color: #7c0900;
  background-image: -moz-linear-gradient(top, #ae0d00, #7c0900);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ae0d00), to(#7c0900));
  background-image: -webkit-linear-gradient(top, #ae0d00, #7c0900);
  background-image: -o-linear-gradient(top, #ae0d00, #7c0900);
  background-image: linear-gradient(to bottom, #ae0d00, #7c0900);
  background-repeat: repeat-x;
  border: 1px solid #c10e00;
}
.btn.btn-weibo{
  background-color: #d20202;
  background-image: -moz-linear-gradient(top, #f62b2b, #d20202);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f62b2b), to(#d20202));
  background-image: -webkit-linear-gradient(top, #f62b2b, #d20202);
  background-image: -o-linear-gradient(top, #f62b2b, #d20202);
  background-image: linear-gradient(to bottom, #f62b2b, #d20202);
  background-repeat: repeat-x;
  border: 1px solid #df0909;
}

/* icon
-------------------------------------------------------------------------------*/
.icon{
  display: inline-block;

  width: 14px;
  height: 14px;
  line-height: 14px;
  vertical-align: middle;
  background-position: center center;
  background-repeat: no-repeat;
  margin-top: 1px;
  position: relative;
  top:-2px;
}
.ie-class .icon{
}

.btn .icon{
	margin-right:2px;
}


/* white */
.icon.icon-calender{ background-image: url("../images/global/icon-calender-white.png"); }
.icon.icon-mail{ background-image: url("../images/global/icon-mail-white.png"); }
.icon.icon-weibo{ background-image: url("../images/global/icon-weibo-white.png"); }
.icon.icon-arrow{ background-image: url("../images/global/icon-arrow-white.png"); }
/* gray */
.icon.icon-arrow.icon-gray{ background-image: url("../images/global/icon-arrow-gray.png"); }

/* title bar
-------------------------------------------------------------------------------*/
.h2_title{
	border:1px solid #ededed;
  background-image: -moz-linear-gradient(left, #f5f5f5, #ffffff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#ffffff));
  background-image: -webkit-linear-gradient(left, #f5f5f5, #ffffff);
  background-image: -o-linear-gradient(left, #f5f5f5, #ffffff);
	background-image: linear-gradient(left, #f5f5f5 70%, #ffffff 100%);
	padding-left:8px;
	padding-top:5px;
	padding-bottom:5px;

  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.h2_title h2{
	background:left url(../images/global/title-bar.png) no-repeat;
	padding:4px 0px 4px 15px;
	min-height: 14px;
	background-size:6px 100%;
	font-size:18px;
	font-weight: bold;
}
.h3_title{
	padding-left:8px;
	padding-top:5px;
	padding-bottom:5px;
}
.h3_title h3{
	background:left url(../images/global/title-bar.png) no-repeat;
	padding:4px 0px 4px 15px;
	min-height: 14px;
	background-size:6px 100%;
	color:#cd1c11;
	font-size: 15px;
	font-weight: bold;
}

/* table
-------------------------------------------------------------------------------*/
.price_table{
	width:100%;
	border-collapse: separate;
}
.price_table th{
	font-size:11px;
}
.price_table th,
.price_table td{
	text-align: center;
	border-bottom:1px solid #999999;
	padding:7px 0px 7px 0px;
}

.tokucho_table {
	width: 100%;
}
.tokucho_search {
	text-align: right;
}
.arrow-left {
	width: 20px;
}
.tokucho_table_red td {
	text-align: center;
	vertical-align: middle;
	padding: 13px 0;
}
.tokucho_table_red a {
	display: block;
	float: right;
	padding-right: 10px;
}
.table_color {
	color: white;
}
.tokucho_table_beginning {
	background: #c45143;
}
.tokucho_table_beginning-middle {
	background: #ca8614;
}
.tokucho_table_middle {
	background: #68b82d;
}
.tokucho_table_high-level {
	background: #22b6a7;
}

.table_color_course {
	color: #cb0d00;
}

/* news list
-------------------------------------------------------------------------------*/
.news_list {
	padding: 5px 0 5px 18px;
	border-bottom: 1px dotted #cccccc;
	margin-top:  -1px;
	margin-bottom: -1px;
	background: url(../images/common/icon_arrow.gif) no-repeat 6px 12px;
	font-size: 13px;
}


.news-date {
	padding-right: 18px;
	font-size: 11px;
}
.news-icon_red{
	color:white;
	background-color: #ca0d00;
	font-weight: bold;
	letter-spacing: 1px;
	font-size:10px;
	line-height: 11px;
	padding:3px 2px 1px 2px;
	font-family: sans-serif;
	margin-right:5px;
	display: inline-block;
}


dl.list_in,
dl.list_second {
	overflow:hidden;
	line-height:1.7;
}

dl.list_in dt,
dl.list_second dt {
  clear: left;
  float: left;
  color: #000;
}

dl.list_in dd {
  float: right;
  width:430px;
}

dl.list_second dd {
  float: right;
	width:590px;
}

/* link-red
-------------------------------------------------------------------------------*/
.link-red_box{
	display: table;
	width: 100%;
	background-color: #c10d00;
}
.link-red_box a{
	display: table-cell;
	color:white;
	vertical-align: middle;
	height: 40px;
	text-align: center; 
	text-decoration: none;
}
	


/* right contents
-------------------------------------------------------------------------------*/
#right-contents dl{
	padding-bottom:18px;
}
#right-contents dl dd{
	font-size:11px;
	padding-top:11px;
}
.course_red{
	box-shadow: inset 1px 1px 5px rgba(0,0,0,0.2);
	background-color:#b1524c;
	background-image:url(../images/global/course_red_bg.png);
	background-repeat: no-repeat;
	background-position: 150px center;

	color:white;
	font-size:16px;
	line-height: 1em;

  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding:13px 10px 13px 10px;
}
.course_yellowwish{
	box-shadow: inset 1px 1px 5px rgba(0,0,0,0.2);
	background-color:#65b044;
	background-image:url(../images/global/course_yellowwish_bg.png);
	background-repeat: no-repeat;
	background-position: 150px center;

	color:white;
	font-size:16px;
	line-height: 1em;

  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding:13px 10px 13px 10px;
}
.course_green{
	box-shadow: inset 1px 1px 5px rgba(0,0,0,0.2);
	background-color:#37b29d;
	background-image:url(../images/global/course_green_bg.png);
	background-repeat: no-repeat;
	background-position: 150px center;

	color:white;
	font-size:16px;
	line-height: 1em;

  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding:13px 10px 13px 10px;
}
.course_black{
	box-shadow: inset 1px 1px 5px rgba(0,0,0,0.2);
	background-color:#404040;
	background-image:url(../images/global/course_black_bg.png);
	background-repeat: no-repeat;
	background-position: 150px center;

	color:white;
	font-size:16px;
	line-height: 1em;

  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding:13px 10px 13px 10px;
}
#right-contents dl dt a{
	color:white;
	font-size:16px;
	line-height: 1em;
	text-decoration: none;
}



/*
.course_red {
	background: url(../images/common/right-contents_red.jpg) no-repeat;
}

.course_yellowwish {
	background: url(../images/common/right-contents_yellowwish.jpg) no-repeat;
}

.course_green {
	background: url(../images/common/right-contents_green.jpg) no-repeat;
}

.course_black {
	background: url(../images/common/right-contents_black.jpg) no-repeat;
}
*/



/* wrap layouts
-------------------------------------------------------------------------------*/
#box-header,
#box-content-footer,
#box-contents{
	width:100%;
	background-color:white;
}
#header,
#box-header-title,
#box-contents,
#box-content-footer,
#box-footer-site-link,
#box-footer-copyrights
{
	width:980px;
	margin:0 auto;
}

#header{
	position: relative;
	z-index: 1000;
}
#header-title{
	height: 100px;
	background: url(../images/global/box-header-title.gif) repeat;

	position: relative;
	top:-30px;
	z-index: 100;
}
#box-header-title{
	height: 100px;
	display: table;
}
#header-title h1{
	display: table-cell;
	vertical-align: middle;
	padding-left:30px;
	color:white;
	font-size:24px;
}
#header-title h1 span{
	position: relative;
	top:10px;
}
#footer-copyrights{
	height: 87px;
}
#box-footer-copyrights{
	padding-top:20px;
}
#box-footer-copyrights p{
	line-height: 2em;
	color:#111111;
	font-size:11px;
}

/* header title
-------------------------------------------------------------------------------*/
#header-title.top-slide{
	background: none;
	height: 423px;
}

/* header
-------------------------------------------------------------------------------*/
#site-logo{
	display: table;
	float:left;
}
#site-menu{
	margin-top:25px;
	float:right;
}
#site-menu {
}

#site-menu ul{
	display: table;
}
#site-menu ul li{
	display: table-cell;
	padding-left:20px;
}

#site-logo p,
#site-logo h1{
	display: table-cell;
	padding-top:20px;
	padding-right:30px;
	font-size:10px;
	vertical-align: middle;
}
#site-logo p{
	line-height: 1.6em;
}
#site-support-menu{
	float:right;
}
#site-contact{
	float:right;
	padding-left:10px;
}
#site-contact .btn{
	height: 24px;
	margin-top:-2px;
	padding-top:6px;
	padding-bottom:0px;
}
#site-select-language{
	float:left;
	background-color:#ececec;
	border-left:1px solid #e1e1e1;
	border-right:1px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
  -webkit-border-radius: 0px 0px 3px 3px;
  -moz-border-radius: 0px 0px 3px 3px;
	border-radius: 0px 0px 3px 3px;
	padding:5px 6px 3px 6px;
}
#site-select-language dt{
	color:#666666;
	font-weight: bold;
	padding-right:5px;
	line-height: 1.6em;
}
#site-select-language dt{
	float:left;
}
#site-select-language dd{
	float:right;
}
#site-select-language ul li{
	float:left;
	padding-right:2px;
}
#site-select-language ul li img{
	border:1px solid #c9c9c9;
}
#header-seprate{
	padding-bottom:20px;
}
/* navi global
-------------------------------------------------------------------------------*/
#navi-global{
	width:980px;

	background-image: -moz-linear-gradient(#bf0808 0%, #ff5555 100%);
	background-image: -webkit-gradient(#bf0808 0%, #ff5555 100%);
	background-image: -webkit-linear-gradient(#bf0808 0%, #ff5555 100%);
	background-image: -o-linear-gradient(#bf0808 0%, #ff5555 100%);
	background-image: linear-gradient(#bf0808 0%, #ff5555 100%);
	*background-color: #e13629;

  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;

  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), 0 1px 2px rgba(0,0,0,0.8);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), 0 1px 2px rgba(0,0,0,0.8);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), 0 1px 2px rgba(0,0,0,0.8);
 }
#navi-global ul{
	width:974px;

  background-image: -moz-linear-gradient(rgba(229,52,40,0.62) 50%, rgba(193,13,0,0.62) 50%);
  background-image: -webkit-gradient(rgba(229,52,40,0.62) 50%, rgba(193,13,0,0.62) 50%);
  background-image: -webkit-linear-gradient(rgba(229,52,40,0.62) 50%, rgba(193,13,0,0.62) 50%);
  background-image: -o-linear-gradient(rgba(229,52,40,0.62) 50%, rgba(193,13,0,0.62) 50%);
  background-image: linear-gradient(rgba(229,52,40,0.62) 50%, rgba(193,13,0,0.62) 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e53428', endColorstr='#c10d00', GradientType=0);
  *background-color: #c10d00;

  border:1px solid #c63228;

	margin:2px 2px 2px 2px;
	
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  
  display: table;
}
#navi-global li{
  display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding:10px 0px 10px 0px;
	background:right url(../images/global/global-line.png) no-repeat;
}
#navi-global li.last{
	background:none;	
}
#navi-global li a{
	color:white;
	text-decoration: none;
	font-weight: bold;
	font-size:14px;
  text-shadow: 0px 1px 1px rgba(000, 000, 000, 0.8);
}
#navi-global{
	position: relative;
}
#navi-global .posi_sub_menu{
	position: absolute;
}
#navi-global ul .sub_menu {
	border:none;
	position: relative;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#f2f2f2', GradientType=0);
	background: #bababa;
	border: 1px solid #bababa;
	display: block;
	width:200px;
}
#navi-global ul .sub_menu:after,
#navi-global ul .sub_menu:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
#navi-global ul .sub_menu:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #bababa;
	border-width: 5px;
	left: 15%;
	margin-left: -5px;
}
#navi-global ul .sub_menu:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #bababa;
	border-width: 6px;
	left: 15%;
	margin-left: -6px;
}
#navi-global ul ul.sub_menu{
	display: none;
	background:#bababa;
	background-image:none;
	padding:3px 3px 0px 3px;
}
#navi-global ul ul.sub_menu li{
	display: block;
	padding:0px 0px 0px 0px;

	background-image: -moz-linear-gradient(#f4f4f4 0%, #f2f2f2 100%);
	background-image: -webkit-gradient(#f4f4f4 0%, #f2f2f2 100%);
	background-image: -webkit-linear-gradient(#f4f4f4 0%, #f2f2f2 100%);
	background-image: -o-linear-gradient(#f4f4f4 0%, #f2f2f2 100%);
	background-image: linear-gradient(#f4f4f4 0%, #f2f2f2 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#f2f2f2', GradientType=0);
  *background-color: #f3f3f3;
  
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;

  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), 0 1px 2px rgba(0,0,0,0.8);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), 0 1px 2px rgba(0,0,0,0.8);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), 0 1px 2px rgba(0,0,0,0.8);
  
  margin-bottom:3px;
}
#navi-global ul ul.sub_menu li a{
	display: block;
	width: 100%;
	padding:10px 0px 10px 0px;

  background-image: -moz-linear-gradient((266,255,255,0.6) 50%, rgba(214,214,214,0.6) 50%);
  background-image: -webkit-gradient((266,255,255,0.6) 50%, rgba(214,214,214,0.6) 50%);
  background-image: -webkit-linear-gradient(rgba(266,255,255,0.6) 50%, rgba(214,214,214,0.6) 50%);
  background-image: -o-linear-gradient((266,255,255,0.6) 50%, rgba(214,214,214,0.6) 50%);
  background-image: linear-gradient((266, 255, 255, 0.6) 50%, rgba(214,214,214,0.6) 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#f2f2f2', GradientType=0);
  *background-color: #b3b3b3;

	color:#333333;
	text-decoration: none;
	font-weight: bold;
	font-size:14px;
  text-shadow: 0px 1px 1px rgba(255,255,255,0);
}






/* footer
-------------------------------------------------------------------------------*/
#box-footer{
	background-color:#efefef;
}
#button_page-top{
	width:45px;
	height: 45px;
	position: fixed;
}
#box-content-footer ul{
	padding-bottom:30px;
}
#box-content-footer ul li{
	float:left;
	padding-right:20px;
}
/*
#box-content-footer ul li.valign-bottom{
	margin-top:18px;
}
*/

.box-footer-site-link{
	width:230px;
	float:left;
	padding-right:20px;
	padding-top:25px;
	padding-bottom:25px;
}
.box-footer-site-link.last{
	padding-right:0px;
}
.box-footer-site-link dt{
	border-bottom:1px solid #d7d7d7;
	font-weight: bold;
	color:#666666;
	padding-bottom:7px;
	padding-top:7px;
}
.box-footer-site-link dt.no-link{
	padding-left:1em;
}
.box-footer-site-link dt a{
	color:#666666;
	text-decoration: none;
}
.box-footer-site-link dd ul li{
	padding-bottom:4px;
	padding-top:4px;
	font-size:11px;
}
.box-footer-site-link dd a{
	color:#666666;
	text-decoration: none;
}


#footer-copyrights{
	border-top:1px solid #ffffff;
	background-color:#d8d8d8;
}


/* wrap-top
-------------------------------------------------------------------------------*/
#wrap-top #main-contents{
	float:none;
}