html {
}

body {
	margin: 0px;
	padding: 0px;
	background: #FFFFFF no-repeat center top;
	font-family: verdana,osaka,"‚l‚r ‚oƒSƒVƒbƒN",sans-serif,"ƒqƒ‰ƒMƒmŠpƒS Pro W6" ;
	text-align: center;
	color: #222222;
}

body.top {
	margin: 0px;
	padding: 0px;
	background: #FFFFFF no-repeat center top;
	font-family: verdana,osaka,"‚l‚r ‚oƒSƒVƒbƒN",sans-serif,"ƒqƒ‰ƒMƒmŠpƒS Pro W6" ;
	text-align: center;
	color: #222222;
}


div,p,h2 {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	line-height: 16px;
}

td {
	font-size:12px;
	line-height: 16px;
}

img {
	border: 0px;
}

form {
	margin: 0px;
	padding: 0px;
}

a {
	color: #0077FF;
	text-decoration:none;
}

a:hover {
	color: #0077FF;
	text-decoration:underline;
}

#wrapper {
	background-image: url(../../images/bg_p.png);
	width: 820px;
	margin: 0px auto;
}

.t10 {
	font-size: 10px;
}

/********       Main       ********/

.main {
   margin: 0px;
   font-size: 12px;
   color: #646464;
   margin: 10px 20px;
   text-align: left;
   display: block;
   position: static;
   overflow: hidden;
   }

.main h1 {
   margin: 0px;
   font-size: 14px;
   color: #0077FF;
   line-height: 16px;
   margin-bottom: 3px;
   }

.main p {
   margin: 0px;
   font-size: 12px;
   color: #646464;
   line-height: 16px;
   margin-bottom: 3px;
   }

.main p.title {
   margin: 0px;
   font-size: 12px;
   color: #646464;
   line-height: 16px;
   margin: 15px 0px 3px; 0px
   }

.top_bg {
   width: 752px;
   background-image: url(../../images/top_bg.gif);
   margin:0px auto;
   background-repeat: repeat-y;
}

/********       Content       ********/

.content-inner {
   width: 820px;
   margin: 10px auto;
   background-color:#ffffff;
   display: block;
   position: static;
   overflow: hidden;
}

.content-border {
   width: 780px;
   margin: 10px auto;
   background-color:#ffffff;
   display: block;
   position: static;
   overflow: hidden;
   border: 1px solid #CACACA;
   padding: 10px;
}

.txt {
   width: 420px;
   font-size: 12px;
}

.tfile {
   width: 420px;
   font-size: 12px;
}

.tcomment {
   width: 620px;
   font-size: 12px;
}

.scomment {
   width: 420px;
   font-size: 12px;
}

.tbt {
   width: 320px;
   font-size: 12px;
}

.pbt {
   width: 180px;
   font-size: 12px;
   margin-left: 20px;
}

table.tbl {
   width: 820px;
   margin: 0px;
   border:1px solid #333333;
   border-collapse:collapse;
   border-spacing:0;
   background-color:#ffffff;
   empty-cells:show;
}

.tbl th{
    border:1px solid #333333;
    color:#333333;
    background-color:#CECECE;
    background-position:left top;
    padding:0.3em 1em;
    text-align:center;
    font-size: 12px;
}
.tbl td{
    border:1px solid #333333;
    border-bottom:1px solid #333333;
    padding:0.3em 1em;
    font-size: 12px;
}

table.tbl2 {
   width: 520px;
   margin: 10px auto;
   border-top:1px solid #333333;
   border-left:1px solid #333333;
   border-collapse:collapse;
   border-spacing:0;
   background-color:#ffffff;
   empty-cells:show;
}

.tbl2 th{
    border-right:1px solid #333333;
    border-bottom:1px solid #333333;
    color:#333333;
    background-color:#CECECE;
    background-position:left top;
    padding:0.3em 1em;
    text-align:center;
    font-size: 12px;
}

.tbl2 td{
    border-right:1px solid #333333;
    border-bottom:1px solid #333333;
    padding:0.3em 1em;
    font-size: 12px;
}

.button {
    width: 60px;
    font-size: 12px;
}

/********       Menu       ********/

#menu {
	width: 820px;
	height: 33px;
}

#menu ul {
	margin: 0px;
        padding: 0px;
}

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

#menu li a:hover {
	background-position: 0px -33px;
}

#menu li a {
	text-indent: -99999px;
	display:block;
}

#menu01 a{
	width: 120px;
	height: 33px;
	background: url(../../images/menu_01.png) no-repeat;
}
#menu02 a{
	width: 140px;
	height: 33px;
	background: url(../../images/menu_02.png) no-repeat;
}
#menu03 a{
	width: 140px;
	height: 33px;
	background: url(../../images/menu_03.png) no-repeat;
}
#menu04 a{
	width: 140px;
	height: 33px;
	background: url(../../images/menu_04.png) no-repeat;
}
#menu05 a{
	width: 140px;
	height: 33px;
	background: url(../../images/menu_05.png) no-repeat;
}
#menu06 a{
	width: 140px;
	height: 33px;
	background: url(../../images/menu_06.png) no-repeat;
}

#menu07 a{
	width: 85px;
	height: 33px;
	background: url(../../images/menu_07.png) no-repeat;
}

#menuNo p{
	width: 140px;
	height: 33px;
	background: url(../../images/menu_no.png) repeat-x;
}

/********       TOP       ********/

#topics {
	background: url(../../images/bg_topics_03.png) no-repeat;
	width: 820px;
	height: 300px;
}

#topics p {
	line-height: 24px;
	text-align: left;
	padding: 140px 0px 0px 34px;
}

#topics p.ltext {
   background-image: url(../../images/icon_17.png);
   background-repeat: no-repeat;
   font-size: 12px;
   line-height: 19px;
   text-align: left;
   margin: 15px 0px 10px 30px;
   padding: 0px 0px 0px 20px;
}


#topics ul {
	margin: 0px;
        padding: 0px;
}

#topics li {
	float: right;
	list-style-type: none;
}

#topics li a:hover {
	background-position: 0px -194px;
}

#topics li a {
	text-indent: -99999px;
	display:block;
}

#banner a{
	width: 340px;
	height: 194px;
	background: url(../../images/banner_top_01.gif) no-repeat;
	margin: 20px 15px 0px 0px;

}

/********       Login       ********/

.login {
   background-image: url(../../images/login_bg.gif);
   background-repeat: repeat-y;
   text-align: left;
   width: 290px;
   margin-top: 130px;
   padding-bottom: 10px;
}

.login_top {
   background-image: url(../../images/login_head.gif);
   background-repeat: no-repeat;
   width: 290px;
   height: 50px;
   margin: 0px;
}

.login_pass {
   width: 275px;
   dispray: block;
   position: static;
   overflow: hidden;
   margin: 0px 0px 5px 15px;
}

.login_name {
   width: 60px;
   float: left;
   padding-top: 3px;
   margin: 0px;
}

.login_input{
   width: 215px;
   float: left;
   margin: 0px;
}

.login_name,
.login_pass p {
   font-size: 12px;
   color: #FFFFFF;
   line-height: 16px;
   margin: 0px;
}

.login_id,
.login_ps {
   width: 120px;
   font-size: 12px;
   margin: 0px 10px 0px 10px;
}

.login_bt {
   background-color: #D5EAB8;
   width: 60px;
   color: #69AC0C;
   font-size: 12px;
   margin: 0px 0px 0px 0px;
}



/********       Head       ********/

.head_logo {
   background-image: url(../../images/logo.gif);
   background-repeat: no-repeat;
   width: 323px;
   height: 24px;
   float: left;
   display:inline;
   margin: 10px 0px 0px 10px;
}

/********       Content       ********/


.content_1 {
   width: 405px;
   dispray: block;
   position: static;
   overflow: hidden;
   margin: 0px;
}

.content_1 h3 {
   background-image: url(../../images/title_topcontent_1.gif);
   background-repeat: no-repeat;
   width: 405px;
   height: 42px;
   line-height: 42px;
   text-align: right;
   dispray: block;
   position: static;
   overflow: hidden;
   margin: 5px 5px 5px 5px;
}

.t_data {
   background-image: url(../../images/t_data_bg.gif);
   background-repeat: repeat-y;
   width: 190px;
   float: left;
   display: inline;
   position: static;
   overflow: hidden;
   margin: 0px 0px 8px 8px;
}

.t_data h2 {
   font-size: 14px;
   color: #F2AA00;
   text-align: left;
   margin: 10px 15px 5px 15px;
}

.t_data p {
   font-size: 12px;
   text-align: left;
   margin: 0px 15px 5px 15px;
}

.t_data p.h {
   background-image: url(../../images/t_data_top.gif);
   background-repeat: repeat-y;
   width: 190px;
   height: 13px;
   position: static;
   overflow: hidden;
   margin: 0px;
}

.t_data p.f {
   background-image: url(../../images/t_data_bottom.gif);
   background-repeat: repeat-y;
   width: 190px;
   height: 13px;
   position: static;
   overflow: hidden;
   margin: 0px;
}

.t_data p.photo {
   width: 160px;
   height: 89px;
   text-align: center;
   position: static;
   overflow: hidden;
   margin: 0px 15px 5px 15px;
}

.t_data p.userdata {
   background-image: url(../../images/icon_12.gif);
   background-repeat: repeat-y;
   color: #807864;
   line-height: 15px;
   font-weight: bold;
   position: static;
   overflow: hidden;
   margin: 10px 15px 10px 15px;
   padding-left: 10px;
   border-bottom: solid 1px #807864;
}

.t_data p.aff {
   background-image: url(../../images/icon_affiliation.gif);
   background-repeat: repeat-y;
   line-height: 13px;
   position: static;
   overflow: hidden;
   margin: 0px 15px 5px 15px;
   padding-left: 40px;
}

.t_data p.lsn {
   background: url(../../images/icon_lesson.gif);
   background-repeat: no-repeat;
   line-height: 13px;
   position: static;
   overflow: hidden;
   margin: 0px 15px 5px 15px;
   padding-left: 40px;
}

.t_data p.stn {
   background-image: url(../../images/icon_stn.gif);
   background-repeat: no-repeat;
   line-height: 13px;
   position: static;
   overflow: hidden;
   margin: 0px 15px 5px 15px;
   padding-left: 63px;
}

.t_data p.lsnt {
   background-image: url(../../images/icon_lsnt.gif);
   background-repeat: no-repeat;
   line-height: 13px;
   position: static;
   overflow: hidden;
   margin: 0px 15px 5px 15px;
   padding-left: 53px;
}

.t_data p.use {
   background-image: url(../../images/icon_use.gif);
   background-repeat: no-repeat;
   line-height: 13px;
   position: static;
   overflow: hidden;
   margin: 0px 15px 5px 15px;
   padding-left: 63px;
}

.t_data p.prof {
   width: 160px;
   height: 15px;
   text-align: right;
   position: static;
   overflow: hidden;
   margin: 10px 15px 0px 15px;
}

