@charset "utf-8";

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

*{
	margin:0;
	padding:0;
	color:#333333;
	text-align:left;
	font-family: Osaka, "ＭＳ Ｐゴシック", sans-serif;
}

img{
	border:0;
}

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

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

h1{
	margin: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:60px;
	padding:0px 5px;
	margin-bottom:10px;
	position:relative;
}

div#header h1{
}

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

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

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:10px 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;
}

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

div#Navi{
	width:944px;
	height:57px;
	position:absolute;
	top:62px;
	left:17px;
}

div#Navi div{
	height:57px;
}

dl#breadcrumbs{
	margin:0px 0 5px 5px;
	padding:0px 0 7px 20px;
	width:940px;
	border-bottom:1px #cccccc dotted;
	clear:both;
}

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

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

dl.localNavi{
	background:url(../images/bg_localnavi.jpg) no-repeat right top;
	margin:0 5px;
	padding:5px 30px 5px 25px;
}

dl.localNavi dd{
 display:inline;
	background:url(../images/icon_arrow_blue.gif) no-repeat left 3px;
	padding:0 0 0 12px;
	margin:0 15px 0 0px;
}

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

/* メニュー背景設定用CSS */



div.Art{
	background:url(../images/bg_menu_art.jpg) no-repeat 0px bottom;
}

div.Create{
	background:url(../images/bg_menu_letter.jpg) no-repeat 0px bottom;
}

div.Create h2{
	color:#537330 !important;
}

div.Calligraphy{
	background:url(../images/bg_menu_calligraphy.jpg) no-repeat 0px bottom;
}

div.Calligraphy h2{
	color:#3F4478 !important;
}

div.Brush{
	background:url(../images/bg_menu_brush.jpg) no-repeat 0px bottom;
}

div.Brush h2{
	color:#C33B3B !important;
}

div.Product{
	background:url(../images/bg_menu_product.jpg) no-repeat 0px bottom;
}

div.Ohter{
	background:url(../images/bg_menu_other.jpg) no-repeat 0px bottom;
}

div.Event{
	background:url(../images/bg_menu_event.jpg) no-repeat 0px bottom;
}

div.Corporate{
	background:url(../images/bg_menu_corporate.jpg) no-repeat 0px bottom;
}

div.Shop{
	background:url(../images/bg_menu_shop.jpg) no-repeat 0px bottom;
}

div.Recruit{
	background:url(../images/bg_menu_recruit.jpg) no-repeat 0px bottom;
}

div.Recruit h2{
	color:#254076 !important;
}

div.SB{
	background:url(../images/bg_menu_sb.jpg) no-repeat 0px bottom;
}

div.SB h2{
	color:#6E538B !important;
}



