/*********************************************
 site name:Okinawa Hanabi
 URI: http://okinawa-hanabi.co.jp/

 made:2007.10.23(Tue)
 author:y.shimokado@mono-works
 *********************************************/

/**********************************************
	COMMON
 **********************************************/

body {
	text-align:center;
	width:770px;
	margin:6px auto;
	padding:0;
	background-color:#333;
	color:#FFFFFF;
	font-size: 12px;
	line-height: 130%;
	font-family:"Osaka",Verdana,"MS UI Gothic",sans-serif;
}

table { font-size:12px; }

img {
	border:none;
	margin:0;
}

a { color:#003366; text-decoration:underline; }
a:visited { color:#006699; text-decoration:underline; }
a:hover { color:#ff6633; text-decoration:none; }

.white a { color:#f0f0ff; text-decoration:underline; }
.white a:visited { color:#f0f0ff; text-decoration:underline; }
.white a:hover { color:#ffff00; text-decoration:none; }

.small {
	font-size: 10px;
	line-height: 130%;
	text-decoration: none;
}

.normal {
	font-size: 12px;
	line-height: 130%;
	text-decoration: none;
}

#clear {
 clear:both;
 height:1px;
 font-size:1px;
 line-height:1px;
 padding:0;
 margin:0;
}

span#underline {
	border-bottom:1px dashed #aaa;
}

/*****************************************
	Header Part
 *****************************************/
.header {
	text-align:left;
	width:770px;
	height:80px;
	background-image:url(img/hdr-bg.jpg) ;
	background-repeat: repeat-x;
	margin:0;
}
.header h1 {
	font-size:0.8em;
	font-weight:normal;
	margin:0;
	padding:1px 3px;
	color:#dcdcdc;
	width:550px;
	float:left;
}

.header div.hdrmenu {
	float:right;
	width:200px;
	text-align:right;
	padding:0;
	margin-top:2px;
	margin-right:5px;
	font-size:0.85em;
}

.header div.hdrmenu a { color:#66ffff; text-decoration:underline; }
.header div.hdrmenu a:visited { color:#66ccff; text-decoration:underline; }
.header div.hdrmenu a:hover { color:#ffff33; text-decoration:none; }

.header img#logo {
	margin-top:5px;
	margin-left:5px;
	float:left;
	border:none;
}

.header div#topmsg {
	color:#dcdcdc;
	float:right;
	width:430px;
	margin-top:20px;
	margin-right:60px;
}
* html body .header div#topmsg {  /* IE6, IE7 hack */
	font-size:11px;
	margin-right:30px;
	width:450px;
}

/*****************************************
	Global Navi Part
 *****************************************/
div.navi {
	width:770px;
	height:26px;
	padding:0;
	margin:0;
	background-color:#000;
}

div.navi ul {
	margin: 0 0 0 1px;
	padding: 0;
	list-style-type: none;
	line-height: 26px;
	font-size: 0.975em;
	overflow:hidden;
}

div.navi li {
	padding: 0;
	text-align: center;
	float: left;
}

div.navi li a {
	display: block;
	width: 128px;
	text-decoration: none;
	color: #555;
	background-image: url(img/btn-off.gif);
	background-repeat: no-repeat;
}

div.navi li a:visited {
	text-decoration: none;
	color: #666;
}
div.navi li a:hover {
	background-image: url(img/btn-on.gif);
	background-repeat: no-repeat;
	color:#ffff00;
}

#page1 li#nbtn1 a, #page2 li#nbtn2 a, #page3 li#nbtn3 a,
#page4 li#nbtn4 a, #page5 li#nbtn5 a, #page6 li#nbtn6 a {
	font-weight:bold;
	color: #fff;
	background-image: url(img/btn-on.gif);
}

#page1 li#nbtn1 a:hover, #page2 li#nbtn2 a:hover, #page3 li#nbtn3 a:hover,
#page4 li#nbtn4 a:hover, #page5 li#nbtn5 a:hover, #page6 li#nbtn6 a:hover {
	color: #ffff33;
}


/*****************************************
	Topic Path Part
 *****************************************/
div.topicpath {
	text-align:left;
	width:770px;
	height:21px;
	line-height:21px;
	margin:0;
	background-image:url(img/topic-bg.gif);
	background-repeat: repeat-x;
}
div.topicpath p {
	margin:0px;
	padding-left:10px;
	font-size:0.9em;
	color:#666;
}

/*****************************************
	Fotter Menu Part
 *****************************************/
div.footer-menu {
	width:770px;
	height:21px;
	line-height:21px;
	margin:0;
	background-image:url(img/topic-bg.gif);
	background-repeat: repeat-x;
}
div.footer-menu p {
	text-align:center;
	margin:0px;
	color:#777;
}
* html body  div.footer-menu p {  /* IE6, IE7 hack */
	padding-top:4px;
}

/*****************************************
	Footer Part
 *****************************************/
div.footer {
	text-align:left;
	width:770px;
	height:82px;
	background-image:url(img/footer-bg.gif);
	background-repeat: repeat-x;
}

div.footer div#f1 {
	float:left;
	width:350px;
	text-align:right;
	padding-top:20px;
}
div.footer div#f2 {
	float:left;
	padding-top:20px;
}
div.footer div#f3 {
	margin-top:23px;
	margin-right:5px;
	float:right;
}