.point {
   background-color: #FCEDCB;
   width: 160px;
   text-align: left;
   font-size: 10px;
   position: static;
   overflow: hidden;
   margin: 0px 15px 5px 15px;
}

.point_t {
   background-image: url(../../images/icon_02.gif);
   background-repeat: no-repeat;
   font-size: 10px;
   padding-left: 13px;
   margin: 5px 5px 2px 0px;
}

.point_n {
   background-image: url(../../images/icon_point.gif);
   background-repeat: no-repeat;
   background-position: right;
   text-align: right;
   font-size: 20px;
   font-weight: bold;
   color: #FF9A00;
   margin: 2px 5px 5px 5px;
   padding-right: 35px;
}


.graph {
   width: 160px;
   text-align: left;
   position: static;
   overflow: hidden;
   margin: 0px 15px 0px 15px;
}

.prc_graph {
   width: 64px;
   float: left;
   margin: 0px;
}

.prc_txt {
   width: 90px;
   float: left;
   margin: 0px;
}

.prc_txt_title {
   font-size: 12px;
   margin: 5px 0px 0px 2px;
}

.prc_txt_percent {
   background-image: url(../../images/line_bg_01.gif);
   background-repeat: repeat-x;
   width: 88px;
   font-size: 14px;
   font-weight: bold;
   line-height: 18px;
   color: #FF9A00;
   margin: 5px 0px 0px 2px;
}

.content_1.pd {
   background-image: url(../../images/title_tc_01.gif);
   background-repeat: no-repeat;
   width: 405px;
   dispray: block;
   position: static;
   overflow: hidden;
   margin: 0px 5px 10px 5px;
   padding-top: 8px;
}

.percent {
   font-size: 16px;
   color: #F2AA00;
   font-weight: bold;
   margin-top: 3px;
   display: block;
}

.content_2 {
   width: 385px;
   dispray: block;
   position: static;
   overflow: hidden;
   margin: 0px 0px 5px 0px;
}

.content_2 h3 {
   background-image: url(../../images/title_tc_02.gif);
   background-repeat: no-repeat;
   width: 365px;
   height: 42px;
   text-align: right;
   font-size: 12px;
   color: #008AFF;
   line-height: 42px;
   dispray: block;
   position: static;
   overflow: hidden;
   margin: 5px 15px 5px 5px;
}

.content_2 h4  {
   background-image: url(../../images/title_r_bn.gif);
   background-repeat: no-repeat;
   width: 363px;
   height: 20px;
   text-align: right;
   font-size: 12px;
   color: #008AFF;
   dispray: block;
   position: static;
   overflow: hidden;
   margin: 10px 15px 5px 8px;
}

.content_2 p  {
   text-align: left;
   font-size: 12px;
   margin: 0px 15px 5px 12px;
}

.content_2 ul {
   text-align: left;
   padding: 0px;
   margin: 0px 10px 10px 10px;
   list-style: none;
   list-style-position: outside;
   }

.content_2 li {
   margin: 0px;
   font-size: 12px;
   line-height: 15px;
   background: url(../../images/icon_04.gif) no-repeat;
   padding-left:15px;
   margin-bottom: 5px;
   border-bottom: 1px solid #E0E7E9;
   padding-bottom: 5px;
   }



.content_2 p.dot  {
   background-image: url(../../images/dot_1.gif);
   background-repeat: repeat-x;
   position: static;
   overflow: hidden;
   width: 363px;
   height: 1px;
   margin: 5px 0px 0px 0px;
}

.t_report {
   background-image: url(../../images/t_report_bg.gif);
   background-repeat: repeat-y;
   width: 368px;
   position: static;
   overflow: hidden;
   margin: 0px 15px 5px 5px;
}

.t_report h2 {
   font-size: 14px;
   color: #F2AA00;
   text-align: left;
   margin: 0px 15px 5px 15px;
}

.t_report p.h {
   background-image: url(../../images/t_report_top.gif);
   background-repeat: repeat-y;
   width: 368px;
   height: 8px;
   position: static;
   overflow: hidden;
   margin: 0px 0px 5px 0px;
}

.t_report p.f {
   background-image: url(../../images/t_report_bottom.gif);
   background-repeat: repeat-y;
   width: 368px;
   height: 11px;
   position: static;
   overflow: hidden;
   margin: 0px;
}


.report_top {
   width: 338px;
   position: static;
   overflow: hidden;
   margin: 0px 15px 5px 15px;
}

.report_photo {
   width: 160px;
   float: left;
   font-size: 12px;
   text-align: left;
   margin: 0px;
}

.report_txt {
   width: 178px;
   float: left;
   font-size: 12px;
   text-align: left;
   margin: 0px;
}

.report_txt_title {
   background-image: url(../../images/icon_03.gif);
   background-repeat: no-repeat;
   font-size: 14px;
   font-weight: bold;
   line-height: 20px;
   color: #0077FF;
   margin: 0px;
   padding-left: 20px;
}

.report_txt_teacher {
   font-size: 12px;
   margin: 5px 0px 5px 20px;
}

.report_txt_teacher p {
   font-size: 10px;
   margin: 5px 0px 5px 0px;
}

.bt_prof {
   height: 15px;
   text-align: right;
   position: static;
   overflow: hidden;
   margin: 0px;
}

.report_txt_bn {
   font-size: 12px;
   line-height: 15px;
   text-align: right;
   margin: 5px 0px 0px 0px;
   padding-left: 15px;
}

/********       Journal       ********/

.jnl_date {
   background-color: #008AFF;
   width: 540px;
   height: 17px;
   dispray: block;
   position: static;
   overflow: hidden;
   text-align: left;
   margin: 0px;
}

.jnl_date p {
   background-image: url(../../images/icon_05.gif);
   background-repeat: no-repeat;
   font-size: 10px;
   color: #FFFFFF;
   text-align: left;
   line-height: 17px;
   padding-left: 15px;
   margin: 0px;
}

.content_3 {
   width: 520px;
   position: static;
   overflow: hidden;
   text-align: left;
   margin: 5px 10px 10px 10px;
}

.jnl_icon {
   background-image: url(../../images/icon_report.gif);
   background-repeat: no-repeat;
   width: 45px;
   height: 45px;
   float: left;
   dispray: block;
   position: static;
   overflow: hidden;
   text-align: left;
   margin: 5px 5px 0px 0px;
}

.jnl_title {
   width: 468px;
   float: left;
   dispray: block;
   position: static;
   overflow: hidden;
   text-align: left;
   margin: 0px;
}

.jnl_title_h {
   background-image: url(../../images/t_journal_top.gif);
   background-repeat: no-repeat;
   width: 468px;
   height: 6px;
   dispray: block;
   position: static;
   overflow: hidden;
   text-align: left;
   margin: 5px 0px 0px 0px;
}

.jnl_title_c {
   background-image: url(../../images/t_journal_bg.gif);
   background-repeat: repeat-y;
   width: 468px;
   dispray: block;
   position: static;
   overflow: hidden;
   text-align: left;
   margin: 0px;
}

.jnl_title_f {
   background-image: url(../../images/t_journal_bottom.gif);
   background-repeat: no-repeat;
   width: 468px;
   height: 6px;
   dispray: block;
   position: static;
   overflow: hidden;
   text-align: left;
   margin: 0px;
}

.j_title_01 {
   width: 458px;
   float: left;
   dispray: block;
   position: static;
   overflow: hidden;
   text-align: left;
   margin: 0px 5px 0px 5px;
}

.j_title_01 h2.title {
   font-size: 14px;
   font-weight: bold;
   color: #008AFF;
   dispray: block;
   position: static;
   overflow: hidden;
   text-align: left;
   margin: 3px 0px 0px 0px;
}

.j_title_01 h3.stn {
   background-image: url(../../images/icon_student.gif);
   background-repeat: no-repeat;
   font-size: 12px;
   font-weight: normal;
   line-height: 19px;
   color: #464646;
   dispray: block;
   position: static;
   overflow: hidden;
   text-align: left;
   margin: 0px 0px 3px 0px;
   padding-left: 75px;
}

.j_title_01 h3.lst {
   background-image: url(../../images/icon_times.gif);
   background-repeat: no-repeat;
   font-size: 12px;
   font-weight: normal;
   line-height: 19px;
   color: #464646;
   dispray: block;
   position: static;
   overflow: hidden;
   text-align: left;
   margin: 0px 0px 3px 0px;
   padding-left: 75px;
}

.j_title_01 p {
   font-size: 12px;
   color: #464646;
   position: static;
   overflow: hidden;
   text-align: left;
   margin: 3px 0px 3px 2px;
}

.jnl_content {
   width: 500px;
   dispray: block;
   position: static;
   overflow: hidden;
   text-align: left;
   margin: 10px 10px 10px 10px;
   border-bottom: solid 1px #DCDCDC;
}

.jnl_content h2.date {
   background-image: url(../../images/icon_06.gif);
   background-repeat: no-repeat;
   font-size: 12px;
   color: #464646;
   line-height: 25px;
   text-align: left;
   margin: 0px 0px 5px -5px;
   padding-left: 15px;
   border-bottom: solid 1px #DCDCDC;
}

.jnl_content p {
   font-size: 12px;
   text-align: left;
   margin: 0px 0px 5px 0px;
}

.jnl_content img { 
   border:0px;
   float: left;
   dispray: block;
   position: static;
   overflow: hidden;
   margin: 0px 10px 5px 0px;}

.jnl_enquete_t,
.jnl_comment_t {
   background: url(../../images/dot_2.gif);
   text-align: left;
   width: 500px;
   dispray: block;
   position: static;
   overflow: hidden;
   text-align: left;
   margin: 5px 10px 5px 10px;
}

.jnl_enquete_t h2,
.jnl_comment_t h2 {
   background: url(../../images/icon_07.gif);
   background-repeat: no-repeat;   
   text-align: left;
   font-size: 12px;
   color: #464646;
   line-height: 25px;
   text-align: left;
   padding-left: 19px;
   margin: 0px;   
}

.jnl_enquete {
   text-align: left;
   width: 500px;
   dispray: block;
   position: static;
   overflow: hidden;
   text-align: left;
   margin: 5px 10px 10px 10px;
}

.jnl_enquete p {
   text-align: left;
   font-size: 12px;
   color: #464646;
   text-align: left;
   margin: 0px 0px 5px 0px;  
}

.jnl_comment  {
   width: 500px;
   position: static;
   overflow: hidden;
   margin: 5px 10px 10px 10px;
}

.jnl_comment h2.s {
   background: url(../../images/icon_comment.gif);
   background-repeat: no-repeat;  
   text-align: left;
   font-size: 12px;
   font-weight: normal;
   line-height: 21px;
   color: #008AFF;
   text-align: left;
   margin: 0px 0px 5px 0px; 
   padding-left: 25px;
   border-bottom: solid 1px #DCDCDC; 
}

