@charset "ISO-8859-1";

/*
########################################################
  common style
########################################################
*/

*{
	margin:0;
	padding:0;
	color:#333333;
	text-align:left;
	font-family: "Arial", "Verdana", "Helvetica", san-serif !important;
}

body {
	overflow-y:scroll;
}
/*-- HACKs --*/
html* body {	overflow-y:visible;}
*:first-child+html body {	overflow-y:visible;}
*html body {	overflow-y:auto;}
/*---*/

img{
	border:0;
}

p{
	line-height:1.6em;
	padding-bottom:1em;
}

.bold{
	font-weight:bold;
}

div#wrapper{
	width:100%;
	font-size:75%;
	line-height:160%;
	margin:0;
	padding:0;
	text-align:center;
}

div#wrapperIn{
	width:970px;
	margin:0 auto;
}

h1{
	margin:10px 0 0 0;
	padding:0;
}

h2{
	margin:0px;
	padding:22px 0 0px 15px;
	font-size:140%;
}


/* safari only \*/ 
html:\66irst-child h2 { 
	line-height:90% !important;
} 

h4,h5{
	font-size:100%;
	margin:0;
	padding:0;
}

input{
	padding:1px 2px;
	font-size:12px;
}

textarea{
 font-size:12px;
}

option{
 font-size:12px;
}

table{
	border:none;
}

.disn{
	display:none;
}

.disb{
	display:block;
}

.borderNone{
	border:none !important;
}

.caption{
	font-size:85%;
}

.nowrap{
	white-space: nowrap; 
}

.addNewWindow{
	background:url(../images/icon_new_window.gif) no-repeat right 0px !important;
	padding:0 17px 0px 0;
}

/*
########################################################
  Header style
########################################################
*/

div#header{
	width:auto;
	height:33px;
	padding:0px 5px;
	margin-bottom:10px;
	position:relative;
}
/*-- HACK IE --*/
*html div#header{
	margin-bottom:13px;
}
*:first-child+html div#header{
	margin-bottom:25px;
}
/**/


div#header h1{
}

div#header div#search{
	margin-top:10px;
	position:absolute;
	width:750px;
	top:0;
	right:0;
}

div#header div#search dl{
	position:absolute;
	top:2px;
	right:5px;
}

/*-- HACK IE --*/
*html div#header div#search dl{
	top:10px;
}
*:first-child+html div#header div#search dl{
	top:10px;
}
/*----*/

div#header div#search dl dt{
	margin-bottom:13px;
	list-style-type:none;
}

div#header div#search dl dt span{
	color:#cccccc;
	margin:0 5px;
}

div#header div#search div#unitBlockSearch{
	position:absolute;
	top:35px;
	right:5px;
	width:600px;
	text-align:right;
}

div#header div#search div#unitBlockSearch ul{
	float:right;
	margin:0 10px 0 0;
}

div#header div#search div#unitBlockSearch ul li{
	display:inline;
	background:url(../images/icon_arrow_blue.gif) no-repeat left 3px;
	padding:0 0 0 12px;
	margin:0 0 0 8px;
}

ul#headerNavi li{
	float:left;
	list-style-type:none;
}

ul#headerNavi li img{
	vertical-align:bottom;
	margin:0;
}

/*
########################################################
  Footer style
########################################################
*/

div#footer{
	clear:both;
	width:auto;
	margin:10px 5px 0;
	border-top:#cccccc solid 1px;
	padding:0 0 20px 0;
}

div#footer ul li{
 display:inline;
	background:url(../images/icon_arrow_blue.gif) no-repeat left 3px;
	padding:0 0 0 12px;
	margin:0 10px 0 0px;	
}

div#footer p{
	margin:12px 0 0 0;
}

div#footer dl{
	float:right;
}

div#footer dl dt,
div#footer dl dd{
	text-align:right;
}

div#footer dl dt{
	font-size:140%;
	line-height:1.2em;
	margin-bottom:5px;
}


/*
########################################################
  TOP Navigation style
########################################################
*/

#topNavi{
/*	width:970px;*/
	margin:0;
	padding:0;
}

ul#topNavi li,
ul#topNavi02 li{
	float:left;
	list-style-type:none;
}

