@charset "utf-8";

/* def
------------------------------------------*/
html{
	height:100%;
	overflow-y:scroll;
	filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,blockquote{margin:0;padding:0;}
fieldset,img{border:0;}
table{border-collapse:collapse;border-spacing:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
body{word-break:break-all;font:14px/1.2 "Osaka", "ＭＳ Ｐゴシック", Arial, sans-serif;*font-size:small;*font:x-small;}
select, input, textarea{font-family:"MS UI Gothic","MS PGothic";}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;}
h1,h2,h3,h4,h5{font-size:100%;}
body *{line-height:1.38em;*line-height:1.3em;}
body{
	height: 100%;
/*	overflow: auto; */
	text-align:center;
	background:#ffffff; 
	color: #000000;
	line-height: 1.3em;
	/*	min-width: 850px; */
}
a:focus{outline:none;}
.nonimg{width:0;height:0;}
/* layout
------------------------------------------*/

/* Flash or HTML
------------------------------------------*/

#choice{
	background: url(../img/pc_index.jpg) no-repeat 50% 50%;
	width:600px;
	height:400px;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-300px;
	margin-top:-200px;
}
#choice h1,
#choice .info{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:100%;
	height:1px;
}
#choice .footer{
	font-size:80%;
	color:#666;
	position:absolute;
	width:600px;
	height:30px;
    bottom:0;
    left:0;
}
#choice a{
	text-decoration: none;
}
.c2_flash,
.c2_html{
	position:absolute;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:210px;
	height:55px;
	/*
	background:#ff0000;
	border:1px solid #ccc;
	*/
}
.c2_flash{
	top:193px;
	left:78px;
}
.c2_html{
	top:193px;
	right:78px;
}
.flinks{
	height:60px;
	position:absolute;
	display:block;
	top:0;
	right:0;
}
.flinks li{ 
	display: inline;
	margin: 0 0 0 8px;
	padding: 0 0 0 10px;	
}
/* Flash Contents
------------------------------------------*/
#flashcontent{

	width: 100% !important;
	height: 100% !important;

/*	background: #ffffff; */
	position: absolute;
	top:0;
	left:0;
}
/* ¥*/
* html #flashcontent{
/*	position: static; */
}
/* */
#noflash{
	margin:20px auto 20px;
	padding: 20px;
	background:#eeeeee;
	border:1px solid #ccc;
}

/* container
------------------------------------------*/

#container{
	width:800px;
	margin:0 auto;
	padding: 0;
	background:#ffffff;
	text-align:left;
	z-index:100;
}
#header {
	height:65px;
	position:relative;
}
#header h1 a{
	display:block;
/*	text-indent:-9999px; */
	overflow:hidden;
	width:200px;
	height:60px;
/*	background: url(../img_pc/pc_logo.png) no-repeat 0 0; */
	border:0;
	margin-bottom: 0px;
}
#header .description{
	margin-bottom: 10px;
}
#menu{
	height:50px;
	position:relative;
	border-bottom:4px solid #cc0000;
}
#navi{
	display:block;
	width:800px;
	height:40px;
	position:absolute;
	bottom:0;
	left:0;
}
#navi li{list-style: none;position:absolute;}
#navi li.li1{bottom:0; left:  0px;}
#navi li.li2{bottom:0; left:100px;}
#navi li.li3{bottom:0; left:200px;}
#navi li.li4{bottom:0; left:300px;}
#navi li.li5{bottom:0; left:400px;}
#navi li.li6{bottom:0; left:500px;}
#navi li.li7{bottom:0; left:600px;}
#navi li.li8{bottom:0; left:700px;}
#navi li a{
	background: url(../img_pc/menu.png) no-repeat;
	color:#000;font-size:60%;
	display:block;
	float:left;
	height:40px;
	line-height:40px;
	width:100px;
	text-decoration: none;
	text-indent:-10000px;
	overflow:hidden;
	border-bottom:0;
}
#navi li.li1 a			{background-position:   0px 0;}
#navi li.li1 a:hover,
#navi li.li1 a.selected	{background-position:   0px -40px;}