.jnl_comment h2.t {
   background: url(../../images/icon_comment2.gif);
   background-repeat: no-repeat;  
   text-align: left;
   font-size: 12px;
   font-weight: normal;
   line-height: 21px;
   color: #69AC0C;
   text-align: left;
   margin: 0px 0px 5px 0px; 
   padding-left: 25px; 
   border-bottom: solid 1px #DCDCDC;
}

.jnl_comment p {
   text-align: left;
   font-size: 12px;
   color: #464646;
   text-align: left;
   margin: 0px 0px 5px 0px;  
}

.jnl_comment_smnl { 
   background: url(../../images/sam_st_01.gif);
   background-repeat: no-repeat;   
   width: 132px;
   height: 95px;
   text-align: left;
   font-size: 12px;
   color: #464646;
   text-align: left;
   float: left;
   position: static;
   overflow: hidden;
   margin: 0px 3px 5px 0px;  
}

.jnl_comment_smnl img {  
   width: 100px;
   height: 75px;
   margin: 10px 16px;  
}

.jnl_comment_title { 
   text-align: left;
   font-size: 12px;
   color: #464646;
   text-align: left;
   float: left;
   position: static;
   overflow: hidden;
   margin: 5px 0px 5px 10px;  
}

.jnl_comment_bt {
   width: 350px; 
   color: #464646;
   text-align: right;
   float: left;
   position: static;
   overflow: hidden;
   margin: 0px 0px 5px 10px;  
}

.jnl_comment_txt {
   background: url(../../images/t_comment_bg.gif);
   background-repeat: repeat-y;   
   width: 360px;
   text-align: left;
   font-size: 12px;
   color: #464646;
   text-align: left;
   float: left;
   position: static;
   overflow: hidden;
   margin: 0px 0px 5px 0px;  
}

.jnl_comment_txt p.h {
   background: url(../../images/t_comment_top.gif);
   background-repeat: no-repeat;   
   height: 7px;
   position: static;
   overflow: hidden;
   margin: 0px;  
}

.jnl_comment_txt p.c {
   background: url(../../images/t_comment_middle.gif);
   background-repeat: no-repeat;    
   position: static;
   overflow: hidden;
   padding: 0px 7px 0px 25px;
   margin: 0px;  
}

.jnl_comment_txt p.f {
   background: url(../../images/t_comment_bottom.gif);
   background-repeat: no-repeat;    
   height: 7px;
   position: static;
   overflow: hidden;
   margin: 0px;  
}

.jnl_navi {
   width: 500px;
   position: static;
   overflow: hidden;
   margin: 5px 10px 10px 10px;  
   border-top: solid 1px #DCDCDC;
}

.jnl_navi_left {
   background: url(../../images/icon_back.gif);
   background-repeat: no-repeat; 
   float: left;
   position: static;
   overflow: hidden;
   margin: 5px 0px;
   font-size: 12px;
   line-height: 15px;
   text-align: left; 
   padding-left: 17px;
}

.jnl_navi_right {
   background: url(../../images/icon_next.gif);
   background-repeat: no-repeat;
   background-position: right;
   float: right;
   position: static;
   overflow: hidden;
   margin: 5px 0px;
   font-size: 12px;
   line-height: 15px;
   text-align: right;
   padding-right: 17px;
}

.content_4 {
   width: 240px;
   dispray: block;
   position: static;
   overflow: hidden;
   margin: 5px 10px 10px 10px;
}

.jnl_search {
   width: 240px;
   position: static;
   overflow: hidden;
   margin: 10px 0px;
}

.search {
   width: 130px;
   font-size: 12px;
}

.search_bt {
   width: 50px;
   font-size: 12px;
   margin: 0px 0px 0px 5px;
}


.jnl_search h1 {
   background: url(../../images/title_other.gif);
   background-repeat: no-repeat;
   width: 240px;
   height: 30px;
   position: static;
   overflow: hidden;
   margin: 0px 10px 5px 8px;
}

.jnl_search p {
   font-size: 12px;
   text-align: left;
   position: static;
   overflow: hidden;
   margin: 0px;
}

.jnl_search p.arw {
   background: url(../../images/icon_next.gif);
   background-repeat: no-repeat;
   background-position: right;
   position: static;
   overflow: hidden;
   margin: 5px 0px;
   font-size: 12px;
   line-height: 15px;
   text-align: right;
   padding-right: 17px;
}

.jnl_search p.box {
   background: url(../../images/dot_1.gif);
   background-repeat: repeat-x;
   background-position: bottom;
   height: 28px;
   font-size: 12px;
   text-align: left;
   position: static;
   overflow: hidden;
   margin: 0px 10px 5px 10px;
}

.jnl_search p.lsn {
   background: url(../../images/icon_08.gif);
   background-repeat: no-repeat;
   font-size: 12px;
   line-height: 15px;
   text-align: left;
   position: static;
   overflow: hidden;
   margin: 0px 10px 2px 5px;
   padding-left: 15px;
}

.jnl_search p.tn {
   background: url(../../images/dot_1.gif);
   background-repeat: repeat-x;
   background-position: bottom;
   font-size: 12px;
   text-align: left;
   position: static;
   overflow: hidden;
   margin: 0px 10px 5px 10px;
   padding-bottom: 5px;
}

.jnl_bn {
   width: 240px;
   position: static;
   overflow: hidden;
   margin: 0px 0px 10px 0px;
}

.jnl_bn h1 {
   background: url(../../images/title_r_bn.gif);
   background-repeat: no-repeat;
   width: 240px;
   height: 20px;
   position: static;
   overflow: hidden;
   margin: 0px 10px 5px 8px;
}

.jnl_bn h2 {
   background: #008AFF;
   font-size: 10px;
   line-height: 15px;
   font-weight: normal;
   color: #FFFFFF;
   dispray: block;
   position: static;
   overflow: hidden;
   text-align: left;
   margin: 3px 10px 5px 5px;
   padding-left: 10px;
}

.jnl_bn p {
   font-size: 12px;
   text-align: left;
   position: static;
   overflow: hidden;
   margin: 0px;
}

.jnl_bn ul {
   background: url(../../images/dot_2.gif);
   text-align: left;
   padding: 0px;
   margin: 0px 10px 10px 10px;
   list-style: none;
   list-style-position: outside;
   }

.jnl_bn li {
   margin: 0px 0px 0px -5px;
   font-size: 12px;
   line-height: 25px;
   background: url(../../images/icon_06.gif) no-repeat;
   padding-left:15px
   }

/********       Profile       ********/

.pr_head {
   background-color: #F7AE00;
   width: 540px;
   height: 17px;
   dispray: block;
   position: static;
   overflow: hidden;
   text-align: left;
   margin-bottom: 10px;
}

.pr_head p {
   background-image: url(../../images/icon_09.gif);
   background-repeat: no-repeat;
   font-size: 10px;
   color: #FFFFFF;
   text-align: left;
   line-height: 17px;
   padding-left: 15px;
   margin: 0px;
}

.pr_title_h {
   background-image: url(../../images/t_profile_top.gif);
   background-repeat: no-repeat;
   width: 500px;
   height: 6px;
   dispray: block;
   position: static;
   overflow: hidden;
   text-align: left;
   margin: 5px 10px 0px 10px;
}

.pr_title_c {
   background-image: url(../../images/t_profile_bg.gif);
   background-repeat: repeat-y;
   width: 500px;
   dispray: block;
   position: static;
   overflow: hidden;
   text-align: left;
   margin: 0px 10px;
}

.pr_title_f {
   background-image: url(../../images/t_profile_bottom.gif);
   background-repeat: no-repeat;
   width: 500px;
   height: 6px;
   dispray: block;
   position: static;
   overflow: hidden;
   text-align: left;
   margin: 0px 10px 5px 10px;
}

.pr_title_01 {
   width: 150px;
   float: left;
   dispray: block;
   position: static;
   overflow: hidden;
   text-align: left;
   margin: 0px;
}

.pr_title_01 img {
   width: 126px;
   height: 89px;
   position: static;
   overflow: hidden;
   text-align: left;
   margin: 4px 10px;
}

.pr_title_name {
   width: 350px;
   dispray: block;
   position: static;
   overflow: hidden;
   text-align: left;
   margin: 7px 0px 7px 0px;
}

.pr_title_name h2.name {
   font-size: 14px;
   font-weight: bold;
   color: #F7AE00;
   float: left;
   dispray: block;
   position: static;
   overflow: hidden;
   text-align: left;
   margin: 0px;
}

.pr_title_name h2.kana {
   font-size: 10px;
   font-weight: normal;
   color: #464646;
   float: left;
   dispray: block;
   position: static;
   overflow: hidden;
   text-align: left;
   margin: 1px 0px 0px 10px;
}

.pr_title_02 {
   width: 350px;
   float: left;
   dispray: block;
   position: static;
   overflow: hidden;
   text-align: left;
   margin: 0px;
}

.pr_title_02 h3.clgn {
   background-image: url(../../images/icon_p1.gif);
   background-repeat: no-repeat;
   font-size: 12px;
   font-weight: normal;
   line-height: 13px;
   color: #464646;
   dispray: block;
   position: static;
   overflow: hidden;
   text-align: left;
   margin: 5px 0px 0px 2px;
   padding-left: 75px;
}

.pr_title_02 h3.aff {
   background-image: url(../../images/icon_p2.gif);
   background-repeat: no-repeat;
   font-size: 12px;
   font-weight: normal;
   line-height: 13px;
   color: #464646;
   dispray: block;
   position: static;
   overflow: hidden;
   text-align: left;
   margin: 5px 0px 0px 2px;
   padding-left: 75px;
}

.pr_title_02 h3.stn {
   background-image: url(../../images/icon_p3.gif);
   background-repeat: no-repeat;
   font-size: 12px;
   font-weight: normal;
   line-height: 13px;
   color: #464646;
   dispray: block;
   position: static;
   overflow: hidden;
   text-align: left;
   margin: 5px 0px 0px 2px;
   padding-left: 75px;
}

.pr_title_02 h3.lsnt {
   background-image: url(../../images/icon_p4.gif);
   background-repeat: no-repeat;
   font-size: 12px;
   font-weight: normal;
   line-height: 13px;
   color: #464646;
   dispray: block;
   position: static;
   overflow: hidden;
   text-align: left;
   margin: 5px 0px 5px 2px;
   padding-left: 75px;
}

.pr_title_01 p {
   font-size: 12px;
   color: #464646;
   position: static;
   overflow: hidden;
   text-align: left;
   margin: 3px 0px 3px 2px;
}

.pr_content {
   width: 500px;
   dispray: block;
   position: static;
   overflow: hidden;
   text-align: left;
   margin: 0px 10px 20px 10px;
}

.pr_content h2.title {
   background-image: url(../../images/icon_10.gif);
   background-repeat: no-repeat;
   font-size: 12px;
   color: #464646;
   line-height: 25px;
   text-align: left;
   margin: 0px 0px 5px 0px;
   padding-left: 15px;
   border-bottom: solid 1px #DCDCDC;
}

.pr_content p {
   font-size: 12px;
   text-align: left;
   margin: 0px 2px 5px 2px;
}

