/* Copyright 2009 Kinaga */
*{margin:0;padding:0;}
body{
margin: 0;padding: 0;/* not delete ! */
}
/* basic settings */
a img{ border:0px; text-decoration:none; }
a{border:0px; text-decoration:none;}
#main_contents .main_scrollbox a{border-bottom:1px solid #f90;}
a:link{background-color:transparent;color:#f60;}
a:visited{background-color:transparent;color:#c60;}
a:hover{background-color:transparent;color:#fc0;}
h1{font-size:1.8em;}
h2{font-size:1.5em;}
h3{font-size:1.1em;}
h4{font-size:1.0em;}
h5{font-size:0.9em;}
#about ul, #about dl, #about ol,
#contents_default ul, #contents_default dl, #contents_default ol,
#contents ul, #contents dl, #contents ol{margin:1em 0 2em 4em;}
ul{list-style-type:none;}
dt{font-weight:bold;}
dd{margin: 0 0 1em 2em;}
p, hr{margin:1em 0;}

.float_left, .left{float:left;}
.float_right, .right{float:right;}

.none{display:none;}
.clear{clear:both;}
br.clear{height:1px;line-height:0.5em;}
.redtext{
background-color:transparent;color:#c00;
font-weight:bold;
}

/* wrap */
#outside{
width:98%;
border-width:1px 1px 1px;
border: 1px solid #999;
margin:30px auto 30px;
text-align:center;
font-family:Optima, "Trebuchet MS", "Courier New", sans-serif;
line-height:2.0em;
background-color:#ffffff;
color:#333;
position:relative;
}

/* main_contents */
#main_contents{
margin:0 30px;
font-size:0.9em;
}



/* index + about + contact */
#contents_default, #about, #contact_page{
text-align:left;
}

.index{
float:left;
width:60%;
}

.index .category_title{
margin:0 0 1em;
border:1px solid #f9f9f9;
padding:5px 10px;
}


.index .contents_box{
border:1px dotted #999;
margin:0 1em;
padding:5px 0;
}

.index .contents_title{
margin:1em 2em;
}

.index .summary_text{
margin:1em 3em;
}

.index .readmore{
margin:2em 0;
}

.last_modified{
margin:2em 0;
text-align:right;
}


.banner_square_big{
width:336px;
float:right;
}

#contents_default h2, #about h2, #contact_page h2, #category h2, h2.not_found_title{
margin-bottom:30px;
letter-spacing:2px;
text-shadow:2px 2px 3px #999;
}

.category_title{
margin:0 0 1em;
padding:5px 10px;
text-shadow:2px 2px 3px #ccc;
background-color:#ffc;
color:#d70;
background-image:url(../images/basic/menubtm_bg.png);
background-repeat:repeat-x;
background-position:50% 100%;
}
.category_title a{
background-color:transparent;
color:#d70;
}

#category h3.category_title{
margin:0 4em 1em 2em !Important;
}

.contents_title{
margin:1em 4em;
}

.summary_text{
margin:1em 6em;
}

.readmore{
padding:2em 6em;
}

.last_modified{
padding:1em 3em;
text-align:right;
}
#expand_substance{
display:none;
text-align:right;
}

/* contents and category */
#category_wrap, #contents_wrap{
margin-bottom:30px;
}

#category, #contents, #not_found{
width:81%;
float:left;
text-align:left;
margin-right:auto;
}

.main_incqbox{
position:relative;
height:750px;
overflow:hidden;
}
.main_scrollbox{
position:relative;
width:98%; 
padding-right:15px;
height:100%;
overflow:auto;
}

.main_scrollbox h2, .main_scrollbox h3{
margin:0.5em 0;
}

/* Google banner right box above 160x600 */
#banner_box_height{
width:160px;
height:600px;
float:right;
}

.banner_square_big h3{
text-align:left;
margin:0 0 30px;
}

#banner_box_height h3{
margin:65px 0 30px;
}

#contents_wrap_title #banner_box_height h3{
margin:0px 0 30px !Important;
}