ul#topNavi li img,
ul#topNavi02 li img{
	vertical-align:bottom;
	margin:0;
}
ul#topNavi li a,
ul#topNavi02 li a{
	display:block;
}

ul#topNavi li#nav01 a {	background:url(../../images/navi_blk_01_on.gif) no-repeat 0 0;}
ul#topNavi li#nav02 a {	background:url(../../images/navi_blk_02_on.gif) no-repeat 0 0;}
ul#topNavi li#nav03 a {	background:url(../../images/navi_blk_03_on.gif) no-repeat 0 0;}
ul#topNavi li#nav04 a {	background:url(../../images/navi_blk_04_on.gif) no-repeat 0 0;}
ul#topNavi li#nav05 a {	background:url(../../images/navi_blk_05_on.gif) no-repeat 0 0;}
ul#topNavi li#nav06 a {	background:url(../../images/navi_blk_06_on.gif) no-repeat 0 0;}

ul#topNavi02 li#nav01 a {	background:url(../images/navigation/navi_blk_01_on.gif) no-repeat 0 0;}
ul#topNavi02 li#nav02 a {	background:url(../images/navigation/navi_blk_02_on.gif) no-repeat 0 0;}
ul#topNavi02 li#nav03 a {	background:url(../images/navigation/navi_blk_03_on.gif) no-repeat 0 0;}
ul#topNavi02 li#nav04 a {	background:url(../images/navigation/navi_blk_04_on.gif) no-repeat 0 0;}
ul#topNavi02 li#nav05 a {	background:url(../images/navigation/navi_blk_05_on.gif) no-repeat 0 0;}
ul#topNavi02 li#nav06 a {	background:url(../images/navigation/navi_blk_06_on.gif) no-repeat 0 0;}


/*
########################################################
  Navigation style
########################################################
*/


/* h2 background CSS */
*html div#h2Box{
	bottom:-17px;
}
/*--*/

div#h2Box{
	width:944px;
	height:57px;
	position:absolute;
	bottom:6px;
	left:17px;
}
div#h2Box .EngBase{
	height:57px;
	background:url(../images/bg_menu_en.jpg) no-repeat 0 0;	
}

h2 span{
	font-size:80%;
	color:#333333;
}

/*-- BRREADED CRUMBLE --*/
dl#breadcrumbs{
	margin:0 0 5px 5px;
	padding:5px 0 17px 20px;
	width:940px;
	background:url(../images/bg_line_dot.gif) repeat-x 0 bottom;
	clear:both;
}

dl#breadcrumbs dd{
	display:inline;
	margin:0;
	padding:0;
}

dl#breadcrumbs dd span{
	color:#cccccc;
	margin:0 5px;
}
/*----*/


/*
########################################################
  Contents style
########################################################
*/

div#contents{
	width:auto;
	padding:5px 0 10px 0;
	*+padding:0;
	*+margin:0 0 15px 0;
	zoom:100%;
}

div#contents:after {   
	content: "";
	display: block;
	clear: both;
}

div.greyCube{
	border:solid 1px #dbdbdb;
	margin:0 30px 35px 35px;
	padding:20px 60px 20px;
}

dl.kuretake dt{
	background:url(../../../common/images/icon_kuretake.gif) no-repeat left top;
	padding:0 0 5px 25px;
	margin:0 0 0px 0;
	font-weight:bold;
}

dl.kuretake dd{
	margin:-5px 0 0 25px;
}

.addIcon{
	background:url(../images/icon_kuretake.gif) no-repeat left top;
	padding:0 0 0 25px;
	margin:0 0 5px 0;
	font-weight:bold;
}

dl.kuretakeR{
	border-right:1px dotted #cccccc;
	margin:0 10px 0 0;
	padding:0 10px 0 0;
} 

dl.kuretakeR dt{
	background:url(../images/icon_kuretake.gif) no-repeat left top;
	padding:0 0 0 25px;
	margin:0 0 5px 0;
	font-weight:bold;
}

dl.kuretakeR dd{
	margin:0 0 0 25px;
}


/*
########################################################
  index style
########################################################
*/

div#contents div#MainArea{
	margin:20px 2px 0;
	padding:0 5px;
	width:auto;
}

/* Main Left @*/