.pr_cl_list {
   width: 500px;
   dispray: block;
   position: static;
   overflow: hidden;
   text-align: left;
   margin: 4px 0px 0px 0px;
}

.pr_cl_list h2.name {
   background-image: url(../../images/icon_08.gif);
   background-repeat: no-repeat;
   font-size: 12px;
   line-height: 15px;
   font-weight: bold;
   color: #464646;
   float: left;
   dispray: block;
   position: static;
   overflow: hidden;
   text-align: left;
   margin: 1px 0px 0px 0px;
   padding-left: 15px;
}

.pr_cl_list h2.bt {
   font-size: 10px;
   font-weight: normal;
   color: #464646;
   float: left;
   dispray: block;
   position: static;
   overflow: hidden;
   text-align: left;
   margin: 0px 0px 0px 15px;
}

.pr_cl_data {
   background-image: url(../../images/dot_1.gif);
   background-repeat: repeat-x;
   background-position: bottom;
   width: 500px;
   height: 25px;
   dispray: block;
   position: static;
   overflow: hidden;
   text-align: left;
   margin: 0px 0px 5px 15px;
}

.pr_cl_data h2.name {
   background-image: url(../../images/icon_stn.gif);
   background-repeat: no-repeat;
   font-size: 12px;
   font-weight: normal;
   line-height: 13px;
   color: #464646;
   float: left;
   dispray: block;
   position: static;
   overflow: hidden;
   text-align: left;
   margin: 5px 0px 5px 0px;
   padding-left: 65px;
}

.pr_cl_data h2.pct {
   background-image: url(../../images/icon_use.gif);
   background-repeat: no-repeat;
   font-size: 12px;
   font-weight: normal;
   line-height: 13px;
   color: #464646;
   float: left;
   dispray: block;
   position: static;
   overflow: hidden;
   text-align: left;
   margin: 5px 0px 5px 15px;
   padding-left: 65px;
}

.pr_cl_data h2.bt {
   font-size: 12px;
   font-weight: normal;
   line-height: 15px;
   color: #464646;
   float: left;
   dispray: block;
   position: static;
   overflow: hidden;
   text-align: left;
   margin: 5px 0px 5px 20px;
}

.pr_bn {
   width: 240px;
   position: static;
   overflow: hidden;
   margin: 10px 0px;
}

.pr_bn h1 {
   background: url(../../images/title_r_bn.gif);
   background-repeat: no-repeat;
   width: 240px;
   height: 20px;
   position: static;
   overflow: hidden;
   margin: 0px 10px 5px 8px;
}

.pr_bn h2 {
   font-size: 14px;
   color: #008AFF;
   text-align: left;
   position: static;
   overflow: hidden;
   margin: 10px;
}

.pr_bn p {
   font-size: 12px;
   text-align: left;
   position: static;
   overflow: hidden;
   margin: 0px;
}

.pr_bn ul {
   text-align: left;
   padding: 0px;
   margin: 0px 10px 3px 10px;
   list-style: none;
   list-style-position: outside;
   }

.pr_bn li {  
   margin: 0px 0px 7px -5px;
   font-size: 12px;
   line-height: 15px;
   background: url(../../images/icon_04.gif) no-repeat;
   padding-left:15px
   }

.pr_report {
   width: 240px;
   position: static;
   overflow: hidden;
   margin: 10px 0px;
}

.pr_report h1 {
   background: url(../../images/icon_11.gif);
   background-repeat: no-repeat;
   font-size: 12px;
   line-height: 30px;
   text-align: left;
   color: #F7AE00;
   height: 30px;
   position: static;
   overflow: hidden;
   margin: 0px 10px 5px 8px;
   padding-left: 35px;
}

.pr_report p {
   font-size: 12px;
   text-align: left;
   position: static;
   overflow: hidden;
   margin: 0px;
}

.pr_report p.lsn {
   background: url(../../images/icon_08.gif);
   background-repeat: no-repeat;
   font-size: 12px;
   line-height: 15px;
   text-align: left;
   position: static;
   overflow: hidden;
   margin: 0px 10px 2px 5px;
   padding-left: 15px;
}

.pr_report p.tn {
   background: url(../../images/dot_1.gif);
   background-repeat: repeat-x;
   background-position: bottom;
   font-size: 12px;
   text-align: left;
   position: static;
   overflow: hidden;
   margin: 0px 10px 5px 10px;
   padding-bottom: 5px;
}

.t_data2 {
   background-image: url(../../images/t_data2_bg.gif);
   background-repeat: repeat-y;
   width: 160px;
   float: left;
   display: inline;
   position: static;
   overflow: hidden;
   margin: 0px 0px 15px 15px;
}

.t_data2 h2 {
   font-size: 14px;
   color: #F2AA00;
   text-align: left;
   margin: 10px 15px 5px 15px;
}

.t_data2 p {
   font-size: 12px;
   text-align: left;
   margin: 0px 15px 5px 15px;
}

.t_data2 p.h {
   background-image: url(../../images/t_data2_top.gif);
   background-repeat: repeat-y;
   width: 160px;
   height: 13px;
   position: static;
   overflow: hidden;
   margin: 0px;
}

.t_data2 p.f {
   background-image: url(../../images/t_data2_bottom.gif);
   background-repeat: repeat-y;
   width: 160px;
   height: 13px;
   position: static;
   overflow: hidden;
   margin: 0px;
}

.t_data2 p.photo {
   width: 130px;
   height: 89px;
   text-align: center;
   position: static;
   overflow: hidden;
   margin: 0px 15px 5px 15px;
}

.t_data2 p.aff {
   background-image: url(../../images/icon_affiliation.gif);
   background-repeat: no-repeat;
   line-height: 13px;
   position: static;
   overflow: hidden;
   margin: 0px 15px 5px 15px;
   padding-left: 40px;
}

.t_data2 p.lsn {
   background: url(../../images/icon_lesson.gif) no-repeat;
   line-height: 13px;
   position: static;
   overflow: hidden;
   margin: 0px 15px 5px 15px;
   padding-left: 40px;
}

.t_data2 p.prof {
   width: 130px;
   height: 15px;
   text-align: right;
   position: static;
   overflow: hidden;
   margin: 10px 15px 0px 15px;
}

.jnl_content_l h2.list_title {
   background: url(../../images/title_content_01.gif) no-repeat;
   width: 520px;
   height: 40px;
   margin: 10px;
}

.jnl_content_l h2.products_title {
   background: url(../../images/title_product_02.gif) no-repeat;
   width: 520px;
   height: 40px;
   margin: 10px;
}

.jnl_content_l h2.voice_title {
   background: url(../../images/title_content_03.gif) no-repeat;
   width: 520px;
   height: 40px;
   margin: 10px;
}

.jnl_content_l h2.service_title {
   background: url(../../images/title_content_04.gif) no-repeat;
   width: 520px;
   height: 40px;
   margin: 10px;
}

.jnl_content_l h2.order_title {
   background: url(../../images/title_content_05.gif) no-repeat;
   width: 520px;
   height: 40px;
   margin: 10px;
}

.jnl_content_l h2.inquiry_title {
   background: url(../../images/title_content_06.gif) no-repeat;
   width: 520px;
   height: 40px;
   margin: 10px;
}

.jnl_content_l h2.truste_title {
   background: url(../../images/title_content_07.gif) no-repeat;
   width: 520px;
   height: 40px;
   margin: 10px;
}

.jnl_content_l h2.step_title {
   background: url(../../images/title_content_08.gif) no-repeat;
   width: 520px;
   height: 40px;
   margin: 10px;
}

.jnl_content_l h2.info_title {
   background: url(../../images/title_content_09.gif) no-repeat;
   width: 520px;
   height: 40px;
   margin: 10px;
}

.jnl_content_l h2.bn_title {
   background: url(../../images/title_content_10.gif) no-repeat;
   width: 520px;
   height: 40px;
   margin: 10px;
}

/********       Products       ********/

.prd_head {
   background-color: #69AC0C;
   width: 540px;
   height: 17px;
   dispray: block;
   position: static;
   overflow: hidden;
   text-align: left;
   margin-bottom: 10px;
}

.t_products01 {
	width: 228px;
	height: 30px;
	background: url(../../images/t_products_01.gif) no-repeat;
	margin: 10px 0px 0px 0px;
}

.t_products02 {
	width: 228px;
	height: 30px;
	background: url(../../images/t_products_02.gif) no-repeat;
	margin: 10px 0px 0px 0px;
}

.r_products {
	margin: 5px 10px 0px 10px;
}

.r_products ul {
	margin: 0px 0px 25px 0px;
	padding: 0px;
}

.r_products li {
   list-style-type: none;
   background-image: url(../../images/icon_21.gif);
   background-repeat: no-repeat;
   font-size: 12px;
   line-height: 15px;
   text-align: left;
   margin: 10px 0px 15px -4px;
   padding-left: 15px;
}

.r_magazine {
	margin: 5px 10px 0px 10px;
}

.mgz_img {
	width: 91px;
	height: 128px;
	float: left;
	display: inline;
	margin: 5px 0px 10px 0px;
}

.mgz_txt {
	text-align: left;
	float: left;
	display: inline;
	margin: 5px 0px 0px 10px;
}

.mgz_txt p.kts1 {
	font-size: 10px;
	font-weight: normal;
}

.mgt_11 {
	font-size: 10px;
	font-weight: normal;
}


.mgz_txt p.kts2 {
	font-size: 10px;
	text-align: right;
}


.mgz_txt p.ttl01 {
	font-weight: bold;
}




.l_mcl_bn {
	margin: 5px 10px 30px 10px;
}

.mcl_img {
	width: 150px;
	height: 212px;
	float: left;
	display: inline;
	margin: 5px 0px 10px 10px;
}

.mcl_txt {
	width: 340px;
	text-align: left;
	float: left;
	display: inline;
	margin: 5px 0px 0px 10px;
}

.mcl_txt p.kts1 {
	font-size: 10px;
}


.mcl_txt p.kts2 {
	font-size: 10px;
	text-align: right;
}



.mcl_txt p.ttl01 {
	font-weight: bold;
	margin: 0px 0px 10px 0px;
}



.prd_head p {
   font-size: 10px;
   color: #FFFFFF;
   text-align: left;
   line-height: 17px;
   margin: 0px 10px;
}

.prd_head a {
   color: #FFFFFF;
}

.prd_head a:hover {
   color: #FFFFFF;
}

.prd_top {
   background: url(../../images/title_product_01.png) no-repeat;
   width: 520px;
   height: 180px;
   margin: 0px 10px;
}

.prd_top p {
   font-size: 12px;
   color: #475434;
   text-align: left;
   line-height: 17px;
   padding: 130px 250px 0px 20px;
}

.prd_content1 {
   width: 510px;
   background: url(../../images/title_product_m.gif) repeat-y;
   margin: 10px 15px 15px 15px;
}

.prd_content1 h2.h0 {
   width: 510px;
   height: 5px;
   background: url(../../images/title_product_s0.gif) no-repeat;
   margin: 0px;
   overflow: hidden;
}

