@charset "shift_jis";

/* ================================================ */
/* DEO-BAUTISTA FAMILY                              */
/* common.css                                       */
/* NOTE: ALL HTML FILES ARE LINK TO THIS CSS.       */
/* designed by Khristianne BAutista                 */
/* ================================================ */


/* ----- header w/ logo----- */
#header {
	width: 800px;
	height: 150px;
	background: transparent;
	}
	
#header .top {
	width: 800px;
	height: 34px;
	background: transparent url("images/header_top.jpg") no-repeat top left;
	}
	

/* ----- gmenu block ----- */
#header .menu {
	margin-top: -2px;
	margin-left: 0px;
	width: 800px;
	height: 135px;
	background: transparent url("images/header_zip.jpg") no-repeat top left;
	float: left;
	}

#header .menu .logo { /* logo */
	margin-top: 12px;
	margin-left: 22px;
	width: 85px;
	height: 46px;
	background-color: transparent;
	float: left;
	}
	
#header .menu .gmenu {
	margin-right: 12px;
	margin-top: 8px;
	width: 627px;
	height: 101px;
	background: transparent;
	float: right;
	}

#header .menu .menu_bg {
	margin-right: 12px;
	margin-top: -50px;
	width: 627px;
	height: 101px;
	background: transparent;
	float: right;
	}

#header .menu .menu_bg .menu_nav { /* ----- menu ----- */
	margin-top: 0px;
	margin-left: 0px;
	width: 667px;
	height: 101px;
	background: transparent;
	text-align: left;
	float: left;
	}

#header .menu .menu_bg .menu_nav .menu_1 { /* home */
	display:block;
	width: 124px;
	height: 101px;
	background-image: url("images/menu1_b.jpg");
	float: left;
	}	

#header .menu .menu_bg .menu_nav .menu_1 a,
#header .menu .menu_bg .menu_nav .menu_1 a:link,
#header .menu .menu_bg .menu_nav .menu_1 a:visited,
#header .menu .menu_bg .menu_nav .menu_1 a:active	{
	display:block;
	width: 124px;
	height: 101px;
	background-image: url("images/menu1.jpg");
	}

#header .menu .menu_bg .menu_nav .menu_1 a:hover{
	display:block;
	width: 124px;
	height: 101px;
	background-image: url("images/menu1_b.jpg");
	}
	
#header .menu .menu_bg .menu_nav .menu_2 { /* news */
	display:block;
	width: 127px;
	height: 101px;
	background-image: url("images/menu2_b.jpg");
	float: left;
	}	

#header .menu .menu_bg .menu_nav .menu_2 a,
#header .menu .menu_bg .menu_nav .menu_2 a:link,
#header .menu .menu_bg .menu_nav .menu_2 a:visited,
#header .menu .menu_bg .menu_nav .menu_2 a:active	{
	display:block;
	width: 127px;
	height: 101px;
	background-image: url("images/menu2.jpg");
	}

#header .menu .menu_bg .menu_nav .menu_2 a:hover{
	display:block;
	width: 127px;
	height: 101px;
	background-image: url("images/menu2_b.jpg");
	}

#header .menu .menu_bg .menu_nav .menu_3 { /* gallery */
	display:block;
	width: 127px;
	height: 101px;
	background-image: url("images/menu3_b.jpg");
	float: left;
	}	

#header .menu .menu_bg .menu_nav .menu_3 a,
#header .menu .menu_bg .menu_nav .menu_3 a:link,
#header .menu .menu_bg .menu_nav .menu_3 a:visited,
#header .menu .menu_bg .menu_nav .menu_3 a:active	{
	display:block;
	width: 127px;
	height: 101px;
	background-image: url("images/menu3.jpg");
	}

#header .menu .menu_bg .menu_nav .menu_3 a:hover{
	display:block;
	width: 127px;
	height: 101px;
	background-image: url("images/menu3_b.jpg");
	}
	
#header .menu .menu_bg .menu_nav .menu_4 { /* profile */
	display:block;
	width: 127px;
	height: 101px;
	background-image: url("images/menu4_b.jpg");
	float: left;
	}	

#header .menu .menu_bg .menu_nav .menu_4 a,
#header .menu .menu_bg .menu_nav .menu_4 a:link,
#header .menu .menu_bg .menu_nav .menu_4 a:visited,
#header .menu .menu_bg .menu_nav .menu_4 a:active	{
	display:block;
	width: 127px;
	height: 101px;
	background-image: url("images/menu4.jpg");
	}