div#contents div#MainArea div#MainL{
	/*width:560px;*/
	width:470px;
	margin:0;
	float:left;
}

div#contents div#MainArea div#MainL h3{
	margin:0 0 0px 0;
	padding:7px 7px 0 12px;
	height:25px;
}

div#contents div#MainArea div#MainL h3.news{
	background:url(../../images/bg_h3_mainleft_news.jpg) no-repeat left top;
}

div#contents div#MainArea div#MainL div.schedule p{
	float:left;
	width:80px;
	display:block;
	margin-left:7px;
}

div#contents div#MainArea div#MainL div.schedule dl{
	width:375px;
	float:left;
}
div#contents div#MainArea div#MainL div.schedule dl dt,
div#contents div#MainArea div#MainL div.schedule dl dd{
	padding:0;
	margin:0 0 2px 15px;
}

/* Main Right @*/

div#contents div#MainArea div#MainR{
	/*width:341px;*/
	width:436px;
	float:right;
/*	background:#F2F2F2;*/
	padding:0 20px;
}
div#contents div#MainArea div#MainR h2{
	margin:0 0 5px 0;
	padding:0;
}

div#contents div#MainArea div#MainR .bnrBox img{
	margin:2px 0 8px;
}

/*---- Catalog Link ----*/
div#contents div#MainArea div#MainR .cat01 img,
div#contents div#MainArea div#MainR .cat02 img,
div#contents div#MainArea div#MainR .cat03 img{
	margin:0 0 5px 0;
}
div#contents div#MainArea div#MainR .cat01,
div#contents div#MainArea div#MainR .cat03{
	float:left;
	width:135px;
	margin:0;
}
div#contents div#MainArea div#MainR .cat02{
	float:left;
	margin:0 15px;
	width:135px;
}

div#contents div#MainArea div#MainR .link,
div#contents div#MainArea div#MainR .link{
	background:url(../../../common/images/icon_arrow_blue.gif) no-repeat 3px 6px;
	padding:0 0 0 18px;
	text-indent:-3px;
}

/*---- HACKs ----*/
*:first-child+html div#contents div#MainArea div#MainR .btnArea{
	padding:2px 5px 5px;
}
/**/

div#contents div#MainArea div#MainR .btnArea{
	background:#F0F0F0;
	padding:5px;
	margin:15px 0;
	text-align:right;
}
/*----*/


/*
########################################################
  GlowBox style
########################################################
*/

div.GlowBox970{	
	background:url(../images/bg_glowbox970_middle.gif) repeat-y top left;
	padding:0;
	margin:0;
	zoom:100%;
}

div.GlowBox970:after{
	content:"";
	display:block;
	clear:both;
}

div.GlowBox970 div.GlowTop{
	background:	url(../images/bg_glowbox970_top.gif) no-repeat top left;
	padding:12px 13px 0;	
	height:113px;
	zoom:100%;
	position:relative;
}

div.GlowBox970 div.GlowTop2{
	background:	url(../images/bg_glowbox970_top.gif) no-repeat top left;
	padding:12px 13px;	
	/*height:112px;	
	*+height:113px;*/
	zoom:100%;
	position:relative;
}

div.GlowBox970 div.GlowTop2:after,
div.GlowBox970 div.GlowTop:after{
	content:"";
	display:block;
	clear:both;
}


div.GlowBox970 div.GlowBottom{
	background:	url(../images/bg_glowbox970_bottom.gif) no-repeat bottom left;
}

div.GlowBox940{	
	background:url(../images/bg_glowbox940_middle.gif) repeat-y top left;
	padding:0;
	margin:0 auto;
	width:940px;
}

div.GlowBox940 div.innerBox{
	padding:2px 10px;
}

div.GlowBox940 div.innerBox h3{
	margin:0 0 30px 0;
}

div.GlowBox940 div.innerBox div.thumbsArea{
	float:left;
	width:280px;
	margin:0 0 10px 17px;
}

div.GlowBox940 div.innerBox div.thumbsArea img.thumbs{
	float:left;
	margin:0 5px 0 0;
}

div.GlowBox940 div.innerBox div.thumbsArea dt{
	margin:0 0 5px 0;
}

