@charset "utf-8";

@import 'top_menu.css';

body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, /*input, textarea,*/ p, blockquote, th, td, a, img {
margin: 0;
padding: 0;
}

body { 
    font-family:"メイリオ", Meiryo, "Lucida Grande", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
    word-break: break-all;
    word-wrap: break-word;
}

body { 
    font-size:12px;
}

h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight:400; padding:0; margin:0; }

address, cite, code, dfn, em, th, var {
    font-style:normal;
    font-weight:400;
}

fieldset { border: none; }
ul { list-style:none; }

table {
border-collapse: collapse;
/*border-spacing: 0; border-collapse:separate?L*/
}

img { border: 0; }

body { color:#333333; }
caption { display:none; position:absolute; top:0; left:-1000px; width:0; height:0; font-size:0; line-height:0; }
a { color:#333333; }
a:link, a:visited { text-decoration:none; }
a:hover { text-decoration:underline; }
a:active { color:#333333; }
textarea, select {
    font-family:"メイリオ", Meiryo, "Lucida Grande", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:12px;
}
input {
    font-family:"メイリオ", Meiryo, "Lucida Grande", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:12px;
}

.fl { float:left; }
.fr { float:right; }
.clear { clear:both; }
.ajax_error{color:#ff3300;}
.ajax_success{color:#0033ff;}

input.text { height:19px; border:1px solid #9A9A9A; border-bottom:1px solid #D8D8D8; border-right:1px solid #D8D8D8; color:#404040; vertical-align:middle; padding:3px 0 0 5px; -webkit-appearance:none; -webkit-border-radius:0px; }
input.search { width:150px; height:19px; border:1px solid #9A9A9A; border-bottom:1px solid #D8D8D8; border-right:1px solid #D8D8D8; color:#404040; vertical-align:middle; padding:3px 0 0 5px; -webkit-appearance:none; -webkit-border-radius:0px; }
textarea.textarea { width:98%; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:2px; -webkit-appearance:none; -webkit-border-radius:0px; }
select { -webkit-border-radius:0px; }

.skip{position:absolute; top:0; left:-1000px; width:0; height:0; font-size:0; line-height:0;}

/************************************************************************************
STRUCTURE
*************************************************************************************/
#pagewrap {
    background:#fff;
    width: 1000px;
	margin:0px auto;
    *margin:0px auto;
}

#h1 {
	margin:0px auto;
    *margin:0px auto;
    float:left;
}

#h1 h1 {
    padding:0;
    color:#888888;
    font-size:10px;
    height:30px;
    line-height:30px;
}

#pagewrap .h1_right {
	float:right;
    font-size:10px;
    height:30px;
    line-height:30px;
}

#pagewrap .h1_right span {
    padding:0 10px;
}

#pagewrap_header {
    clear:both;
    background:#fff;
}

#header {
	width: 1000px;
	margin:0px auto;
    *margin:0px auto;
    height:80px;
    overflow:hidden;
}

/* head_top - menu */
#header .logo { float:left; position:relative; padding:0; }
#header .header_right { float:right; position:relative; padding:20px 10px 0 0; }

#head_menu { clear:both; margin:0; height: 39px; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; background:#ffffff; }

#head_menu .topmenu {    
	width: 1000px;
	margin:0px auto;
    *margin:0px auto;
}

#contentwrap {
	width: 1000px;
	margin:0px auto;
    *margin:0px auto;
}

#main_banner_bg {
    min-width:1000px; 
    background:url("/img/bg_mainbanner.jpg") repeat-x center top;
    height:260px;
} 

#main_banner_bg .main_banner {
	width: 1000px;
	margin:0px auto;
    *margin:0px auto;
} 

#sub_banner_bg {
    min-width:1000px; 
    background:url("/img/bg_subbanner.jpg") repeat-x center top;
    height:130px;
} 

#sub_banner_bg .sub_banner {
	width: 1000px;
	margin:0px auto;
    *margin:0px auto;
} 

