@charset "utf-8";

/*
------------------------------------------------------------------------------
	Sitename: Jiso Official WebSite
	URL: http://www.gakuyoo.co.jp/
	Date: 2008-12
	Copyright (C) gakuyoo All rights reserved.
------------------------------------------------------------------------------
	1.INITIALIZATION
	2.TEXT
	3.LAYOUT
		a.character
		b.headermenu
	4.NAVIGATION
	5.CONTENTS
		a.bread
		b.contents
		c.sidebar
		d.main
		e.flow
		f.info
		g.menu
		h.company
		i.contact
		j.Q and A
	6.FOOTER
------------------------------------------------------------------------------
*/

/* INITIALIZATION
------------------------------------------------------------------------------------------------------*/
html{
	margin:0px;
	padding:0px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:100%;

}

body {
	color:#333333;
	margin:0px;
	padding:0px;
	line-height:150%;
	font-size:100%;


}

img {
	border:none;
}

ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

li {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

h1, h2, h3, h4, h5, h6 {
	margin:0px;
	padding:0px;
	font-size:100%;
	clear:right;

}

dl, dd, dt{
	margin:0px;
	padding:0px;
}

div, p, a{
	margin:0px;
	padding:0px;

}

h1{
	font-size:8px;
	visibility:hidden;
}
h3{font-size:1.2em; color:#996600;}
h4{
	font-size:1.4em; 
	padding:10px;
	margin-top:20px;  
	margin-bottom:20px; 
	border-top:1px solid #CC9966; 
	border-bottom:1px solid #CC9966;
	clear:right;
	}
h5{
	font-size:1.2em; 
	padding-left:5px;
	margin-top:5px;  
	margin-left:15px;
	border-left:10px solid #CC9966; 
	color:#996600;
	}
.minmax{
min-width:1025px;
}

a{color:#CC6600;}
a:hover{color:#FF3300;}

/* TEXT
------------------------------------------------------------------------------------------------------*/
.right{text-align:right;}
.center{text-align:center;}
/* LAYOUT
------------------------------------------------------------------------------------------------------*/

#wrapper {
		line-height:150%;
		font-size:0.8em;

}
#header {
	background: #ffffff url(header_bg.gif) no-repeat;
	height:209px;
	margin:0;
	padding:0;
	position:relative;
	line-height:150%;
	font-size:0.8em;
}


#header_navi{
	text-align:right;
	padding-right:10px;
	color:#897741;
}

#header_navi a{color:#897741; text-decoration:none; }
#header_navi a:hover{color:#FF3300;}
#navi{
	position:absolute;
	left:0;
	top:110px;
	width:921px;
	height:64px;
	}

#navi ul{
	margin:0;
	padding:0;
	list-style:none;
}
#navi li{
	margin:0;
	padding:0;
	float:left;
}

#navi ul li span { visibility:hidden; }
#navi li a{
	display:block;
	text-decoration:none;
	font-size:10px;
}

#navi li#n01 a{
	display:block;
	margin:0;
	padding:0;
	height:64px;
	width:200px;
	background:url(n01.gif) no-repeat left top;
}

#navi li#n01 a:hover{
	display:block;
	margin:0;
	padding:0;
	height:64px;
	width:200px;
	background:url(n01.gif) no-repeat left bottom;

}

#navi li#n02 a{
	display:block;
	margin:0;
	padding:0;
	height:64px;
	width:172px;
	background:url(n02.gif) no-repeat left top;
}

#navi li#n02 a:hover{
	display:block;
	margin:0;
	padding:0;
	height:64px;
	width:172px;
	background:url(n02.gif) no-repeat left bottom;

}
#navi li#n03 a{
	display:block;
	margin:0;
	padding:0;
	height:64px;
	width:123px;
	background:url(n03.gif) no-repeat left top;
}

#navi li#n03 a:hover{
	display:block;
	margin:0;
	padding:0;
	height:64px;
	width:123px;
	background:url(n03.gif) no-repeat left bottom;

}
#navi li#n04 a{
	display:block;
	margin:0;
	padding:0;
	height:64px;
	width:142px;
	background:url(n04.gif) no-repeat left top;
}

#navi li#n04 a:hover{
	display:block;
	margin:0;
	padding:0;
	height:64px;
	width:142px;
	background:url(n04.gif) no-repeat left bottom;

}
#navi li#n05 a{
	display:block;
	margin:0;
	padding:0;
	height:64px;
	width:150px;
	background:url(n05.gif) no-repeat left top;
}

#navi li#n05 a:hover{
	display:block;
	margin:0;
	padding:0;
	height:64px;
	width:150px;
	background:url(n05.gif) no-repeat left bottom;

}
#navi li#n06 a{
	display:block;
	margin:0;
	padding:0;
	height:64px;
	width:134px;
	background:url(n06.gif) no-repeat left top;
}