/*
########################################################
  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(../images/icon_kuretake.gif) no-repeat left top;
	padding:0 0 0 25px;
	margin:0 0 0px 0;
	font-weight:bold;
}

dl.kuretake dd{
	margin:0 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;
}

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

div#clamNavi{
	width:166px;
	float:left;
	padding:0 0 0 10px;
}

div#clamNavi div{
	background:url(../images/navigation/bg_calamnavi.gif) repeat-y top left;
}

div#clamNavi div ul{
	margin:10px 5px 10px 12px;
}

div#clamNavi div ul li{
	margin:0 0 10px 0;
	background:url(../images/icon_arrow_blue.gif) no-repeat left 6px;
	padding:0 0 0 10px;
	list-style-type:none;
}

div#clamNavi div ul li.on{
	margin:0 0 10px 0;
	background:url(../images/icon_arrow_grey.gif) no-repeat left 6px;
	padding:0 0 0 10px;
	font-weight:bold;
	color:#999999;
	list-style-type:none;
}

div#clamNavi div ul li.on2{
	margin:0 0 0px 0 !important;
	*+margin:0 0 -10px 0 !important;
	background:url(../images/icon_arrow_grey2.gif) no-repeat left 6px;
	padding:0 0 0 10px;
	font-weight:bold;
	color:#999999;
	list-style-type:none;
}

div#clamNavi div ul li.off{
	margin:0 0 0px 0 !important;
	*+margin:0 0 -10px 0 !important;
	padding:0 0 0 10px;
	list-style-type:none;
}

div#clamNavi div ul li.naviUnder{
	margin:0 !important;
	padding:0 !important;
	background:none;
	list-style-type:none;
}

div#clamNavi div ul li.naviUnder ul{
	margin:0 0 0 12px !important;
	padding:0 !important;
}

div#clamNavi div ul li.naviUnder ul li.on{
	margin:0 0 5px 0;
	background:url(../images/icon_arrow_grey.gif) no-repeat left 6px;
	padding:0 0 0 12px;
	font-weight:bold;
	color:#999999;
	list-style-type:none;
}

div#clamNavi div ul li.naviUnder ul li{
	margin:0 0 5px 0;
	background:url(../images/icon_arrow_blue.gif) no-repeat left 6px;
	padding:0 0 0 12px;
	list-style-type:none;
}

div#clamMain{
	width:755px;
	padding:0 18px 0px 0;
	float:right;
}

div#clamMain h3{
	margin:10px 0 10px;
}

div#clamMain h4{
	margin:15px 0 10px;
}

div#clamMain p{
	margin-bottom:10px;
	text-indent:0px;
}

div#clamMain div#clamTop{
	background: url(../../product/images/bg_clamtop.gif) repeat-x left top;
	border-top:#000000 0px solid;
	*+border-top:#000000 3px solid;
}

div#clamMain div#clamBot{
	background: url(../../product/images/bg_clambottom.gif) repeat-x left bottom;
}

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

/*div.flashArea{
	height:264px;
	width:944px;
	background:#333333;
}*/

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

/* Main Left @*/

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

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

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

div#contents div#MainArea div#MainL h3.event{
	background:url(../images/bg_h3_mainleft_event.gif) no-repeat left top;
}

div#contents div#MainArea div#MainL div.schedule{
	padding:0;
	margin-bottom:3px;
}

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:0px 0 0px 0px;
	margin:0 0 3px 10px;
}

/* Main Right @*/

div#contents div#MainArea div#MainR{
	width:470px;
	float:right;
	/*background:#cccccc;*/
}

div#contents div#MainArea div#MainR h2{
	margin:0 0 5px 0;
	padding:0;
}

div.noticeCont{
	margin:0 0px 10px 5px;
	padding:0 0px 5px 0;
	border-bottom:1px dotted #cccccc;
}

div.noticeCont img{
	float:left;
	margin:0 10px 0 0;
}

div.noticeCont dl{
	float:left;
	width:80%;
}

div.noticeCont dl dt{
	font-weight:bold;
	margin-bottom:10px;
}

div.noticeCont dl dd{
	margin-bottom:10px;
}

div.noticeCont dl dd.link{
	background:url(../images/icon_arrow_blue.gif) no-repeat left 6px;
	padding:0 0 0 12px;
}

/* banArea @*/

div#contents div#banArea div.banL{
	float:left;
/*	width:730px;*/
	width:470px;
}

div#contents div#banArea div.banL img{
	float:left;
	margin-right:10px;
}

div#contents div#banArea div.banL dl,
div#contents div#banArea div.banR dl{
	margin:5px 0 0 0;
	float:left;
	width:258px;
}

div#contents div#banArea div.banL dl{
/*	width:506px;*/
	margin:0;
}

div#contents div#banArea div.banL dl img{
	float:none;
	margin:0;
}

div#contents div#banArea div.banR dl dt,
div#contents div#banArea div.banR dl dd,
div#contents div#banArea div.banL dl dt,
div#contents div#banArea div.banL dl dd{
	margin:0 0 10px 0;
}

div#contents div#banArea div.banR dl dd.link,
div#contents div#banArea div.banL dl dd.link{
	background:url(../images/icon_arrow_blue.gif) no-repeat left 6px !important;
	padding:0 0 0 12px !important;
}

