@charset "UTF-8";


* {
	margin:0;
	padding:0;
}

body {
	border-top:3px solid #0069D4;
	color:#222;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	text-align:center;
}

img, table, th, td {
	border:none;
	margin:0;
	padding:0;
}

table, th, td {
	border-collapse: collapse;
}

ul, ol {
	margin:0;
	padding:0;
	list-style-type:none;
}

textarea,select,input {
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
}

textarea {
 font-size:12px;
}

hr {
	display:none;
}

a {
	color:#256FD0;
	text-decoration:underline;
}

a:link {
	color:#256FD0;
	text-decoration:underline;
}

a:hover {
	color:#256FD0;
	text-decoration:none;
}

#contents li img {
	background-color:transparent;
	text-decoration:none;
}

#contents a img {
	background-color:transparent;
}

img.icon {
	vertical-align:middle;
}

#contents p {
	line-height:140%;
	margin:10;
	padding:0 0 5px 0;
	word-break:break-all;
}






/* clearfix */
.clearfix:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	font-size:0.1em;
	visibility:hidden;
}

.clearfix {
	display:inline-block;
	min-height:1%;
}

/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
/* End hide from IE-mac */








/* br clear */
br.clear_noie, 
div.clear_noie {
	display:inline !important;
	display:none;
	clear:both;
	line-height:0px;
}
.clear_all {
	clear:both;
	line-height:0px;
}

*:first-child+html br.clear_noie {
	display:none!important;
}



/* span hidden */
#gNav ul li a span,
#rMenu p.dwBtn a span,
#rMenu p.ctBtn a span {
	font-size:1px;
	text-indent:-9999px;
	overflow:hidden;
}

/* except IE7 */
html>/**/body #gNav ul li a span { 
	display:block;
}

/* except IE7 */
html>/**/body #rMenu p.dwBtn a span { 
	display:block;
}

/* except IE7 */
html>/**/body #rMenu p.ctBtn a span { 
	display:block;
}


/* breadCrumbs */

#breadCrumbs {
	background-color:#F2F2F2;
	margin:0 auto 20px;
	padding:8px 0;
	text-align:left;
	width: 900px;
}

#breadCrumbs p {
	margin:0 15px;
}



/* header */

#header {
	background:url(../cmn_img/bg_header.gif) left top repeat-y;
	line-height:100%;
	margin:0 auto 5px;
	padding-top:12px;
	text-align:left;
	width: 900px;
	position:relative;
}

#header div.headerInr {
	margin:0 9px 0 13px;
	width: 878px;
}

#header div.headL {
	float:left;
	width: 250px;
}

#header div.headL p.tagline {
	font-size:12px;
	margin-bottom:12px;
	padding:35px 0 0 10px;
}

#header div.headL p.tagline a span {
	font-size:10px;
}

#header div.headL p.tagline img {
	margin-left:10px;
}

#header div.headL .logo {
	font-size:1px;
	height:26px;
	width:148px;
}

#header div.headR {
	float:right;
	margin-bottom:10px;
	text-align:right;
	width: 600px;
}

#header div.headR p.oLink {
	font-size:10px;
	margin:0 3px 10px 0;
}

#header div.headR p.oLink img {
	vertical-align:middle;
}

#header div.headR div.headRBlk {
	margin-left:120px;
	width: 480px;
}

#header div.headR div.fSize {
	float:left;
	padding-top:2px;
	width:230px;
}

#header div.headR div.fSize p {
	display:inline;
}

#header div.headR div.search {
	background:url(../cmn_img/bg_dottbdr_v_01.gif) left top repeat-y;
	float:right;
	width:238px;
}

#header div.headR input.searchbox {
	font-size:12px;
	padding:1px;
	vertical-align:middle;
	width:140px;
}

#header div.headR input.searchbtn {
	padding:1px 0;
	vertical-align:middle;
}

#header ul#languages {
	height:31px;
	margin-top:25px;
	width: 145px;
	position:absolute;
	top:12px;
	left:263px;
}

#header ul#languages li {
	background-image:url(../cmn_img/bg_headlist2.gif);
	float:left;
	height:31px;
}

#header ul#languages li a {
	background-image:url(../cmn_img/bg_headlist2.gif);
	display:block;
	height:31px;
	text-indent:-9999px;
}

#header ul#languages li a:hover {
	height:31px;
}
#header li#hl05, #header li#hl05 a {	background-position: -65px 0; width:79px;}
#header li#hl06, #header li#hl06 a {	background-position: -145px 0; width:65px;}
#header li#hl07, #header li#hl07 a {	background-position: -210px 0; width:67px;}