#na_serch_bg {
    height:260px;
} 

#na_serch_bg .na_serch {
    background:url("/img/bg_search.jpg") no-repeat;
	width: 1000px;
    height:260px;
	margin:0px auto;
    *margin:0px auto;
}

#na_serch_bg .na_serch .na_serch_form { float:right; padding:185px 30px 0 0; }

#sub_serch_bg {
    height:130px;
} 

#sub_serch_bg .navi {
    padding:70px 0 0 30px;
} 

#sub_serch_bg .navi .span1{
    color:#2DAECD; font-size:32px; font-weight:bold; margin:0 15px 0 0;
} 

#sub_serch_bg .navi .span2{
    font-size:24px; font-weight:bold;
} 

#sub_serch_bg .sub_serch {
	width: 1000px;
    height:130px;
	margin:0px auto;
    *margin:0px auto;
}

#sidebar {
	width: 200px;
	float: left;
    margin:15px 25px 15px 0;
}

#sidebar .lag ul {
    background:#f9f8f8;
    margin:0;
    padding:0 0 5px 0;
}

#sidebar .lag img {
    margin:0 0 5px 0;
}

#sidebar .blag {
    padding:0 0 0 15px;
    font-weight:bold;
    background:url(/img/left_bg01.jpg) no-repeat; width:200px; height:27px; line-height:27px;
    margin:0 0 5px 0;
}
#sidebar .rlag {
    padding:0 0 0 15px;
    font-weight:bold;
    background:url(/img/left_bg02.jpg) no-repeat; width:200px; height:27px; line-height:27px;
    margin:0 0 5px 0;
}


#sidebar .lag ul img {
	padding:0 10px;
}

#sidebar .faq ul {
    background:#f9f8f8;
    margin:0;
    padding:0 0 5px 0;
}

#sidebar .faq img {
    margin:0 0 5px 0;
}

#sidebar .faq ul li {
    padding:0 0 0 15px;
    font-weight:bold;
    background:url(/img/left_bg01.jpg) no-repeat; width:200px; height:27px; line-height:27px;
    margin:0 0 5px 0;
}

#sidebar .faq ul img {
	padding:0 5px 0 8px;
}

#sidebar .hotnarrator .pic { position:relative; top:0px; left:0px; width:200px; height:182px; overflow:hidden; }
#sidebar .hotnarrator .pic .picz20{ position:absolute; top:0px; left:0px; z-index:20; }
#sidebar .hotnarrator .pic .picz10{ position:absolute; top:20px; left:5px; z-index:10; }
#sidebar .hotnarrator .title { font-size:11px; padding:5px 0 5px 5px; }
#sidebar .hotnarrator .title .title01 { color:#c3abab; }
#sidebar .hotnarrator .title .title02 { background:#000; color:#fff; padding:0 3px; }
#sidebar .hotnarrator .content { background:#F8F8F8; font-size:11px; padding:10px; }