#header .menu .menu_bg .menu_nav .menu_4 a:hover{
	display:block;
	width: 127px;
	height: 101px;
	background-image: url("images/menu4_b.jpg");
	}
	
#header .menu .menu_bg .menu_nav .menu_5 { /* link */
	display:block;
	width: 122px;
	height: 101px;
	background-image: url("images/menu5_b.jpg");
	float: left;
	}	

#header .menu .menu_bg .menu_nav .menu_5 a,
#header .menu .menu_bg .menu_nav .menu_5 a:link,
#header .menu .menu_bg .menu_nav .menu_5 a:visited,
#header .menu .menu_bg .menu_nav .menu_5 a:active	{
	display:block;
	width: 122px;
	height: 101px;
	background-image: url("images/menu5.jpg");
	}

#header .menu .menu_bg .menu_nav .menu_5 a:hover{
	display:block;
	width: 122px;
	height: 101px;
	background-image: url("images/menu5_b.jpg");
	}
		
span.hide {
	margin: 0;
	padding: 0;
	width: 0;
	height: 0;
	overflow: visible;
	position: absolute;
	display: none;
	}	
	
/* ----- container block ----- */
#container {
	width: 800px;
	height: 592px;
	background: transparent url("images/main.jpg") no-repeat top left;
	overflow: visible;
	}

/* ------- top image --------*/
#container .index_left {
	margin-top: 48px;
	margin-left: 30px;
	width: 210px;
	background: transparent;
	float: left;
	text-align: left;
	}
	
#container .index_left .pic1 {
	margin-top: 0px;
	margin-left: 0px;
	width: 230px;
	height: 146px;
	background: transparent;
	float: left;
	text-align: left;
	}
	
#container .index_left .pic2 {
	margin-top: 33px;
	margin-left: 0px;
	width: 210px;
	height: 146px;
	background: transparent;
	float: left;
	text-align: left;
	}
	
#container .index_left .text {
	margin-top: 10px;
	margin-left: 5px;
	width: 210px;
	height: 146px;
	background: transparent;
	float: left;
	text-align: left;
	}
	
#container .index_right {
	margin-top: 30px;
	margin-right: 24px;
	width: 410px;
	height: 510px;
	background: transparent;
	text-align: left;
	float: right;
	}
	
#container .index_right .header {
	margin-top: 10px;
	margin-left: 0px;
	width: 400px;
	height: 36px;
	background: transparent;
	text-align: left;
	float: left;
	}
	
#container .index_right .header2 {
	margin-top: 50px;
	margin-left: 0px;
	width: 400px;
	height: 36px;
	background: transparent;
	text-align: left;
	float: left;
	}
	
#container .index_right .text {
	margin-top: 10px;
	margin-left: 2px;
	width: 390px;
	background: transparent;
	text-align: left;
	float: left;
	}
	
#container .index_right .picContainer {
	margin-top: 10px;
	margin-left: 0px;
	width: 400px;
	height: 200px;
	background: transparent;
	text-align: left;
	float: left;
	}

#container .index_right .menu {
	margin-top: 14px;
	margin-left: 0px;
    width: 400px;
    height: 20px;
    color: #3366CC;
    background: transparent;
    text-align: center;
	font: 8pt "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", sans-serif;
	line-height: 200%;
    float: left;
	}

#container .index_right a,
#container .index_right a:link,
#container .index_right a:visited,
#container .index_right a:active {
	color: #3366CC;
	text-decoration: none;
	font: 8pt "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", sans-serif;
	line-height: 200%;
	}
#container .index_right a:hover {
	color: #990000;
	font: Arial, sans-serif;
	font: 8pt "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", sans-serif;
	line-height: 200%;
	}

#container .index_right .current {
	color: #990000;
	text-decoration: none;
	font: 8pt "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", sans-serif;
	line-height: 200%;
	}
	
/* ----- news ----- */
#container_news {
	width: 800px;
	background: transparent url("images/containerGallery_middle2.jpg") repeat top left;
	overflow: visible;
	}

#container_news .top {
	width: 800px;
	height: 31px;
	background: transparent url("images/containerGallery_top.jpg") no-repeat top left;
	overflow: visible;
	}

#container_news .header {
	margin-top: 20px;
	margin-left: 38px;
	width: 650px;
	background: transparent;
	overflow: visible;
	text-align: left;
	float: left;
	}