div#contents div#banArea div.banR{
	float:right;
/*	margin-left:20px;
	float:left;
	width:215px;*/
	width:470px;
}


div#contents div#banArea div.banR .cat01 img,
div#contents div#banArea div.banR .cat02 img,
div#contents div#banArea div.banR .cat03 img{
	margin:0 0 5px 0;
}
div#contents div#banArea div.banR .cat01,
div#contents div#banArea div.banR .cat03{
	float:left;
	width:119px;
	margin:0;
}
div#contents div#banArea div.banR .cat02{
	float:left;
		margin:0 45px 0 55px;
		width:129px;
}

.banL .link,
.banR .link{
	background:url(../images/icon_arrow_blue.gif) no-repeat 3px 6px;
	padding:0 0 0 18px;
	text-indent:-3px;
}

/* HACKS*/
*html .banR .btnArea{
	padding:2px 5px 5px;
}
*:first-child+html .banR .btnArea{
	padding:2px 5px 5px;
}

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



div#contents div#banArea ul.bnaBot li{
	float:left;
	list-style-type:none;
	margin:0;
	padding:0;
}
	
div#contents div#banArea ul.bnaBot li img{
	vertical-align: bottom;
	margin:0;
	padding:0;
}

p.fotpageLink{
	text-align:center;
	margin:40px 0 10px 0;
}

p.fotpageLink span{
	color:#cccccc;
	margin:0 5px;
}

/*
########################################################
  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;
}

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

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

.sizeS{
	font-size:90%;	
}
.sizeSS{
	font-size:80%;	
	line-height:1.6em;
}



/*
########################################################
  .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 0;
	border-bottom:#cccccc solid 1px;
	color:#666666;
	font-weight:bold;
	vertical-align:top;
	text-align:center;
	width:80px;
}

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

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

/*
########################################################
  Page
########################################################
*/

div.Page{
	border-top:#cccccc dotted 1px;
	padding:5px 0 0 0;
	margin:10px 0 30px 0;
}

div.Page p{
	margin:0 !important;
	text-indent:0 !important;
}

div.Page div{
	background-color:#efefef;
	padding:7px;
}

div.Page p.next{
	text-align:right;
	background:url(../../common/images/icon_arrow_blue.gif) no-repeat right 6px;
	padding:0 12px 0 0;
}

div.Page p.back{
	text-align:left;
	background:url(../../common/images/icon_arrow_blue2.gif) no-repeat left 6px;
	padding:0 0px 0 12px;
}



/*
#########################################
	.boxCat  --> left Navi catalog link
#########################################
*/
.boxCat{
	text-align:center;
	margin:15px auto;
}
.boxCat dd.cat01,
.boxCat dd.cat02,
.boxCat dd.cat03{
	margin:0 auto 20px;	
}
.boxCat dd.cat01{	width:82px;}
.boxCat dd.cat02{	width:130px;}
.boxCat dd.cat03{	width:110px;}
.boxCat dd{
	width:90px;
	margin:0 auto;
}

.boxCat .link{
	background:url(../images/icon_arrow_blue.gif) no-repeat 3px 6px;
	padding:0 0 0 18px;
	text-indent:-2px;
	line-height:1.4em
}

/*---- HACKs -----*/
*html .boxCat dd.catData{
	padding:5px 0 3px;
}
*:first-child+html .boxCat dd.catData{
	padding:5px 0 3px;
}


/**/

.boxCat dd.catData{
	background:#F0F0F0;
	padding:6px 0 1px;
	margin:0 auto;
	text-align:center;
	width:160px;
}

#letter311 {
  padding: 40px 0 20px 0;
  margin: 20px auto 20px auto;
  text-align: center;
  width: 940px;
  background-color: #efefef;
}
.hightright {
  background-color: #ffff99;
}

.clear2 {
  clear: both;
}
.clearfix {zoom:1;}
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;}