.search01_select { border:3px solid #2DAECD; background:#ffffff; } 
.search01_select select { height:24px; } 

.search02_select { border:3px solid #2DAECD; background:#ffffff; margin:0 0 0 10px; } 
.search02_select select { height:36px; } 

.search03_select { border:3px solid #2DAECD; background:#ffffff; margin:0 0 10px 0; } 
.search03_select select { width:100%; height:36px; } 

.search04_select { border:3px solid #2DAECD; background:#ffffff; margin:0 0 10px 0; } 
.search04_select select { width:100%; height:36px; } 

.startitle a { text-decoration:none; } 

#content {
	width: 760px;
	float: right;
    margin:15px 0;
}

#content a { color:#333333; }
#content a:link,
#content a:visited { text-decoration:none; color:#2DAECD; text-decoration:underline; }
#content a:hover { text-decoration:underline; }
#content a:active { color:#333333; }

#content .navi { clear:both; padding:5px 5px 0 0; margin:0 0 5px 0; color:#b0afaf; font-size:11px; }
#content .navi a:link,
#content .navi a:visited,
#content .navi a:active { text-decoration:none; color:#aaaaaa }
#content .navi a:hover { text-decoration:underline; color:#aaaaaa }

img.grayscale {
    filter: none;
    -webkit-filter: grayscale(0%);
}

img.grayscale:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray;
    -webkit-filter: grayscale(1);
}

#info_narrator { clear:both; margin:0 0 20px 0; } 
#info_narrator .info_narrator01 { clear:both; margin:0 0 0 4px; height:160px; } 
#info_narrator .info_narrator02 { clear:both; margin:0 0 0 4px; height:160px; } 
#info_narrator .info_narrator03 { clear:both; margin:0 0 0 4px; height:160px; } 

#info_narrator .info_narrator { float:left; margin:0 4px; }
#info_narrator .info_narrator .last { float:left; margin:0 0 0 0; }
#info_narrator .info_narrator li.title01 { padding:5px 2px 3px 2px;color:#5c5c5c; } 
#info_narrator .info_narrator li.title02 { padding:0 2px; color:#8b8b8b; font-size:11px; }

#narrator_sample .narrator_sample01 { clear:both; border-bottom:1px dotted #c3abab; height:25px; margin:10px 0 0 0;}
#narrator_sample .narrator_sample01 li { padding:2px 0; }
#narrator_sample .narrator_sample01 span, .fl span { color:#c3abab; font-size:11px; }
#narrator_sample .narrator_sample01 .btn_sample { padding:0;}


#tail_banner { clear:both; min-width:1000px; background:#e95d70; height:94px; } 
#tail_banner .tail_banner { width:1000px; margin:0px auto; *margin:0px auto; } 

/* tail_content - etc */
#tail_content { clear: both; min-width:1000px; background:url("/img/bg_tail_content.jpg") repeat; padding:0; }

#tail_content .tail_top { position:relative; top:0px; left:0px; width:1000px; margin:0px auto; *margin:0px auto; background:url("/img/bg_tail_top.png") no-repeat; height:200px; overflow:hidden; }
#tail_content .tail_top .tail30{ position:absolute; top:35px; right:50px; z-index:30; }
#tail_content .tail_top .tail10{ position:absolute; bottom:10px; left:160px; font-size:11px; color:#D6D6D6; z-index:10; }
#tail_content .tail_top .tail10 a{ font-size:11px; color:#D6D6D6; }

#tail_content .tail_top .btn_contactus { text-align:right; padding:35px 20px 0 0;}

/* tail */
#tail { clear: both; min-width:1000px; background:#1D1F1F; padding:5px 0; color:#ffffff; background-size: 100%; height:40px; }
#tail .tailwrap { width: 1000px; margin:0px auto; *margin:0px auto; }
#tail .tailwrap .copyright { text-align:center; }
#tail a{ text-decoration:none; color:#ffffff; }
#tail address { padding:10px 30px 0 0; }
#tail address a{ color:#ffffff; }
#tail .tailwrap .tail_sitemap { float:left; }

/* border & guideline (you can ignore these) */
#content {
	background: #ffffff;
}
#sidebar {
	background: #ffffff;
}
#header, #content, #sidebar {
	/*margin-bottom: 5px;*/
}

#narrator { line-height:180%; }
#narrator h4 { border-left:5px solid #2DAECD; padding:0 0 0 10px; margin:0 0 10px 0px; font-size:15px; line-height:22px; font-weight:bold; }
#narrator h5 { font-size:13px; line-height:25px; font-weight:bold; }
#narrator h5 .num1{ background:url("/img/1.jpg") no-repeat; padding:3px 0 0 25px; }
#narrator h5 .num2{ background:url("/img/2.jpg") no-repeat; padding:3px 0 0 25px; }
#narrator h5 .num3{ background:url("/img/3.jpg") no-repeat; padding:3px 0 0 25px; }
#narrator .btnsend { text-align:center;padding:20px 0px 20px 0px; }
#narrator .btnarea01 { text-align:right;padding:10px 0px 10px 0px; }
#narrator .btnarea { text-align:right;padding:20px 0px 20px 0px; }
#narrator .help { font-size:11px; color:#888; }
#narrator .substrong { color:#2DAECD }
#narrator .contentbox { border:1px solid #eee; padding:10px 20px; }
#narrator .required { color:#B81515; }

