@charset "utf-8";
/* CSS Document */

/* ======= LAYOUT ===============================*/

html { background-color: #EFEFEF;}

body { background-color: #EFEFEF;}

div#wrap {
	width: 896px;
	text-align: left;
	margin: 15px auto 0;
	background: transparent url(/img/bg_main.jpg) repeat-y 0 0;
}

div#head {
	width: 896px;
	height: 101px;
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}

div#head img#logo {
	position: relative;
	top: 28px;
	left: 23px;
}

div#head ul#h_menu {
	list-style: none;
	position: absolute;
	left: 0px;
}

div#head ul#h_menu img {
}

div#menu {

}


div#main {
	width: 896px;

	margin: 0;
	padding: 0;
}

div#shadow {
	position: relative;
	top: -1px;
	width: 876px;
	height: 15px;
	background: transparent url(../img/bg_shadow.jpg) repeat-x 50% 0;
	margin: 0 auto;
	padding: 0;
}

div#t_path {
	font-size: 85%;
	text-transform: uppercase;
	margin-bottom: 10px;
	padding: 3px 8px 3px 8px;
	background:url(/img/bg_h1.jpg);
	background-repeat:repeat-x;
	
}

div#contents {
	position: relative;
	left: 21px;
	float: left;
	clear: left;
	width: 560px;
	margin: 0;
	padding: 0;
}

div#contents ul.typeStd li {
	list-style: none;
	/*background: transparent url(/img/marker3.gif) no-repeat 5px 0.8em;*/
	margin: 0 0 10px;
	padding: 3px;
	padding-left: 10px;
	width: 545px;
	font-size: 14px;
}

/* ===== indexSide ===== */

div#indexSide {
	position: relative;
	left: -21px;
	float: right;
	clear: right;
	width: 270px;
	margin: 0;
	padding: 0;
	display:block;
}

/* ===== SectionDesign ===== */
div.section1 {
	margin: 0 0 6px 0;
	padding: 0;
}

#main div.section1 .sectionTitle {
	height: 30px;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	line-height: 30px;
	padding: 0 0 0 15px;
}

div.section1.green .sectionTitle {
	background: transparent url(../img/top_h2_green.jpg) no-repeat 0 0;
}

div.section1.crimson .sectionTitle {
	background: transparent url(../img/top_h2_crimson.jpg) no-repeat 0 0;
}

#contents div.section1.crimson2 p.sectionTitle {
	background: transparent url(../img/renewal01/crimson_bg.jpg) no-repeat 0 0;
	margin: 0;
}

#contents div.section1.black p.sectionTitle {
	background: transparent url(../img/renewal01/black_bg.jpg) no-repeat 0 0;
	margin: 0;
}

div.sectionBox {
	border: 1px solid #CCC4BD;
	background-color: #E8E4E1;
}

div.sectionBox .sectionBody1 {
	margin: 4px;
	background-color: #FFFFFF;
}


/* ===== インデックスタブ ===== */
.sliderTab {
	background: #F9F9F9 url(../img/renewal01/slideparts01.jpg) repeat-x bottom left;
	border: 1px solid #BBB6A4;
	padding: 0 0 6px;
	margin: 0 0 6px;
}
#contents ul.ctTab {
	font-weight: bold;
	font-size: 13px;
	margin: 0;
	padding: 1px;
} 



#contents ul.ctTab li {
    float: left;
    margin:0 1px 0 0;
	list-style: none;
}

#contents ul.ctTab li a{
	background: url(../img/renewal01/tab_bg02.jpg) no-repeat top left;
	display: block;
	width: 138px;
	height: 30px;
	color: #FFFFFF;
}

.tabContent {
    clear: both;
    overflow: hidden;
	padding: 10px;
}


#contents .area {
    display: none;
}

#contents .area ul.typeStd li {
	width: 515px;
}

#contents .ctTab li span{
	display: block;
	text-align: center;
	padding: 6px 0 0;
}

#contents .ctTab li.active a{
    color:#608035;
	background: url(../img/renewal01/tab_bg01.jpg) no-repeat top left;	
}

.half_floatw500 {
	width: 540px;
	font-size:90%;
}