.prd_content1 h2.h1 {
   width: 510px;
   height: 32px;
   background: url(../../images/title_product_s1.gif) no-repeat;
   margin: 0px;
}

.prd_content1 h2.h2 {
   width: 510px;
   height: 32px;
   background: url(../../images/title_product_s2.gif) no-repeat;
   margin: 0px;
}

.prd_content1 h2.h3 {
   width: 510px;
   height: 32px;
   background: url(../../images/title_product_s3.gif) no-repeat;
   margin: 0px;
}

.prd_content1 h2.f {
   width: 510px;
   height: 5px;
   background: url(../../images/title_product_b.gif) no-repeat;
   margin: 0px;
   overflow: hidden;
   clear: both;
}

.prd_content1 h2.tl1 {
   width: 488px;
   height: 17px;
   background: url(../../images/t_prd_c001.gif) no-repeat;
   margin: 5px 10px;
}

.prd_content1 h2.tl2 {
   width: 488px;
   height: 17px;
   background: url(../../images/t_prd_c002.gif) no-repeat;
   margin: 5px 10px;
}

.prd_content1 h2.tl3 {
   width: 488px;
   height: 17px;
   background: url(../../images/t_prd_c003.gif) no-repeat;
   margin: 5px 10px;
}

.prd_content1 h2.tl4 {
   width: 488px;
   height: 17px;
   background: url(../../images/t_prd_c021.gif) no-repeat;
   margin: 5px 10px;
}

.prd_content1 h2.tl5 {
   width: 488px;
   height: 20px;
   background: url(../../images/t_prd_c044.gif) no-repeat;
   margin: 5px 10px 25px 10px;
}

.prd_content1 h2.tl6 {
   width: 488px;
   height: 20px;
   background: url(../../images/t_prd_c045.gif) no-repeat;
   margin: 5px 10px 25px 10px;
}


.prd_content1 p {
   font-size: 12px;
   color: #464646;
   text-align: left;
   line-height: 17px;
   margin: 10px 10px 10px 32px;
}

.prd_content1 p.ctx {
   font-size: 12px;
   color: #464646;
   text-align: left;
   line-height: 17px;
   margin: 0px 10px 10px 15px;
}

.prd_content1 p.lp {
   background-image: url(../../images/icon_13.gif);
   background-repeat: no-repeat;
   color: #DA2B7D;
   font-weight: bold;
   font-size: 12px;
   line-height: 15px;
   text-align: left;
   margin: 10px 10px 5px 9px;
   padding-left: 15px;
   clear: both;

}

.prd_content1 p.lm {
   background-image: url(../../images/icon_13.gif);
   background-repeat: no-repeat;
   font-size: 12px;
   line-height: 15px;
   text-align: left;
   margin: 5px 0px 10px 17px;
   padding-left: 15px;
}


.prd_content1 h3.mt1 {
   background: url(../../images/bg_prd_ct_04.gif) no-repeat;
   font-size: 12px;
   font-weight: normal;
   text-align: left;
   margin: 0px 0px 0px 10px;
   padding: 28px 0px 0px 46px;
}

.prd_content1 h3.mt2 {
   background: url(../../images/bg_prd_ct_05.gif) no-repeat;
   font-size: 12px;
   font-weight: normal;
   text-align: left;
   margin: 0px 0px 0px 10px;
   padding: 28px 0px 0px 46px;
}

.prd_content1 h3.mt3 {
   background: url(../../images/bg_prd_ct_06.gif) no-repeat;
   font-size: 12px;
   font-weight: normal;
   text-align: left;
   margin: 0px 0px 0px 10px;
   padding: 28px 0px 0px 46px;
}

.prd_content1 h3.mt4 {
   background: url(../../images/bg_prd_ct_07.gif) no-repeat;
   font-size: 12px;
   font-weight: normal;
   text-align: left;
   margin: 0px 0px 0px 10px;
   padding: 28px 0px 0px 46px;
}

.prd_content1 h3.mt5 {
   background: url(../../images/bg_prd_ct_08.gif) no-repeat;
   font-size: 12px;
   font-weight: normal;
   text-align: left;
   margin: 0px 0px 0px 10px;
   padding: 28px 0px 0px 46px;
}

.prd_content1 h3.mt6 {
   background: url(../../images/bg_prd_ct_09.gif) no-repeat;
   font-size: 12px;
   font-weight: normal;
   text-align: left;
   margin: 0px 0px 0px 10px;
   padding: 28px 0px 0px 46px;
}

.prd_content1 h3.mt7 {
   background: url(../../images/bg_prd_ct_10.gif) no-repeat;
   font-size: 12px;
   font-weight: normal;
   text-align: left;
   margin: 0px 0px 15px 10px;
   padding: 28px 0px 0px 46px;
}

.prd_content1 img {
   float: right;
   display: inline;
   margin: -5px 0px 20px 5px;
}

.prd_content2 h2.ng1 {
   background-image: url(../../images/t_prd_c007.gif);
   background-repeat: no-repeat;
   width: 510px;
   height: 190px;
   text-align: left;
   margin: 25px 10px 10px 10px;
}

.prd_content2 h2.ng2 {
   background-image: url(../../images/t_prd_c025.gif);
   background-repeat: no-repeat;
   width: 510px;
   height: 170px;
   text-align: left;
   margin: 25px 10px 15px 10px;
}

.prd_content2 h2.ng3 {
   background-image: url(../../images/t_prd_c009.gif);
   background-repeat: no-repeat;
   width: 510px;
   height: 170px;
   text-align: left;
   margin: 5px 10px 15px 10px;
}

.prd_content2 h2.ng4 {
   background-image: url(../../images/t_prd_c010.gif);
   background-repeat: no-repeat;
   width: 510px;
   height: 170px;
   text-align: left;
   margin: 5px 10px 15px 10px;
}

.prd_content2 h2.ng5 {
   background-image: url(../../images/t_prd_c011.gif);
   background-repeat: no-repeat;
   width: 510px;
   height: 170px;
   text-align: left;
   margin: 5px 10px 15px 10px;
}

.prd_content2 h2.mc1 {
   background-image: url(../../images/title_product_03.gif);
   background-repeat: no-repeat;
   width: 510px;
   height: 55px;
   text-align: left;
   margin: 5px 10px 0px 10px;
}

.jnl_content_l h2.mc2 {
   background-image: url(../../images/title_product_04.gif);
   background-repeat: no-repeat;
   width: 510px;
   height: 55px;
   text-align: left;
   margin: 5px 10px 0px 10px;
}

.jnl_content_l h2.mc3 {
   background-image: url(../../images/title_product_05.gif);
   background-repeat: no-repeat;
   width: 510px;
   height: 55px;
   text-align: left;
   margin: 5px 10px 0px 10px;
}

.jnl_content_l h2.mc4 {
   background-image: url(../../images/title_product_06.gif);
   background-repeat: no-repeat;
   width: 510px;
   height: 55px;
   text-align: left;
   margin: 5px 10px 0px 10px;
}

.jnl_content_l h2.mc5 {
   background-image: url(../../images/title_product_07.gif);
   background-repeat: no-repeat;
   width: 510px;
   height: 55px;
   text-align: left;
   margin: 5px 10px 0px 10px;
}

.jnl_content_l h2.mc6 {
   background-image: url(../../images/title_product_08.gif);
   background-repeat: no-repeat;
   width: 510px;
   height: 55px;
   text-align: left;
   margin: 5px 10px 0px 10px;
}

.jnl_content_l h2.mc7 {
   background-image: url(../../images/title_product_09.gif);
   background-repeat: no-repeat;
   width: 510px;
   height: 55px;
   text-align: left;
   margin: 5px 10px 0px 10px;
}

.jnl_content_l h2.mc8 {
   background-image: url(../../images/title_product_10.gif);
   background-repeat: no-repeat;
   width: 510px;
   height: 55px;
   text-align: left;
   margin: 5px 10px 0px 10px;
}

.jnl_content_l h2.mc9 {
   background-image: url(../../images/title_product_11.gif);
   background-repeat: no-repeat;
   width: 510px;
   height: 55px;
   text-align: left;
   margin: 5px 10px 0px 10px;
}

.prd_content3 {
   width: 510px;
   background: #EFF4E9;
   padding: 10px 0px;
   margin: 10px 15px 15px 15px;
}

.prd_content3 p {
   font-size: 12px;
   line-height: 15px;
   text-align: left;
   margin: 10px 15px 0px 28px;
}

.prd_content3 img {
   margin: 0px 0px 0px 5px;
}

.prd_content3 h2.pm01 {
   background: url(../../images/t_prd_c012.gif) no-repeat;
   width: 490px;
   height: 17px;
   margin: 0px 10px;
}

.prd_content3 h2.pm02 {
   background: url(../../images/t_prd_c013.gif) no-repeat;
   width: 490px;
   height: 17px;
   margin: 40px 10px 0px 10px;
}

.prd_content3 h2.pm03 {
   background: url(../../images/t_prd_c019.gif) no-repeat;
   width: 490px;
   height: 17px;
   margin: 0px 10px;
}

.prd_content3 h2.pm04 {
   background: url(../../images/t_prd_c020.gif) no-repeat;
   width: 490px;
   height: 17px;
   margin: 40px 10px 0px 10px;
}

.prd_content3 h2.pm05 {
   background: url(../../images/t_prd_c014.gif) no-repeat;
   width: 490px;
   height: 17px;
   margin: 0px 10px;
}

.prd_content3 h2.pm06 {
   background: url(../../images/t_prd_c015.gif) no-repeat;
   width: 490px;
   height: 17px;
   margin: 40px 10px 0px 10px;
}

.prd_content3 h2.pm07 {
   background: url(../../images/t_prd_c022.gif) no-repeat;
   width: 490px;
   height: 17px;
   margin: 0px 10px;
}

.prd_content3 h2.pm08 {
   background: url(../../images/t_prd_c023.gif) no-repeat;
   width: 490px;
   height: 17px;
   margin: 40px 10px 0px 10px;
}

.prd_content3 h2.pm09 {
   background: url(../../images/t_prd_c016.gif) no-repeat;
   width: 490px;
   height: 17px;
   margin: 0px 10px;
}

.prd_content3 h2.pm10 {
   background: url(../../images/t_prd_c017.gif) no-repeat;
   width: 490px;
   height: 17px;
   margin: 0px 10px;
}

.prd_content3 h2.pm11 {
   background: url(../../images/t_prd_c018.gif) no-repeat;
   width: 490px;
   height: 17px;
   margin: 40px 10px 0px 10px;
}

.prd_content3 h2.pm12 {
   background: url(../../images/t_prd_c024.gif) no-repeat;
   width: 490px;
   height: 17px;
   margin: 0px 10px 0px 10px;
}

.prd_content4 {
   width: 510px;
   margin: 10px 15px 15px 15px;
}

.prd_content4 h2.mb1 {
   background: url(../../images/t_prd_c026.gif) no-repeat;
   width: 510px;
   height: 17px;
   text-align: left;
   margin: 10px 0px 15px 0px;
}

