/*** culcome.com ***/
/* -----------------------------------------------
CSS file For AT-FACTORY Inc.
FileName:	style-site.css
Build:		2006.09.29
----------------------------------------------- */

html,body{
margin: 0;
padding: 0;
font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif;
font-size:12px;
color:#555;
line-height:180%;
text-align:center;
background:url(../images/base_bg.png) ;
background-repeat:repeat-y;
background-position:center;
background-color:#F5F5EE;
}

#top{
background-image:url(../images/top_bg.png);
background-position:center top;
background-repeat:no-repeat;
}

#sumb{
padding:5px;
}

#kouza-box{
margin:5px 8px 0 0;
padding:0 0 0 6px;
*padding:6px;
background-color:#FBFBFB;
border:solid 1px #EBEBEB;
width:170px;
*width:160px;
}

#Static-BOX{
float:right;
margin:5px 8px 0 0;
*margin:5px 3px 0 0;
padding:0;
width:604px;
}

#list-table{
float:right;
margin:5px 8px 0 0;
*margin:5px 3px 0 0;
padding:5px;
width:592px;
border:solid 1px #FFEED7;
background-image:url(../images/list_bg.png);
background-repeat:repeat-x;
background-position:top;
}

#list-BOX{
float:right;
margin:5px 8px 0 0;
*margin:5px 3px 0 0;
padding:0;
width:603px;
border-left:solid 1px #FFEED7;
}

#list-BOX th{
border-top:solid 1px #FFEED7;
border-right:solid 1px #FFEED7;
border-bottom:solid 1px #FFEED7;
background-image:url(../images/list_bg.png);
background-repeat:repeat-x;
background-position:top;
text-align:center;
color:#FF9900;
}

#list-BOX td{
border-right:solid 1px #FFEED7;
border-bottom:solid 1px #FFEED7;
padding:6px 5px 4px 6px;
}

#relative-box{
float:right;
margin:5px 8px 0 0;
*margin:5px 2px 0 0;
padding:0;
width:180px;
}

#detail-box{
float:left;
margin:5px 0 10px 8px;
*margin:5px 0 10px 7px;
padding:0 10px 0 0;
*padding:0 5px 0 0;
width:410px;
}

#discription{
float:right;
margin:5px 8px 0 0;
*margin:5px 3px 0 0;
padding:5px 0 0 0;
width:603px;
color:#FF6600;
}

a, a:link{
color:#0066CC;
text-decoration:underline;
}

a:visited{
color:#551A8B;
text-decoration:underline;
}

a:hover{
color:#0066CC;
text-decoration:none;
}

a:active{
color:#0066CC;
text-decoration:underline;
}


h1{
margin:4px 0 0 0;
padding:0 0 0 20px;
*padding:2px 0 0 20px;
font-size:14px;
color:#FFF;
}

h6{
margin:4px 0 0 0;
padding:0 0 0 300px;
*padding:2px 0 0 20px;
font-size:12px;
color:#FFF;
}

p{
 margin:5px 0 5px 0; 
}

img{
border:0;
}

hr{
clear:both;
visibility:hidden;
}



/*-----------------------------------------------*/
/* ID                                            */
/*-----------------------------------------------*/

#box{
padding:0;
margin:0;
float:clear;
width:405px;
}

#wrapper-main{
padding:0;
margin:0 auto;
text-align:left;
width:800px;
}

#content-box{
padding:0;
margin:0 auto;
width:800px;
}

#navi{
width:800px;
*margin:0 0 0 1px;
background-color:#FF9900;
}


#shadow{
padding:0;
margin:50px 0 0 0;
*margin:45px 0 0 2px; /*IE対策*/
*width:801px;
}

#title-BG{
float:right;
margin:5px 8px 0 0;
*margin:0 3px 0 0;/*IE対策*/
background-image:url(../images/main_title_bar.jpg);
background-repeat:no-repeat;
height:32px;
width:608px;
*width:608px;

}

#top-visual{
float:right;
margin:5px 8px 0 0;
*margin:5px 3px 0 0;/*IE対策*/
background-image:url(../images/top_main_bg.jpg);
background-repeat:no-repeat;
width:604px;
height:280px;
}

#site-discription{
font-size:12px;
color:#444;
margin:5px 10px 5px 275px;
}

#new-title{
float:right;
margin:5px 8px 1px 0;
*margin:5px 3px 0 0;
padding:5px 0 0 0;
*padding:0;
width:604px;
}