.half_floatw500 .lb {float: left; display: block;}
.half_floatw500 .rb {float: right; display: block;}




/* ===== 劇場紹介 ===== */
div#contents div.theater .sectionBody1 ul {
	margin: 0;
	padding: 0 0 5px;
}

div#contents div.theater .sectionBody1 ul li {
	padding: 0;
	list-style: none;
	float: left;
	width: 131px;
	height: 36px;
	background: transparent url(../img/renewal01/bt_bg01.jpg) no-repeat 0 0;
	margin: 5px 0 0 5px;
}

div#contents div.theater .sectionBody1 ul li span.theater {
	font-size: 14px;
	padding: 9px 20px 0;
	display: block;
}

/* ===== リンク ===== */
div#contents div.links .sectionBody1 ul {
	margin: 0;
	padding: 0 0 5px;
}

div#contents div.links .sectionBody1 ul li {
	padding: 0;
	list-style: none;
	float: left;
	margin: 10px 0 0 10px;
}

/* ===== 公演データベースサイド ===== */
.sectionBody2 {
	background-color: #25360C;
	border-top: 0;
	margin: 0;
}

div#indexSide div.dbList .sectionBody2 ul {
	margin: 0;
	padding: 4px 0 0 4px;
}

div#indexSide div.dbList .sectionBody2 ul li {
	padding: 0 4px 0 0;
	list-style: none;
	float: left;
}

div#indexSide div.dbList .sectionBody2 ul li.right {
	padding: 0 0 0 0;
}

/* ===== 歌舞伎俳優名鑑 ===== */

div#indexSide div.directory .sectionBody2 {
	background-color: #FAF4EE;
	border-top: 0;
	border-bottom: 1px solid #BAA881;
	border-left: 1px solid #BAA881;
	border-right: 1px solid #BAA881;
	margin: 0;
	padding: 0;
}
div#indexSide div.directory .sectionBody2 ul {
	margin: 0 4px 0;
	padding: 8px 0 0px;
}

div#indexSide div.directory .sectionBody2 ul li {
	padding: 0;
	list-style: none;
	margin: 0 0 4px;
}

div#indexSide .directory input.w228 {
	width: 102px;
}

div#indexSide div.directory .sectionBody2 ul.directoryFormList li {
	margin: 0 0 8px 4px;
}

.half_floatw254 {
	width: 254px;
}

.half_floatw254 .lb {float: left; display: block;}
.half_floatw254 .rb {float: right; display: block;}

div.lb {float: left; display: block; width:140px; background-color:#FAF4EE;}
div.rb {float: right; display: block; width:126px; background-color:#E9E0CC;}

div#indexSide div.directory div.submitBtn{
	margin-bottom: 5px;
}


#main div.section1 .sectionSubTitle {
	height: 31px;
	color: #333;
	font-size: 12px;
	font-weight: bold;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
}


div.section1.green .sectionSubTitle {
	background:url(../img/bg_section_subtitle1_green.jpg) no-repeat 0 0;
}

div.section1.crimson .sectionSubTitle {
	background:url(../img/bg_section_subtitle1_crimson.jpg) no-repeat 0 0;
}

#main div.section1 table.sectionSubTitle td.subTitleText {
	text-align: left;
	vertical-align: middle;
	margin: 0;
	padding-left: 16px;
}

#main div.section1 table.sectionSubTitle td.navLink {
	width: 150px;
	text-align: right;
	vertical-align: middle;
	margin: 0;
	padding-right: 1.2em;
}

#main div.section1 div.sectionSubTitle td.navLink img {
	position: relative;
	top: 0.1em;
}

div.section1 .sectionBody {
	margin: 0;
	padding: 0;
}

div.section2 {
	margin: 0 0 6px 0;
	padding: 0;
}

div.section2 .sectionTitle {
	height: 24px;
	color: #fff;
	background: transparent url(../img/bg_section_title2.jpg) no-repeat 0 0;
	font-size: 12px;
	font-weight: bold;
	line-height: 24px;
	padding: 0 0 0 10px;
}