.prd_content4 h2.mb2 {
   background: url(../../images/t_prd_c027.gif) no-repeat;
   width: 510px;
   height: 17px;
   text-align: left;
   margin: 40px 0px 15px 0px;
}

.prd_content4 p {
   width: 510px;
   font-size: 12px;
   text-align: left;
   margin: 0px;
}

/********       Use's Voice       ********/

.v_saito {
	width: 510px;
	height: 164px;
	background: url(../../images/title_voice_01.png) no-repeat;
	margin: 10px 10px 0px 10px;
}

.voice_bd {
	width: 510px;
	background: #F3ECEE;
	padding: 15px 0px 10px 0px;
	margin: 10px 15px 15px 15px;
	text-align: left;
}

.voice_bd img.right {
	margin: 0px 0px 10px 10px;
}

.voice_bd img.left {
	margin: 0px 10px 10px 0px;
}

.voice_bd p.que {
	font-size: 12px;
	font-weight: bold;
	color: #C83F67;
	margin: 0px 15px 15px 15px;
}

.voice_bd p.ans {
	font-size: 12px;
	margin: 0px 15px 15px 15px;
}

.t_nam {
	font-weight: bold;
	font-size: 12px;
	margin: 0px 0px 5px 0px;
}

.t_voice01 {
	width: 228px;
	height: 30px;
	background: url(../../images/t_voice_01.gif) no-repeat;
	margin: 10px 10px 0px 10px;
}


#bt_v {
	width: 228px;
	height: 15px;
	font-size: 10px;
	color: #BE1B49;
	margin: 0px 0px 30px 0px;
	text-align: right;
}

/********       Service       ********/

.t_srv {
	width: 510px;
	padding: 0px 0px 10px 0px;
	margin: 0px 15px 15px 15px;
	text-align: left;
}

.t_srv h2.t500 {
	background-image:url(../../images/t_order_content_02.gif);
	width: 510px;
	height: 75px;
	margin: 0px 0px 15px 0px;
}

.t_srv h2.t_pay {
	background-image:url(../../images/t_prd_c035.gif);
	width: 510px;
	height: 17px;
	margin: 0px 0px 15px 0px;
}

.t_srv h2.sb_pay00 {
	background-image:url(../../images/t_prd_c043.gif);
	width: 510px;
	height: 17px;
	margin: 0px 0px 5px 0px;
}

.t_srv h2.img_pay00 {
	background-image:url(../../images/t_prd_c042.gif);
	width: 510px;
	height: 170px;
	margin: 5px 0px 25px 0px;
}

.t_srv h2.sb_pay01 {
	background-image:url(../../images/t_prd_c036.gif);
	width: 510px;
	height: 17px;
	margin: 0px 0px 5px 0px;
}

.t_srv h2.img_pay01 {
	background-image:url(../../images/t_prd_c039.gif);
	width: 510px;
	height: 170px;
	margin: 5px 0px 25px 0px;
}

.t_srv h2.sb_pay02 {
	background-image:url(../../images/t_prd_c037.gif);
	width: 510px;
	height: 17px;
	margin: 0px 0px 5px 0px;
}

.t_srv h2.img_pay02 {
	background-image:url(../../images/t_prd_c040.gif);
	width: 510px;
	height: 200px;
	margin: 5px 0px 25px 0px;
}

.t_srv h2.sb_pay03 {
	background-image:url(../../images/t_prd_c038.gif);
	width: 510px;
	height: 17px;
	margin: 0px 0px 5px 0px;
}

.t_srv h2.img_pay03 {
	background-image:url(../../images/t_prd_c041.gif);
	width: 510px;
	height: 200px;
	margin: 5px 0px 25px 0px;
}

.t_srv h2.svttl01 {
	background:url(../../images/t_prd_c033.gif) no-repeat;
	width: 510px;
	height: 17px;
	margin: 15px 0px 15px 0px;
}


.t_srv h2.svttl02 {
	background:url(../../images/t_prd_c034.gif) no-repeat;
	width: 510px;
	height: 40px;
	margin: 0px 0px 10px 0px;
}

.t_srv h2.srvt {
	font-size: 12px;
	color: #555555;
	margin: 20px 15px 5px 0px;
}

.t_srv p.images {
	background:url(../../images/t_order_content_03.gif) no-repeat;
	width: 220px;
	height: 233px;
	float: left;
	display: inline;
	font-size: 12px;
	margin: 0px 0px 35px 10px;
}

.t_srv p.pay {
	font-size: 12px;
	margin: 3px 8px 5px 8px;
}


.t_srv p.prctxt {
	width: 280px;
	float: left;
	display: inline;
	font-size: 12px;
	margin: 3px 0px 5px 0px;
}


.t_srv p.prcctn {
	width: 280px;
	float: left;
	display: inline;
	font-size: 10px;
	margin: 10px 0px 15px 0px;
}


.t_srv p.khtxt {
	font-size: 12px;
	margin: 0px 0px 15px 20px;
}

.t_srv p.bkttl {
   background-image: url(../../images/icon_13.gif);
   background-repeat: no-repeat;
   color: #C83F67;
   font-weight: bold;
   font-size: 12px;
   line-height: 15px;
   text-align: left;
   margin: 15px 0px 0px -5px;
   padding-left: 15px;
}


.t_srv img {
	margin: 0px 15px 10px 0px;
}

.srv_content1 {
   width: 510px;
   background: url(../../images/title_price_m.gif) repeat-y;
   margin: 5px 0px 0px 0px;
}

.srv_content1 p {
	font-size: 12px;
	margin: 0px 10px;
}

.srv_content1 h2.h1 {
   width: 510px;
   height: 5px;
   background: url(../../images/title_price_h.gif) no-repeat;
   margin: 0px;
   overflow: hidden;
}

.srv_content1 h2.f {
   width: 510px;
   height: 5px;
   background: url(../../images/title_price_b.gif) no-repeat;
   margin: 0px ;
   overflow: hidden;
   clear: both;
}

.svb {
	color: #C94577;
	font-weight: bold;
	line-height: 22px;
}


table.service {
   width: 510px;
   margin: 0px;
   border:1px solid #333333;
   border-collapse:collapse;
   border-spacing:0;
   background-color:#ffffff;
   empty-cells:show;
   table-layout:fixed;
}


.service th{
    border:1px solid #333333;
    color:#333333;
    background-color:#F3ECEE;
    background-position:left top;
    padding:5px;
    vertical-align: top;
    text-align: left;
    font-weight: normal;
    font-size: 12px;
}


.service td{
    vertical-align: top;
    border:1px solid #333333;
    border-bottom:1px solid #333333;
    padding:10px;
    font-size: 12px;
}

.service td.plsv{
    vertical-align: middle;
    border:1px solid #333333;
    border-bottom:1px solid #333333;
    padding:10px;
    font-size: 12px;
}

.service td p.atn{
    font-size: 10px;
    color: #C83F67;
    margin: 0px;
}

.service th.sv{
    width: 170px;
    vertical-align: top;
    border:1px solid #333333;
    border-bottom:1px solid #333333;
    padding:5px;
    font-size: 12px;
}

.service th.plan{
    width: 110px;
    vertical-align: top;
    border:1px solid #333333;
    border-bottom:1px solid #333333;
    padding:5px;
    font-size: 12px;
}

.service th.price{
    width: 120px;
    vertical-align: top;
    border:1px solid #333333;
    border-bottom:1px solid #333333;
    padding:5px;
    font-size: 12px;
}

.service th.plansub{
    background-color:#EBF0DC;
    color: #505D2A;
    vertical-align: top;
    border:1px solid #333333;
    border-bottom:1px solid #333333;
    padding:5px;
    font-size: 12px;
}

.service td.pname{
    background: #F1F1F1;
    color: #CD6084;
    font-weight: bold;
}

.service td.pname2{
    width: 210px;
    background: #F1F1F1;
    color: #646464;
    font-weight: bold;
}

.service td.sv2{
    width: 150px;
}

.service td.price2{
    width: 140px;
}


table.adnm {
   width: 510px;
   margin: 0px;
   border:1px solid #333333;
   border-collapse:collapse;
   border-spacing:0;
   background-color:#ffffff;
   empty-cells:show;
   table-layout:fixed;
}

.adnm th{
    border:1px solid #333333;
    color:#333333;
    background-color:#F3ECEE;
    background-position:left top;
    padding:5px;
    vertical-align: top;
    text-align: left;
    font-weight: normal;
    font-size: 12px;
}

.adnm td{
    vertical-align: top;
    border:1px solid #333333;
    border-bottom:1px solid #333333;
    padding:5px;
    font-size: 12px;
}

.adnm td.pname3{
    width: 140px;
    vertical-align:middle;
    background: #F1F1F1;
    color: #646464;
}

.adnm td.inpt{
}


.service td.pname p{
    line-height: 20px;
}

.yen {
   background-image: url(../../images/icon_15.gif);
   background-repeat: no-repeat;
   color: #C83F67;
   font-weight: bold;
   font-size: 12px;
   line-height: 20px;
   text-align: left;
   margin: 0px;
   padding-left: 15px;
}

.service td.pprice{
    background: #FFFFFF;
    line-height: 20px;
}

.service td.pprice p{
    background: #FFFFFF;
}

.bld{
    color: #5E4A50;
    font-weight: bold;
}



.service td p{
    margin: 0px 0px 5px 0px;
}

.prc{
    color: #802E45;
    font-weight: bold;
}

#prc_bt a:hover {
	background-position: 0px -41px;
}

#prc_bt a {
	text-indent: -99999px;
	display:block;
}

#prc_bt01 a{
	float: right;
	width: 229px;
	height: 41px;
	background: url(../../images/bt_price.gif) no-repeat;
	margin: 0px 0px 25px 0px;
}

/********       Order       ********/

.step1 {
	background-image:url(../../images/order_frw_01.gif);
	width: 520px;
	height: 23px;
	margin: 0px 0px 15px 0px;
	orverflow: hidden;
}

.step2 {
	background-image:url(../../images/order_frw_02.gif);
	width: 520px;
	height: 23px;
	margin: 0px 0px 15px 0px;
	orverflow: hidden;
}

.step3 {
	background-image:url(../../images/order_frw_03.gif);
	width: 520px;
	height: 23px;
	margin: 0px 0px 15px 0px;
	orverflow: hidden;
}

.step4 {
	background-image:url(../../images/order_frw_04.gif);
	width: 520px;
	height: 23px;
	margin: 0px 0px 15px 0px;
	orverflow: hidden;
}

.t_order {
	width: 510px;
	padding: 0px 0px 10px 0px;
	margin: 0px 15px 15px 15px;
	text-align: left;
}

.t_order h2.readme {
	background-image:url(../../images/t_prd_c046.gif);
	width: 510px;
	height: 17px;
	margin: 0px 0px 15px 0px;
	orverflow: hidden;
}


.t_order p {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	text-align: left;
}

.t_order p.odt {
	font-size: 12px;
	line-height: 17px;
	padding: 0px;
	margin: 5px 10px 10px 10px;
	text-align: left;
}