div#copyright {
	margin-top:11px;
	width:500px;
	float:left;
	padding-left:3px;
	font-size:0.95em;
}
div#copyright a { color:#ffffff; }
div#copyright a { color:#fffffc; text-decoration:none; }
div#copyright a:hover { color:#ffffcc; }

/*****************************************
	Misc. Part
 *****************************************/
.gotop {
	margin:10px 20px 20px 0;
	text-align:right;
}

/**********************************************
	EACH PAGES
 **********************************************/
/*****************************************
	HOME
 *****************************************/
div.main1 {
	text-align:left;
	border-top:1px solid #ccc;
	width:770px;
	height:525px;
	background:#000 url(img/main-bg01.jpg) no-repeat top right;
}
div.main1 div.menu-desc {
	margin-top:30px;
	padding-top:20px;
	float:right;
	width:275px;
}
* html body  div.main1 div.menu-desc {  /* IE6, IE7 hack */
	padding-top:35px;
}
div.main1 div.menu-desc h2 {
	padding-left:18px;
	background-image:url(img/allow6.gif);
	background-repeat: no-repeat;
	font-size:1.5em;
	font-weight:bold;
	letter-spacing:1px;
	margin:18px 0 8px 0;
}
div.main1 div.menu-desc p {
	margin:5px 0 ;
	color:#e0e0e0;
	font-weight:bold;
	font-size:1.1em;
	line-height:130%;
	letter-spacing:1px;
}

div.main1 div#top-desc {
	width:420px;
	float:left;
	margin-top:40px;
	margin-left:25px;
	display:inline;  /* IE6 ハック */
}
div.main1 div#top-desc p {
	margin-top:10px;
	color:#fff;
	font-size:1.3em;
	font-weight:bold;
	line-height:145%;
	letter-spacing:1px;
}
* html body  div.main1 div#top-desc p { /* IE6, IE7 hack */
	font-size:1.2em;
}
div.main1 div#topmovie {
	float:left;
	width:420px;
	height:280px;
	border-top:2px solid #333;
	border-left:2px solid #333;
	border-right:2px solid #999;
	border-bottom:2px solid #999;
	margin-top:30px;
	margin-left:25px;
	display:inline;  /* IE6 ハック */
}

/*****************************************
	main2 box
 *****************************************/
div.main2 {
	text-align:left;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	width:770px;
	padding-bottom:15px;
}

div.main2 p {
	margin:5px 30px 5px 25px;
	letter-spacing:1px;
	font-size:1.1em;
}

div.main2 h2 {
	background-image:url(img/allow6.gif) ;
	background-repeat: no-repeat;
	margin:20px 0;
	padding:0 0 0 16px;
	font-size:2.0em;
	letter-spacing:1px ;
}

div.main2 div.contents-box {
	margin:0;
	margin-left:110px;
	width:650px;
}

/*******************
	inside navi
 *******************/
div.i-navi {
	margin-top:20px;
	padding:0;
	line-height: 24px;
}

div.i-navi h3 {
	margin:0;
	font-size:1.1em;
	letter-spacing:0.1em;
	font-weight:normal;
}

div.i-navi ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow:hidden;
}

div.i-navi li {
	padding: 0;
	text-align: center;
	float: left;
}

div.i-navi li a {
	border-color:#999 #666 #666 #999;
	border-style:solid;
	border-width:1px;
	display: block;
	padding-left:5px;
	text-align:center;
	color: #aaa;
	background-color: #666;
	text-decoration:underline;
}

div.i-navi li a:visited {
	text-decoration:underline;
	color: #aaa;
}

div.i-navi li a:hover {
	background-color: #888;
	color:#ffff00;
	text-decoration: none;
}

div.i-navi li#on a {
	text-decoration: none;
	border-color:#555 #555 #000 #555;
	color:#f0f0dc;
	background:url(img/ya_a005.gif) no-repeat 7px 7px;
	background-color: #000;
}