#header li#hl05 a:hover {	background-position: -65px -40px; width:79px;}
#header li#hl06 a:hover {	background-position: -145px -40px; width:65px;}
#header li#hl07 a:hover {	background-position: -210px -40px; width:67px;}


/* gNav */

#gNav {
	background:url(../cmn_img/bg_nav.jpg) right top no-repeat;
	height:40px;
	width: 900px;
}

#gNav div.logo {
	float:left;
	height:40px;
	width:180px;
}

#gNav div.logo img {
	margin:4px 0 0 17px;
}

#gNav ul.gNav {
	float:left;
	height:40px;
	width:709px;
}

#gNav ul.gNav li {
	background-image:url(../cmn_img/bg_gnav02.jpg) ;
	float:left;
	height:40px;
}

#gNav ul.gNav li a {
	background-image:url(../cmn_img/bg_gnav02.jpg) ;
	display:block;
	height:40px;
}

#gNav li#about, #gNav li#about a {	background-position: 0 0; width:162px;}
#gNav li#point, #gNav li#point a {	background-position: -162px 0; width:205px;}
#gNav li#industry, #gNav li#industry a {	background-position: -367px 0; width:188px;}
#gNav li#interview, #gNav li#interview a {	background-position: -555px 0; width:154px;}

#gNav li#about a:hover, #gNav li#about a.current {	background-position: 0 -50px; width:162px;}
#gNav li#point a:hover, #gNav li#point a.current {	background-position: -162px -50px; width:205px;}
#gNav li#industry a:hover, #gNav li#industry a.current {	background-position: -367px -50px; width:188px;}
#gNav li#interview a:hover, #gNav li#interview a.current {	background-position: -555px -50px; width:154px;}





/* contents */

#contents {
	margin:0 auto;
	text-align:left;
	width: 900px;
}

#main {
	float:left;
	width: 624px;
         margin-top:20px;
}





#rMenu {
	float:right;
	width: 255px;
}

#rMenu h3, #rMenu p {
	line-height:100%;
}

#rMenu p.dwBtn {
	background-image:url(../cmn_img/bg_rm_dwload.jpg) ;
	display:block;
	height:99px;
	margin-bottom:3px;
	width:255px;
}

#rMenu p.dwBtn a {
	background-image:url(../cmn_img/bg_rm_dwload.jpg) ;
	display:block;
	height:99px;
	width:255px;
}

#rMenu p.dwBtn, #rMenu p.dwBtn a {	background-position: 0 0;}
#rMenu p.dwBtn a:hover {	background-position: 0 -120px;}

#rMenu p.ctBtn {
	background-image:url(../cmn_img/bg_rm_contact.gif) ;
	display:block;
	height:75px;
	margin-bottom:3px;
	width:236px;
}

#rMenu p.ctBtn a {
	background-image:url(../cmn_img/bg_rm_contact.gif) ;
	display:block;
	height:75px;
	width:236px;
}

#rMenu p.ctBtn, #rMenu p.ctBtn a {	background-position: 0 0;}
#rMenu p.ctBtn a:hover {	background-position: 0 -100px;}

#rMenu p.interBtn, #rMenu p.industBtn {
	background:url(../cmn_img/btn_rm_interview_h.jpg) left top no-repeat ;
	height:61px;
	width:255px;
}

#rMenu p.interBtn {
	background:url(../cmn_img/btn_rm_interview_h.jpg) left top no-repeat ;
}

#rMenu p.industBtn {
	background:url(../cmn_img/btn_rm_industry_h.jpg) left top no-repeat ;
	margin-bottom:3px;
}

#rMenu p.interBtn a, #rMenu p.industBtn a {
	display:block;
	height:61px;
	width:255px;
}

#rMenu p.interBtn a:hover, #rMenu p.industBtn a:hover {
	background-color:transparent;
}

#rMenu p.interBtn a:hover img, #rMenu p.industBtn a:hover img {
	visibility:hidden;
	height:61px;
	width:255px;
}

#rMenu p.greetBtn {
	background:url(../cmn_img/btn_rm_greetings_h.gif) left top no-repeat ;
}

#rMenu p.oknwBtn {
	background:url(../cmn_img/btn_rm_okinawa_h.gif) left top no-repeat ;
}

#rMenu p.tolinkBtn {
	background:url(../cmn_img/btn_rm_tolink_h.gif) left top no-repeat ;
}

#rMenu p.greetBtn a, #rMenu p.oknwBtn a, #rMenu p.tolinkBtn a {
	display:block;
	height:41px;
	width:245px;
}

