﻿/*
Theme Name: YumeKiz
Description: Style for YumeKiz International Inc
Version: 1.0
Author: YumeKiz
Author URI: http://www.yumekiz.com/
Tags: Yumekiz


	Style for YumeKiz,
	based on a theme Pink Fun 1.0 : Maruf Rahman.
*/



/* Global
------------------------------------------------------------------*/
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
	margin:0;
	padding:0;
	}

ul,li {
	list-style-type:none;
	}


iframe{
	overflow:hidden;
}


/*
a{
	outline: none;
}
a:hover{
	text-decoration:none;
}
*/



body {
	margin:0;
	padding:0;
	text-align:center;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:14px;
	/*background: #FFDAB9;*/
	background: #00CED1;
}

body.simple {
	background: #FFFFFF;
}


img {
	border:none;
}


#wrapper{
	width:856px;
	margin: 0 auto;
	text-align:left;
	margin-top:0px;

}


* html #wrapper{
      width:850px;
}

#subwrapper{
	background:#FFFFFF;
	/*border:3px solid #FF9900;*/
	border:3px solid #ccffff;
	float:left;
	width: 850px;
}


#header{
	background:url('images/headerbg.jpg') no-repeat;
	width:850px;
	height:365px;
	float:left;
	position:relative;
}

#headerleft{
	height:242px;
	width:190px;
	background:#eee;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}




/* H1 tags
------------------------------------------------------------------*/

h1{
	font-size:20px;
	color:#000;
}

h2{
	font-size:18px;
	text-transform: uppercase;
	color:#000;
	
}

/* Header
------------------------------------------------------------------*/

#blogtitle{
	background:#666;
	float:left;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	padding:10px;
	width:170px;
}

#blogdesc{
	margin-top:10px;
	line-height:1.6em;
	font-size:14px;
	font-weight:bold;
	color:#eee;
}

#rss{
	background:url('images/rss.png');
	height:231px;
	width:123px;
	position:absolute;
	top:25px;
	right:-40px;
}

* html #rss{
      background:url('images/rss.gif');
}


/* Navigation
------------------------------------------------------------------*/

#navigation{
	/*background:#FFCC00;*/
	background:#ccffff;
	clear:both;
	padding:0px 0px;
	height: 30px;
}

#navigation a{
	color:#000;
	text-transform: uppercase;
	font-weight:bold;
	font-size:16px;
	text-decoration:none;
	position:relative;
	padding:0px;
	display: block;
	width: 110px;
	text-align: center;
}

#navigation a:hover{
	background:#F9F9C6;
}

#navigation ul{
	margin-left:190px;
}

#navigation li{
	width: 110px;
	text-align: center;
	display: block;
	float: left;
}

/* Maincontent
------------------------------------------------------------------*/

#maincontent{
	background:url('images/sidebarbg.gif') repeat-y right;
	float:left;
}


#paging a{
	font-size:18px;
	color:#000;
}

#paging .alignleft{
	float:left;
}

#paging .alignright{
	float:right;
}

#pagetitle h2{
	color:#000;
	font-size:22px;
	margin-bottom:20px;
}

/* Sidebar
------------------------------------------------------------------*/

div#sidebar{
	width:190px;
	float:right;
	padding-bottom:20px;
	overflow: hidden;
}

#sidebar h2{
	margin-top:15px;
	margin-bottom:10px;
}

#sidebar li{
	margin-left:0px;
}

#sidebar li h2{
	margin-left:10px;
}

#sidebar li li{
	margin-left:5px;
}

#sidebar li img{
	margin-bottom:5px;
	border: none;
}

#sidebar li#teacher img{
	margin-bottom:10px;
	border: none;
}

#sidebar li#teacher a{
	text-decoration: none;
}


#sidebar ul{
	margin:0 10px 0 10px;
}

#sidebar li a{
	color:#000;
	font-size:12px;
	line-height:1.8em;
	text-transform: uppercase;
}

#searchform{
	margin:10px 0 10px 0;
}

#searchform .searchforminput{
	border:0px;
	width:204px;
	height:20px;
	padding:2px;
	margin-bottom:10px;
	color:#666;
	font-size:14px;
}


/* Content
------------------------------------------------------------------*/

#content{
	width:660px;
	float:left;
	margin:0px;
	padding:0px;
	background: #fff;
	overflow-x: hidden;
}

* html #content{
      width:660px;
      margin:0px;
      padding:0px;
}