.t_order p.ch {
	font-size: 10px;
	color: #C83F67;
	padding: 0px;
	margin: 5px 0px 20px 0px;
	text-align: left;
}

.t_order p.ch2 {
	font-size: 10px;
	padding: 0px;
	margin: 5px 0px;
	text-align: left;
}

.t_order p.sankaku {
	background:url(../../images/icon_14.gif) no-repeat;
	background-position: center;
	width: 510px;
	height: 10px;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}

.t_order p.pdf {
   background-image: url(../../images/icon_pdf.gif);
   background-repeat: no-repeat;
   color: #C83F67;
   font-weight: bold;
   font-size: 12px;
   line-height: 12px;
   text-align: left;
   margin: 5px 0px 10px 0px;
   padding-left: 15px;
}

.t_order p.snk {
   background-image: url(../../images/icon_13.gif);
   background-repeat: no-repeat;
   color: #C83F67;
   font-size: 12px;
   line-height: 15px;
   text-align: left;
   margin: 15px 0px 5px -5px;
   padding-left: 15px;
}

.t_order p.warnb {
   color: #C83F67;
   font-size: 12px;
   font-weight: bold;
   line-height: 15px;
   text-align: left;
   margin: 15px 0px -8px 0px;
   padding: 0px;
}

.t_order p.warn {
   color: #C83F67;
   font-size: 12px;
   line-height: 15px;
   text-align: left;
   margin: 5px 0px 5px 0px;
   padding: 0px;
}

table.order {
   width: 510px;
   margin: 0px;
   border:1px solid #B9184D;
   border-collapse:collapse;
   border-spacing:0;
   background-color:#ffffff;
   empty-cells:show;
   table-layout:fixed;
}

.order th{
    width: 80px;
    border:1px solid #B9184D;
    color:#FFFFFF;
    background-color:#B9184D;
    padding:3px 10px;
    text-align: center;
    font-size: 12px;
}

.order td{
    width: 380px;
    border:1px solid #B9184D;
    border-bottom:1px solid #B9184D;
    padding:3px 10px;
    font-size: 12px;
}

#odr_bt {
    width: 510px;
    text-align: center;
}

#odr_bt a:hover {
	background-position: 0px -41px;
}

#odr_bt a {
	text-indent: -99999px;
	display:block;
}

#odr_bt01 a{
	width: 229px;
	height: 41px;
	background: url(../../images/bt_order.gif) no-repeat;
	margin: 0px auto 10px auto;
}

.odr_content1 {
   width: 510px;
   background: url(../../images/title_price_m.gif) repeat-y;
   margin: 5px 0px 10px 0px;
}

.odr_content1 p {
	font-size: 12px;
	line-height: 17px;
	margin: 5px 10px;
}

.odr_content1 h2.h1 {
   width: 510px;
   height: 5px;
   background: url(../../images/title_price_h.gif) no-repeat;
   margin: 0px;
   overflow: hidden;
}

.odr_content1 h2.f {
   width: 510px;
   height: 5px;
   background: url(../../images/title_price_b.gif) no-repeat;
   margin: 0px ;
   overflow: hidden;
   clear: both;
}


#order_bt a:hover {
	background-position: 0px -80px;
}

#order_bt a {
	text-indent: -99999px;
	display:block;
}

#order_bt01 a{
	width: 250px;
	height: 80px;
	background: url(../../images/bt_order02.gif) no-repeat;
	margin: 0px;
}

.t_order01 {
	width: 228px;
	height: 30px;
	background: url(../../images/t_order_01.gif) no-repeat;
	margin: 10px 0px 0px 0px;
}

#order_bt2 {
	margin: 0px;
}

#order_bt2 a:hover {
	background-position: 0px -80px;
}

#order_bt2 a {
	text-indent: -99999px;
	display:block;
}

#order_bt02 a{
	width: 540px;
	height: 80px;
	background: url(../../images/bt_order01.gif) no-repeat;
	margin: 0px;
}

.t_order02 {
	width: 228px;
	height: 30px;
	background: url(../../images/t_order_01.gif) no-repeat;
	margin: 10px 10px 20px 10px;
}


.r_order {
	margin: 5px 10px 0px 10px;
}

.r_order ul {
	margin: 0px 0px 25px 0px;
	padding: 0px;
}

.r_order li {
   list-style-type: none;
   background-image: url(../../images/icon_13.gif);
   background-repeat: no-repeat;
   font-size: 12px;
   line-height: 15px;
   text-align: left;
   margin: 10px 0px 15px -4px;
   padding-left: 15px;
}


/********       Inquiry       ********/

.inq_head {
   background-color: #C94577;
   width: 540px;
   height: 17px;
   dispray: block;
   position: static;
   overflow: hidden;
   text-align: left;
   margin-bottom: 10px;
}

.inq_head p {
   font-size: 10px;
   color: #FFFFFF;
   text-align: left;
   line-height: 17px;
   margin: 0px 10px;
}

.inq_head a {
   color: #FFFFFF;
}

.inq_head a:hover {
   color: #FFFFFF;
}

.t_inq {
	width: 510px;
	background: #F3ECEE;
	padding: 15px 0px 10px 0px;
	margin: 10px 15px 15px 15px;
	text-align: left;
}

.t_inq h2.inqt {
	font-size: 12px;
	color: #C83F67;
	margin: 0px 15px 15px 15px;
}

.t_inq p {
	font-size: 12px;
	margin: 0px 15px 15px 15px;
}

.t_inq p.mail {
	width: 200px;
	height: 57px;
	background: url(../../images/t_prd_c031.gif) no-repeat;
	margin: 5px 15px 10px 15px;
}

.t_inq p.odr {
	width: 200px;
	height: 57px;
	background: url(../../images/t_prd_c032.gif) no-repeat;
	margin: 10px 15px 10px 15px;
}

/********       Trust-e       ********/

.t_tre {
	width: 510px;
	padding: 0px 0px 10px 0px;
	margin: 0px 15px 15px 15px;
	text-align: left;
}

.t_tre h2.t500 {
	background-image:url(../../images/t_order_content_07.gif);
	width: 510px;
	height: 75px;
	margin: 0px 0px 15px 0px;
}

.t_tre p {
	line-height: 16px;
	padding: 0px;
	margin: 0px 10px 10px 10px;
	text-align: left;
}

.t_tre p.bd {
	color: #666666;
	font-weight: bold;
	padding: 0px;
	margin: 0px 10px 5px 10px;
	text-align: left;
}

.t_tre p.bd2 {
	color: #666666;
	font-weight: bold;
	padding: 0px;
	margin: 20px 10px 5px 10px;
	text-align: left;
}


/********       Banner       ********/


#banner a:hover {
	background-position: 0px -67px;
}

#banner a {
	text-indent: -99999px;
	display:block;
}

#banner01 a{
	width: 228px;
	height: 67px;
	background: url(../../images/banner_prd_01.gif) no-repeat;
	margin: 10px;
}

.banner_v01 {
	width: 228px;
	height: 117px;
	background: url(../../images/banner_voice_01.png) no-repeat;
	margin: 10px 10px 2px 10px;
	text-align: right;
}

.banner_v01 p {
	color: #FFFFFF;
	font-size: 10px;
	padding: 75px 85px 0px 0px;
}

.banner_v02 {
	width: 228px;
	height: 117px;
	background: url(../../images/banner_voice_02_off.png) no-repeat;
	margin: 10px;
	text-align: right;
}

.banner_v02 p {
	color: #FFFFFF;
	font-size: 10px;
	padding: 75px 85px 0px 0px;
}


/********       Information       ********/


.info_top {
   background: url(../../images/pict_camp_01.png) no-repeat;
   width: 510px;
   height: 277px;
   margin: 0px 10px;
}

.info_top p {
   font-size: 12px;
   color: #475434;
   text-align: left;
   line-height: 18px;
   padding: 125px 10px 0px 215px;
}

.info_top p.bt {
   width: 189px;
   height: 40px;
   font-size: 12px;
   color: #475434;
   text-align: left;
   line-height: 18px;
   padding: 20px 10px 0px 220px;
}

table.info2 {
   width: 510px;
   margin: 10px 0px;
   border:1px solid #333333;
   border-collapse:collapse;
   border-spacing:0;
   background-color:#ffffff;
   empty-cells:show;
}


.info2 th{
    border:1px solid #333333;
    color:#333333;
    background-color:#F7E1C4;
    background-position:left top;
    padding:5px;
    vertical-align: top;
    text-align: left;
    font-size: 16px;
}


.info2 td{
    vertical-align: middle;
    border:1px solid #333333;
    border-bottom:1px solid #333333;
    color:#646464;
    padding:10px;
    font-size: 12px;
}

.info2 td p.pdf{
   background-image: url(../../images/icon_pdf.gif);
   background-repeat: no-repeat;
   color: #C83F67;
   font-weight: bold;
   font-size: 12px;
   line-height: 12px;
   text-align: left;
   margin: 5px 0px 10px 0px;
   padding-left: 15px;
}

.info2 td.pname{
    width: 290px;
    background: #F9F4EB;
    color: #646464;
    font-weight: bold;
    table-layout:fixed;
}

.info2 td.pname p{
    font-size: 10px;
    font-weight: normal;
    line-height: 15px;
}

/********       Submit       ********/

.sbmt {
   background-color: #C3BEC0;
   width: 540px;
   dispray: block;
   position: static;
   overflow: hidden;
   margin: 0px;
   padding: 10px 0px;
}

.inpt_txt {
   width: 260px;
   margin: 0px;
   padding: 0px;
}

/********       Content_INDEX       ********/


.content_5 {
   width: 350px;
   float: left;
   display: inline;
   margin: 10px;
}

.content_5 h1.news {
   width: 350px;
   height: 40px;
   background: url(../../images/title_index_01.png) no-repeat;
   margin: 0px;
}

.content_5 p.nc {
   font-size: 10px;
   line-height: 14px;
   text-align: left;
   background: url(../../images/dot_1.gif) repeat-x bottom;
   margin: 0px 0px 5px 0px;
   padding-bottom: 5px;
}

.content_5 p.ig{
   background-image: url(../../images/icon_17.png);
   background-repeat: no-repeat;
   font-size: 10px;
   line-height: 19px;
   text-align: left;
   margin: 5px 0px 10px 0px;
   padding-left: 20px;
}

.content_5 p.ib{
   background-image: url(../../images/icon_19.png);
   background-repeat: no-repeat;
   font-size: 10px;
   line-height: 19px;
   text-align: left;
   margin: 5px 0px 10px 0px;
   padding-left: 20px;
}

.content_5 h1.report {
   width: 350px;
   height: 40px;
   font-size: 10px;
   font-weight: normal;
   line-height: 41px;
   color: #5B9CFF;
   background: url(../../images/title_index_02.png) no-repeat;
   margin: 20px 0px 0px 0px;
}

