@import url(base.css);

/* index */
.mainimg {background:url("/include/contents/htdocs/img/agent/jokin/uiturn/jj_img01.jpg") no-repeat left center; height:100px; width:640px;}
/* 2010.01.12 edit */
/* .ContentsBox h1{background:url("../..//img/agent/jokin/uiturn/tit_top.gif") no-repeat left top; height:36px; width:300px;}*/
/* 2010.01.12 edit */
.ContentsBox h1.jj-faq{background:url("/include/contents/htdocs/img/agent/jokin/uiturn/tit_jj_faq.gif") no-repeat left top; height:36px; width:175px;}

.ContentsBox-h2 .LeftBox{width:640px; float:left; margin-right:20px;}
.ContentsBox-h2 .RightBox{width:190px; float:left;}

.ContentsBox-h3 .Jj-Box{background:url("/include/contents/htdocs/img/agent/jokin/uiturn/bg.gif") repeat-y left top;}
.ContentsBox-h3 .Jj-Box .ContentsBox-btm{ background:url("/include/contents/htdocs/img/agent/jokin/uiturn/bg_bottom.gif") no-repeat left bottom; padding-bottom:3px;}
.ContentsBox-h3 .Jj-Box .BackContentsBox{ background:url("/include/contents/htdocs/img/agent/jokin/uiturn/jj_back_top.gif") no-repeat left top; padding-top:3px;}
.ContentsBox-h3 .Jj-Box .BackContentsBox02{ width:640px; height:38px; background:url("/include/contents/htdocs/img/agent/jokin/uiturn/stit_jj_backnumb.gif") no-repeat left top;}
.ContentsBox-h3 .Jj-Box .BackContentsBox03{ width:640px; height:38px; background:url("/include/contents/htdocs/img/agent/jokin/uiturn/stit_jj_backnumb_08.gif") no-repeat left top;}
.ContentsBox-h3 .Jj-Box .BackContentsBox04{ width:640px; height:38px; background:url("/include/contents/htdocs/img/agent/jokin/uiturn/stit_jj_backnumb_09.gif") no-repeat left top;}

.ContentsBox-h3 .Jj-Box .BackContentsBox00{ width:640px; height:38px; background:url("../../kaigyo/images/stit_allarea.gif") no-repeat left top;}

.ContentsBox-h3 .Jj-Box .BackContentsBox00 p{ padding:12px 0 0 20px; font-size:100%; font-weight:bold;}


.ContentsBox-h3 .Jj-Box .ContentsBox-main{ padding:12px 15px 15px 17px;}
.ContentsBox-h3 .Jj-Box .ContentsBox-main .LeftCont{ width:320px; margin-right:10px; float:left;}
.ContentsBox-h3 .Jj-Box .ContentsBox-main .RightCont{ width:260px; float:left;}



/* 2010.01.15 edit */

.ContentsBox-h3 .Jj-Box ul.backnb{width:610px;}
.ContentsBox-h3 .Jj-Box ul.backnb li{background:url("../images/top_ico_arrow.gif") no-repeat left center; padding:1px 0 1px 18px; width:80px; float:left; margin-top:10px;}
.ContentsBox-h3 .Jj-Box .ContentsBox-main ul.jj_thumb{width:600px;margin-bottom:15px;}
.ContentsBox-h3 .Jj-Box .ContentsBox-main ul.jj_thumb li.imgthumb{padding:1px 0 1px 0; width:50px; float:left; margin-top:10px;}
.ContentsBox-h3 .Jj-Box .ContentsBox-main ul.jj_thumb li.w20{width:20px;float:left;}
.ContentsBox-h3 .Jj-Box .ContentsBox-main ul.jj_thumb li.w10{width:10px;float:left;}
.ContentsBox-h3 .Jj-Box .ContentsBox-main ul.jj_thumb li.txtthumb{padding:1px 0 1px 0; width:240px; float:left; margin-top:10px;font-size:75%;line-height:150%;}
.ContentsBox-h3 .Jj-Box .moushikomi{background:url("../images/top_ico_arrow.gif") no-repeat left center; padding:1px 0 1px 18px; width:420px; float:right; margin:10px 0 10px 0;font-size:75%;}