#narrator .list { margin:0 0 20px 0; }

#narrator .faqbox { border:2px solid #eee; padding:10px 20px 10px 10px; }
#narrator .faqbox p { background:url("/img/faq01.jpg") no-repeat; padding:3px 0 0 30px ; }
#narrator .faqbox a { color:#2DAECD }
#narrator .faqbox a:link,
#narrator .faqbox a:visited { text-decoration:none; color:#2DAECD }
#narrator .faqbox a:active { text-decoration:none; color:#2DAECD }
#narrator .faqbox a:hover { text-decoration:underline; color:#2DAECD }

#narrator .qna { border:1px solid #eee; background:#FDFDFD; padding:15px; margin:15px 0 0 0;}
#narrator .qna { border:1px solid #eee; background:#FDFDFD; padding:15px; margin:15px 0 0 0;}
#narrator .qna .q  { background:url("/img/qna01.jpg") no-repeat; padding:3px 0 0 35px ; }
#narrator .qna .a  { background:url("/img/qna02.jpg") no-repeat; background-position:30px 5px; padding:3px 0 0 55px ; color:#999; }

#narrator .login { border:2px solid #eee; padding:20px; text-align:center; margin:0 0 15px 0; }
#narrator .login .input { padding:15px 0px 15px 50px; }
#narrator .login .input li { padding:0px 8px 15px 8px; display:inline; }

#narrator .zenzoku h5 { font-size:13px; line-height:25px; font-weight:bold; margin:15px 0 0 0; }
#narrator .zenzoku .nm1{ background:url("/img/1.jpg") no-repeat; padding:3px 0 0 30px; }
#narrator .zenzoku .nm2{ background:url("/img/2.jpg") no-repeat; padding:3px 0 0 30px; }
#narrator .zenzoku .nm3{ background:url("/img/3.jpg") no-repeat; padding:3px 0 0 30px; }
#narrator .zenzoku .nm4{ background:url("/img/4.jpg") no-repeat; padding:3px 0 0 30px; }
#narrator .zenzoku .nm5{ background:url("/img/5.jpg") no-repeat; padding:3px 0 0 30px; }
#narrator .zenzoku .nm6{ background:url("/img/6.jpg") no-repeat; padding:3px 0 0 30px; }
#narrator .zenzoku .nm7{ background:url("/img/7.jpg") no-repeat; padding:3px 0 0 30px; }
#narrator .zenzoku p { padding:0 15px;}
#narrator .zenzoku p { line-height:25px; }
#narrator .zenzoku p { padding:0 15px;}

#narrator .tokutyou { border:2px solid #eee; background:#f5f5f5; padding:10px 20px; font-size:15px; line-height:200%; }

#narrator .guidebox_in { border:1px solid #2DAECD; margin:0 0 20px 0; }
#narrator .guidebox { text-align:center; padding:10px; border:2px solid #34C7EA; color:#2DAECD;  }
#narrator .guidebox a { color:#2DAECD }
#narrator .guidebox a:link,
#narrator .guidebox a:visited { text-decoration:none; color:#333 }
#narrator .guidebox a:active { text-decoration:none; color:#333 }
#narrator .guidebox a:hover { text-decoration:underline; color:#2DAECD; font-weight:bold; }