#rMenu p.greetBtn a:hover, #rMenu p.oknwBtn a:hover, #rMenu p.tolinkBtn a:hover {
	background-color:transparent;
}

#rMenu p.greetBtn a:hover img, #rMenu p.oknwBtn a:hover img, #rMenu p.tolinkBtn a:hover img {
	visibility:hidden;
	height:41px;
	width:245px;
}

#rMenu p.btm3 {
	margin-bottom:3px;
}

#rMenu div.sptBox {
	background:url(../cmn_img/bg_rm_sptbox.gif) left bottom no-repeat;
	margin-bottom:8px;
	padding-bottom:3px;
	width:255px;
}

#rMenu div.sptBox ul {
	margin:7px 15px 0 15px;
}

#rMenu div.sptBox ul li {
	margin-bottom:8px;
}

#rMenu div.sptBox ul li a {
	color:#222;
	text-decoration:none;
}

#rMenu div.sptBox ul li a:hover {
	text-decoration:underline;
}

#rMenu div.sBtnBox {
	background-color:#F2F2F2;
	margin-bottom:8px;
	padding:5px 5px 0 5px;
}

#rMenu div.cttBox {
	background:url(../cmn_img/bg_rm_cttbox.gif) left bottom no-repeat;
	margin-bottom:8px;
	padding-bottom:15px;
	width:255px;
}

#rMenu div.cttBox p {
	margin:0 9px;
	padding-bottom:0;
}

#rMenu div.cttBox p.contactBtn {
	background:url(../cmn_img/btn_rm_contactdetail_h.gif) left top no-repeat ;
}

#rMenu div.cttBox p.contactBtn a {
	display:block;
	height:41px;
	width:237px;
}

#rMenu div.cttBox p.contactBtn a:hover {
	background-color:transparent;
}

#rMenu div.cttBox p.contactBtn a:hover img {
	visibility:hidden;
	height:41px;
	width:237px;
}

#rMenu div.cttBox p.ad {
 line-height:140%;
}

#rMenu div.cttBox h4 {
	margin:0 9px;
	padding-bottom:0;
	font-size:14px;
	line-height: 135%;
}

#rMenu div.gBox {
	background:url(../cmn_img/bg_rm_gbox.gif) left top repeat-y ;
	border-bottom:1px solid #999999;
	border-top:1px solid #999999;
	margin-bottom:13px;
	width:255px;
}

#rMenu div.gBox p {
	margin:0;
	padding:0;
	line-height:0;
}

#rMenu div.gBox h3 {
	_margin-bottom:3px;
}

#rMenu div.gBox p a {
	text-decoration:none;
}

#rMenu div.gBox p a img {
	margin:0;
	padding:0;
}

#rMenu ul.seminarList {
	margin-left:1px;
	width:253px;
}

#rMenu ul.seminarList li {
	background:url(../cmn_img/bg_rm_seminarlist.gif) left bottom no-repeat ;
	line-height:140%;
	margin-top:3px;
	padding-bottom:10px;
	width:253px;
}

#rMenu ul.seminarList li.last {
	background:none;
}

#rMenu ul.seminarList span,
#rMenu ul.seminarList time {
	display:block;
	margin-left:12px;
	width:235px;
}

#rMenu ul.seminarList span.cnt {
	font-size:90%!important;
}

#rMenu ul.seminarList .date {
	font-size:x-small;
}

#rMenu div.ctBox {
	background:url(../cmn_img/bg_ctbox.gif) left top repeat-y;
	border-bottom:1px solid #FAC040;
	border-top:1px solid #FAC040;
	margin-bottom:20px;
	padding:6px 0;
	width:255px;
}

#rMenu div.ctBoxInr {
	background-color:#FFF5D7;
	margin-left:6px;
	padding:4px 0;
	width:243px;
}

#rMenu div.ctBoxInr p {
	margin-left:3px;
}

#rMenu div.ctBoxInr ul {
	margin:0 0 10px 6px;
}

#rMenu div.ctBoxInr ul li {
	line-height:140%;
}

#rMenu p.faqBtn {
	background:url(../cmn_img/btn_rm_faq_h.gif) left top no-repeat ;
}

#rMenu p.faqBtn a{
	display:block;
	height:29px;
	width:236px;
}


#rMenu p.dwSBtn {
	background:url(../cmn_img/btn_rm_dw_h.gif) left top no-repeat ;
}

#rMenu p.dwSBtn a{
	display:block;
	height:28px;
	width:236px;
}