.ContentsBox-h3 .Jj-Box .ContentsBox-main .RightCont .jj_back_color{ width:260px; text-align:center; margin-bottom:30px; padding:15px 0 15px 0; border: dotted 1px #D9CBB8; background-color: #FFFEF4;}


.RightBox ul.jj_backnumberlist{ width:190px; padding:15px 0 15px 0;}
.RightBox ul.jj_backnumberlist li.title{ border-top:dotted #C93 1px; border-bottom:dotted #C93 1px; font-size:85%; font-weight:bold; padding:5px 0 5px 0; margin:0 0 10px 0;}
.RightBox ul.jj_backnumberlist li.subtitle{ font-size:85%; font-weight:bold; padding:0 0 5px 0; margin:0 0 10px 0; color:#CC2944;}

.RightBox ul.jj_backnumberlist li.item{ font-size:75%; line-height:150%; margin:0 0 5px 0; }
.RightBox ul.jj_backnumberlist li.footer{ border-top:dotted #C93 1px; font-size:75%; line-height:140%; padding:10px 0 5px 0; margin:0 0 10px 0;}
/* 2010.01.15 edit end */


.Backnumb-Konyu{ margin-top:30px;}


.ContentsBox-h4 ul.BookArea li.txt{ margin:8px 0;}
.ContentsBox-h4 ul.BookArea li.txt span{ color:#D9CBB8; margin:0 3px;}
.ContentsBox-h4 dl{width:640px; background:url("../images/line_dot.gif") no-repeat left top;}
.ContentsBox-h4 dl dt{float:left; color:#a6947c; background:url("/include/contents/htdocs/images/line_dot.gif") no-repeat left bottom; padding:2px 10px 1px 0;}
.ContentsBox-h4 dl dd{ background:url("../images/line_dot.gif") no-repeat left bottom; padding:2px 0 1px 0;}

.RightBox .Enterybox{width:190px; background:url("../../agent/images/right_fl_bg.gif") repeat-y; margin-bottom:10px;}
.RightBox .Enterybox .title01{height:35px; width:190px; background:url("/include/contents/htdocs/img/agent/jokin/uiturn/right_fl_01.gif") no-repeat center top;}
.RightBox .Enterybox .title02{height:35px; width:190px; background:url("/include/contents/htdocs/img/agent/jokin/uiturn/right_fl_02.gif") no-repeat center top;}
.RightBox .action{ background:url("../../agent/images/right_fl_bottom.gif") no-repeat center bottom; padding:3px;}
.RightBox .action .regist a{height:49px; width:184px; background:url("/include/contents/htdocs/img/agent/jokin/uiturn/bt_jj01.gif") no-repeat center top; display:block;}
.RightBox .action .present a{height:49px; width:184px; background:url("/include/contents/htdocs/img/agent/jokin/uiturn/bt_jj03.gif") no-repeat center top; display:block;}
.RightBox .TxtBox{ padding:5px;}

.localnavi li{ margin-bottom:1px;}
.localnavi li a{display:block; width:190px;}
.localnavi li.n01 a:link,.localnavi li.n01 a:visited{background:url("/include/contents/htdocs/img/agent/jokin/uiturn/n01.gif") no-repeat center top; height:29px;}
.localnavi li.n02 a:link,.localnavi li.n02 a:visited{background:url("/include/contents/htdocs/img/agent/jokin/uiturn/n02.gif") no-repeat center top; height:29px;}
.localnavi li.n03 a:link,.localnavi li.n03 a:visited{background:url("/include/contents/htdocs/img/agent/jokin/uiturn/n03.gif") no-repeat center top; height:29px;}
.localnavi li.n04 a:link,.localnavi li.n04 a:visited{background:url("/include/contents/htdocs/img/agent/jokin/uiturn/n04.gif") no-repeat center top; height:29px;}
.localnavi li.n05 a:link,.localnavi li.n05 a:visited{background:url("/include/contents/htdocs/img/agent/jokin/uiturn/n05.gif") no-repeat center top; height:29px;}

.localnavi li.n01 a:hover,.localnavi li.n01 a:active{background-position:center bottom;}
.localnavi li.n02 a:hover,.localnavi li.n02 a:active{background-position:center bottom;}
.localnavi li.n03 a:hover,.localnavi li.n03 a:active{background-position:center bottom;}
.localnavi li.n04 a:hover,.localnavi li.n04 a:active{background-position:center bottom;}
.localnavi li.n05 a:hover,.localnavi li.n05 a:active{background-position:center bottom;}

.localnavi li a.on{background-position:center bottom!important;}

/* faq */

.ContentsBox-h3 .Faq-LeftBox{ width:150px; float:left; margin-right:30px;}
.ContentsBox-h3 .Faq-RightBox{ width:460px; float:left;}


.ContentsBox-h4 ul.Faq-info{ background:url("../images/line_dot02.gif") repeat-x left top;}
.ContentsBox-h4 ul.Faq-info li.Faq-info-top{ padding-top:10px;}
.ContentsBox-h4 ul.Faq-info .faq-lineBox{ background:url("../images/line_dot_faq.gif") no-repeat left center;}
.ContentsBox-h4 ul.Faq-info .faq-lineBox .faq-line{ background:url("../images/bt_faq.gif") no-repeat right 3px; float:right; padding-right:18px;}

.ContentsBox-h4 ul.Faq-info .Faq-info-in{ padding-bottom:20px;}
.ContentsBox-h4 ul.Faq-info .Faq-info-in .item{ width:50px; float:left; padding:3px 0 3px 0; }
.ContentsBox-h4 ul.Faq-info .Faq-info-in .info{ width:590px; float:left; padding:3px 0 3px 0;}

select{width:150px;}

.ContentsBox-h4 .PageLink02 .Page-Left{ width:435px; float:left; padding-top:5px;}
.List-back{ background:url("../images/arrow_page_back.gif") no-repeat left center; padding-left:17px; float:left;}



/* 2010.01.28 edit */

/* UI�^�[��
-----------����*/
.UI_bodytxt01{ width:600px; font-size:75%; line-height:150%; margin:0 auto; margin-bottom:20px;}
.UI_bodytxt01 ul { padding:10px 0 10px 0;}
.UI_bodytxt01 ul li{ padding:0 0 0 10px;}
p.UI_mainimgtxt{ padding:10px 0 0 0; width:400px; font-size:75%; line-height:150%; float:right;}
.UI_entrybox01{ background:#fffcc4; width:610px; padding:15px; font-size:75%; line-height:150%; margin:0 0 20px 0; clear:both;}
.UI_entrybox01 ul.UI_entrybox_link{ margin:0 0 10px 0;}
.UI_entrybox01 ul.UI_entrybox_link li{ padding:0 0 0 80px; float:left;}
.UI_entrybox02{ background:#f2eee3; width:620px; padding:10px; font-size:75%; line-height:150%; margin:0 0 20px 0; clear:both;}
.UI_entrybox02 ul.UI_entrybox_link{ margin:0 0 10px 0;}
.UI_entrybox02 ul.UI_entrybox_link li{ padding:0 0 0 5px; float:left;}
.UI_voicebox_a{ width:640px; float:left;}
.UI_voicebox_r{ width:310px; float:left;}
.UI_voicebox_l{ width:310px; float:left; margin:0 0 0 20px;}
.UI_voicebox_bodytxt{ font-size:75%; line-height:150%; }
.UI_voicebox_profile01{ font-size:62%; line-height:150%; border-bottom:#999 dotted 1px; margin:5px 0 10px 0; padding:0 5px 5px 0;text-align:right;}
.UI_voicebox_profile02{ font-size:62%; line-height:150%; margin:15px 0 20px 0;}
.UI_data_ttl{ width:80px; height:15px; color:#fff; font-weight:bold; font-size:75%; padding:8px 0 0 10px;}
.UI_data_sttl01{ width:620px; color:#fff; padding:10px; margin:0 0 10px 0; float:left;}
.UI_data_sttl01 p{ font-weight:bold; font-size:75%; margin:0 0 10px 0; padding-bottom:3px; border-bottom:#FFF dotted 1px;}
.UI_data_sttl02{ font-weight:bold; font-size:75%; margin:0 0 10px 0; padding:10px 0 3px 10px;}
.UI_data_all01{ width:223px; float:left; font-size:62%; line-height:150%;}
.UI_data_all02{ width:124px; float:right; font-size:62%;}
.UI_data_all03{ width:118px; float:left; font-size:75%; line-height:150%; padding:0 0 0 10px;}


/* UI�^�[��
-----------�֐�*/
.UI_Kansai_leadtxt { color:#558e64; font-size:120%; font-weight:bold; line-height:150%; margin-bottom:15px;}
.UI_Kansai_mainttl { background:url("/include/contents/htdocs/img/agent/jokin/uiturn/images/ttl_kansai_01.gif") no-repeat left center; height:112px; width:640px;}
.UI_Kansai_areattl { background:url("/include/contents/htdocs/img/agent/jokin/uiturn/images/ttl_kansai_02.gif") no-repeat left center; height:38px; width:640px;}
.UI_Kansai_areattl p{ padding:15px 10px 0 240px; font-size:98%;}
.UI_Kansai_mainimg { background:url("/include/contents/htdocs/img/agent/jokin/uiturn/images/img_kansai_01.jpg") no-repeat left center; height:528px; width:640px;}
.UI_Kansai_sttl01 { background:url("/include/contents/htdocs/img/agent/jokin/uiturn/images/sttl_kansai_01.gif") no-repeat left center; height:30px; width:640px;}
.UI_Kansai_sttl02 { background:url("/include/contents/htdocs/img/agent/jokin/uiturn/images/sttl_kansai_02.gif") no-repeat left center; height:30px; width:640px;}
.UI_Kansai_voicettl01{ background:url("/include/contents/htdocs/img/agent/jokin/uiturn/images/img_kansai_02.jpg") no-repeat top left; height:50px; padding:5px 0 0 60px; font-size:90%; font-weight:bold; line-height:150%;}
.UI_Kansai_voicettl02{ background:url("/include/contents/htdocs/img/agent/jokin/uiturn/images/img_kansai_03.jpg") no-repeat top left; height:50px; padding:5px 0 0 60px; font-size:90%; font-weight:bold; line-height:150%;}
.UI_Kansai_data{ background:url("/include/contents/htdocs/img/agent/jokin/uiturn/images/img_data_kansai.gif") no-repeat left bottom; width:640px; height:77px; clear:both; margin:0 0 5px 0;}

/* UI�^�[��
-----------�����l��*/
.UI_Chugoku_leadtxt { color:#006d53; font-size:120%; font-weight:bold; line-height:150%; margin-bottom:15px;}
.UI_Chugoku_mainttl { background:url("/include/contents/htdocs/img/agent/jokin/uiturn/images/ttl_chugoku_01.gif") no-repeat left center; height:112px; width:640px;}
.UI_Chugoku_areattl { background:url("/include/contents/htdocs/img/agent/jokin/uiturn/images/ttl_chugoku_02.gif") no-repeat left center; height:38px; width:640px;}
.UI_Chugoku_areattl p{ padding:15px 10px 0 240px; font-size:98%;}
.UI_Chugoku_mainimg { background:url("/include/contents/htdocs/img/agent/jokin/uiturn/images/img_chugoku_01.jpg") no-repeat left center; height:528px; width:640px;}
.UI_Chugoku_sttl01 { background:url("/include/contents/htdocs/img/agent/jokin/uiturn/images/sttl_chugoku_01.gif") no-repeat left center; height:30px; width:640px;}
.UI_Chugoku_sttl02 { background:url("/include/contents/htdocs/img/agent/jokin/uiturn/images/sttl_chugoku_02.gif") no-repeat left center; height:30px; width:640px;}
.UI_Chugoku_voicettl01{ background:url("/include/contents/htdocs/img/agent/jokin/uiturn/images/img_chugoku_02.jpg") no-repeat top left; height:50px; padding:5px 0 0 60px; font-size:90%; font-weight:bold; line-height:150%;}
.UI_Chugoku_voicettl02{ background:url("/include/contents/htdocs/img/agent/jokin/uiturn/images/img_chugoku_03.jpg") no-repeat top left; height:50px; padding:5px 0 0 60px; font-size:90%; font-weight:bold; line-height:150%;}
.UI_Chugoku_data{ background:url("/include/contents/htdocs/img/agent/jokin/uiturn/images/img_data_chugoku.gif") no-repeat left bottom; width:640px; height:77px; clear:both; margin:0 0 5px 0;}

/* UI�^�[��
-----------�k�֓�*/
.UI_Kitakanto_leadtxt { color:#ed7969; font-size:120%; font-weight:bold; line-height:150%; margin-bottom:15px;}
.UI_Kitakanto_mainttl { background:url("/include/contents/htdocs/img/agent/jokin/uiturn/images/ttl_kitakanto_01.gif") no-repeat left center; height:112px; width:640px;}
.UI_Kitakanto_areattl { background:url("/include/contents/htdocs/img/agent/jokin/uiturn/images/ttl_kitakanto_02.gif") no-repeat left center; height:38px; width:640px;}
.UI_Kitakanto_areattl p{ padding:15px 10px 0 240px; font-size:98%;}
.UI_Kitakanto_mainimg { background:url("/include/contents/htdocs/img/agent/jokin/uiturn/images/img_kitakanto_01.jpg") no-repeat left center; height:528px; width:640px;}
.UI_Kitakanto_sttl01 { background:url("/include/contents/htdocs/img/agent/jokin/uiturn/images/sttl_kitakanto_01.gif") no-repeat left center; height:30px; width:640px;}
.UI_Kitakanto_sttl02 { background:url("/include/contents/htdocs/img/agent/jokin/uiturn/images/sttl_kitakanto_02.gif") no-repeat left center; height:30px; width:640px;}
.UI_Kitakanto_voicettl01{ background:url("/include/contents/htdocs/img/agent/jokin/uiturn/images/img_kitakanto_02.jpg") no-repeat top left; height:50px; padding:5px 0 0 60px; font-size:90%; font-weight:bold; line-height:150%;}
.UI_Kitakanto_voicettl02{ background:url("/include/contents/htdocs/img/agent/jokin/uiturn/images/img_kitakanto_03.jpg") no-repeat top left; height:50px; padding:5px 0 0 60px; font-size:90%; font-weight:bold; line-height:150%;}
.UI_Kitakanto_data{ background:url("/include/contents/htdocs/img/agent/jokin/uiturn/images/img_data_kitakanto.gif") no-repeat left bottom; width:640px; height:77px; clear:both; margin:0 0 5px 0;}


/* UI�^�[��
-----------�k���E�b�M�z*/
.UI_Hokuriku_leadtxt { color:#558e64; font-size:120%; font-weight:bold; line-height:150%; margin-bottom:15px;}
.UI_Hokuriku_mainttl { background:url("/include/contents/htdocs/img/agent/jokin/uiturn/images/ttl_hokuriku_01.gif") no-repeat left center; height:112px; width:640px;}
.UI_Hokuriku_areattl { background:url("/include/contents/htdocs/img/agent/jokin/uiturn/images/ttl_hokuriku_02.gif") no-repeat left center; height:38px; width:640px;}
.UI_Hokuriku_areattl p{ padding:15px 10px 0 240px; font-size:98%;}
.UI_Hokuriku_mainimg { background:url("/include/contents/htdocs/img/agent/jokin/uiturn/images/img_hokuriku_01.jpg") no-repeat left center; height:528px; width:640px;}
.UI_Hokuriku_sttl01 { background:url("/include/contents/htdocs/img/agent/jokin/uiturn/images/sttl_hokuriku_01.gif") no-repeat left center; height:30px; width:640px;}
.UI_Hokuriku_sttl02 { background:url("/include/contents/htdocs/img/agent/jokin/uiturn/images/sttl_hokuriku_02.gif") no-repeat left center; height:30px; width:640px;}
.UI_Hokuriku_voicettl01{ background:url("/include/contents/htdocs/img/agent/jokin/uiturn/images/img_hokuriku_02.jpg") no-repeat top left; height:50px; padding:5px 0 0 60px; font-size:90%; font-weight:bold; line-height:150%;}
.UI_Hokuriku_voicettl02{ background:url("/include/contents/htdocs/img/agent/jokin/uiturn/images/img_hokuriku_03.jpg") no-repeat top left; height:50px; padding:5px 0 0 60px; font-size:90%; font-weight:bold; line-height:150%;}
.UI_Hokuriku_data{ background:url("/include/contents/htdocs/img/agent/jokin/uiturn/images/img_data_hokuriku.gif") no-repeat left bottom; width:640px; height:77px; clear:both; margin:0 0 5px 0;}


/* UI�^�[��
-----------���C*/
.UI_Tokai_leadtxt { color:#008a71; font-size:120%; font-weight:bold; line-height:150%; margin-bottom:15px;}
.UI_Tokai_mainttl { background:url("/include/contents/htdocs/img/agent/jokin/uiturn/images/ttl_tokai_01.gif") no-repeat left center; height:112px; width:640px;}
.UI_Tokai_areattl { background:url("/include/contents/htdocs/img/agent/jokin/uiturn/images/ttl_tokai_02.gif") no-repeat left center; height:38px; width:640px;}
.UI_Tokai_areattl p{ padding:15px 10px 0 240px; font-size:98%;}
.UI_Tokai_mainimg { background:url("/include/contents/htdocs/img/agent/jokin/uiturn/images/img_tokai_01.jpg") no-repeat left center; height:528px; width:640px;}
.UI_Tokai_sttl01 { background:url("/include/contents/htdocs/img/agent/jokin/uiturn/images/sttl_tokai_01.gif") no-repeat left center; height:30px; width:640px;}
.UI_Tokai_sttl02 { background:url("/include/contents/htdocs/img/agent/jokin/uiturn/images/sttl_tokai_02.gif") no-repeat left center; height:30px; width:640px;}
.UI_Tokai_voicettl01{ background:url("/include/contents/htdocs/img/agent/jokin/uiturn/images/img_tokai_02.jpg") no-repeat top left; height:23px; padding:5px 0 0 20px; font-size:90%; font-weight:bold; line-height:150%;}
.UI_Tokai_data{ background:url("/include/contents/htdocs/img/agent/jokin/uiturn/images/img_data_tokai.gif") no-repeat left bottom; width:640px; height:77px; clear:both; margin:0 0 5px 0;}

/* UI�^�[��
-----------���B����*/
.UI_Kyushu_leadtxt { color:#1d2088; font-size:120%; font-weight:bold; line-height:150%; margin-bottom:15px;}
.UI_Kyushu_mainttl { background:url("/include/contents/htdocs/img/agent/jokin/uiturn/images/ttl_kyushu_01.gif") no-repeat left center; height:112px; width:640px;}
.UI_Kyushu_areattl { background:url("/include/contents/htdocs/img/agent/jokin/uiturn/images/ttl_kyushu_02.gif") no-repeat left center; height:38px; width:640px;}
.UI_Kyushu_areattl p{ padding:15px 10px 0 240px; font-size:98%;}
.UI_Kyushu_mainimg { background:url("/include/contents/htdocs/img/agent/jokin/uiturn/images/img_kyushu_01.jpg") no-repeat left center; height:528px; width:640px;}
.UI_Kyushu_sttl01 { background:url("/include/contents/htdocs/img/agent/jokin/uiturn/images/sttl_kyushu_01.gif") no-repeat left center; height:30px; width:640px;}
.UI_Kyushu_sttl02 { background:url("/include/contents/htdocs/img/agent/jokin/uiturn/images/sttl_kyushu_02.gif") no-repeat left center; height:30px; width:640px;}
.UI_Kyushu_voicettl01{ background:url("/include/contents/htdocs/img/agent/jokin/uiturn/images/img_kyushu_02.jpg") no-repeat top left; height:50px; padding:15px 0 0 60px; font-size:90%; font-weight:bold; line-height:150%;}
.UI_Kyushu_data{ background:url("/include/contents/htdocs/img/agent/jokin/uiturn/images/img_data_kyushu.gif") no-repeat left bottom; width:640px; height:77px; clear:both; margin:0 0 5px 0;}


/* UI�^�[��
-----------�k�C�����k*/
.UI_Hokkaido_leadtxt { color:#004ea2; font-size:120%; font-weight:bold; line-height:150%; margin-bottom:15px;}
.UI_Hokkaido_mainttl { background:url("/include/contents/htdocs/img/agent/jokin/uiturn/images/ttl_hokkaido_01.gif") no-repeat left center; height:112px; width:640px;}
.UI_Hokkaido_areattl { background:url("/include/contents/htdocs/img/agent/jokin/uiturn/images/ttl_hokkaido_02.gif") no-repeat left center; height:38px; width:640px;}
.UI_Hokkaido_areattl p{ padding:15px 10px 0 240px; font-size:98%;}
.UI_Hokkaido_mainimg { background:url("/include/contents/htdocs/img/agent/jokin/uiturn/images/img_hokkaido_01.jpg") no-repeat left center; height:528px; width:640px;}
.UI_Hokkaido_sttl01 { background:url("/include/contents/htdocs/img/agent/jokin/uiturn/images/sttl_hokkaido_01.gif") no-repeat left center; height:30px; width:640px;}
.UI_Hokkaido_sttl02 { background:url("/include/contents/htdocs/img/agent/jokin/uiturn/images/sttl_hokkaido_02.gif") no-repeat left center; height:30px; width:640px;}
.UI_Hokkaido_voicettl01{ background:url("../..//img/agent/jokin/uiturn/images/img_hokkaido_02.jpg") no-repeat top left; height:50px; padding:5px 0 0 60px; font-size:90%; font-weight:bold; line-height:150%;}
.UI_Hokkaido_voicettl02{ background:url("../..//img/agent/jokin/uiturn/images/img_hokkaido_03.jpg") no-repeat top left; height:50px; padding:5px 0 0 60px; font-size:90%; font-weight:bold; line-height:150%;}
.UI_Hokkaido_data{ background:url("../..//img/agent/jokin/uiturn/images/img_data_hokkaido.gif") no-repeat left bottom; width:640px; height:77px; clear:both; margin:0 0 5px 0;}


/* �L�����A�`�F���W
-----------*/

.CC_mainttl{
	background:url(../../agent/jokin/career/images/ttl_header.gif) no-repeat left top; height:229px; width:640px;
}
.CC_mainttl .CC_byoinname{
	font-size:90%; font-weight:bold; color:#0d6f00; line-height:150%; padding:140px 0 0 42px;}
.CC_contents{
	background:url(../../agent/jokin/career/images/img_back_01.gif) repeat-y left top;}

.CC_contents table.CC_tbl_prof { width:574px; padding:0; margin:0 0 20px 33px; }

.CC_contents table.CC_tbl_prof thead{ font-size:95%; vertical-align:bottom; }

.CC_contents .blue{font-weight:bold; color:#5eb7e8;}
.CC_contents .green{ font-weight:bold; color:#0d6f00;}

.CC_contents table.CC_tbl_prof td.txt{ width:174px; font-size:62%; line-height:130%; vertical-align:top;}

.CC_contents .CC_tbl_prof .centerProf{ background:url(../../agent/jokin/career/images/ttl_center.gif) no-repeat left top; height:274; width:226px; vertical-align:top;}
.CC_contents .CC_tbl_prof .centerProf p.p1{ font-size:75%; float:right; padding: 40px 5px 0 0;}
.CC_contents .CC_tbl_prof .centerProf p.p2{ font-size:75%; clear:both; padding: 175px 0 0 5px;}

.CC_entrybox01{ border-top:#ddd solid 1px; border-bottom:#ddd solid 1px; width:440px; padding:15px 0 15px 15px; font-size:62%; line-height:130%; margin:0 auto;clear:both;}
.CC_entrybox01 ul.CC_entrybox_link{ margin:5px 0 10px 0;}
.CC_entrybox01 ul.CC_entrybox_link li{ padding:0 0 0 50px; float:left;}
.CC_entrybox02{ background:#f2eee3; width:620px; padding:10px; font-size:75%; line-height:150%; margin:0 0 20px 0; clear:both; text-align:center;}
.CC_entrybox02 ul.CC_entrybox_link{ margin:0 0 10px 0;}
.CC_entrybox02 ul.CC_entrybox_link li{ padding:0 0 0 5px; float:left;}

.CC_line { width:625px; border-top:solid 1px #0d6f00; margin:40px 0 10px 7px;}

.CC_paragraph{ font-size:75%; line-height:150%; width:574px; margin:0 0 0 33px;}
p.CC_paragraph:first-letter { font-weight: bold; font-size: 200%; color:#0d6f00;}

/* ���҂̃z���l
-----------*/

.honne-header { background: url(../../agent/jokin/kanja/images/img_honne_header.gif) top left no-repeat; width:640px; height:116px;}
.honne-header p.title{ padding:15px 0 0 100px; font-size:98%; font-weight:bold; float:left; width:440px;}
.honne-header p.vol{ margin:15px 0 60px 10px; float:left; font-size:90%; font-weight:bold;}

.honne-header2 { width:640px;}
.honne-header2 ul { width:207px; float:left;}
.honne-header2 ul li.title2{ padding:0 0 0 10px; font-size:98%; font-weight:bold; float:right;}
.honne-header2 ul li.vol2{ padding:50px 0 0 10px; font-size:90%; font-weight:bold; float:right;}

.stitle01{ clear:both; margin:0 0 0 110px; font-size:98%; font-weight:bold; color:#f18e1e;}
.honne-obi{ background-color:#f18e1e;  clear:both; height:15px; padding:10px;}
.stitle02 { float:left; color:#FFF; font-weight:bold;}
.honne-obi p.stitle03 { float:right;color:#FFF; font-weight:bold; font-size:75%;}
.honne-orange{ color:#f18e1e; font-size:75%; font-weight:bold; padding:10px 10px 0 10px; }
.honne-body{ font-size:75%; line-height:150%; padding:10px 10px 0 10px; }
.honne-img{ margin-top:10px; clear:both;}
.line-orange{ border-bottom: #f18e1e solid 2px; margin:10px 0 10px 0;}
.line-orange2{ border-bottom: #fbd8b5 solid 3px; margin:0 0 10px 0; clear:both;}


/* Medical���񂮂�������
-----------*/
.medi-back{ background:url(../../agent/jokin/english/images/img_back_side.gif) repeat-y left top;}
.medi-title{ width:500px; text-align:left; padding:10px 0 0 50px;}
.medi-title p.left{ font-size:130%; font-weight:bold; float:left;}
.medi-title p.right{ font-size:68%; line-height:130%;  float:right; padding-left:20px;}
.medi-head{ width:520px; background-color:#fbd8ac; margin-top:10px; padding:15px; margin:0 auto; display:block; clear:both;}
.medi-head p{ font-size:75%; line-height:130%; text-align:left;}
.medi-body{ width:550px; margin:0 auto; display:block; clear:both;}
.medi-sub{ border-left:3px solid #36C; margin:10px 0 10px 0;}
.medi-sub p{ text-align:left; padding-left:10px; color: #36C;}
.medi-list{ text-align:left; font-size:75%;}
.medi-list .bone{ background: url(../../agent/jokin/english/images/img_bnum01.gif) left top no-repeat; padding:1px 0 0 15px; height:15px;}
.medi-list .btwo{ background: url(../../agent/jokin/english/images/img_bnum02.gif) left top no-repeat; padding:1px 0 0 15px;height:15px;}
.medi-list .bthree{ background: url(../../agent/jokin/english/images/img_bnum03.gif) left top no-repeat; padding:1px 0 0 15px;height:15px;}
.medi-list .bfour{ background: url(../../agent/jokin/english/images/img_bnum04.gif) left top no-repeat; padding:1px 0 0 15px; height:15px;}
.medi-list .bfive{ background: url(../../agent/jokin/english/images/img_bnum05.gif) left top no-repeat; padding:1px 0 0 15px;height:15px;}
.medi-list .bsix{ background: url(../../agent/jokin/english/images/img_bnum06.gif) left top no-repeat; padding:1px 0 0 15px;height:15px;}

.medi-sbody{ text-align:left; font-size:75%;}
.medi-body .wone{ background: url(../../agent/jokin/english/images/img_wnum01.gif) left top no-repeat; padding:0 0 15px 15px;}
.medi-body .wone span{line-height:150%;}
.medi-body .wtwo{ background: url(../../agent/jokin/english/images/img_wnum02.gif) left top no-repeat; padding:0 0 15px  15px;}
.medi-body .wtwo span{line-height:150%;}
.medi-body .wthree{ background: url(../../agent/jokin/english/images/img_wnum03.gif) left top no-repeat; padding:0 0 15px 15px;}
.medi-body .wthree span{line-height:150%;}
.medi-body .wfour{ background: url(../../agent/jokin/english/images/img_wnum04.gif) left top no-repeat; padding:0 0 15px 15px; }
.medi-body .wfour span{line-height:150%;}
.medi-body .wfive{ background: url(../../agent/jokin/english/images/img_wnum05.gif) left top no-repeat; padding:0 0 15px 15px;}
.medi-body .wfive span{line-height:150%;}
.medi-body .wsix{ background: url(../../agent/jokin/english/images/img_wnum06.gif) left top no-repeat; padding:0 0 15px 15px;}
.medi-body .wsix span{line-height:150%;}

.medi_ul{ text-decoration:underline;}
.medi_ora{ color:#f18e1e; font-weight:bold;}
.medi_ulora{ color:#f18e1e; text-decoration:underline; font-weight:bold;}

/* 2013/09/12 English �J�Ǝ��]�є��N �z���l �eTOP���C */
#jjEKN p{font-size:90%; line-height:150%;}
#jjEKN p.kome{font-size:12px;}
#jjEKN div.imgR{float:right; padding:0 0 10px 10px;}
#jjEKN br.clear{clear:both;}
#jjEKN h2{font-weight:bold; margin:10px 0;}
#jjEKN h3{border-left:10px #ffab12 solid; border-bottom:1px #ffab12 solid; padding:10px; margin:10px 0;}
#jjEKN h4{background:url(/common/images/bn_bg.gif) 0 0 no-repeat; padding:10px; color:#ff9900; font-weight:bold; font-size:90%; margin:20px 0;}
#jjEKN ul{margin-left:10px; list-style:none;}
#jjEKN li{padding:5px 0; font-size:14px;}
#jjEKN li a{background:url(/include/contents/htdocs/common/images/icn_link.png) 0 4px no-repeat; padding-left:12px;}
#jjEKN div.waku{border:1px #cccccc solid; margin:30px 0 10px 0; padding:15px;}
#jjEKN div.waku dt{font-size:80%; line-height:150%;}
#jjEKN div.waku dd ul{margin:10px 0 0 0;}
#jjEKN ul.R{text-align:right;}
/* �G���g���[�o�i�[�G���A ------------------------------------------------- */
div.LeftBox div.btn_enter_area{clear:both; padding:30px 10px; margin-top:20px;}
div.LeftBox div.btn_enter_area a.btn_enter{position:relative; top:-93px; left:73px;}
/* --------------------------------------------------------------- */




/* �J�Ǝ��]�є��N��
-----------*/
#nana_header{ background:url(../../agent/jokin/nanahachi/images/ttl_nanakorobi.gif) no-repeat top left; width:640px; height:203px; margin-bottom:20px}
#nana_header p.vol{padding:173px 0 0 37px; font-size:78%; font-weight:bold; color:#FFF; float:left}
#nana_header p.title{padding:173px 0 0 30px; font-size:98%; font-weight:bold; color:#930; float:left}

#nana_content{width:600px; clear:both; margin-left:20px}
#nana_content h3.sttl{font-size:98%; font-weight:bold; color:#930; margin-bottom:20px; padding:10px; width:580px; background-color: #F9F7EC}
#nana_content .main{font-size:78%; line-height:130%; margin-bottom:20px;}
#nana_content .main p{margin-bottom:10px;}

/* ���W�S��
-----------����*/
.etyBox{
	width:190px;
	background:url("../../agent/images/rht_frm_top_01.gif") repeat-y;
	margin-bottom:10px;
}
.etyBox .svcTtl{
	height:35px;
	width:190px;
	background:url("../../agent/images/rht_ttl_top_01.gif") no-repeat center top;
}
.etyBox .newTtl{
	height:35px;
	width:190px;
	background:url("/include/contents/htdocs/img/agent/jokin/uiturn/images/rht_ttl_top_02.gif") no-repeat center top;
}
.etyAction{
	background:url("../../agent/images/rht_frm_top_02.gif") no-repeat center bottom;
	padding:3px;
}

.etyAction .newInfoTxt{
	padding:0 9px 0 10px;
}
.etyAction dl.newInfo{
	padding:0 9px 0 10px;
}
.etyAction dl.newInfo dt{
	background:url("../../agent/images/lin_01.gif") repeat-x left top;
	padding-top:5px;
	margin-top:3px;
	font-weight:bold;
}
.etyAction dl.newInfo dd{
	background:url("../../agent/images/ico_top_01.gif") no-repeat left top;
	padding-left:16px;
}


/* 2010.01.29 edit end*/





/* 2010.0705 edit */

ul.jj_thumb_btm{width:640px;margin-bottom:15px; border:#999 solid 1px;}
ul.jj_thumb_btm li.imgthumb{padding:1px 0 1px 0; width:50px; float:left; margin:10px 0 0 10px;}
ul.jj_thumb_btm li.w08{width:8px;float:left;}
ul.jj_thumb_btm li.txtthumb{padding:1px 0 1px 0; width:240px; float:left; margin:10px 0 0 10px;font-size:75%;line-height:150%;}


a.ico_arrow_tokushu{
	background:url("../images/bt_news.gif") no-repeat left top;
	padding:1px 0 1px 18px;
}


/* 2011.03.15 add-on */
#rightCol .entryBox .entryAction ul.services{
	padding:0 0 10px 0;
	background:url("/include/contents/htdocs/agent/images/rht_bg_line_01.gif") repeat-x center bottom; text-align:center;
}

#rightCol .entryBox{
	width:190px;
	background:url("/include/contents/htdocs/agent/images/rht_frm_jokin_01.gif") repeat-y;
	margin-bottom:10px;
	font-size:14px;
}

#rightCol .joService, .hiService{
	text-align:center;
	margin-bottom:5px;
}

#rightCol .entryBox .rcolTxt01{
	padding:10px 0 10px 0;
	text-align:center;
}

#rightCol .entryBox .rcolTxt02{
	padding:5px 8px;
}

#rightCol .entryBox .rcolTxt02 span{
	color:#f33300;
	font-weight:bold;
}

#rightCol .entryAction{
	background:url("/include/contents/htdocs/agent/images/rht_frm_jokin_02.gif") no-repeat center bottom;
	padding:3px;
}

.jou{
	display:block;
	float:left;
	width:auto;
	margin:8px 7px 8px 0;
}

.hijou{
	display:block;
	float:left;
	width:auto;
	margin:8px 0px 8px 0;
}