#narrator .english_in { border:1px solid #2DAECD; margin:0 0 20px 0; }
#narrator .englishbox { text-align:center; padding:10px 10px 10px 40px; border:2px solid #34C7EA; color:#2DAECD;  }
#narrator .englishbox a { color:#2DAECD }
#narrator .englishbox a:link,
#narrator .englishbox a:visited { text-decoration:none; color:#333 }
#narrator .englishbox a:active { text-decoration:none; color:#333 }
#narrator .englishbox a:hover { text-decoration:underline; color:#2DAECD; font-weight:bold; }

#narrator .englishbox ul { clear:both; height:25px; text-align:left; }
#narrator .englishbox li { float:left; width:175px; }

#narrator .sitemapbox { border:0px solid #eee; padding:10px 20px; }
#narrator .sitemap ul { clear:both; text-align:left; padding:0 0 0 0; }
#narrator .sitemap li { float:left; background:url("/img/sitemap_icon.jpg") no-repeat; padding:3px 0 0 25px; width:150px; height:25px; }
#narrator .sitemap a { color:#333 }
#narrator .sitemap a:link,
#narrator .sitemap a:visited { text-decoration:none; color:#333 }
#narrator .sitemap a:active { text-decoration:none; color:#333 }
#narrator .sitemap a:hover { text-decoration:underline; color:#333; }