#content img{
	max-width:560px;
}

#content a:link {text-decoration:underline;color:#ff0033;}
#content a:hover{text-decoration:underline;color:#ff0033;}
#content a:visited {text-decoration:none;color:#ff0033;}


#content .blogtitle h2{
	color:#000;
	font-size:18px;
	text-transform: uppercase;
}

#content .blogdate{
	font-style:italic;
	margin-top:5px;
	/*color:#FF9900;*/
	color:#404040;
}

#content .blogdate a{
	/*color:#FF9900;*/
	color:#404040;
}

#content .blogcontent{
	margin-top:10px;
	line-height:1.6em;
}
#content .blogcontent p{
        clear:both;
}

#content .blogtags{
	margin-top:10px;
        clear:both;
}

#content .blogtags a{
	color:#000;
}

.entrycontainer{
/*	border-bottom:1px solid #000;
	padding-bottom:20px;
	margin-bottom:20px;*/
	width: 600px;
	padding: 30px;
	margin: 0px;
	overflow-x: hidden;
}


.blogcontainer{
	border-bottom:1px solid #000;
	width: 600px;
	padding: 0px;
	padding-bottom: 20px;
	margin-bottom:20px;
}


.blogcontent p{
	margin-bottom:15px;
}

.blogcontent img{
	margin:15px;
}


.blogcontent a{
	color:#000;
}

.blogcontent ul,
.blogcontent ul{
	margin:20px 20px 20px 40px;
	line-height:2.0em;
}

.blogcontent li{
	list-style-type:disc;
	width:500px;
}

blockquote {
	border-left: 4px solid #666;
	width:530px;
	margin:10px;
	padding:0 0 10px 10px;
	letter-spacing:1px;
	color:#666;
}


/* comments
------------*/

#commentwrap, #commentreplies{
	float:left;
	margin:20px 0 0 30px;
}

#commentwrap textarea{
	width:500px;
}

.commentitle{
	border-bottom:#666 solid 2px;
	float:left;
	width:580px;
}

#commentwrap h3, #commentreplies h3{
	background:#333;
	float:left;
	padding: 8px;
	font-size:13px;
	color:#fff;
}

#commentform{
	float:left;
	width:580px;
	padding-top:10px;
	padding-bottom:20px;
}

ol.commentlist{
	float:left;
	width:575px;
}

ol.commentlist li{
	float:left;
	width:570px;
	padding:10px 0 10px 10px;
	border-bottom:1px solid #999;
	background:#fff;
}

ol.commentlist a{
	color:#333;
}

ol.commentlist a:hover{
	color:#666;
}

.commentwrapper{
	float:left;
}

.commentleft{
	float:left;
}

.commentright{
	float:right;
}

.commentcentre{
	float:left;
	width:120px;
}

.commentright p{
	width:405px;
	padding-left:10px;
}

.commentsavatar{
	border:#c0c0c0 solid 1px;
	padding:4px;
	margin-right:5px;
	float:left;
}

.commentauthor{
	font-size:11px;
	color:#333;
	font-weight:bold;
	float:left;
	width:120px;
	padding-left:5px;
}

.commentdate{
	font-size:11px;
	color:#999;
	width:120px;
	padding-left:5px;
}

.commentcomment{
	float:left;
	font-size:13px;
}

.commentcomment em{
	color:#999;
	padding-left:8px;
	line-height:1.8em;
}

.commentcomment p{
	margin-bottom:10px;
}

#commentwrap textarea{
	padding:0px;
	border:0px;
	margin:10px 10px 10px 0;
	border:1px solid #666;
}


#commentwrap label{
	color:#666;	
	font-weight:bold;
}

#commentloggedin{
	color:#666;
	float:left;
	font-size:12px;
	margin:10px 10px 10px 0;
}

#commentloggedin a{
	/*color:#FF9900;*/
	color:#ccffff;
}

.commentedit{
	width:405px;
	padding-left:10px;
	margin-top:15px;
}


#youmustbe{
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	letter-spacing:-0.1em;
	font-weight:bold;
	color:#333;
	margin:10px 0 10px 0;
}

#youmustbe a{
	color:#666;
}

#youmustbe a:hover{
	background:#c0c0c0;
}


/* Footer
------------------------------------------------------------------*/

#footer{
	float:left;
	margin: 0px;
	font-size:11px;
	color:#000;
	/*background: #FFCC00;*/
	background: #ccffff;
	text-align: center;
	width: 850px;
	height: auto;
	display: block;
}