#navi li.li2 a			{background-position:-100px 0;}
#navi li.li2 a:hover,
#navi li.li2 a.selected	{background-position:-100px -40px;}

#navi li.li3 a			{background-position:-200px 0;}
#navi li.li3 a:hover,
#navi li.li3 a.selected	{background-position:-200px -40px;}

#navi li.li4 a			{background-position:-300px 0;}
#navi li.li4 a:hover,
#navi li.li4 a.selected	{background-position:-300px -40px;}

#navi li.li5 a			{background-position:-400px 0;}
#navi li.li5 a:hover,
#navi li.li5 a.selected	{background-position:-400px -40px;}

#navi li.li6 a			{background-position:-500px 0;}
#navi li.li6 a:hover,
#navi li.li6 a.selected	{background-position:-500px -40px;}

#navi li.li7 a			{background-position:-600px 0;}
#navi li.li7 a:hover,
#navi li.li7 a.selected	{background-position:-600px -40px;}

#navi li.li8 a			{background-position:-700px 0;}
#navi li.li8 a:hover,
#navi li.li8 a.selected	{background-position:-700px -40px;}

#main_noflash{
	background:#eeeeee;
	border:1px solid #dddddd;
	padding:10px 40px 20px;
	font-size:90%;
}

#contents_main{
	border-top:0px solid #cc0000;
}
#contents1,
#contents2,
#contents3,
#contents4,
#contents5,
#contents6,
#contents7,
#contents8,
#contents9{
	padding:10px 0;
}
#contents_main h2{
	display:block;
	padding:5px;
	font-weight:normal;
	font-size:120%;
	color:#fff;
	background:#cc0000;
	margin-bottom:10px;
}


.col{
	margin-bottom:20px;
}
ul.set1,
ul.set2{
/*	font-size:120%; */
	padding: 0 0 4px 10px;
}
.set1 li{
	padding: 0 0 0 15px;
	margin:8px 0;
	background: url(../img_pc/li.gif) no-repeat 0px 0.3em;
}
.set2 li{
	padding: 0 0 0 15px;
	margin:8px 0;
	background: url(../img_pc/li1.gif) no-repeat 0px 0.3em;
}