div.section2 .sectionBody {
	border: 1px solid #c4c4c4;
	border-top: 0;
	margin: 0;
	padding: 9px 10px;
	width: 248px;
}

div.section2 .sectionBody ul {
	padding: 0 10px;
}

div.section2 .sectionBody a {
	text-decoration: none;
}

#main div.section1 td.navLink {
	width: 150px;
	text-align: right;
	vertical-align: middle;
	margin: 0;
	padding-right: 1.2em; 
	font-size: 12px;
	font-weight: bold;
}

#main div.section3 {
	margin-bottom: 1em;
}

#main div.section3 div.top_linkbanner {
	margin-top: 1em;
}

/* ======= LINK ===============================*/
a.btn_link {
	background-position:0px 0px;
	background-repeat: no-repeat;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
a#btn_meikan {
	margin-left:10px;
	float:left;
	background-image: url(../img/banner_actor1.jpg);
	width:266px;
	height:86px;
}
a#btn_meikan:hover {
	background-position:-266px 0px;
}

a#btn_omoide {
	margin-left:8px;
	float:left;
	background-image: url(../img/banner_actor2.jpg);
	width:266px;
	height:86px;
}
a#btn_omoide:hover {
	background-position:-266px 0px;
}

a#btn_kouendb {
	margin-left:10px;
	background-image: url(../img/top_db_banner.jpg);
	width:537px;
	height:96px;
}
a#btn_kouendb:hover {
	background-position:0px -96px;
}
a#btn_kouendb2 {
	background-image: url(../img/banner_db.jpg);
	width: 268px;
	height:96px;
}
a#btn_kouendb2:hover {
	background-position:-268px 0px;
}

a#btn_theater {
	background-image: url(../img/sub_theater.jpg);
	width:270px;
	height:46px;
}
a#btn_theater:hover {
	background-position:-270px 0px;
}

a#btn_prize {
	background-image: url(../img/sub_text_banner_3.jpg);
	width:270px;
	height:46px;
}
a#btn_prize:hover {
	background-position:-270px 0px;
}

a#btn_links {
	background-image: url(../img/sub_text_banner.jpg);
	width:270px;
	height:46px;
}
a#btn_links:hover {
	background-position:-270px 0px;
}

a#btn_unesco_en {
	background-image: url(../img/sub_text_banner_7.jpg);
	width:270px;
	height:46px;
}
a#btn_unesco_en:hover {
	background-position:-270px 0px;
}

a#btn_syupan1 {
	background-image: url(../img/sub_text_banner_6.jpg);
	width:270px;
	height:60px;
}
a#btn_syupan1:hover {
	background-position:-270px 0px;
}

a#btn_unesco_jp {
	background-image: url(../img/sub_text_banner_2.jpg);
	width:270px;
	height:46px;
}
a#btn_unesco_jp:hover {
	background-position:-270px 0px;
}

a#btn_kabuki {
	background-image: url(../img/sub_text_banner_5.jpg);
	width:270px;
	height:46px;
}
a#btn_kabuki:hover {
	background-position:-270px 0px;
}

a#btn_actors {
	background-image: url(../img/sub_text_banner_4.jpg);
	width:270px;
	height:46px;
}
a#btn_actors:hover {
	background-position:-270px 0px;
}




/* ======= UTILITY ===============================*/

div#main .bottom0 { margin-bottom: 0px; }
div#main .bottom1em { margin-bottom: 1em; }
div#main .bottom2em { margin-bottom: 2em; }

div#main .bottom2px { margin-bottom: 2px; }
div#main .bottom4px { margin-bottom: 4px; }
div#main .bottom6px { margin-bottom: 6px; }
div#main .bottom8px { margin-bottom: 8px; }
div#main .bottom10px { margin-bottom: 10px; }

div#main p.txtMarker2 {
	background: transparent url(../img/marker2.gif) no-repeat 10px 50%;
	padding: 3px;
	padding-left: 20px;
}

div#main p.txtBox1 {
	border: 1px solid #c4c4c4;
	padding: 10px;
}

/* ======= LAYOUT ===============================*/
div#main {
	width: 896px;
	background: transparent url(../img/bg_main.jpg) repeat-y 0 0;
	margin: 0;
	padding: 0;
}