#new-list{
float:right;
padding:5px 0 5px 0;
*padding:10px 0 10px 0;
margin:0 8px 0 0;
*margin:0 3px 0 0;
width:604px;
border-bottom:solid 1px #BDBDBD;
}

.date{
font-size:12px;
color:#FDAC36;
}

/*--GLOBAL NAVIGATION--*/

ul#g-navi {
	padding:0;
	margin:0;
	position: absolute;
	width: 800px;
	*width: 801px;
	height: 50px;
	background: transparent url(../images/g_navi.png) ;
	background-position: 0px 0px;
	
}
ul#g-navi li {
	padding:0;
	margin:0;
	display:block;
	text-indent:-9999px;
	float:left;
}
ul#g-navi li a {
	border:0;
	display:block;
	text-decoration:none;
	width: 131px;
	height: 50px;
	background: transparent url(../images/g_navi.png) no-repeat;
}

/*--GLOBAL NAVIGATION HOVER--*/

li#home   a:link, li#home   a:visited { background-position:   0px   0px; }
li#home   a:hover,li#home   a:focus   { background-position:   0px -50px; }
li#course   a:link, li#course   a:visited { background-position: -131px   0px; }
li#course   a:hover,li#course   a:focus   { background-position: -131px -50px; }
li#gallery   a:link, li#gallery   a:visited { background-position: -262px   0px; }
li#gallery   a:hover,li#gallery   a:focus   { background-position: -262px -50px; }
li#info   a:link, li#info   a:visited { background-position: -393px   0px; }
li#info   a:hover,li#info   a:focus   { background-position: -393px -50px; }

/*--GLOBAL NAVIGATION SELECTED--*/

body#home ul#g-navi li#home a { background-position:0px -100px; }
body#course ul#g-navi li#course a { background-position:-131px -100px; }
body#gallery ul#g-navi li#gallery a { background-position:-262px -100px; }
body#info ul#g-navi li#info a { background-position:-393px -100px; }


/*--SIDE MENU--*/

#l-menu{
float:left;
width:179px;
margin:5px 0 0 1px;
*margin:0 0 0 2px;
background-color:#F3F3F3;
padding:0;
border-bottom:solid 5px #FDA76C;
}

#l-menu ul{
list-style:none;
margin:0;
padding:0;
font-size:12px;
font-weight:bold;
}

#l-menu li{
margin:0;
width:179px;
border-bottom:solid 1px #FFF;
color:#CECECE;
}

#l-menu li a{
background-image:url(../images/l_menu_bg.gif);
background-repeat:no-repeat;
display:block;
width:170px;
*width:165px;
text-decoration:none;
font-size:12px;
font-weight:bold;
padding:4px 4px 4px 10px;
color:#FF6600;
}

#l-menu li a:hover{
background-image:url(../images/l_menu_bg_hover.gif);
background-repeat:no-repeat;
color:#FFF;
text-decoration:none;
}

/*--HEADER--*/

#header{
width:800px;
*margin:1px;
height:58px;
}

#logo{
margin:0;
float:left;
}

#util{
margin:25px 0 0 280px;
*margin:25px 0 0 265px;/*IE対策*/
float:left;
}

/*--FOOTER--*/

#footer{
float:left;
background-color:#FFF;
border-top:solid 4px #BDBDBD;
text-align:right;
width:790px;
margin:5px 0 0 0;
*margin:5px 0 0 1px;
padding:10px 10px 10px 0;
}

/*-----------------------------------------------*/
/* CLASS                                     　　*/
/*-----------------------------------------------*/
.spacer{
margin:10px 0 10px 0;
}

.spacer5{
margin:5px 0 5px 0;
}

/* サムネイル */

#sumb{
  margin:0;
  padding:0;

}

#sumb a, #sumb strong, #sumb em, .default a.psumb {
  margin:5px 6px 5px 4px;
  *margin:5px 6px 5px 3px;
  float:left;
  display:block;
  padding:0;
  border:1px solid #0066CC;
  }

#sumb a:hover, .default .psumb:hover {
  border-color:#FFF;
  }

.map{
margin:10px;
text-align:center;
}

.quickclip{
margin:0 0 0 3px;
}

.icon{
vertical-align:middle;
margin:0 4px 3px 0;
}

.list{
padding:5px;
border-bottom:solid 1px #BDBDBD;
width:100%;
}

span.text{
padding:0 0 0 20px;
}

.k10{
font-size:10px;
line-height:170%;
}

.link_arrow{
background-image:url(../images/link_arrow.gif);
background-repeat:no-repeat;
background-position:left center;
padding:8px;
margin:5px;
}