/* フォーラム開催用
------------------------------------------*/
.mb20{margin-bottom:20px;}
.dl_table{
	display:block;
	width:99%;
	border:1px solid #ccc;
	border-bottom:0px;
}
.dl_table dt,
.dl_table dd{
	display:block;
	padding: 8px 0 9px 0;
	border-bottom:1px solid #ccc;
}
.dl_table dt{
	float:left;
	width:160px;
	clear:both;
	text-align:right;
	background-color:#f6f6f6;
}
.dl_table dd{
	margin-left:160px;
	padding-left: 8px;
	border-left:1px solid #ccc;
}
#header.bgf,
#header.bgf2{
	height:100px;
}
#header.bgf h1{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:800px;
	height:100px;
	background: url(../img_pc/bg_bgf.gif) no-repeat 0 0;
	position:relative;
}
#header.bgf2 h1{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:800px;
	height:100px;
	background: url(../img_pc/bg_bgf2.gif) no-repeat 0 0;
	position:relative;
	height:100px;
}
.ftop1{
	font-size:120%;
	padding-right:300px;
	min-height:140px;
	margin-bottom:10px;
	position:relative;
	background: url(../img_pc/bg_ftop1.gif) no-repeat 100% 50%;
}
.ftop2{
	font-size:120%;
	padding-right:300px;
	min-height:140px;
	margin-bottom:10px;
	position:relative;
	background: url(../img_pc/bg_ftop2.gif) no-repeat 100% 50%;
}
.pdflink{
	position:relative;
	line-height: 1.6em;
	padding:10px 0;
	text-align:center;
	margin-bottom:10px;
	border:5px solid #ccc;
}
.formlist{
	position:relative;
	width:800px;
	margin-bottom:0px;
}
.fcol{
	padding:0px;
	float:left;
	width:385px;
	border:5px solid #ccc;
	margin-bottom:10px;
	text-align:left;
}
.dlmore{
	font-size:90%;
	width:560px;
	margin:0px auto ;
	float:none;
}
/*
.fcol a.gmap{
	display:block;
	text-indent:-10000px;
	overflow:hidden;
	position:absolute;
	background: url(../img_pc/maplink.gif) no-repeat 0 0;
	width: 60px;
	height: 60px;
	bottom:-45px;
	right:3px;
	z-index:10;
}
.fcol a.gmap{ background-position:0 0; }
.fcol a.gmap:hover{ background-position:0 -60px;}
*/
.fcol h3{
	padding:3px 3px 3px 8px;
	display:block;
	background:#000;
	color:#fff;
	margin-bottom:5px;
	font-size:120%;
	font-weight:normal;
}
.col2{
	margin-right:10px;
}
.fcol dl{
	width:100%;
}
.fcol dt{
	float:left;
	width:65px;
	display:block;
	clear:both;
	text-align:right;
}
.fcol dd{
	display:block;
	margin-left:75px;
	margin-bottom:10px;
	padding: 0 0 0 10px;
	border-left:4px solid #CC0000;
	position:relative;
	text-align:left;
}
.fcol ul{
	padding-left:20px;
	
}
.fcol li{
	list-style:square;
}
.fcol .fmore{
	display:block;
	text-align:right;
	padding-right:10px;
}
.sinpo{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:800px;
	height:120px;
	background: url(../img_pc/sinpo0311.gif) no-repeat 0 0;
	position:relative;
}
.sinpo h2,
.sinpo span{
	display:block;
	text-indent:-9999px;
	height:0px;
	overflow:hidden;
	margin:0px !important;
	padding:0px !important;
}
.sinpo_oubo1{
	margin:10px 0;
	padding:0 10px 10px 10px;
	border:5px solid #cc0000;
}
.sinpo_oubo1 h3{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	height:55px;
	background: url(../img_pc/bg_sinpo_oubo.gif) no-repeat 50% 0%;
	position:relative;
}
.sinpo_oubo2{
	padding:10px 10px 10px 150px;
	background: url(../img_pc/contents7_p1.png) no-repeat 0 50%;
}
ul.flist{
/*	font-size:120%; */
	padding: 2px 0 4px 20px;
}
.flist li{
	padding: 0 0 0 15px;
	margin:4px 0;
	background: url(../img_pc/li1.gif) no-repeat 0px 0.3em;
}

/* contents1：HOME(表紙＆お知らせ＆動画とか)
------------------------------------------*/

#contents1 .indexbox{
	position:relative;
}

#contents1 .index_kids{
	float:left;
	display:block;
/*
	text-indent:-10000px;
	overflow:hidden;
	width:400px;
	height:480px;
	background:#eee url("../img_pc/contents1_index_kids.jpg") no-repeat 0 0;
*/
}
#contents1 .index_sub{
	float:right;
	width:390px;
	
}
#contents1 .news_erea{
	font-size:80%;
	height:435px;
	overflow:auto;
}
#contents1 .copy{
	background:#cc0000 url("../img_pc/contents1_copy.png") no-repeat 100% 50%;
}
#contents1 .index_movie{
	clear: both;
	position:relative;
	padding-top: 10px;
}
#contents1 .movie_main{
	position:relative;
	height:auto;
	width:800px;
	padding-bottom: 0px;
	margin-bottom: 10px;
}
#contents1 .movie5{
	font-size:12px;
	color:#fff;
	text-align:center;
	float:left;
	display:block;
	overflow:hidden;
	width:151px;
	border:0px solid #cc0000;