p#t_path {
	font-size: 85%;
	text-transform: uppercase;
	margin-bottom: 3px;
}

div#contents {
	position: relative;
	left: 21px;
	float: left;
	clear: left;
	width: 560px;
	margin: 0;
	padding: 0;
}

.date {
	font-size:85%;
	color:#666666;
}


#main div.section1 #topicsArea td.subTitleText {
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
}

#main div.section1 #topicsArea td.navLink {
	width: 150px;
	text-align: right;
	vertical-align: middle;
}

#main div.section1 #topicsArea td.navLink img {
	position: relative;
	top: 0.1em;
}

#contents #actorSearch {
	margin: 10px 0 0 0;
	padding: 0;
}

#contents div.updateListArea p.topImage {
	font-size: 80%;
	width: 132px;
	background: #f5f5f5;
	float: right;

	border: 1px solid #999999;
	text-align: center;
	padding: 5px;
}

#contents div.updateListArea p.topImageHover {
	border: 1px solid #999999;
	background-color: #FFFFE8;
}

.linkImage img {
	border: 2px solid #FFFFFF;
}
.linkImageHover img {
	border: 2px solid #999999;
}

#contents div#productArea.updateListArea ul {
	width: 545px;
	margin: 0 auto;
	padding: 0;
}

#contents div#productArea.updateListArea ul li {
	list-style: none;
}

#contents div#productArea.updateListArea ul li img {
}

#contents #actorSearch input#family,
#contents #actorSearch input#person,
#contents #actorSearch input#generation {
	width: 5.5em;
}

.lastupdated {
	font-weight:normal;
	text-align:right;
}


div#indexSide {
	border-color: #CCC4BD;
	border-style: solid;
	border-width: 1px;
	padding: 5px;
	background-color: #E8E4E1;
}

div#indexSide div.section2 .sectionTitle {
	height: 30px;
	color: #fff;
	background: transparent url(../img/sub_h2.jpg) no-repeat 0 0;
	font-size: 12px;
	font-weight: bold;
	line-height: 30px;
	padding: 0 0 0 12px;
}

div#indexSide div.section2 .sectionBody {
	border: 1px solid #c4c4c4;
	border-top: 0;
	margin: 0;
	padding: 9px 10px;
	width: 248px;
	background-color: #FFFFFF;
}

div#indexSide ul.typeStd {
	margin-left: 0;
	margin-right: 0;
	padding: 0;
}

div#indexSide ul.typeStd li {
	list-style: none;
	background: transparent url(/img/marker3.gif) no-repeat 5px 0.8em;
	margin: 0;
	padding: 3px;
	padding-left: 12px;
}

/* 公演データベースバナー */
div#indexSide div#db_banner {
	padding: 1px 1px;
	width: 266px;
}

div#indexSide div#db_banner p {
	padding: 9px 10px;
	color:#666666;
}

/* 劇場紹介 */
div#indexSide div#theaterIntro div.sectionBody {
	padding: 3px 4px;
	width: 260px;
}

div#indexSide div#theaterIntro span.theater {
	display:block;
	background:transparent url(../img/marker4.gif) no-repeat scroll 5px 0.8em;
	line-height: 28px;
	padding-left: 14px;
	border:1px solid #CCCCCC;
	background-color:#F5F5F5;
	margin:2px;
}

/* サブリンクつきリンクバナー */
div#indexSide div#subLink span.link {
	display:block;
	background:transparent url(../img/marker4.gif) no-repeat scroll 5px 0.4em;
	padding-left: 14px;
}

/* 主要劇場公演情報一覧 */
div#subActorInfo {
	margin: 0 0 6px 0;
	padding: 3px;
	background-color: #C6BDB7;
	width: 264px;
}

div#subActorInfo div.insideBox{
	padding: 0 12px 0 12px;
	background-color: #456417;
}

div#subActorInfo .sectionTitle {
	height: 30px;
	color: #E8E8E8;
	font-size: 12px;
	font-weight: bold;
	line-height: 30px;
}

div#subActorInfo .sectionBody {
	padding: 6px 0 12px 0;
	color: #E8E8E8;
	border-top-style: solid;
	border-top-color: #A0AF83;
	border-top-width: 1px;
}