/* zenaplus */
img{vertical-align:middle}
.img-responsive{display:block;height:auto;max-width:100%}
.img-rounded{border-radius:6px}
.img-thumbnail{display:inline-block;height:auto;max-width:100%;padding:4px;line-height:1.428571429;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.img-circle{border-radius:50%}
hr{margin-top:10px 0px;border:0;border-top:1px solid #dddddd}
form {margin:0; padding:0;}
br { font-size:1px; height:10px; line-height:10px }
button { cursor:pointer; }
strong { font-weight:bold; }
ul,
ol { list-style:none }
.word { word-break:break-all; white-space: normal; }
.pre-line { white-space: pre-line; }

.tbl_default { border-collapse:collapse; border-spacing: 0 }
.tbl_default th,
.tbl_default td { border:0px }

.tbl_pad5default { border-collapse:collapse; border-spacing: 0 }
.tbl_pad5default th { text-align:center; font-weight:bold; }
.tbl_pad5default th,
.tbl_pad5default td { padding:5px }

.tbl_basic { border-collapse:collapse; border-spacing: 0 }
.tbl_basic th,
.tbl_basic td { border:1px solid #DDDDDD }

.tbl_pad5basic { border-collapse:collapse; border-spacing: 0 }
.tbl_pad5basic th,
.tbl_pad5basic td { border:1px solid #DDDDDD; padding:5px }
.tbl_pad5basic th  { text-align:center; font-weight:bold; background:#F9F9F9; }

.tbl_pad10basic { border-collapse:collapse; border-spacing: 0 }
.tbl_pad10basic th,
.tbl_pad10basic td { border:1px solid #DDDDDD; padding:10px }
.tbl_pad10basic th  { text-align:center; font-weight:bold; background:#F9F9F9; }
.tbl_pad10basic td .pr{ white-space: pre-line; max-height: 80px; overflow: hidden;}
.tbl_pad10basic td .pr:hover {overflow-y: scroll;}

.tbl_pad10basictoiawasw { border-collapse:collapse; border-spacing: 0 }
.tbl_pad10basictoiawasw th,
.tbl_pad10basictoiawasw td { border:1px solid #DDDDDD; padding:10px }
.tbl_pad10basictoiawasw th  { text-align:left; font-weight:bold; background:#F9F9F9; }

.tbl_narratortable { border-collapse:collapse; border-spacing: 0; width:100%;}
.tbl_narratortable td { border-bottom:1px solid #ddd; padding:5px 5px; text-align:left; }
.tbl_narratortable th  { border:0px solid #ddd; padding:5px 5px; text-align:center; font-weight:normal; color:#ffffff; }

.tbl_narratortable1 { border-collapse:collapse; border-spacing: 0; width:100%; border-top:2px solid #2DAECD; }
.tbl_narratortable1 td { border:1px solid #ddd; padding:7px 5px; text-align:left; }
.tbl_narratortable1 th  { border:1px solid #ddd; padding:7px 5px 7px 10px; text-align:left; font-weight:bold; background:#F9F8F8;}

.tbl_narratortable2 { border-collapse:collapse; border-spacing: 0; width:100%; border-top:2px solid #2DAECD; }
.tbl_narratortable2 td { border:1px solid #ddd; padding:7px 5px; text-align:left; }
.tbl_narratortable2 th  { border:1px solid #ddd; padding:7px 5px 7px 10px; text-align:left; font-weight:bold; background:#F9F8F8;}

.tbl_narratortable3 { border-collapse:collapse; border-spacing: 0; width:100%; }
.tbl_narratortable3 td { border:1px solid #ddd; padding:7px 5px; text-align:left; }
.tbl_narratortable3 th  { border:1px solid #ddd; padding:7px 5px 7px 10px; text-align:left; font-weight:bold; background:#F9F8F8;}

.tbl_narratortable4 { border-collapse:collapse; border-spacing: 0; width:100%; border-top:2px solid #2DAECD; }
.tbl_narratortable4 td { border:1px solid #ddd; border-right:0; border-left:0; padding:7px 5px; text-align:left; }
.tbl_narratortable4 th  { border:1px solid #ddd; border-right:0; border-left:0; padding:7px 5px 7px 10px; text-align:left; font-weight:bold; background:#F9F8F8;}

.tbl_narratortable5 { border-collapse:collapse; border-spacing: 0; width:100%; border-top:2px solid #2DAECD; }
.tbl_narratortable5 td { border:1px solid #ddd; border-right:0; border-left:0; padding:7px 5px; text-align:left; }
.tbl_narratortable5 th  { border:1px solid #ddd; border-right:0; border-left:0; padding:7px 5px 7px 10px; text-align:left; font-weight:bold; background:#F9F8F8;}

.tbl_narratortable6 { border-collapse:collapse; border-spacing: 0; width:100%; border-top:2px solid #2DAECD; }
.tbl_narratortable6 td { border:1px solid #fff; padding:7px 5px; text-align:left; }
.tbl_narratortable6 th  { border:1px solid #fff; padding:7px 5px 7px 10px; text-align:left; font-weight:bold; background:#F9F8F8;}

.tbl_narratortable7 { border-collapse:collapse; border-spacing: 0; width:100%; border-top:2px solid #2DAECD; }
.tbl_narratortable7 td { border:1px solid #fff; padding:5px 5px; text-align:left; }
.tbl_narratortable7 th  { border:1px solid #fff; padding:5px 5px 5px 5px; text-align:left; font-weight:bold; background:#fff;}

.tbl_narratortable8 { border-collapse:collapse; border-spacing: 0; width:100%; border-top:2px solid #2DAECD; }
.tbl_narratortable8 td { border:1px solid #fff; padding:5px 5px; text-align:left; }
.tbl_narratortable8 th  { border:1px solid #fff; padding:5px 5px 5px 5px; text-align:left; font-weight:bold; background:#fff;}

.tbl_narratorconttable { border-collapse:collapse; border-spacing: 0; width:100%; }
.tbl_narratorconttable td { border:0px; padding:10px; text-align:left; }
.tbl_narratorconttable th  { border:0px; padding:13px 20px 10px 10px; text-align:right; font-weight:normal; width:60px; vertical-align:top;}

.tbl_narratorconttable8 { border-collapse:collapse; border-spacing: 0; width:100%; }
.tbl_narratorconttable8 td { border:0px; padding:10px 10px 30px 10px; text-align:left; }
.tbl_narratorconttable8 th  { border:0px; padding:0 10px; text-align:left; font-weight:normal; width:60px; vertical-align:top;}


.tbl_narratortable9 { border-collapse:collapse; border-spacing: 0; width:100%; }
.tbl_narratortable9 td { border:1px solid #fff; padding:5px 5px; text-align:left; }
.tbl_narratortable9 th  { border:1px solid #fff; padding:5px 5px 5px 5px; text-align:left; font-weight:bold; background:#fff;}

.tbl_narratorconttable9 { border-collapse:collapse; border-spacing: 0; width:100%; }
.tbl_narratorconttable9 td { border:0px; padding:10px 10px 30px 10px; text-align:left; }
.tbl_narratorconttable9 th  { border:0px; padding:0 10px; text-align:left; font-weight:normal; width:60px; vertical-align:top;}

.tbl_sitemap { border-collapse:collapse; border-spacing: 0; border:1px solid #DDDDDD; }
.tbl_sitemap .ttop { border-top:1px solid #DDDDDD; }
.tbl_sitemap td { border:0px solid #DDDDDD; padding:5px 15px; }
.tbl_sitemap th { border:1px solid #DDDDDD; padding:5px 15px; text-align:left; vertical-align:top; font-weight:bold; background:#F9F9F9; }

.tblfixed { table-layout : fixed }
.tblauto { table-layout : auto }

.tbl_none { border-collapse:collapse; border-spacing: 0; }
.tbl_none th,
.tbl_none td { border:none; padding: 0px;}

.pointer { cursor:pointer }
.htitle_bar { text-align:left; background-color:#E8F1FA; height:30px; line-height:30px; padding:0 10px }
.htitle_bar ul { padding:0 0 20px 0; list-style-type:none }
.htitle_bar li { float:left; display:inline }
.bgf5 { background-color:#F5F5F5 }
.bgf8 { background-color:#F8F8F8 }
.bgerror {background-color:#F5A3A3 }
.reply { padding:0 5px }
.arrow { font-family : Dotum, Sans-Serif }
.bold { font-weight: bold !important; }
.normal { font-weight:400 }
.small { font-size:90%; }
.none { display:none }
.text-left { text-align:left }
.text-center { text-align:center }
.text-right { text-align:right }
.textleft { text-align:left }
.textcenter { text-align:center }
.textright { text-align:right }
.underline { text-decoration:underline }
.inline li { display:inline }
.white { color:#ffffff }
.red { color:#ff0000 }
.blue { color:#0000ff }
.gray { color:gray }
.sitecolor { color:#EA69A2 }
.vtop { vertical-align:top }
.vmiddle { vertical-align:middle }
.vbottom { vertical-align:bottom }

/* width */
.w5 { width:5% }
.w10 { width:10% }
.w15 { width:15% }
.w20 { width:20% }
.w25 { width:25% }
.w30 { width:30% }
.w35 { width:35% }
.w40 { width:40% }
.w45 { width:45% }
.w50 { width:50% }
.w55 { width:55% }
.w60 { width:60% }
.w65 { width:65% }
.w70 { width:70% }
.w75 { width:75% }
.w80 { width:80% }
.w85 { width:85% }
.w90 { width:90% }
.w95 { width:95% }
.w98 { width:98% }
.w99 { width:99% }
.w100 { width:100% }
.w50px { width:50px }
.w65px { width:65px }
.w70px { width:70px }
.w80px { width:80px }
.w100px { width:100px }

/* margin */
.mgn-t05 { margin-top:5px; }
.mgn-t10 { margin-top:10px; }
.mgn-t15 { margin-top:15px; }
.mgn-t20 { margin-top:20px; }
.mgn-t25 { margin-top:25px; }
.mgn-t30 { margin-top:30px; }
.mgn-t35 { margin-top:35px; }
.mgn-t40 { margin-top:40px; }
.mgn-t45 { margin-top:45px; }
.mgn-t50 { margin-top:50px; }

.mgn-b05 { margin-bottom:5px; }
.mgn-b10 { margin-bottom:10px; }
.mgn-b15 { margin-bottom:15px; }
.mgn-b20 { margin-bottom:20px; }
.mgn-b25 { margin-bottom:25px; }
.mgn-b30 { margin-bottom:30px; }
.mgn-b35 { margin-bottom:35px; }
.mgn-b40 { margin-bottom:40px; }
.mgn-b45 { margin-bottom:45px; }
.mgn-b50 { margin-bottom:50px; }
.mgn-b-05 { margin-bottom:-5px; }
.mgn-b-10 { margin-bottom:-10px; }

.mgn-l05 { margin-left:5px; }
.mgn-l10 { margin-left:10px; }
.mgn-l15 { margin-left:15px; }
.mgn-l20 { margin-left:20px; }
.mgn-l25 { margin-left:25px; }
.mgn-l30 { margin-left:30px; }
.mgn-l35 { margin-left:35px; }
.mgn-l40 { margin-left:40px; }
.mgn-l45 { margin-left:45px; }
.mgn-l50 { margin-left:50px; }

.mgn-r05 { margin-right:5px; }
.mgn-r10 { margin-right:10px; }
.mgn-r15 { margin-right:15px; }
.mgn-r20 { margin-right:20px; }
.mgn-r25 { margin-right:25px; }
.mgn-r30 { margin-right:30px; }
.mgn-r35 { margin-right:35px; }
.mgn-r40 { margin-right:40px; }
.mgn-r45 { margin-right:45px; }
.mgn-r50 { margin-right:50px; }

/* padding */
.pad-t02 { padding-top:2px; }
.pad-t05 { padding-top:5px; }
.pad-t08 { padding-top:8px; }
.pad-t10 { padding-top:10px; }
.pad-t15 { padding-top:15px; }
.pad-t20 { padding-top:20px; }
.pad-t40 { padding-top:40px; }

.pad-b05 { padding-bottom:5px; }
.pad-b10 { padding-bottom:10px; }
.pad-b20 { padding-bottom:20px; }
.pad-b30 { padding-bottom:30px; }

.pad-l05 { padding-left:5px; }
.pad-l10 { padding-left:10px; }
.pad-l15 { padding-left:15px; }
.pad-l20 { padding-left:20px; }
.pad-l30 { padding-left:30px; }
.pad-l40 { padding-left:40px; }
.pad-l45 { padding-left:45px; }
.pad-l50 { padding-left:50px; }

.pad-r02 { padding-right:2px; }
.pad-r10 { padding-right:10px; }
.pad-r20 { padding-right:20px; }
.pad-r30 { padding-right:30px; }
.pad-r35 { padding-right:35px; }
.pad-r40 { padding-right:40px; }
.pad-r50 { padding-right:50px; }

.pad-02{padding:2px;}
.pad-10{padding:10px;}
.pad-20{padding:20px;}

.h40 {height:40px;}



/* RATING
----------------------------------------------------------*/

.rating
{
    width: 80px;
    height: 17px;
    background-image: url('/img/icon/rating_stars_80x34(17).gif');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    display: inline-block;
    text-align: left;
}
.ratingImg
{
    width: 80px;
    height: 17px;
    background-image: url('/img/icon/rating_stars_80x34(17).gif');
    background-repeat: no-repeat;
    background-position: 0px -17px;
    display: inline-block;
    text-align: left;
}

/* RATING small
----------------------------------------------------------*/

.rating_s
{
    width: 50px;
    height: 10px;
    background-image: url('/img/icon/rating_stars_50x20(10).gif');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    display: inline-block;
    text-align: left;
    line-height: 0px;
}
.ratingImg_s
{
    width: 50px;
    height: 10px;
    background-image: url('/img/icon/rating_stars_50x20(10).gif');
    background-repeat: no-repeat;
    background-position: 0px -11px;
    display: inline-block;
    text-align: left;
}

/* ページング
----------------------------------------------------------*/
.paging
{
    text-align:center;
}
.paging .current
{
    font-size: bold;
}