@charset "UTF-8";

html {
margin:0;
padding:0;
}

body {
font-family:"ヒラギノ丸ゴ Pro W4","MS ゴシック",osaka,sans-serif;
font-size:12px;
line-height:16px;
margin:0;
padding:0;
text-align:center;
background: #FCF1BF url("../images/bg_body.jpg") repeat-x; 
}

a {
color:#ff00ff;
/*\*/
overflow:hidden;
/**/
}
a:hover {
color:#00ff00;
}

address {
font-style:normal;
margin:0;
padding:0;
}

ul {
list-style-position:inside;
margin:0;
padding:0;
}

li {
margin:0;
padding:0;
}

img{
margin:0;
padding:0;
border: none;
vertical-align:bottom;
}

h1,h2,h3,h4 {
font-size:12px;
font-weight:normal;
margin:0;
padding:0;
}

.clearfix:after {
display:block;
visibility:hidden;
clear:both;
height:0;
content:".";
}
.clearfix {display:inline-block}
.clearfix {display:block}

/*
					↓↓↓for layout↓↓↓
*/

#container {
width:810px;
margin:10px auto;
padding:0;
text-align:left;
}

#header {
width:810px;
height:146px;
margin:0;
padding-bottom:8px;
text-align:left;
background:url("../images/bg_header.jpg") no-repeat; 
}

	#header h1 {
	width:380px;
/*
	height:80px;
	margin:41px 0 0 24px;
*/
	height:105px;
	margin:16px 0 0 24px;
	padding:0;
	text-indent:-9999px;
	background:url("../images/logo.gif") no-repeat; 
	display:block;
	float:left;
	}
	
	#header h1.logo090401 {
	background:url("../images/logo_090401.gif") no-repeat; 
	}

	#header h1 a {
	display:block;
	width:380px;
	height:80px;
	overflow:hidden;
	text-decoration:none;
	}

	
/* ie6 bug fix----START--------------------------- */
	*html #header h1 {
	width:380px;
/*
	height:80px;
	margin:41px 0 0 12px;
*/
	height:105px;
	margin:16px 0 0 12px;
	padding:0;
	text-indent:-9999px;
	background:url("../images/logo.gif") no-repeat; 
	display:block;
	float:left;
	}
/* ie6 bug fix ----END--------------------------- */

	#header p {
	color:#404040;
	margin:0;
	padding:55px 30px 0 0;
	float:right;
	}

#main {
width:810px;
height:617px;
margin:0 0 10px 0;
padding:0;
background:url("../images/bg_main.jpg") no-repeat; 
clear:both;
}

#main .description {
width:600px;
text-align:center;
color:#404040;
font-size:14px;
line-height:19px;
margin:0 auto 14px auto;
padding:14px 0 14px 0;
border: dotted #ddd;
border-width:1px 0 1px 0;
}
	#main .description a {color:#006bd6; text-decoration:none;}
	#main .description a:hover {color:#c30000; text-decoration:underline;}

#main h2 {
width:722px;
height:38px;
font-size:16px;
color:#404040;
margin:0 auto;
padding-left:24px;
line-height:20px; /* 070703追記 IE6用 */
background:url("../images/bg_main_title.jpg") no-repeat; 
}

/* 070703追記 */
h2 span.new{
color:#c30000;
border:1px dotted #c30000;
border-width:1px 0 1px 0;
margin-left:6px;
}

h2 a {font-family:Arial,Helvetica,"ヒラギノ丸ゴ Pro W4","MS ゴシック",osaka,sans-serif;color:#006bd6; text-decoration:none;}
h2 a:hover {color:#c30000; text-decoration:underline;}


#main #about_capter {
width:746px;
height:381px;
margin:0 auto;
padding:0;
background:url("../images/bg_about_chapter.jpg") no-repeat; 
}

#main .about {
width:374px;
height:343px;
color:#404040;
font-size:14px;
line-height:18px;
margin:12px 0 0 11px;
padding:50px 10px 0 20px;
background:url("../images/bg_about.jpg") no-repeat; 
float:left;
}