div.i-navi-btm li#on a {
	text-decoration: none;
	background-color: #000;
	border-top:1px solid #000;
	border-bottom:1px solid #999;
	color:#f0f0dc;
}
div.i-navi li#on a:hover {
	background-color: #333;
	color:#ffff00;
}


/*****************************************
	HANABI (pg2)
 *****************************************/
div.pg2 {
	background:#000 url(img/main-bg02.jpg) repeat-y top left;
}

/***** i-navi spec *****/
div.hn {
	margin-left:50px;
	margin-bottom:15px;
}
* html body div.hn {  /* IE6, IE7 hack */
	margin-bottom:60px;
}
div.hn li { width: 140px; }

div.pg2 table {
	margin:10px 10px 10px 60px;
}

div.pg2 table th {
	width:270px;
	color:#dcdcdc;
	line-height:140%;
	font-weight:normal;
	border-left:2px solid #555;
	letter-spacing:0.15em;
	background-color:#333;
}

div.pg2 table td {
	width:270px;
	background-color:#111;
	text-align:center;
	border-left:2px solid #555;
	border-top:2px solid #555;
}
div.pg2 table tr#spc td {
	background-color:transparent;
	line-height:1px;
	height:1px;
}

div.pg2 table#lsize td, div.pg2 table#lsize th {
	width:530px;
}
/***********************************
	Tokusyu-kouka hanabi
 ***********************************/
div.pg2 div#h-tokusyu table {
	margin:10px 10px 10px 10px;
}
div.pg2 div#h-tokusyu td {
	width:290px;
}
div.pg2 div#h-tokusyu th {
	width:330px;
	font-size:12px;
	vertical-align:top;
	padding:7px 5px 5px 5px;
	text-align:left;
}

div.pg2 div#h-img1 {
	float:left;
}
div.pg2 div#h-img2 {
	background-color:#dcdcdc;
	float:right;
	margin:10px 10px 10px 0;
	width:120px;
}

div.pg2 div#h-img1 img, div.pg2 div#h-img2 img {
	margin:8px;
}

div.pg2 div#h-tokusyu p {
	font-size:0.975em;
	line-height:130%;
	margin:3px 3px 0 0;
}
* html body  div.pg2 div#h-tokusyu p {  /* IE6, IE7 hack */
	font-size:0.925em;
}
div.pg2 div#h-tokusyu span#h-name {
	font-size:1.0em;
	font-weight:bold;
	margin:0 3px 0 0 ;
	color:#ffff99
}
div.pg2 div#h-tokusyu span#h-soto, div.pg2 div#h-tokusyu span#h-naka {
	font-size:0.85em;
	padding:1px 4px 1px 5px;
	margin:1px 1px 2px 1px;
	color:#333;
}
div.pg2 div#h-tokusyu span#h-soto { background-color:#ff00cc; }
div.pg2 div#h-tokusyu span#h-naka { background-color:#00cc33; }

/****************************
	HANABI (Uchidashi Tape)
 ****************************/
body#uchidashi-box {
	background-color:#000;
	font-size:1.0em;
	line-height:140%;
	color:#ffff99;
	text-align:center;
}
body#uchidashi-box h2 {
	margin:10px 0 0 10px;
	font-size:1.5em;
	text-align:left;
}

body#uchidashi-box table { margin:10px; }
body#uchidashi-box table td {
	text-align:center;
	background-color:#111;
	border:1px solid #999;
}
body#uchidashi-box table th {
	width:200px;
	vertical-align:top;
	text-align:left;
	font-weight:normal;
	font-size:0.9em;
	border:1px solid #999;
	background-color:#333;
	padding:3px 5px 5px 5px;
}
body#uchidashi-box table td img {
	margin:3px auto;
}
body#uchidashi-box table p {
	font-size:1.2em;
	margin:2px 2px 4px 2px;
}

/*****************************************
	Archievements (pg4)
 *****************************************/
div.pg4 {
	background:#000 url(img/main-bg04.jpg) repeat-y top left;
}
div#gmap-frame {
	margin:10px 0 ;
	text-align:center;
}

/*****************************************
	FAQ (pg5)
 *****************************************/
div.pg5 {
	background:#000 url(img/main-bg05.jpg) repeat-y top left;
}