#footer a{
	color:#000;
}


/* Wordpress required
------------------------------------------------------------------*/

.aligncenter, div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
  	float: left;
}

.alignright {
   float: right;
}

.clear {
	clear:both;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 5px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}


iframe#MLiframe {
  border: none;
  width: 100%;
  height: 500px;
  margin:0px;
  padding:0px;
}

iframe#iFra {
  border: none;
  width: 100%;
  height: 1000px;
  margin:0px;
  padding:0px;
}

/*
div.div-sck, div.div-scy{
  background:url('images/bg-yellow.gif') no-repeat;
  width: 427px;
  height: 156px;
  padding: 10px 10px 10px 30px;
  font-size: 30px;
  line-height: 40px;
  margin-bottom: 30px;
}

div.div-scy{
  background:url('images/bg-green.gif') no-repeat;
}

div.div-ath{
  background:url('images/bg-pink.gif') no-repeat;
  width: 427px;
  height: 124px;
  padding: 10px 10px 10px 30px;
  font-size: 30px;
  line-height: 40px;

}
*/
div.div-sck{
  background-color: #ffff00;
  width: 427px;
  padding: 10px 10px 10px 30px;
  font-size: 30px;
  line-height: 40px;
  margin: 10px; padding: 10px;
}

div.div-scy{
  background-color: #7FFF00;
  width: 427px;
  padding: 10px 10px 10px 30px;
  font-size: 30px;
  line-height: 40px;
  margin: 10px; padding: 10px;
}

div.div-ath{
  background-color: #ffcc99;
  width: 427px;
  padding: 10px 10px 10px 30px;
  font-size: 30px;
  line-height: 40px;
  margin: 10px; padding: 10px;
}

#div-sck{
  background-color: #FFFFE0;
  width: 427px;
  padding: 10px 10px 10px 30px;
  font-size: 30px;
  line-height: 40px;
  margin: 10px; padding: 10px;
}

#div-scy{
  background-color: #99ff99;
  width: 427px;
  padding: 10px 10px 10px 30px;
  font-size: 30px;
  line-height: 40px;
  margin: 10px; padding: 10px;
}

#div-ath{
  background-color: #ffccff;
  width: 427px;
  padding: 10px 10px 10px 30px;
  font-size: 30px;
  line-height: 40px;
  margin: 10px; padding: 10px;
}



.text-align {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}
div.main_top{
  font-size: 30px;
  line-height: 40px;
}
div.main_course{
  /*font-size: 20px;*/
  /*line-height: 30px;*/
}

div.profile dl{
  font-size: 14px;
  line-height: 15px;
}

div.profile dt{
  float:left;
  font-weight: bold;
}
div.profile dd{
  margin-left: 80px;
  margin-bottom: 20px;
}

div.terms dl{
  font-size: 12px;
  line-height: 15px;
  margin-top: 20px; 
}
div.terms dt{
  font-weight: bold;
  margin-bottom: 10px;
}
div.terms dd{
  margin-left: 1em;
  margin-bottom: 30px;
}
div.terms dd ul{
  margin: 10px 0em 10px 3em;
  line-height: 20px;
}
div.terms dd p{
  margin: 0em;
}


div.sales dl{
  font-size: 12px;
  line-height: 15px;
  margin-left: 20px;
  margin-bottom: 20px;
}

div.sales dt{
  float:left;
}
div.sales dd{
  margin-left: 140px;
  margin-bottom: 5px;
}

div.sales ul{
  margin: 0px 0px 0px 20px;
  list-style-position: inside;
}
div.sales h3{
  font-size: 12px;
  font-weight: bold;
  margin: 0px 0px 5px 0px;
}



div.inquire{
  font-size: 14px;
}
div.inquire dl{
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 40px;
}

div.inquire dt{
  float:left;
}
div.inquire dd{
  margin-left: 100px;
  margin-bottom: 5px;
}

div.qa {
		border:dotted 1px #C7D5DB;
		padding:5px;
		background-color:#FFFFFF;
		display:block;
}
p.q {
		background-color:#ffcccc;
		font:bold;
}
p.a {
		background-color:#FFFFFF;
}