div#subActorInfo ul li {
	margin: 0;
	display: inline;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding-right: 15px;
}

div#subActorInfo a{
	color: #E8E8E8;
}

div#indexSide p.alertMessage {
	padding:5px;
	background-color:#FFFFFF;
	color:#FF0000;
	font-weight: bold;
	width: 260px;
}

/* ==== TV・映画情報 ==== */
#contents div.sectionBody div.caption {
	color:#666666;
	font-size: 85%;
	text-align: right;
	margin: 10px;
}

/* ==== 歌舞伎ダイアリーバナー ==== */

div#diaryBanner a {
	background-image:url(../images/btn_diary.png);
	background-repeat:no-repeat;
	width:560px;
	height:100px;
	text-indent:-9999px;
	display:block;
	margin-bottom:10px;
}

/* ===== foot ===== */
div#foot {
	clear: both;
	width: 896px;
	height: 30px;
	background: transparent url(../img/bg_foot.jpg) no-repeat 0 0;
	position: relative;
	padding: 7px 0px;
	color: #FFFFFF;
}

div#foot a {
	color: #FFFFFF;
	text-decoration: none;
}

div#foot a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

div#foot ul {
	position: absolute;
	top: 18px;
	left: 6px;
	list-style: none;
	width: 500px;
}

div#foot ul li {
	float: left;
	border-left: 1px solid #FFFFFF;
	padding: 0px 6px;
	line-height: 110%;
}

div#foot ul li.noBorderLeft {
	border-left: none;
}


div#foot p#copyright {
	position: absolute;
	top: 15px;
	right: 8px;
}

/* ===== Link ===== */
a:link{
	color: #1d3994;
	text-decoration: none;
}


a:visited {
	color:#666666;
	text-decoration:none;
	}
	
a:hover{
	color:#356DCA;
	text-decoration:underline;
}

a:active {
	color:#3589B7;
	text-decoration:underline;
}


/* ===== Clearfix ===== */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* End hide from IE-mac */



/* ===== Module ===== */
.clear {
	clear: both;
}


a.hoverAlpha:hover img {
  filter: alpha(opacity=75);
  -moz-opacity:0.75;
  opacity:0.75;
}