.ad_title{text-align:left;padding:5px 10px;
text-shadow:2px 2px 3px #ccc;
background-color:#ffc;
color:#d70;
background-image:url(../images/basic/menubtm_bg.png);
background-repeat:repeat-x;
background-position:50% 100%;
}

/* contents and category END */



/* contents */
.post_time{
text-align:right;
}

.summary{
margin-bottom:1em;
padding:15px;
border:3px double #fc0;
background-color:#ffffef;
color:inherit;
}

#substance{

}

.link_menu a{
display:block;
text-align:center;
}

.link_menu a:link{
display:block;
background-color:#ffffef;
color:#f70;
border:1px outset #c63;
}

.link_menu a:visited{
display:block;
background-color:#ffead6;
color:#e30;
border:1px outset #c60;
}

.link_menu a:hover{
display:block;
background-color:#f9f9f9;
color:#fc0;
border:1px inset #ffc;
}


/* top */
.top , #page_top{
border-bottom:3px dotted #ccc;
text-align:right;
margin-top:30px;
margin-bottom:15px;
padding-right:0.5em;
text-shadow:1px 1px 1px #ccc;
clear:both;
}
.top a , #page_top a{font-size:0.9em;}
.main_scrollbox .top a, #page_top a, .continue a
{border-bottom:0px solid #f90 !Important;
background-color:transparent;
color:#999;}

/* top END */


.incqbox{
position:relative;
overflow:hidden;
}

.scrollbox{
position:relative;
width:98%; 
padding:5px;
height:100%;
overflow:auto;
background-color:#f9f9f9;
color:#333;
}

.formtest, .pngtest, .lowheight{
height:10em;
}

.formtest_result th, .formtest_result td, .pngtest_result th, .pngtest_result td{
text-align:center;
vertical-align:middle;
font-size:0.8em;
}

.formtest_result .nochange, .important, .RedText{
background-color:transparent;
color:#c00;
}

.png_soft_difference th, .png_soft_difference td,
.table th, .table td{
padding:5px;
}

table.ExplanationText{width:98% !Important;}
table.ExplanationText .small{font-size:0.8em;}

#overlay{background:url(../images/tooltip/pink.png);}


/* contents END */

/* header */
#header_box{
width:100%;
background-image:url(../images/basic/cat-shade16.png);
background-repeat:no-repeat;
background-position:0% 0%;
position:relative;
}

#header{
/*text-align:left;*/
position:relative;
}

#header a:link, #footer a:link{
background-color:transparent;
color:#000;
}
#header a:visited, #footer a:visited{
background-color:transparent;
color:#f00;
}
#header a:hover, #footer a:hover{
background-color:transparent;
color:#f90;
}

#navi{
position:absolute;
top:-60px;
left:5px;
}
#navi li{
float:left;
}

#navi a{
margin:0 5px 0;
display:block;
}

#navi a.home, #navi a.about{
height:35px;
width:90px;
}
#navi a.home:link, #navi a.home:visited{
background-image:url(../images/basic/hcqf-2010-home.png);
background-repeat:no-repeat;
background-position:0 0;
}

#navi a.home:hover{
background-image:url(../images/basic/hcqf-2010-home.png);
background-repeat:no-repeat;
background-position:0 -35px;
}

#navi a.about:link, #navi a.about:visited{
background-image:url(../images/basic/hcqf-2010-about.png);
background-repeat:no-repeat;
background-position:0 0;
}

#navi a.about:hover{
background-image:url(../images/basic/hcqf-2010-about.png);
background-repeat:no-repeat;
background-position:0 -35px;
}

#navi a.contact{
height:35px;
width:120px;
}

#navi a.contact:link, #navi a.contact:visited{
background-image:url(../images/basic/hcqf-2010-contact.png);
background-repeat:no-repeat;
background-position:0 0;
}

#navi a.contact:hover{
background-image:url(../images/basic/hcqf-2010-contact.png);
background-repeat:no-repeat;
background-position:0 -35px;
}

#logo{
margin:30px 30px 0;
text-align:center;
clear:both;
}


ul#header_menu li{

display:inline;
}

ul#header_menu li a{
padding:0px 25px 45px 5px;
font-weight:bold;
letter-spacing: 1px;
text-shadow:0px 0px 2px #f5dd34;
}

#header_menu a:hover{
background-image:url(../images/basic/cat-shade17a.png);
background-repeat:no-repeat;
background-position:100% 100%;
}

ul#header_menu{
margin:45px auto 0 !Important;
}

/* current menu */
#header_menu .current a{
background-color:transparent;
color:#f00;
background-image:url(../images/basic/cat-shade17.png);
background-repeat:no-repeat;
background-position:100% 100%;
text-shadow:0px 0px 2px #f5dd34;
}
#header_menu .current{
background-image:url(../images/basic/menutop_bg.png);
background-repeat:repeat-x;
background-position:50% 1em;
}

/* header END */


/* breadcrumb */
#breadcrumb{
padding:0 30px;
margin:0 0 5px;
height:1.8em;
text-align:right;
font-size:0.8em;
letter-spacing:1px;
overflow:hidden;
}

#breadcrumb a{
margin:0 5px;
}

/* breadcrumb END */

/* menu */
.menu_box{
text-align:left;
background-image:url(../images/basic/menu_box-bg.png);
background-repeat:no-repeat;
background-position:50% 0;
min-height:550px;
}

.menu_box h2{
background-image:url(../images/basic/feed-eat.png);
background-repeat:no-repeat;
background-position:3em 0;
height:50px;
position:relative;
}

/* feed */
.feed{
position:absolute;
top:7px;
left:3.5em;
}

.menubtm{
position:relative;
padding-top:30px;
width:100%;

}

.menubtm td{
text-align:left;
width:49%;
height:35px;
overflow:hidden !Important;

}

.menubtm td.current, .menubtm td:hover{
background-image:none;
}

.menubtm td.current a span.underline{
background-image:url(../images/basic/menubtm_bg.png);
background-repeat:repeat-x;
background-position:0% 100%;
text-shadow:0px 0px 2px #f5dd34;
text-decoration:none;
}

.menubtm a{
font-weight:bold;
padding:2px 5px;
height:100%;
display:block;
background-image:url(../images/basic/yellow.png);
background-repeat:repeat;
background-position:0% 0%;
}

.menubtm a:link{
background-color:transparent;
color:#333;
}

.menubtm a:visited{
background-color:transparent;
color:#9a4c00;
}

.menubtm a:hover, .menubtm .current a{
background-image:none !Important;
}



/* footer */
#footer{
width:100%;
margin-top:30px;
padding: 15px 0;
font-size:0.8em;
letter-spacing:1px;
}

#contact a{
font-weight:bold;
}

#copyright{
text-align:center;
}

#copyright span{
margin-right:2em;
}

.kinaga a{
padding:0 0 0 19px;
background:url(../images/kinaga.png) no-repeat 0 50%;
}
/* footer END */



/*  big size background-images */
body{
margin: 0;padding: 0;/* not delete ! */
background-image:url(../images/basic/tile06.jpg);
background-repeat:repeat;
background-position:0% 0%;
}

#contents_default h2{
background-image:url(../images/basic/h2-bg.png);
background-repeat:no-repeat;
background-position:50% 50%;
}


h2.not_found_title{
 background-image:url(../../images/basic/categ-h2-bg-06.png);
background-repeat:no-repeat;
background-position:0% 100%;
min-height:35px;
text-align:left;
}


.not_found_box{
margin-bottom:30px;
}

#outside{
background-image:url(../images/basic/hcqf-2010-header-bg.png);
background-repeat:no-repeat;
background-position:100% 0%;
}

#inside{
background-image:url(../images/basic/cat-shade02a.png);
background-repeat:no-repeat;
background-position:100% 100%;
}

.index .contents_box{
background-image:url(../images/basic/cat-shade03.png);
background-repeat:no-repeat;
background-position:50% 50%;
}

#category_wrap, #contents_wrap{
background-image:url(../images/basic/cat-shade04.png);
background-repeat:no-repeat;
background-position:100% 100%;
}