/*	padding: 100px 0 4px 0; */
	padding: 0px 0 4px 0;
}
#contents1 .movie5 a{ color:#ffff00; }

/*bana_get_WindowsMediaPlayer*/
.getWMP{
	display:block;
	font-size:12px;
	color:#666666;
	padding: 5px 5px 5px 100px;
	min-height:33px;
	border:1px solid #cccccc;
	background:#f0f0f0 url("../img/bana_get_WindowsMediaPlayer.gif") no-repeat 5px 50%;
	margin-bottom: 4px;
}



/* contents2：沖縄21世紀ビジョンとは
------------------------------------------*/
#contents2 h3{
	display:block;
	padding: 0 0 5px 0;
	font-weight:normal;
	font-size:120%;
	color:#cc0000;
	margin-bottom:10px;
	border-bottom:1px solid #cc0000;
}
#contents2 .gre_profile{
/*	background: url(../img_pc/contents2_gre2121.png) no-repeat;
	padding-top: 190px;*/
	font-size:90%;
	display:block;
	width:290px;
	height:300px;
	position:absolute;
	top:0;
	right:-300px;
}
/*
#contents2 .contents2_howmake,
#contents2 .contents2_3step{
	display:block;
	text-indent:-10000px;
	overflow:hidden;
	height:240px;
	width:800px;
}
#contents2 .contents2_howmake{
	background: url(../img_pc/contents2_howmake.png) no-repeat;
}
#contents2 .contents2_3step{
	background: url(../img_pc/contents2_3step.png) no-repeat;
}
*/

/* contents3：大きな変化や課題
------------------------------------------*/
/*
#contents3 .contents3_t1,
#contents3 .contents3_t2,
#contents3 .contents3_t3,
#contents3 .contents3_t4,
#contents3 .contents3_t5{
	display:block;
	text-indent:-10000px;
	overflow:hidden;
}
#contents3 .contents3_t2 ul,
#contents3 .contents3_t4 ul{
	display: none;
}

#contents3 .contents3_t1{
	background: url(../img_pc/contents3_t1.png) no-repeat;
	height:140px;
	width:800px;
}
#contents3 .contents3_t2{
	background: url(../img_pc/contents3_t2.png) no-repeat;
	height:180px;
	width:800px;
}
#contents3 .contents3_t3{
	background: url(../img_pc/contents3_t3.png) no-repeat;
	height:110px;
	width:800px;
}
#contents3 .contents3_t4{
	background: url(../img_pc/contents3_t4.png) no-repeat;
	height:310px;
	width:800px;
}
#contents3 .contents3_t5{
	background: url(../img_pc/contents3_t5.png) no-repeat;
	height:150px;
	width:800px;
}
*/

#contents3 h3{
	display:block;
	padding: 0 0 5px 0;
	font-weight:normal;
	font-size:120%;
	color:#cc0000;
	margin-bottom:10px;
	border-bottom:1px solid #cc0000;
}
#contents3 h3:before{
	content:"■";
}

/*
#contents3 .p1{
	background: url(../img_pc/contents3_p1.png) no-repeat 0 100%;
	padding-bottom:310px;
}
#contents3 .p2{
	background: url(../img_pc/contents3_p2.png) no-repeat 0 100%;
	padding-bottom:170px;
}
#contents3 .p3{
	background: url(../img_pc/contents3_p3.png) no-repeat 0 0;
	padding-left:150px;
}
#contents3 .p4{
	background: url(../img_pc/contents3_p4.png) no-repeat 100% 0;
	padding-right:150px;
}
#contents3 .p5{
	background: url(../img_pc/contents3_p5.png) no-repeat 0 0;
	padding-left:150px;
}
#contents3 .p6{
	background: url(../img_pc/contents3_p6.png) no-repeat 100% 0;
	padding-right:150px;
}
#contents3 .p7{
	background: url(../img_pc/contents3_p7.png) no-repeat 0 0;
	padding-left:150px;
}
*/
#contents3 .p3,
#contents3 .p4,
#contents3 .p5,
#contents3 .p6,
#contents3 .p7{
	min-height:140px;
}