/* Margin */
.ma0 { margin:0; } .mt0 { margin-top:0; } .mr0 { margin-right:0; } .mb0 { margin-bottom:0; } .ml0 { margin-left:0; }
.ma1 { margin:1px; } .mt1 { margin-top:1px; } .mr1 { margin-right:1px; } .mb1 { margin-bottom:1px; } .ml1 { margin-left:1px; }
.ma2 { margin:2px; } .mt2 { margin-top:2px; } .mr2 { margin-right:2px; } .mb2 { margin-bottom:2px; } .ml2 { margin-left:2px; }
.ma3 { margin:3px; } .mt3 { margin-top:3px; } .mr3 { margin-right:3px; } .mb3 { margin-bottom:3px; } .ml3 { margin-left:3px; }
.ma4 { margin:4px; } .mt4 { margin-top:4px; } .mr4 { margin-right:4px; } .mb4 { margin-bottom:4px; } .ml4 { margin-left:4px; }
.ma5 { margin:5px; } .mt5 { margin-top:5px; } .mr5 { margin-right:5px; } .mb5 { margin-bottom:5px; } .ml5 { margin-left:5px; }
.ma6 { margin:6px; } .mt6 { margin-top:6px; } .mr6 { margin-right:6px; } .mb6 { margin-bottom:6px; } .ml6 { margin-left:6px; }
.ma7 { margin:7px; } .mt7 { margin-top:7px; } .mr7 { margin-right:7px; } .mb7 { margin-bottom:7px; } .ml7 { margin-left:7px; }
.ma8 { margin:8px; } .mt8 { margin-top:8px; } .mr8 { margin-right:8px; } .mb8 { margin-bottom:8px; } .ml8 { margin-left:8px; }
.ma9 { margin:9px; } .mt9 { margin-top:9px; } .mr9 { margin-right:9px; } .mb9 { margin-bottom:9px; } .ml9 { margin-left:9px; }
.ma10 { margin:10px; } .mt10 { margin-top:10px; } .mr10 { margin-right:10px; } .mb10 { margin-bottom:10px; } .ml10 { margin-left:10px; }
.ma15 { margin:15px; } .mt15 { margin-top:15px; } .mr15 { margin-right:15px; } .mb15 { margin-bottom:15px; } .ml15 { margin-left:15px; }
.ma20 { margin:20px; } .mt20 { margin-top:20px; } .mr20 { margin-right:20px; } .mb20 { margin-bottom:20px; } .ml20 { margin-left:20px; }
.ma25 { margin:25px; } .mt25 { margin-top:25px; } .mr25 { margin-right:25px; } .mb25 { margin-bottom:25px; } .ml25 { margin-left:25px; }
.ma30 { margin:30px; } .mt30 { margin-top:30px; } .mr30 { margin-right:30px; } .mb30 { margin-bottom:30px; } .ml30 { margin-left:30px; }
.ma40 { margin:40px; } .mt40 { margin-top:40px; } .mr40 { margin-right:40px; } .mb40 { margin-bottom:40px; } .ml40 { margin-left:40px; }
.ma50 { margin:50px; } .mt50 { margin-top:50px; } .mr50 { margin-right:50px; } .mb50 { margin-bottom:50px; } .ml50 { margin-left:50px; }
.ma60 { margin:60px; } .mt60 { margin-top:60px; } .mr60 { margin-right:60px; } .mb60 { margin-bottom:60px; } .ml60 { margin-left:60px; }
.ma70 { margin:70px; } .mt70 { margin-top:70px; } .mr70 { margin-right:70px; } .mb70 { margin-bottom:70px; } .ml70 { margin-left:70px; }
.ma80 { margin:80px; } .mt80 { margin-top:80px; } .mr80 { margin-right:80px; } .mb80 { margin-bottom:80px; } .ml80 { margin-left:80px; }
.ma90 { margin:90px; } .mt90 { margin-top:90px; } .mr90 { margin-right:90px; } .mb90 { margin-bottom:90px; } .ml90 { margin-left:90px; }
.ma100 { margin:100px; } .mt100 { margin-top:100px; } .mr100 { margin-right:100px; } .mb100 { margin-bottom:100px; } .ml100 { margin-left:100px; }