div.GlowBox940 div.innerBox div.thumbsArea dl{
	float:left;
}

div.GlowBox940 div.innerBox div.thumbsArea dl dd{
	background:url(../images/icon_arrow_blue.gif) no-repeat left 6px !important;
	padding:0 0 0 12px !important;
	margin:0 0 3px 15px;
}

div.GlowBox940 div.innerBox h4.product{
	background:url(../../product/images/bg_h4_product.jpg) no-repeat top;
	padding:3px 0 0px 0px;
	margin-bottom:10px;
	height:40px;
	width:919px;
}

div.GlowBox765 div.innerBox h4.letter img,
div.GlowBox765 div.innerBox h4.calligraphy img,
div.GlowBox940 div.innerBox h4.product img{
	margin:7px 0 0 25px;
}

div.GlowBox765 p,
div.GlowBox360 p{
	text-indent:0 !important;
	margin:0 !important;
}

div.GlowBox765 div.innerBox{
	padding:3px 10px;
	margin:0;
}

div.GlowBox765{	
	background:url(../images/bg_glowbox765_middle.gif) repeat-y top left;
	padding:0;
	margin:0 auto;
	width:755px;
}

div.GlowBox765 div.innerBox h4.calligraphy{
	background:url(../../create/calligraphy/images/bg_h4_calligraphy.jpg) no-repeat left top;
	padding:3px 0 0px 0px !important;
	margin:0 0 10px 0 !important;
	height:40px;
	width:734px;
}

div.GlowBox765 div.innerBox h4.letter{
	background:url(../../create/letter/images/bg_h4_letter.jpg) no-repeat left top;
	padding:3px 0 0px 0px !important;
	margin:0 0 10px 0 !important;
	height:40px;
	width:734px;
}

div.innerBox div.thumbsArea h5{
	margin:0 0 10px 0;
}

dl.kureIcon dd{
	margin:0 0px 5px 15px;
	*+margin:0 0px 0 15px;
	background:url(../images/icon_arrow_blue.gif) no-repeat left 6px !important;
	padding:0 0 0 12px !important;
}

div.GlowBox360{	
	background:url(../images/bg_glowbox360_middle.gif) repeat-y top left;
	padding:0;
	margin:0 0 20px 0;
	width:370px;
}

div.GlowBox360 div.innerBox{
	padding:5px 10px;
}

div.GlowBox360 div.innerBox h4{
	padding:0 !important;
	margin:0 0 10px 0 !important;
}

div.GlowBox360 div.innerBox p{
	margin:0 0 0px 5px !important;
}

div.GlowBox360 div.innerBox img{
	margin-bottom:0px !important;
}

div.backgroundLearn{
	background:url(../../create/letter/images/bg_learn_01.jpg) no-repeat bottom right;
}

.addLine{
	border-bottom:1px dotted #cccccc;
	margin:0 0 20px 0;
	padding:0 0 10px 0;
}

/*
########################################################
  margin - padding
########################################################
*/

.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pl40 {padding-left:40px !important;}
.pl45 {padding-left:45px !important;}
.pl50 {padding-left:50px !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
.pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;}
.pr45 {padding-right:45px !important;}
.pr50 {padding-right:50px !important;}
.pt0 {padding-top:0px !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}
.pt60 {padding-top:60px !important;}
.pt70 {padding-top:70px !important;}
.pt80 {padding-top:80px !important;}
.pt90 {padding-top:90px !important;}
.pb0 {padding-bottom:0px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}
.pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !important;}
.pb60 {padding-bottom:60px !important;}
.pb70 {padding-bottom:70px !important;}
.pb80 {padding-bottom:80px !important;}
.pb90 {padding-bottom:90px !important;}

.ml0 {margin-left:0px !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;}
.ml50 {margin-left:50px !important;}
.mr0 {margin-right:0px !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;}
.mr40 {margin-right:40px !important;}
.mr45 {margin-right:45px !important;}
.mr50 {margin-right:50px !important;}
.mt0 {margin-top:0px !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;}
.mb0 {margin-bottom:0px !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;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}