#container_news .text {
	margin-top: 10px;
	margin-left: 38px;
	width: 650px;
	background: transparent;
	overflow: visible;
	text-align: left;
	float: left;
	}
	
#container_news .bottom {
	width: 800px;
	height: 110px;
	background: transparent url("images/containerGallery_bottom.jpg") no-repeat top left;
	overflow: visible;
	}

#container_news .bottom .menu {
	margin-top: 28px;
	margin-left: 27px;
    width: 700px;
    height: 20px;
    color: #3366CC;
    background: transparent;
    text-align: center;
	font: 8pt "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", sans-serif;
	line-height: 200%;
    float: left;
	}

#container_news .bottom a,
#container_news .bottom a:link,
#container_news .bottom a:visited,
#container_news .bottom a:active {
	color: #3366CC;
	text-decoration: none;
	font: 8pt "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", sans-serif;
	line-height: 200%;
	}
#container_news .bottom a:hover {
	color: #990000;
	font: Arial, sans-serif;
	font: 8pt "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", sans-serif;
	line-height: 200%;
	}

#container_news .bottom .current {
	color: #990000;
	text-decoration: none;
	font: 8pt "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", sans-serif;
	line-height: 200%;
	}

#container_news .bottom .copyright {
	width: 700px;
	height: 10px;
	margin-left: 27px;
	background: transparent;
	font: 7pt Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	text-align: center;
	float: left;
	}
	
/* ----- gallery ----- */
#container_gallery {
	width: 800px;
	height: 592px;
	background: transparent url("images/containerGallery_middle2.jpg") repeat top left;
	overflow: visible;
	}

#container_gallery .top {
	width: 800px;
	height: 31px;
	background: transparent url("images/containerGallery_top.jpg") no-repeat top left;
	overflow: visible;
	}

#container_gallery .image {
	margin-left: 27px;
	width: 700px;
	background: transparent;
	overflow: visible;
	float: left;
	}
	
#container_gallery .image2 {
	margin-top: 30px;
	margin-left: 27px;
	width: 700px;
	background: transparent;
	overflow: visible;
	float: left;
	}

#container_gallery .bottom {
	width: 800px;
	height: 110px;
	background: transparent url("images/containerGallery_bottom.jpg") no-repeat top left;
	overflow: visible;
	}

#container_gallery .bottom .menu {
	margin-top: 28px;
	margin-left: 27px;
    width: 700px;
    height: 20px;
    color: #3366CC;
    background: transparent;
    text-align: center;
	font: 8pt "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", sans-serif;
	line-height: 200%;
    float: left;
	}

#container_gallery .bottom a,
#container_gallery .bottom a:link,
#container_gallery .bottom a:visited,
#container_gallery .bottom a:active {
	color: #3366CC;
	text-decoration: none;
	font: 8pt "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", sans-serif;
	line-height: 200%;
	}
#container_gallery .bottom a:hover {
	color: #990000;
	font: Arial, sans-serif;
	font: 8pt "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", sans-serif;
	line-height: 200%;
	}

#container_gallery .bottom .current {
	color: #990000;
	text-decoration: none;
	font: 8pt "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", sans-serif;
	line-height: 200%;
	}

#container_gallery .bottom .copyright {
	width: 700px;
	height: 10px;
	margin-left: 27px;
	background: transparent;
	font: 7pt Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	text-align: center;
	float: left;
	}
		
/* ----- profile ----- */
#container_profile {
	width: 800px;
	background: transparent url("images/containerGallery_middle2.jpg") repeat top left;
	overflow: visible;
	}

#container_profile .top {
	width: 800px;
	height: 31px;
	background: transparent url("images/containerGallery_top.jpg") no-repeat top left;
	overflow: visible;
	}

#container_profile .header {
	margin-top: 20px;
	margin-left: 38px;
	width: 650px;
	background: transparent;
	overflow: visible;
	text-align: center;
	float: left;
	}
	
#container_profile .text {
	margin-top: 10px;
	margin-left: 38px;
	width: 650px;
	background: transparent;
	overflow: visible;
	text-align: left;
	float: left;
	}

#container_profile .text .pic {
	margin-left: 0px;
	width: 148px;
	background: transparent;
	overflow: visible;
	text-align: left;
	float: left;
	}
	
#container_profile .text .txt {
	margin-right: 0px;
	width: 480px;
	background: transparent;
	overflow: visible;
	text-align: left;
	float: right;
	}
	