/* contents4：沖縄の将来像を描こう
------------------------------------------*/
/*
#contents4 .contents4_t1,
#contents4 .contents4_t2{
	display:block;
	text-indent:-10000px;
	overflow:hidden;
}
#contents4 .contents4_t1{
	background: url(../img_pc/contents4_t1.png) no-repeat;
	height:60px;
	width:800px;
}
#contents4 .contents4_t2{
	background: url(../img_pc/contents4_map.png) no-repeat;
	height:520px;
	width:800px;
}
#contents4 .contents4_t2 ul{
	display: none;
}
*/

/* contents5：みんなの意見や考え
------------------------------------------*/
/*
#contents5 .contents5_t1{
	display:block;
	text-indent:-10000px;
	overflow:hidden;
}
#contents5 .contents5_t1{
	background: url(../img_pc/contents5_t1.png) no-repeat;
	height:50px;
	width:800px;
}
*/
#contents5 .opi_navi h3{
	display: none;
}
#contents5 .opi_navi ul{
	display: none;
}
#contents5 .opinion_box{
	background: url(../img_pc/contents5_opinion_box.png) no-repeat;
	padding:10px;
	margin-bottom:10px;
	border:1px solid #cc0000;
}
#contents5 .o_name{
	font-weight:bold;
	font-size:120%;
}
#contents5 .opi_main{
	padding-left:130px;
	height:160px;
	min-height:160px;
}


/* contents6：アンケート
------------------------------------------*/
#contents6 h3{
	display:block;
	padding: 0 0 5px 0;
	font-weight:normal;
	font-size:120%;
	color:#cc0000;
	margin-bottom:10px;
	border-bottom:1px solid #cc0000;
}
#contents6 .p1{
	line-height: 1.6em;
	font-size:110%;
	min-height:140px;
/*
	background: url(../img_pc/contents6_p1.png) no-repeat 100% 0;
	padding-right:150px;
*/
}
#contents6 .go2subpage{
	text-align:center;
	margin:20px 0;
}
#contents6 .go2subpage a{
	font-size:120%;
	text-align:center;
	width:200px;
	display:block;
	padding:20px;
	margin:0 auto;
	color:#fff;
	text-decoration: none;
	background:#cc0000;
}
#contents6 .go2subpage a:hover{ background:#000;}


/* contents7：みんなの意見箱
------------------------------------------*/
#contents7 h3{
	display:block;
	padding: 0 0 5px 0;
	font-weight:normal;
	font-size:120%;
	color:#cc0000;
	margin-bottom:10px;
	border-bottom:1px solid #cc0000;
}
#contents7 .p1{
	line-height: 1.6em;
	font-size:110%;
	min-height:140px;
/*
	background: url(../img_pc/contents7_p1.png) no-repeat 0 0;
	padding-left:150px;
*/
}
#contents7 .go2subpage{
	text-align:center;
	margin:20px 0;
}
#contents7 .go2subpage a{
	font-size:120%;
	text-align:center;
	width:200px;
	display:block;
	padding:20px;
	margin:0 auto;
	color:#fff;
	text-decoration: none;
	background:#cc0000;
}
#contents7 .go2subpage a:hover{ background:#000;}


/* contents8：お問い合わせ
------------------------------------------*/
#contents8 h3{
	display:block;
	padding: 0 0 5px 0;
	font-weight:normal;
	font-size:120%;
	color:#cc0000;
	margin-bottom:10px;
	border-bottom:1px solid #cc0000;
}
#contents8 .contact{
	font-size:200%;
	padding:60px;
	margin-bottom:10px;
	border:1px solid #cc0000;
}
/* contents9：より詳しく知りたい方へ
------------------------------------------*/
#contents9 h3{
	display:block;
	padding: 0 0 5px 0;
	font-weight:normal;
	font-size:120%;
	color:#cc0000;
	margin-bottom:10px;
	border-bottom:1px solid #cc0000;
}
.list ul{
	display:block;
	padding: 0 0 0 10px;
}
.list li{
	padding: 0 0 0 15px;
	margin:8px 0;
	background: url(../img/li2.gif) no-repeat 0px 0.3em;
}
/* footer
------------------------------------------*/