.mg5 {margin:5px !important;}
.mg10 {margin:10px !important;}
.mg15 {margin:15px !important;}
.mg20 {margin:20px !important;}
.mg25 {margin:25px !important;}
.mg30 {margin:30px !important;}
.mg35 {margin:35px !important;}
.mg40 {margin:40px !important;}
.mg45 {margin:45px !important;}
.mg50 {margin:50px !important;}

.pd5 {padding:5px !important;}
.pd10 {padding:10px !important;}
.pd15 {padding:15px !important;}
.pd20 {padding:20px !important;}
.pd25 {padding:25px !important;}
.pd30 {padding:30px !important;}
.pd35 {padding:35px !important;}
.pd40 {padding:40px !important;}
.pd45 {padding:45px !important;}
.pd50 {padding:50px !important;}

.ma0 {margin:0 !important;}
.pd0 {padding:0 !important;}

.mAuto{ margin:0 auto; !important}

/*
########################################################
  .align
########################################################
*/

.alignC {
	text-align:center !important;
}
.alignL {
	text-align:left !important;
}
.alignR {
	text-align:right !important;
}

.vTop{
	vertical-align:top !important;
}
.vMid{
	vertical-align:middle !important;
}



/*
########################################################
  .font
########################################################
*/

.fontS {
    font-size: 11px;
}
.fontM {
    font-size: 12px;
}
.fontL {
    font-size: 14px;
}

.sizeS{
	font-size:90%;	
}


/*
########################################################
  .float
########################################################
*/

.floatR{
	float:right;
}

.floatL{
	float:left;
}

.floatN{
	float:none;
}

.clearR{
	clear:right;
}

.clearL{
	clear:left;
}

.clear{
	clear:both;
	margin:0 !important;
	padding:0 !important;
}

.imgL{
	float:left;
	margin:0 20px 10px 0;
}

.imgR{
	float:right;
	margin:0 0px 10px 20px;
}

/*
########################################################
  .cursor
########################################################
*/

.cursorN{
	cursor:default;
}

.cursorP{
	cursor: pointer;
}


/*
########################################################
  .link
########################################################
*/

a:link{
	color:#3F4478;
	text-decoration:underline;
}

a:visited{
	color:#800080;
	text-decoration:underline;
}


a:hover,
a:active{
	color:#CC6600;
	text-decoration:underline;
}

div#header a,
div#footer a{
	text-decoration:none;
}

/*
########################################################
  .txt
########################################################
*/

.fontSizeS{
	font-size:75%;
}

.fontSizeM{
	font-size:100%;
}

.fontSizeL{
	font-size:120%;
}

.colorRed{
	color:#AF3501;
}

.colorBlue{
	color:#3F4478;
}

.colorBlue2{
	color:#6B69CB;
}

.colorBrown{
	color:#A7690E;
}

.colorOrange{
	color:#F37122;
}

tr.colorOrange2 th{
 background-color:#FFF0C4 !important;
}

tr.colorPink th{
 background-color:#FCEAE2 !important;
}

/*
########################################################
  Table
########################################################
*/

table.baseData{
	border-top:#cccccc 1px solid;
	margin:10px 0 0 0;
}

table.baseData th{
	background-color:#F2F2FB;
	padding:10px;
	border-bottom:#cccccc solid 1px;
	color:#666666;
	font-weight:bold;
	vertical-align:top;
	text-align:center;
	width:100px;
}

table.baseData th span{
	margin:0 0 0 3px;
	color:#AF3501;
}

table.baseData td{
	padding:10px 0 10px 10px;
	border-bottom:#cccccc solid 1px;
	width:600px;
}


/*
########################################################
  LIST
########################################################
*/
ol.listNum {
	margin:10px 0 10px 20px;
}
ol.listNum li{
	padding-bottom:1em;
}

.lineDot{
	background:url(../images/bg_line_dot.gif) repeat-x 0 0;
	height:17px;
	margin:20px 0;
}

/*
########################################################
  Icon
########################################################
*/

.iconBl{
	background:url(../../../common/images/icon_arrow_blue.gif) no-repeat left 5px;
	padding-left:10px;
}
.iconGry{
	background:url(../../../common/images/icon_arrow_grey.gif) no-repeat left 5px;
	padding-left:10px;
}

.new {
  padding-right: 30px;
  background: url("../../images/new.gif") right center no-repeat;
}