#container_profile .bottom {
	width: 800px;
	height: 110px;
	background: transparent url("images/containerGallery_bottom.jpg") no-repeat top left;
	overflow: visible;
	}

#container_profile .bottom .menu {
	margin-top: 28px;
	margin-left: 27px;
    width: 700px;
    height: 20px;
    color: #3366CC;
    background: transparent;
    text-align: center;
	font: 8pt "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", sans-serif;
	line-height: 200%;
    float: left;
	}

#container_profile .bottom a,
#container_profile .bottom a:link,
#container_profile .bottom a:visited,
#container_profile .bottom a:active {
	color: #3366CC;
	text-decoration: none;
	font: 8pt "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", sans-serif;
	line-height: 200%;
	}
#container_profile .bottom a:hover {
	color: #990000;
	font: Arial, sans-serif;
	font: 8pt "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", sans-serif;
	line-height: 200%;
	}

#container_profile .bottom .current {
	color: #990000;
	text-decoration: none;
	font: 8pt "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", sans-serif;
	line-height: 200%;
	}

#container_profile .bottom .copyright {
	width: 700px;
	height: 10px;
	margin-left: 27px;
	background: transparent;
	font: 7pt Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	text-align: center;
	float: left;
	}

/* ----- footer block ----- */
#footer {
	width: 800px;
	background: transparent;
	}

#footer .designedby {
	width: 750px;
	height: 34px;
	background: transparent;
	float: left;
	}

#footer .nr {
	margin-left: 21px;
	width: 88px;
	height: 31px;
	background: transparent;
	float: left;
	}	

#footer .copyright {
	width: 500px;
	height: 10px;
	margin-right: 5px;
	background: transparent;
	font: 7pt Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	text-align: right;
	float: right;
	}
	
#footer .division {
	width: 750px;
	height: 3px;
	background: transparent;
	}

/* ==================== pseudo classes ===== */
a,
a:link,
a:visited,
a:active {
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
	}

a[name],
a[name]:hover {
	color: #000000;
	text-decoration: none;
	}

a:hover {
	color: #990000;
	}

/* ==================== Elements ===== */
body {
	background: transparent url("images/bg.jpg") repeat top left;
	margin: 0px 0px; 
	padding: 0px;
	text-align: center;
	}

img {
	border: 0px;
	}
	
img .floatleft {
	float: left;
	margin-left: 10px;
	margin-bottom: 5px;
	}
	
h1 {
	width: 300px;
	height: 64px;
	background: transparent;
	display: none;
	}
	
h1 span {
	display: none;
	overflow: hidden;
	}

h2 {
	width: 393px;
	height: 64px;
	background: transparent;
	display: none;
	}

h3 {
	width: 393px;
	background: transparent;
	display: none;
	}	

h4 {
	width: 393px;
	background: transparent;
	display: none;
	}	
	
/*text layout*/	
.subtext_index {  
	vertical-align: 1em;
	font: 100% ‚l‚r ‚oƒSƒVƒbƒN, Osaka, ƒqƒ‰ƒMƒmŠpƒS Pro W3, sans-serif;
	color: #666666;
	text-align: left;
	line-height: 110%;
	letter-spacing: .1em;
	}

.subtext {  
	vertical-align: 1em;
	font: 100% ‚l‚r ‚oƒSƒVƒbƒN, Osaka, ƒqƒ‰ƒMƒmŠpƒS Pro W3, sans-serif;
	color: #666666;
	text-align: left;
	line-height: 130%;
	}
	
.subtext_main {  
	font: 90% ‚l‚r ‚oƒSƒVƒbƒN, Osaka, ƒqƒ‰ƒMƒmŠpƒS Pro W3, sans-serif;
	color: #666666;
	text-align: left;
	line-height: 90%;
	letter-spacing: .1em;
	}

.subtext_small {  
	vertical-align: 1em;
	font: 70% ‚l‚r ‚oƒSƒVƒbƒN, Osaka, ƒqƒ‰ƒMƒmŠpƒS Pro W3, sans-serif;
	color: #666666;
	text-align: left;
	line-height: 110%;
	letter-spacing: .1em;
	}
.subtext1 {  /*orange big text*/
	vertical-align: 1em;
	font: 120% ‚l‚r ‚oƒSƒVƒbƒN, Osaka, ƒqƒ‰ƒMƒmŠpƒS Pro W3, sans-serif;
	color: #990000;
	text-align: center;
	line-height: 140%;
	font-weight: bold;
	}