.table_left {
	border-right: 1px solid #FFB080;
	border-bottom: 1px solid #FFB080;
}
.table_center {
	border-right: 1px solid #FFB080;
	border-bottom: 1px solid #FFB080;
}
.table_right {
	border-bottom: 1px solid #FFB080;
}
div.pagetitle {
		color:#ffffff;
		max-height: 1%;
		font-size: 1%;
		display:block;
}
div.pagetitle_invisible {
		color:#ffffff;
		max-height: 1%;
		font-size: 1%;
		display:block;
}
div.pagetitle_left {
	border-left:3px solid #FFB080;
	text-indent:2px;
	font-weight:bold;
}
/* hawaii_partners
----------------------------------------------------------- */

table.hawaii_partners	{
	border: 1px solid #DDD;
	border-collapse: collapse;	border-spacing: 0;
	width: 100%;
	margin-bottom: 30px;
}
th.hawaii_partners	{
	padding: 10px 20px;
	color: #1D5C79;
	background: url('images/hawaii_partners.jpg') repeat-x bottom;
	border: 1px solid #DDD;
	color: #333;
}
td.hawaii_partners	{
	padding: 10px 20px;
	color: #1D5C79;
	border: 1px solid #DDD;
	color: #333;
}

h1.lead {display:inline;font-size: 20pt;	line-height: 26px;font-weight: bold;color: #FF6600;}
.large-orange {font-size: 20pt;	line-height: 26px;font-weight: bold;color: #FF6600;}
span.yellow_back {background-color: #ffff00;line-height: 50%;}


div.merit {border:1px solid #C7D5DB;width: 100%;padding:5px;background-color:#FFFFFF;display:block;}
span.merit {background-color:#FFFF00;font:bold;}
p.merit_desc {}
h2.merit {display:inline;background-color:#ffff99;}

div.sectiontitle {
text-indent:4px;font-weight:bold;
}
div.voice {border:1px solid #C7D5DB;background-color:#FFFFFF;text-indent:2px;padding:5px;}
span.voice {background-color:#FFFF00;font:bold;}
p.voice_desc {}

table.simpleTable1 {
margin-top:20px;
border-collapse:collapse;
background-color:#123f7e;
display:none;
}

table.simpleTable1 tr td {
border: 0;  /* border: 1px solid white; */
color:white;
margin:0; padding:10px;
color:white;
}

table.simpleTable2{
margin-top:20px;
border-collapse:collapse;
background-color:#70cbfd;
display:none;
}

table.simpleTable2 tr td {
border: 0;  /* border: 1px solid white; */
color:white;
margin:0; padding:10px;
color:#123f7e;
}

table.priceTable{
background-color:white;
padding:20px;
}

table.priceTable tr td {
border: 0;
color:white;
margin:0; padding:0;
color:#123f7e;
font-size:x-small;
}

table.brochure_type {
	width: 100%;
	text-align: center;
	border-spacing:0px;
	border-width: 1px;
	border-style: solid;
	border-color: rgb(248, 194, 59);
}
table.brochure_type th {
	border-width: 1px;
	padding: 3px;
	border-style: solid;
	border-color: rgb(248, 194, 59);
	background-color: #70CBFD;
	font-size: small;
}
table.brochure_type td {
	border-width: 1px;
	padding: 3px;
	border-style: solid;
	border-color: rgb(248, 194, 59);
	font-size: small;
}

table.activity_table td {
        padding:10px;
}

table.summer2010_timetable td {
        vertical-align:top;
        color: #666;
        font-size: 16px;
}
table.summer2010_timetable h2 {
        color: #85CC26;
}
table.summer2010_timetable img {
        vertical-align:top;
        border: solid 1px;
        margin: 0;
        padding: 3px;
}

table.program_info {
        width:500px;
        margin-left:50px;
        margin-right:50px;
        color:#666;
}

.orange_link a:link {color:#F96623;}      /* unvisited link */
.orange_link a:visited {color:#F96623;}  /* visited link */
.orange_link a:hover {color:#F96623;}  /* mouse over link */
.orange_link a:active {color:#F96623;}  /* selected link */

table.activity_details {
        width: 100%;
        margin-top:25px;
        border-spacing: 0px;
        border-collapse: collapse;
        vertical-align: middle;
}

table.activity_details td {
        border:2px solid rgb(255,128,0);
        padding:5px;
}

div.return_link {
        width:100%;
        text-align:center;
        margin-top:30px;
}

<!--summer-->
#story {
	width: 600px;
}

#txt {
	float: left;
	width: 360px;
	padding-top: 12px;
}
#img {
	float: right;
	margin-left: 0px;
}