div.pg5 h3 {
	font-size:1.1em;
	margin:4px 0 10px 0;
}
div.pg5 h3 span#Q {
	font-size:1.3em;
	color:#ffff00;
	font-weight:bold;
	margin-right:5px;
}
div.pg5 div#line {
	background-color:#999;
	width:300px;
	height:7px;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	margin:50px 0 50px 180px;
}
div.pg5 div.q-box {
	margin:30px 15px 10px 5px;
	border:1px solid #ccc;
	padding:10px 15px;
	background-color:#111;
	line-height:140%;
	color:#dcdcdc;
	letter-spacing:1px;
}
div.pg5 div.Q {
	background:#111 url(img/Q.gif) no-repeat bottom right;
}
div.pg5 div.A {
	background:#111 url(img/A.gif) no-repeat bottom right;
}

div.pg5 div.q-box span#A {
	font-size:1.3em;
	color:#ff6600;
	font-weight:bold;
	margin-right:8px;
}
div.pg5 div.q-box ol {
	margin:5px 0;
	line-height:140%;
}
* html body div.pg5 div.q-box ol {  /* IE6, IE7 hack */
	margin:5px 0 5px 40px;
}
div.pg5 div.q-box li {
	margin-top:3px;
	margin-bottom:3px;
}
div.pg5 div#goyosan {
	margin:15px 20px;
	width:260px;
	text-align:center;
	padding:10px;
	font-size:1.3em;
	font-weight:bold;
}
div.pg5 p#links {
	background:url(img/ya_002.gif) no-repeat 0 4px;
	padding-left:15px;
}

/*************************
	Mitsumori Page
 *************************/
div.pg5 div.mitsumori {
	margin-top:0;
}
div.pg5 div.mitsumori li {
	margin-top:3px;
	margin-bottom:3px;
}
div.pg5 form {
	border:2px solid #999;
	border-bottom:2px solid #666;
	border-right:2px solid #666;
	margin:15px 50px;
	padding:15px 25px;
	line-height:140%;
}
div.pg5 form p {
	margin:10px 20px;
}
div.pg5 form input#calcButton {
	padding:3px 5px 1px 5px;
	line-height:100%;
}
div.pg5 form select {
	text-align:right;
}
div.pg5 form select option {
	width:80px;
}
div.pg5 form input#total {
	font-size:1.3em;
	text-align:center;
	font-weight:bold;
	color:#0066ff;
}


/*****************************************
	UCHIAGE GAIYOU (pg3)
 *****************************************/
div.pg3 {
	background:#000 url(img/main-bg03.jpg) repeat-y top left;
}
/***** i-navi spec *****/
div.un {
	margin-left:15px;
	margin-bottom:15px;
}
* html body div.un {  /* IE6, IE7 hack */
	margin-bottom:60px;
}
div.un li { width: 152px; }

div.pg3 h4 {
	background-color:#111;
	font-size:1.1em;
	margin:3px;
	padding:3px;
	text-align:center;
	letter-spacing:1px;
}
div.pg3 table {
	margin:20px 7px;
}
div.pg3 table th {
	border:1px solid #ccc;
	background-color:#111;
	padding:4px 2px;
}
div.pg3 table th#term {
	width:60px;
	vertical-align:top;
	font-size:0.9em;
	background-color:#999;
	color:#111;
	padding-top:10px;
}
div.pg3 table td {
	width:255px;
	font-size:1.0em;
	background-color:#ccc;
	vertical-align:top;
	padding:5px;
	text-align:left;
}
div.pg3 table td p {
	text-align:center;
	margin:5px 0 ;
	font-size:1.0em;
	color:#333;
}
div.pg3 table td#mid {
	width:20px;
	padding:5px ;
}
div.pg3 table td#mid img {
	margin-top:10px;
}
div.pg3 table td ol {
	margin-top:5px;
	margin-bottom:5px;
	color:#333;
}
div.pg3 table td div#allow {
	color:#111;
	font-size:1.4em;
	text-align:center;
	margin:3px auto 5px auto;
}
div.pg3 table h4.show {
	margin-left:10px;
	width:500px;
	padding:10px;
	color:#ffff00;
	font-size:1.3em;
}
div.pg3 table td#ohana {
	background-color:#fff;
}
div.std-box {
	font-size:1.0em;
	padding:10px ;
	border:1px solid #999;
	border-top:none;
	border-left:none;
	background-color:#333;
	margin:15px 10px;
}

div.std-box ul {
	margin-top:5px;
	margin-bottom:10px;
}

div.std-box li {
	margin:5px 10px 10px 10px;
	line-height:140%;
}

div.std-box ol {
	padding-left:10px;
	margin:0 ;
}
div.std-box table {
	margin:5px 2px;
}
div.std-box table th, div.std-box table td {
	font-size:12px;
	font-weight:normal;
	padding:2px;
	margin:0 ;
	text-align:center;
}
div.std-box table td {
	color:#333;
	width:57px;
}
div.std-box table th#rth { width:60px; }
div.std-box table th#bk,  div.std-box table td#bk {
	background-color:#666; color:#eee; width:30px; }