#rMenu p.faqBtn a:hover, #rMenu p.dwSBtn a:hover{
	background-color:transparent;
}

#rMenu p.faqBtn a:hover img{
	visibility:hidden;
	height:29px;
	width:236px;
}


#rMenu p.dwSBtn a:hover img{
	visibility:hidden;
	height:28px;
	width:236px;
}




/* footer */

#footer {
	background:url(../cmn_img/bg_footer.gif) left top repeat-x;
	clear:both;
	margin-top:70px;
	padding-bottom:30px;
	text-align:center;
	width: 100%;
}

#footerInr {
	background:url(../cmn_img/bg_footerinr.gif) right top no-repeat;
	margin:0 auto;
	padding-top:15px;
	text-align:left;
	width: 900px;
}

#footer p.footerLink {
	font-size:12px;
	margin-bottom:20px;
}

#footer p.okinawaLogo {
	display:block;
	float:left;
	vertical-align:top;
	width:128px;
}

#footer address {
	color:#666666;
	display:block;
	float:left;
	font-size:x-small;
	font-style:normal;
	width:400px;
}

#footer p.footerLogo {
	display:block;
	float:right;
	width:145px;
}





/* popup */

body#pop {
	text-align:left;
}

#popHeader {
	background:url(../cmn_img/bg_popheader.gif) left bottom no-repeat;
	line-height:100%;
	margin:0 0 5px 20px;
	padding:12px 0;
	text-align:left;
	width: 624px;
}

#popHeader p {
	font-size:12px;
}

#popHeader div.popHeaderInr {
	margin-left:13px;
	width: 600px;
}

#popMain {
	margin:0 0 5px 20px;
	padding:12px 0;
	text-align:left;
	width: 624px;
}

#popMain p {
	line-height:140%;
	padding-bottom:5px;
}

#popFooter {
	background:url(../cmn_img/bg_footer.gif) left top repeat-x;
	margin-top:10px;
	padding-bottom:30px;
	text-align:left;
	width: 100%;
}

#popFooterInr {
	background:url(../cmn_img/bg_footerinr.gif) right top no-repeat;
	margin-left:20px;
	padding-top:50px;
	text-align:left;
	width: 624px;
}

#popFooter p.footerLink {
	font-size:12px;
	margin-bottom:20px;
}

#popFooter p.okinawaLogo {
	display:block;
	float:left;
	vertical-align:top;
	width:128px;
}

#popFooter address {
	color:#666666;
	display:block;
	float:left;
	font-size:x-small;
	font-style:normal;
	width:400px;
}

#popFooter p.footerLogo {
	display:block;
	float:right;
	width:145px;
}

/* 2012-01-19 .bpt */
.bpt {
    margin-top:24px;
	margin-bottom:12px;
    height:16px;
    font-size:12px;
	float:right;
	text-indent:24px;
	clear:left;
}

.bpt a {
    height:16px;
	width:150px;
	display:block;
	text-indent:24px;
	background:url(../cmn_img/bpt_defo.png) left no-repeat;
}

.bpt a:link, .btp a:visited {
    height:16px;
	width:150px;
	display:block;
	text-indent:24px;
	background:url(../cmn_img/bpt_defo.png) left no-repeat;
}

.bpt a:hover , .btp a:active {
    height:16px;
	width:150px;
	display:block;
	text-indent:24px;
	background:url(../cmn_img/bpt.gif) left no-repeat;
}

.f-right {
	float:right;
	margin-left:12px;
	text-align: right;
}

.font-red {
 color:#FF3300;
}

.font-blue {
 color:#0033FF;
}

.font-green {
 color:#009900;
}

.font-amber {
 color:#660000;
}


.rotate90 {
 -webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	ms-transform: rotate(90deg);
}

.head01 {
 position:relative;
}

.head01 img {
 float:left;
}

.head01 .print-btn {
	float:right;
	margin-top:12px;
	margin-right:6px;
	cursor:pointer;
}

/* プリント改ページ */
.print-br {
 page-break-before: always;
}

h1.n
{ font-size:14pt;

}


h3.new
{
   font-size:12pt;
   color:#000;
   background:url(../cmn_img/icon_linkbox01.gif) no-repeat left top;
   padding-left:22px;
   
}

h3.new a
{  color:#000;
   text-decoration:none;
   
}

h3.new a:hover
{
   color:#00f;
   text-decoration:none;
} 

h2.new2
{
  font-size:12pt;
  color:#000;
  padding:8px 0 8px 12px;
  background:url(../cmn_img/bg_head02.gif) no-repeat left top;

}