*html #main .about {
width:373px;
height:343px;
color:#404040;
font-size:14px;
line-height:18px;
margin:12px 0 0 6px;
padding:50px 10px 0 20px;
background:url("../images/bg_about.jpg") no-repeat; 
float:left;
}

	#main .about p {margin:0 0 12px 0;}

#main .chapter {
line-height:19px;
width:290px;
height:343px;
margin:12px 11px 0 0;
padding:50px 10px 0 20px;
background:url("../images/bg_chapter.jpg") no-repeat; 
float:right;
}

*html #main .chapter {
line-height:19px;
width:306px;
height:343px;
margin:12px 6px 0 0;
padding:50px 10px 0 3px;
background:url("../images/bg_chapter.jpg") no-repeat; 
float:right;
}

*+html #main .chapter {
line-height:19px;
width:307px;
height:343px;
margin:12px 11px 0 0;
padding:50px 10px 0 3px;
background:url("../images/bg_chapter.jpg") no-repeat; 
float:right;
}


	#main .chapter ul {list-style:none;margin:0;padding:0;}
	#main .chapter ul li {margin:0;padding:0;}
	#main .chapter a {font-size:14px;font-family:Arial,Helvetica,"ヒラギノ丸ゴ Pro W4","MS ゴシック",osaka,sans-serif;color:#006bd6; text-decoration:none;}
	#main .chapter a:hover {color:#c30000; text-decoration:underline;}
	#main .chapter .new {color:#c30000; border:1px dotted #c30000;border-width:1px 0 1px 0;margin-left:6px;}
	
/* ナビゲーション用BOX--------------------------- */
#navi {
width:746px;
margin:0 auto;
padding-bottom:15px;
background: url("../images/bg_navi_lower.jpg") no-repeat center bottom;
}

/* ナビゲーション上段用--------------------------- */

#navi_upper {
width:714px;
margin:0 auto;
padding:0;
}

#navi_upper ul {
margin:0;
padding:0;
list-style:none;
}

#navi_upper li {
display:inline;
margin:0;
padding:0;
}

#navi_upper a {
width:234px;
background:url("../images/navi_upper_left.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
float:left;
}

#navi_upper a span {
height:17px;
float:left;
display:block;
cursor:pointer;
background:url("../images/navi_upper_right.gif") no-repeat right top;
margin:0;
padding:6px 0 4px 4px;
color:#2f2f2f;
}


/* Commented Backslash Hack hides rule from IE5-Mac \*/

#navi_upper a span {
float:none;
}

/* End IE5-Mac hack */
#navi_upper a:hover span {
color:#2f2f2f;
}

#navi_upper a:hover {
background-position:0% -27px;
}

#navi_upper a:hover span {
background-position:100% -27px;
}

#navi_upper #current a {
background-position:0% -27px;
}

#navi_upper #current a span {
background-position:100% -27px;
}



/* ナビゲーション下段用--------------------------- */

#navi_lower {
width:714px;
margin:0 auto;
padding:0;
}

#navi_lower ul {
margin:0;
padding:0;
list-style:none;
}

#navi_lower li {
display:inline;
margin:0;
padding:0;
}

#navi_lower a {
width:234px;
background:url("../images/navi_lower_left.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
float:left;
}

#navi_lower a span {
height:17px;
float:left;
display:block;
cursor:pointer;
background:url("../images/navi_lower_right.gif") no-repeat right top;
margin:0;
padding:6px 0 4px 4px;
color:#2f2f2f;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

#navi_lower a span {
float:none;
}

/* End IE5-Mac hack */
#navi_lower a:hover span {
color:#2f2f2f;
}

#navi_lower a:hover {
background-position:0% -27px;
}

#navi_lower a:hover span {
background-position:100% -27px;
}

#navi_lower #current a {
background-position:0% -27px;
}

#navi_lower #current a span {
background-position:100% -27px;
}

/* 080125追加 */
div.java{
	border:1px solid #cccccc;
	margin:50px 0 0 0;
	font-size:12px;
	padding:13px;
}

div.java a {
color:#006BD6;
/*\*/
overflow:hidden;
/**/
}

div.java a:hover {
color:#C30000;
}