#navi li#n06 a:hover{
	display:block;
	margin:0;
	padding:0;
	height:64px;
	width:134px;
	background:url(n06.gif) no-repeat left bottom;

}

#container {
	width: 100%;
	float: left;
	margin-left:0px;
	padding-top:30px;
}

/* TOP
------------------------------------------------------------------------------------------------------*/
#top-container {
	width: 100%;
	float: left;
	margin-left:0px;
	padding:0px;
	height:596px;
	background:url(top_bg.gif) no-repeat;

}

#flash
{margin-top:15px;}
/* BREAD
------------------------------------------------------------------------------------------------------*/
#pageTitle{background:url(title_base.gif) repeat-x;}
#pageTitle2{background:url(pagetitle2_base.gif) repeat-x;}
#pageTitle3{background:url(pagetitle3_base.gif) repeat-x;}
#pageTitle4{background:url(pagetitle4_base.gif) repeat-x;}
#pageTitle5{background:url(pagetitle5_base.gif) repeat-x;}
#pageTitle6{background:url(pagetitle6_base.gif) repeat-x;}
#pageTitle7{background:url(pagetitle7_base.gif) repeat-x;}
#pageTitle8{background:url(pagetitle8_base.gif) repeat-x;}

#bread{text-align:right;
		line-height:150%;
		font-size:0.8em;
		margin-right:10px;
}

#content {
	margin-left:200px;
	padding-left:53px;
	padding-right:60px;
}
#main .ind{
	float:right;
	text-align:left;
}



#main{margin-top:23px;margin-bottom:23px; padding:10px; border:solid 1px #bca970;}
#main .data{margin-left:40px; margin-right:40px;}
#main .data img{margin-left:5px;}

/* new */
#newTable{margin-left:5px; margin-right:5px;}
#newTable td{border-bottom:#BCA971 dotted 1px; color:#897741;}

/* about */
#main .about{margin-left:40px; margin-right:40px; margin-bottom:20px;border-bottom:dotted 1px #C2A467; }
#main .about td{padding-bottom:20px;}

/* contact */
#main .contact{
	margin:0px 20px 0px 20px; 
	padding-top:20px;
}
#main .contact2{
	margin:0px 20px 0px 60px; 
	padding-top:20px;
}
#main .contactForm{
	margin:0px 20px 0px 60px; 
	padding-top:20px;
	}

.agreement{font-size:0.9em; line-height:150%;}

#about{
	width:580px; 
	padding:50px;
	padding-top:100px; 
	padding-bottom:100px;
	margin-left:20px;
	background:url(../about/image/back.jpg) no-repeat;
	}

/* sitemap */

#main .sitemap{margin-left:70px; margin-bottom:20px;}
#main .sitemap td{border-bottom:dotted 1px #C2A467; line-height:170%;}

.sitemapside{margin-top:200px;}
.sitemap ul{padding-left:50px; line-height:170%;}
.round{padding-left:30px;}
.line{border-bottom:1px dotted #cccccc; margin:20px;}
td.sitasen{border-bottom:1px dotted #999999;}
/* SIDE
------------------------------------------------------------------------------------------------------*/
#sidebar {
	width: 200px;
	float: left;
}

#sidebar ul{
	padding-bottom:20px;
	margin:0px;
	margin-left:2px;
	list-style:none;
	display:block;
}

#siderbar li{
	display:block;
		line-height:200%;

 }
#sidebar li a{
	display:block;
	text-decoration:none;
	padding:5px 5px;
	padding-left:22px;
	color:#333333;
	width:160px;
	border-bottom:1px dotted #333300;
	background:url(arrow.gif) no-repeat;
}
#sidebar li a:hover{
	color:#FF3300;
}
#sidebar .koumoku{ margin-top:10px; margin-bottom:10px;}
/* FOOTER
------------------------------------------------------------------------------------------------------*/

#footer {		
		line-height:150%;
		font-size:0.8em;
}
.last {
	margin-bottom: 0;
}
#footer_left{float:left; padding-left:20px; color:#7d6331;}
#footer_right{float:right;padding-right:60px;}
#footer_right p{text-align:right; color:#7d6331;}
.clearing {
	height: 0;
	clear: both;
}

@media print{
.minmax{
max-width:720px;
min-width:680px;
}
#header{visibility:hidden; width:720px; height:0px;}
#header_navi{visibility:hidden; }
#navi{
	left:0px;
	top:0px;
	width:720px;
	height:0px;
	visibility:hidden;
	}
#navi ul{
	margin:0;
	padding:0;
	height:0px;
	}

#bread{text-align:left;
		line-height:100%;
}
#sidebar {
	width:0px;
	height:0px;
	visibility:hidden;
}
#sidebar img{width:0px;}
#sidebar li a{
	width:0px;
}
#container{
	clear:both;
	width:100%;
	padding-top:0px;
}
#content{
	margin-left:0px;
	padding-left:0px;
	padding-right:10px;
}
}