/* Padding */
.pa0 { padding:0; } .pt0 { padding-top:0; } .pr0 { padding-right:0; } .pb0 { padding-bottom:0; } .pl0 { padding-left:0; }
.pa1 { padding:1px; } .pt1 { padding-top:1px; } .pr1 { padding-right:1px; } .pb1 { padding-bottom:1px; } .pl1 { padding-left:1px; }
.pa2 { padding:2px; } .pt2 { padding-top:2px; } .pr2 { padding-right:2px; } .pb2 { padding-bottom:2px; } .pl2 { padding-left:2px; }
.pa3 { padding:3px; } .pt3 { padding-top:3px; } .pr3 { padding-right:3px; } .pb3 { padding-bottom:3px; } .pl3 { padding-left:3px; }
.pa4 { padding:4px; } .pt4 { padding-top:4px; } .pr4 { padding-right:4px; } .pb4 { padding-bottom:4px; } .pl4 { padding-left:4px; }
.pa5 { padding:5px; } .pt5 { padding-top:5px; } .pr5 { padding-right:5px; } .pb5 { padding-bottom:5px; } .pl5 { padding-left:5px; }
.pa6 { padding:6px; } .pt6 { padding-top:6px; } .pr6 { padding-right:6px; } .pb6 { padding-bottom:6px; } .pl6 { padding-left:6px; }
.pa7 { padding:7px; } .pt7 { padding-top:7px; } .pr7 { padding-right:7px; } .pb7 { padding-bottom:7px; } .pl7 { padding-left:7px; }
.pa8 { padding:8px; } .pt8 { padding-top:8px; } .pr8 { padding-right:8px; } .pb8 { padding-bottom:8px; } .pl8 { padding-left:8px; }
.pa9 { padding:9px; } .pt9 { padding-top:9px; } .pr9 { padding-right:9px; } .pb9 { padding-bottom:9px; } .pl9 { padding-left:9px; }
.pa10 { padding:10px; } .pt10 { padding-top:10px; } .pr10 { padding-right:10px; } .pb10 { padding-bottom:10px; } .pl10 { padding-left:10px; }
.pa15 { padding:15px; } .pt15 { padding-top:15px; } .pr15 { padding-right:15px; } .pb15 { padding-bottom:15px; } .pl15 { padding-left:15px; }
.pa20 { padding:20px; } .pt20 { padding-top:20px; } .pr20 { padding-right:20px; } .pb20 { padding-bottom:20px; } .pl20 { padding-left:20px; }
.pa25 { padding:25px; } .pt25 { padding-top:25px; } .pr25 { padding-right:25px; } .pb25 { padding-bottom:25px; } .pl25 { padding-left:25px; }
.pa30 { padding:30px; } .pt30 { padding-top:30px; } .pr30 { padding-right:30px; } .pb30 { padding-bottom:30px; } .pl30 { padding-left:30px; }
.pa40 { padding:40px; } .pt40 { padding-top:40px; } .pr40 { padding-right:40px; } .pb40 { padding-bottom:40px; } .pl40 { padding-left:40px; }
.pa50 { padding:50px; } .pt50 { padding-top:50px; } .pr50 { padding-right:50px; } .pb50 { padding-bottom:50px; } .pl50 { padding-left:50px; }
.pa60 { padding:60px; } .pt60 { padding-top:60px; } .pr60 { padding-right:60px; } .pb60 { padding-bottom:60px; } .pl60 { padding-left:60px; }
.pa70 { padding:70px; } .pt70 { padding-top:70px; } .pr70 { padding-right:70px; } .pb70 { padding-bottom:70px; } .pl70 { padding-left:70px; }
.pa80 { padding:80px; } .pt80 { padding-top:80px; } .pr80 { padding-right:80px; } .pb80 { padding-bottom:80px; } .pl80 { padding-left:80px; }
.pa90 { padding:90px; } .pt90 { padding-top:90px; } .pr90 { padding-right:90px; } .pb90 { padding-bottom:90px; } .pl90 { padding-left:90px; }
.pa100 { padding:100px; } .pt100 { padding-top:100px; } .pr100 { padding-right:100px; } .pb100 { padding-bottom:100px; } .pl100 { padding-left:100px; }

div#keywordSearch h3{
	font-size:13px;
	border-bottom:none;
	margin-top:6px;
}
h3 span{
	position: relative;
	margin-left:6px;
	height:16px;
}
h3 span.help img{
	position:absolute;
  top: 0px;
}

div#enmokuBox{
	border:1px solid #d2d2d2;
	padding:8px;
	background-color:#fff;
	margin-bottom:10px;
}

div#keywordSearch{
		margin-bottom:16px;
}
div#keywordSearch input[type="text"] {
	border: 1px solid #DDD;
	margin:0;
	padding: 5px 0 5px 5px;
	width: 208px;
	font-size: 100%;
	height:18px;
	vertical-align:top;
}

div#keywordSearch input[type="submit"]{
	border: none;
	margin:0;
	font-size: 100%;
	color:#FFFFFF;
	background-color:#238C00;
	cursor: pointer
	}
div#keywordSearch input[type="submit"]:hover{
	background-color:#238C00;
	opacity:80;
		}

.image-btn {
    border: 0px;
    width: 32px;
    height: 30px;
    background: url(/img/icon_enmoku_search.png) left top no-repeat;
}

div#InitialSearch h3{
		font-size:13px;
	border-bottom:none;
}

div#InitialSearch{
	width:100%;
}

div#InitialSearch ul{
	list-style:none;
	margin-bottom:4px;
		}
div#InitialSearch ul li a{
	padding: 5px 5px;
	margin-right:2px;
	font-size: 100%;
	height:14px;
	color:#FFFFFF;
	background-color:#444444;
	float:left;
	cursor: pointer
	}

div#InitialSearch ul li a:hover{
	opacity:0.7;
	text-decoration:none;
	}