div.std-box div#note {
	padding:2px;
	margin:0 0 20px 15px;
	width:500px;
}
div.std-box div#note ol li {
	margin-top:1px ;
	margin-bottom:2px;
	padding-left:2px;
}

h3#title {
	font-size:1.4em;
	margin:8px;
	text-align:center;
	color:#ffbb00;
}
div.pg3 ol#mukyoka p {
	width:430px;
	margin:0;
}
div.pg3 div#lside {
	float:left;
	width:390px;
	border-bottom:1px dotted #ccc;
}
div.pg3 div#rside {
	float:right;
	padding-left:10px;
	width:80px;
	border-bottom:1px dotted #ccc;
}

/*************************
	Hanabi Spec. Page
 *************************/
div.pg3 div.spec-box { background-color:#000; }
div.std-box table#spec th , div.std-box table#spec td {
	font-size:0.85em;
}
div.std-box table#spec th#rth {
	text-align:right;
	width:130px;
}
div.pg3 div.spec-box img { margin-bottom:8px; }

div.pg5 p#t1 {
	line-height:130%;
	margin:15px 10px 0 15px;
	font-size:1.2em;
}
/***** i-navi spec *****/
div.un2 {
	margin-left:70px;
	margin-bottom:-17px;
}
* html body div.un2 {  /* IE6, IE7 hack */
	margin-bottom:45px;
}
div.un2 li { width: 250px; }
div.un2 li#on a {
	border-bottom:none;
	background-color:#333;
}


/*****************************************
	COMPANY INFO. (pg6)
 *****************************************/
div.pg6 {
	background:#000 url(img/main-bg06.jpg) repeat-y top left;
}
div.pg6 h3 {
	font-size:1.2em;
	margin:15px 0 0 40px;
	padding:3px;
	letter-spacing:1px;
}

div.pg6 div#cp {
	margin-left:10px;
	padding:10px;
	font-size:1.4em;
	font-weight:bold;
}

div.pg6 table {
	margin:0 0 20px 60px;
}
div.pg6 table th, div.pg6 table td {
	font-size:1.0em;
	font-weight:normal;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	background-color:#333;
}
div.pg6 table th {
	vertical-align:top;
	width:120px;
	text-align:right;
	padding:5px;
}
div.pg6 table td {
	width:370px;
	text-align:left;
	padding:5px;
	line-height:130%;
}

div.pg6 div#a-pict {
	margin-left:60px;
}
div.pg6 div#a-pict img {
	border:2px solid #999;
	margin:5px;
}
div.pg6 div#map {
	margin-left:60px;
	border:2px solid #999;
	width:560px;
	background:#ccc;
}

/*****************************************
	SITEMAP
 *****************************************/
div.pg6 div#sitemap {
	margin:15px 0 20px 40px;
}
div.pg6 div#sitemap ul {
	list-style-image:url('img/cl_005.gif');
}
div.pg6 div#sitemap ul h3 {
	padding:0 0 0 5px;
	margin:0 0 7px 5px;
	font-size:1.5em;
	line-height:120%;
}
div.pg6 div#sitemap ul#sub {
	margin-top:10px;
	margin-bottom:10px;
	list-style-image:url('img/ya_002.gif') ; 
}
div.pg6 div#sitemap ul#sub h4 {
	padding:0;
	margin:0 0 7px 3px;
	font-size:1.2em;
}
div.pg6 div#sitemap #junbofont {
	color:#444;
	font-size:6em;
	font-weight:bold;
	margin:-30px auto 30px 250px;
}

/*****************************************
	Download Page (pg7)
 *****************************************/
div.pg7 {
	background-color:#000 ;
}
div.pg7 h3 {
	margin:20px 0 5px 5px;
	background:url(img/ya_002.gif) no-repeat 0 3px;
	padding-left:14px;
	font-size:1.2em;
}
div.pg7 div#category_list {
	padding:6px 15px;
	background:#555;
	border:1px solid #999;
	margin:12px 15px;
	font-size:1.1em;
	line-height:140%;
}
div.pg7 div#id_filelist table {
	margin:0 10px 10px 10px;
}
div.pg7 div#id_filelist table th {
	text-align:left;
	width:220px;
	padding:5px;
	background-color:#444;
	border-bottom:1px solid #ccc;
}
div.pg7 div#id_filelist table th.bbb {
	background-color:#006699;
}
div.pg7 div#id_filelist table td {
	width:380px;
	padding:5px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}