@charset "UTF-8";

@import "menu.css";
@import "area.css";
@import "fonts.css";
@import "object.css";

/* スタイル設定
---------------------------------------------------------------------- */


a {text-decoration: none;}

a:link {
color:#4583B4;
}
a:visited {
color:#4583B4;
}
a:hover {
	color: #222222;
	
}
a:active {
	color: #222222;
	
}


h1{}

h2{
font-weight:normal;
color:#2888BB;
font-size:19px;
line-height:1.2;
padding:0px 0px 20px 0px;}

h3{
font-size:14px;
margin:0px 0px 10px 0px;
color:#333333;
}

h4{
font-size:20px;
margin:0px 0px 20px 0px;
line-height:1.5;
}



/* wrapper
---------------------------------------------------------------------- */

#wrapper {
    margin: 0 auto;
    width: 920px;
    font-family: "Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Geneva,Arial,Verdana,sans-serif;
	text-align:left;
}




/* title
---------------------------------------------------------------------- */

#title {
    margin: 0px;
    width: 920px;
	height:90px;}

#title a span{display:none;} 
#title img {visibility: hidden;}
#title a:link,
#title a:visited {background-position: 0px 0px; float:left; margin-bottom:0px;}

#title a.a00{
background-image: url(../../img/common/titlerogo.gif);
width: 235px;
height: 90px;
margin-top: 0px;
text-indent: -9999px;
}
#title a.a00:hover,active {
background-position: 0px 90px;
}




/* menu
---------------------------------------------------------------------- */

#menu {
    width: 920px;
	height:51px;
	clear:both;
}



/* breadclumbs
---------------------------------------------------------------------- */

#breadclumbs {
	border: 1px solid #DDDDDD;
	font-family: "Century Gothic", Verdana, Arial, san-serif;
	clear:both;
}

#breadclumbs li {
	list-style: none;
	font-size: .8em;
	display: inline;
}

#breadclumbs a,
#breadclumbs span {
	float: left;
	padding: 6px 20px 6px 7px;
	background: #FFFFFF url(../../img/common/bg_pankuzu.gif) no-repeat center right;
}

#breadclumbs a {
	border: none;
}

#breadclumbs a:link,
#breadclumbs a:visited {
	color: #999999;
}

#breadclumbs a:hover,
#breadclumbs a:active {
	color: #222222;
}

#breadclumbs span {
	color: #999999;
}

#breadclumbs img {
	vertical-align: bottom;
}


/* subtitle
---------------------------------------------------------------------- */

#subtitle {
    width: 920px;
	height: 151px;
	display:block;
	clear:both;
}

#subtitle a span{display:none;} 
#subtitle img {visibility: hidden;}
#subtitle a:link,
#subtitle a:visited {background-position: 0px 0px; float:left; margin-bottom:0px;}

#subtitle #about{
background:url(../../img/subtitle/about.gif) left bottom no-repeat;
height:100px;
margin-top: 0px;
text-indent: -9999px;}

#subtitle #service{
background:url(../../img/subtitle/service.gif) left bottom no-repeat;
height:100px;
margin-top: 0px;
text-indent: -9999px;}

#subtitle #workshop{
background:url(../../img/subtitle/workshop.gif) left bottom no-repeat;
height:100px;
margin-top: 0px;
text-indent: -9999px;}

#subtitle #workshop_wo{
background:url(../../img/subtitle/workshop_wo.gif) left bottom no-repeat;
height:100px;
margin-top: 0px;
text-indent: -9999px;}

#subtitle #workshop_se{
background:url(../../img/subtitle/workshop_se.gif) left bottom no-repeat;
height:100px;
margin-top: 0px;
text-indent: -9999px;}

#subtitle #workshop_ev{
background:url(../../img/subtitle/workshop_ev.gif) left bottom no-repeat;
height:100px;
margin-top: 0px;
text-indent: -9999px;}

#subtitle #report{
background:url(../../img/subtitle/report.gif) left bottom no-repeat;
height:100px;
margin-top: 0px;
text-indent: -9999px;}

#subtitle #access{
background:url(../../img/subtitle/access.gif) left bottom no-repeat;
height:100px;
margin-top: 0px;
text-indent: -9999px;}

#subtitle #contact{
background:url(../../img/subtitle/contact.gif) left bottom no-repeat;
height:100px;
margin-top: 0px;
text-indent: -9999px;}

#subtitle #pp{
background:url(../../img/subtitle/pp.gif) left bottom no-repeat;
height:100px;
margin-top: 0px;
text-indent: -9999px;}

#subtitle #news{
background:url(../../img/subtitle/news.gif) left bottom no-repeat;
height:100px;
margin-top: 0px;
text-indent: -9999px;}

#subtitle #ipod{
background:url(../../img/subtitle/ipodmanual.gif) left bottom no-repeat;
height:100px;
margin-top: 0px;
text-indent: -9999px;}

#subtitle #c_file{
background:url(../../img/subtitle/c_file.gif) left bottom no-repeat;
height:100px;
margin-top: 0px;
text-indent: -9999px;}




.scroll_to_top {
clear:both;
height:26px;
padding: 30px 0 10px 0;
}

.scroll_to_top a span{display:none;} 
.scroll_to_top img {visibility: hidden;}
.scroll_to_top a:link,
.scroll_to_top a:visited {background-position: 0px 0px; float:right; margin-bottom:0px;}

.scroll_to_top a.b01{
background-image: url(../../img/common/icon_pagetop.gif);
width: 99px;
height: 26px;
margin-top: 0px;
text-indent: -9999px;
}
.scroll_to_top a.b01:hover,active {
background-position: 0px 26px;
}

#footer {
	border-top: 3px solid #5CCAEB;
	padding: 20px 0 50px 0;
	font-size: .8em;
	text-align: right;
	color: #666666;
}

#footer ul a {
	min-height: 15px;
	padding-left: 24px;
	margin-right: 36px;
	border: none;
	float: left;
}

#footer ul a:link,
#footer ul a:visited {
	background: url(../../img/common/icon_circle.jpg) no-repeat center left;
	color: #666666;
}

#footer ul a:hover,
#footer ul a:active {
	background: url(../../img/common/icon_circle_o.jpg) no-repeat center left;
	color: #222222;
}




/* fonts
---------------------------------------------------------------------- */

.memo{
font-size:80%;
color:#666666;
margin:0 0 0 0;}

.memo2{
font-size:80%;
color:#990033;
margin:0 0 0 0;}

.glay{color:#CCCCCC}
.red{color:#CC0000}


.font12{ font-size:12px;}
.font11{ font-size:11px;}
.font10{ font-size:10px;}




/* clearfix
---------------------------------------------------------------------- */

#global_navi:after,
#breadclumbs:after,
#contents:after,
#top_main:after,
#top_pickup:after,
#top_links:after,
#seminer_main:after {
    content: ".";
    display: block;
    clear: both;
    height: 0px;
    visibility: hidden;
}

#global_navi,
#breadclumbs,
#contents,
#top_main,
#top_pickup,
#top_links,
#seminer_main {
	display: inline-block;
}

/* \*/
* html #global_navi,
* html #breadclumbs,
* html #contents,
* html #main,
* html #top_pickup,
* html #top_links,
* html #seminer_main {
	height: 1em;
}

#global_navi,
#breadclumbs,
#contents,
#top_main,
#top_pickup,
#top_links,
#seminer_main {
	display: block;
}
/* */


/* IE hack
--------------------------------------------------------------------- */

/* for IE6win \*/

* html {}

/* for IE5-6 */

* html {}

/* end IE hack */