.content_5 h1.dvp {
   width: 350px;
   height: 40px;
   font-size: 10px;
   font-weight: normal;
   line-height: 41px;
   color: #5B9CFF;
   background: url(../../images/title_index_04.png) no-repeat;
   margin: 20px 0px 0px 0px;
}

.d_report{
   width: 350px;
   margin: 5px 0px;
}

.r_bn {
   width: 350px;
   margin: 10px 0px;
   padding-top: 5px;
   background: url(../../images/dot_1.gif) repeat-x top;
   clear: both;
}

.r_bn p {
   font-size: 10px;
   line-height: 14px;
   text-align: left;
   background: url(../../images/dot_1.gif) repeat-x bottom;
   margin: 0px 0px 5px 0px;
   padding-bottom: 5px;
}

.r_photo {
   width: 112px;
   height: 84px;
   float: left;
   display: inline;
   margin: 0px;
}

.r_photo img{
   width: 112px;
   height: 84px;
   border: 1px solid #CCCCCC;
   margin: 0px;
}

.r_text {
   width: 226px;
   float: left;
   display: inline;
   margin: 0px 0px 0px 10px;
}

.r_text p.date {
   font-size: 10px;
   line-height: 14px;
   text-align: left;
}

.r_text p.lsname {
   font-size: 12px;
   line-height: 18px;
   text-align: left;
}

.r_text p.thname {
   font-size: 10px;
   line-height: 18px;
   text-align: left;
}

.r_text p.rpt {
   font-size: 10px;
   line-height: 14px;
   text-align: left;
   margin-top: 5px;
}



.d_info{
   width: 350px;
   margin: 5px 0px;
}

.d_photo {
   width: 130px;
   height: 100px;
   float: left;
   display: inline;
   margin: 0px;
}

.d_photo img{
   width: 130px;
   height: 100px;
   border: 1px solid #CCCCCC;
   margin: 0px;
}

.tr_photo {
   width: 130px;
   height: 32px;
   float: left;
   display: inline;
   margin: 0px;
}

.tr_photo img{
   width: 116px;
   height: 32px;
   border: 1px solid #CCCCCC;
   margin: 0px;
}

.d_text {
   width: 208px;
   float: left;
   display: inline;
   margin: 0px 0px 0px 10px;
}

.d_text p.date {
   font-size: 10px;
   line-height: 17px;
   text-align: left;
}

.d_text p.dtl {
   background-image: url(../../images/icon_17.png);
   background-repeat: no-repeat;
   font-size: 12px;
   line-height: 18px;
   text-align: left;
   margin: 0px 0px 0px -5px;
   padding-left: 20px;
}


.content_6 {
   width: 430px;
   float: left;
   display: inline;
   margin: 10px;
}

.content_6 p.ig{
   background-image: url(../../images/icon_17.png);
   background-repeat: no-repeat;
   font-size: 10px;
   line-height: 19px;
   text-align: left;
   margin: 5px 0px 10px 0px;
   padding-left: 20px;
}

.content_6 h1.cmp_h {
   width: 430px;
   height: 110px;
   background: url(../../images/banner_cmp_01.png) no-repeat;
   margin: 0px;
}

.cmp_t {
   width: 430px;
   height: 130px;
   background: url(../../images/banner_cmp_02.png) no-repeat;
   margin: 0px;
}

.cmp_t p {
   text-align: left;
   line-height: 18px;
   margin: 0px;
   padding: 30px 100px 0px 40px;
}

.cmp_t p.bb {
   line-height: 18px;
   margin: 0px;
   padding: 10px 0px 0px 90px;
}

.content_6 h1.mcbn {
   width: 430px;
   height: 40px;
   font-size: 10px;
   color: #5B9C23;
   font-weight: normal;
   line-height: 41px;
   background: url(../../images/title_index_06.png) no-repeat;
   margin: 20px 0px 0px 0px;
}

.content_6 h1.tch {
   width: 430px;
   height: 40px;
   font-size: 10px;
   color: #EEA31B;
   font-weight: normal;
   line-height: 41px;
   background: url(../../images/title_index_03.png) no-repeat;
   margin: 20px 0px 0px 0px;
}

.content_6 p.iy{
   background-image: url(../../images/icon_18.png);
   background-repeat: no-repeat;
   font-size: 10px;
   line-height: 19px;
   text-align: left;
   margin: 5px 0px 10px 0px;
   padding-left: 20px;
}

.d_teacher{
   width: 430px;
   margin: 5px 0px;
   padding: 0px;
   clear: both;
}

.t_teacher{
   width: 215px;
   margin: 0px 0px 10px 0px;
   float: left;
   display: inline;
}

.t_dot{
   width: 430px;
   height: 1px;
   overflow:hidden;
   clear: bot;
   margin-bottom: 10px;
   padding: 0px;
   background: url(../../images/dot_1.gif) repeat-x;
}


.t_photo {
   width: 77px;
   height: 58px;
   float: left;
   display: inline;
   margin: 0px;
}

.t_photo img{
   width: 75px;
   height: 58px;
   border: 1px solid #CCCCCC;
   margin: 0px;
}

.t_text {
   width: 118px;
   float: left;
   display: inline;
   margin: 0px 10px;
}

.t_text p {
   line-height: 18px;
   text-align: left;
   margin: 0px;
}

.t_text p.lnm {
   line-height: 14px;
   text-align: left;
   margin: 3px 0px 0px 0px;
}

.t_text p.scn {
   font-size: 10px;
   text-align: left;
   margin: 0px;
}

.bn_mcl{
   width: 430px;
   margin: 5px 0px;
}

.bn_cover {
   width: 73px;
   height: 104px;
   float: left;
   display: inline;
   margin: 0px;
}

.bn_cover img{
   width: 73px;
   height: 104px;
   margin: 0px;
}

.bn_mct{
   width: 337px;
   float: left;
   display: inline;
   text-align: left;
   margin: 0px 0px 0px 20px;
}

.bn_mct p.vol{
   font-size: 10px;
   margin: 0px;
}

.bn_mct p.titv{
   color: #5B9C23;
   font-size: 10px;
   margin: 0px;
}

.bn_mct p.bntl{
   font-weight: bold;
   margin: 0px 0px 5px 0px;
}

.content_6 h1.apl {
   width: 430px;
   height: 40px;
   font-size: 10px;
   color: #EEA31B;
   font-weight: normal;
   line-height: 41px;
   background: url(../../images/title_index_05.png) no-repeat;
   margin: 20px 0px 0px 0px;
}

.v_order {
   width: 430px;
   margin: 0px;
   padding-bottom: 10px;
   clear: both;
}

#o_bt a:hover {
	background-position: 0px -63px;
}

#o_bt {
   width: 224px;
   float: left;
   display: inline;
   margin: 5px 3px;
}

#o_bt a {
	text-indent: -99999px;
	display:block;
}

#o_bt01 a{
	width: 224px;
	height: 63px;
	background: url(../../images/bt_order05.png) no-repeat;
	margin: 0px;
}

.o_text {
   float: left;
   display: inline;
   margin: 0px 0px 0px 10px;
}

.o_text p {
   line-height: 18px;
   text-align: left;
   margin: 0px;
}

.o_text ul {
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

.o_text li {
   list-style-type: none;
   background-image: url(../../images/icon_13.gif);
   background-repeat: no-repeat;
   font-size: 12px;
   line-height: 15px;
   text-align: left;
   margin: 5px 0px 5px -4px;
   padding-left: 15px;
}

.clng {
	background: url(../../images/bg_cls_01.png) no-repeat;
	width: 820px;
	height: 217px;
}

.threec {
	width: 520px;
	background: #FFFFFF;
	margin: 0px auto;
	padding: 10px 0px 15px 0px;
}

.threec p {
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	line-height: 18px;
	margin: 0px;
	padding: 90px 260px 0px 3px;
}

.communication {
	background: url(../../images/bg_cls_02_1.png) no-repeat;
	width: 520px;
	height: 320px;
	margin: 0px 0px 50px 0px;
	padding: 0px;
}



.collaboration {
	background: url(../../images/bg_cls_03_1.png) no-repeat;
	width: 520px;
	height: 450px;
	font-size: 12px;
	font-weight: normal;
	margin: 0px 0px 50px 0px;
	padding: 0px;
}

.community {
	background: url(../../images/bg_cls_04.png) no-repeat;
	width: 520px;
	height: 184px;
	font-size: 12px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}


/********       Footer       ********/

.footer_line {
   width: 820px;
   text-align: right;
   dispray: block;
   margin: 0px;
}

.footer_line p {
   font-size: 10px;
   color: #333333;
   line-height: 25px;
   margin: 0px;
}

/********       Monthry CL       ********/


.mcl_top {
	background: url(../../images/pict_mcl06.png) no-repeat;
	width: 510px;
	height: 250px;
	padding: 15px 0px 0px 0px;
	margin: 10px 15px 0px 15px;
	text-align: left;
}

.mcl_inf {
	width: 330px;
	margin: 0;
	padding: 50px 0 0 7px;
	text-align: left;
}

.mcl_inf p.mtl01 {
	font-size: 10px;
	color: #D25F90;
	font-weight: bold;
	line-height: 15px;
	margin: 0;
	padding: 0;
}

.mcl_inf p.mtl02 {
	font-size: 12px;
	color: #D25F90;
	font-weight: bold;
	line-height: 18px;
	margin: 0 0 5px 0;
	padding: 0;
}

.mcl_inf p.mtl03 {
	font-size: 12px;
	color: #646464;
	line-height: 18px;
	margin: 15px 0;
	padding: 0;
}

.mcl_inf p.mtl04 {
	font-size: 10px;
	color: #646464;
	line-height: 15px;
	margin: 0;
	padding: 0;
}

.mcl_inf p.mtl05 {
	font-size: 14px;
	color: #646464;
	line-height: 15px;
	font-weight: bold;
	margin: 10px 0 20px;
	padding: 0;
}

.mcl_inf p.mtl06 {
	font-size: 10px;
	color: #646464;
	line-height: 15px;
	margin: 5px 0;
	padding: 0;
}

.pdf2 {
	background-image: url(../../images/icon_pdf.gif);
	background-repeat: no-repeat;
	color: #646464;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	text-align: left;
	margin: 10px 15px;
	padding-left: 15px;
}

.txt_pnk {
	color: #D25F90;
}

.mcl_sample {
	width: 510px;
	padding: 0;
	margin: 30px 15px;

}

.mcl_sample p.read {
	float: left;
	padding: 0 0 0 7px;
}

.mcl_sample p.shbn {
	float: right;
	font-size: 10px;
	padding: 0 7px 0 0;
}

#mcl_order a:hover {
	background-position: 0px -60px;
}

#mcl_order a {
	text-indent: -99999px;
	display:block;
}

#mcl_order01 a{
	width: 510px;
	height: 60px;
	background: url(../../images/bt_order06.png) no-repeat;
	margin: 0px;
}

.mcl_order01 {
	width: 510px;
	height: 60px;
	background: url(../../images/bt_order06.png) no-repeat;
	margin: 10px 0px 0px 0px;
}



/********       clear       ********/
.clear {
	clear: both;
}