.subtext_orange {  /*orange text*/
	vertical-align: 1em;
	font: 100% ‚l‚r ‚oƒSƒVƒbƒN, Osaka, ƒqƒ‰ƒMƒmŠpƒS Pro W3, sans-serif;
	color: #cc6633;
	text-align: center;
	line-height: 140%;
	}
.subtext_footer {  /*orange big text*/
	vertical-align: 1em;
	font: 8pt ‚l‚r ‚oƒSƒVƒbƒN, Osaka, ƒqƒ‰ƒMƒmŠpƒS Pro W3, sans-serif;
	color: #666666;
	text-align: center;
	line-height: 200%;
	}
.subtext2 {  /*white text*/
	vertical-align: 1em;
	font: 80% ‚l‚r ‚oƒSƒVƒbƒN, Osaka, ƒqƒ‰ƒMƒmŠpƒS Pro W3, sans-serif;
	color: #ffffff;
	text-align: center;
	line-height: 110%;
	letter-spacing: .1em;
	}
.subtext3 {  /*green text*/
	vertical-align: 1em;
	font: 120% ‚l‚r ‚oƒSƒVƒbƒN, Osaka, ƒqƒ‰ƒMƒmŠpƒS Pro W3, sans-serif;
	color: #999966;
	text-align: center;
	line-height: 130%;
	letter-spacing: .2em;
	}
.subtext4 {  /*brown text*/
	vertical-align: 1em;
	font: 120% ‚l‚r ‚oƒSƒVƒbƒN, Osaka, ƒqƒ‰ƒMƒmŠpƒS Pro W3, sans-serif;
	color: #666633;
	text-align: center;
	line-height: 130%;
	letter-spacing: .2em;
	}
.subtext5 {  /*reddish title*/
	font: 100% ‚l‚r ‚oƒSƒVƒbƒN, Osaka, ƒqƒ‰ƒMƒmŠpƒS Pro W3, sans-serif;
	color: #cc6666;
	text-align: center;
	line-height: 100%;
	}
.subtext_profile {  
	vertical-align: 1em;
	font: 100% ‚l‚r ‚oƒSƒVƒbƒN, Osaka, ƒqƒ‰ƒMƒmŠpƒS Pro W3, sans-serif;
	color: #666666;
	text-align: left;
	line-height: 190%;
	letter-spacing: .1em;
	}	
.subtext_topics {  
	vertical-align: 1em;
	font: 100% ‚l‚r ‚oƒSƒVƒbƒN, Osaka, ƒqƒ‰ƒMƒmŠpƒS Pro W3, sans-serif;
	color: #666666;
	text-align: left;
	line-height: 110%;
	letter-spacing: .1em;
	}	
.subtext_seminar {  
	vertical-align: 1em;
	font: 100% ‚l‚r ‚oƒSƒVƒbƒN, Osaka, ƒqƒ‰ƒMƒmŠpƒS Pro W3, sans-serif;
	color: #996699;
	text-align: left;
	line-height: 110%;
	letter-spacing: .1em;
	}	
.date {  /*red text*/
	font: 100% Arial, Helvetica, sans-serif;
	color: #993333;
	text-align: justify;
	line-height: 100%;
	}

li{
	margin: 0px;
	list-style: none;
	text-indent: 0px;
	padding: 0px;
	line-height: 0px;
	}
	
hr.separator {
	display : none;
    clear: both;
}


.style8 {font-size: 9}
.style13 {color: #666666; font-size: 12px; }
.style20 {color: #666666; font-size: 12px; font-weight: bold; }
.style24 {
	color: #AE463D;
	font-weight: bold;
}
.style26 {
	font-family: "‚l‚r ƒSƒVƒbƒN", "MS UI Gothic", "‚l‚r ‚o–¾’©";
	font-size: 12;
	color: #FFFFFF;
}
.style27 {
	font-family: "‚l‚r ƒSƒVƒbƒN", "MS UI Gothic", "‚l‚r ‚o–¾’©";
	color: #FFFFFF;
	font-size: 12px;
}
.style29 {color: #AE4740; font-size: 12px; font-family: "‚l‚r ƒSƒVƒbƒN", "MS UI Gothic", "‚l‚r ‚o–¾’©"; }
.style31 {color: #AF4A42; font-size: 12px; }
.style32 {font-size: 12px}