#footer{
	min-height:20px;
	text-align:right;
	font-size:80%;
	padding: 0px 0 0 70px;
	background: url(../img_pc/okinawaken.png) no-repeat 0 70%;
}
#go2top{
	height: 10px;
	margin: 0 auto;
	position: relative;
	display:block;
	border-top:1px solid #cc0000;
}
#go2top a.go2top{
	display:block;
	text-indent:-10000px;
	overflow:hidden;
	position:absolute;
	background: url(../img_pc/go2top.png) no-repeat 0 0;
	width: 30px;
	height: 30px;
	top:0px;
	right:-40px;
}
#go2top a.go2top{ background-position:0 0; }
#go2top a.go2top:hover{ background-position:0 -30px;}






























/* Subwindow
------------------------------------------*/
#off_body{
	margin:10px 0 0;
}
.page1{background: url(../img/off_page01.jpg) no-repeat 50% 50%;}
.page2{background: url(../img/off_page02.jpg) no-repeat 50% 50%;}
.page3{background: url(../img/off_page03.jpg) no-repeat 50% 50%;}
.page4{background: url(../img/off_page04.jpg) no-repeat 50% 50%;}
.page5{background: url(../img/off_page05.jpg) no-repeat 50% 50%;}
.page6{background: url(../img/off_page06.jpg) no-repeat 50% 50%;}
.page7{background: url(../img/off_page07.jpg) no-repeat 50% 50%;}
.page1,.page2,.page3,.page4,.page5,.page6,.page7{
	border:1px solid #dddddd;
	/*
	width:840px;
	height:600px;
	*/
}
.nv{
	text-align:center;
}

/* Subwindow
------------------------------------------*/
.sub_body{
	background:url(../img/bg.png)
}
#sub_container{

}

#sub_header{
/*	padding: 20px; */
	background:#cc0000;
}

#sub_main{
	width:700px;
	margin:20px auto;
	background:#ffffff;
	text-align:left;
}
#sub_footer{
	background:#cc0000;
}
#sub_footer .copyright{
	width:700px;
	margin:0 auto;
	padding: 20px 0;
	text-align:right;
	font-size:80%;
	color:#fff;
}
.toptxt{
	background:#cc0000;
	color:#fff;
	border:5px #eee solid;
	padding: 10px;
	margin:0 0 10px 0;
}
.colbox{
	width:660px;
	margin:20px auto;
	padding: 20px;
	background:#ffffff;
	text-align:left;
	border:1px solid #cc0000;
}
.colp{
	border-bottom:1px #CC0000 solid;
	padding: 10px;
	margin:0 0 10px 0;
}
.colbox dl{
	width:100%;
}
.colbox dt{
	float:left;
	width:80px;
	display:block;
	clear:both;
	text-align:right;
}
.colbox dd{
	display:block;
	margin-left:90px;
	margin-bottom:10px;
	padding: 0 0 0 10px;
	border-left:4px solid #CC0000;
}
.boxt{
padding:0 0 0px 10px;
margin-bottom:10px;
border-left:4px solid #CC0000;
border-bottom:0px solid #CC0000;
}
.thbox{
	width:660px;
	height:30px;
	position:relative;
}
.thbox a{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	background: url(../img/click.gif) no-repeat 0 0;
	width: 120px;
	height: 30px;
	top:0px;
	right:-0px;
}
.thbox a:hover{
	background-position:0px -30px;
}

/* etc
----------------------------------*/
.hide{
	display: none;
}
.relative{
	position:relative;
}

/* clearfix
------------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
}
/* ¥*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */