@charset "UTF-8";

/* --------------------------------------------------------
Base
-------------------------------------------------------- */

body{
	font-size:62.5%;
	line-height:150%;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
	color:#333333;
	margin:0;
	padding:0;
	text-align:center;
	background:url('../img/bg.gif') #ffffff;
	background-repeat:repeat-x;
	background-position:0 0;
}

h1,h2,h3,h4,h5,h6{
	font-size:1em;
	line-height:120%;
}

h1,h2,h3,h4,h5,h6,form,input,p,ul,ol,li,dl,dt,dd{
	margin:0;
	padding:0;
}

table{
	font-size:1em;
	line-height:150%;
	border-collapse: collapse;
}

img{
	border:0;
}

ul{
	list-style:none;
}

h1 img,
h2 img,
h3 img,
h4 img,
h5 img,
h6 img,
li img{
	vertical-align:bottom;
}

a:link{
	color:#669900;
	text-decoration:underline;
}

a:visited{
	color:#669900;
	text-decoration:underline;
}

a:hover{
	color:#99cc33;
	text-decoration:underline;
}

a:active{
	color:#99cc33;
	text-decoration:underline;
}

.cll{
	clear:left;
}

.clr{
	clear:right;
}

.cla{
	clear:both;
}

.cln{

}

.cll br,.clr br,.cla br{
	display:none;
}

hr{
	display:none;
}



/* --------------------------------------------------------
Structure
-------------------------------------------------------- */

/* Wrapper */

#wrapper{
	width:964px;
	margin:0 auto;
	text-align:left;
}



/* Header */

#header{
	width:960px;
	height:111px;
	margin:0 0 0 2px;
}

#header_txt{
	width:950px;
	height:22px;
	font-size:1em;
	line-height:22px;
	color:#996600;
	margin:0 0 23px 5px;
}

#logo{
	width:349px;
	height:40px;
}

#logo li{
	text-indent:-9999px;
	margin:0 0 0 0;
}

#logo li a{
	display:block;
	width:349px;
	height:40px;
	background:url('../img/logo.gif');
	background-repeat:no-repeat;
	background-position:0 0;
}


#header_inqbox{
  position:relative;
	width:543px;
	height:50px;
	margin:-55px 0 0 403px;
}


#header_inqbox0{
	width:184px;
	height:50px;
}

#header_inqbox0 #headerBtn01 a{
	display:block;
	width:184px;
	height:35px;
	text-indent:-9999px;
	background:url('../img/btn_head_01.gif');
	background-repeat:no-repeat;
	background-position:0 0;
	margin-bottom:3px;

	
}
#header_inqbox0 #headerBtn02 a{
	display:block;
	width:184px;
	height:35px;
	text-indent:-9999px;
	background:url('../img/btn_head_02.gif');
	background-repeat:no-repeat;
	background-position:0 0;
	_margin-top:3px;
}



#header_inqbox0 li#headerBtn01 a:hover{
	background-position:0 -35px;
	
}

#header_inqbox0 li#headerBtn02 a:hover{
	background-position:0 -35px;
}

#header_inqbox1{
	width:360px;
	height:50px;
	margin:-50px 0 0 195px;
	_margin:-75px 0 0 195px;
}

#header_inqbox2{
	position:relative;
	z-index:2;
	margin:-40px 0 0 397px;
}

#header_inqbox2 li a{
	display:block;
	width:125px;
	height:30px;
	text-indent:-9999px;
	background:url('../img/header_inqbox_btn.gif');
	background-repeat:no-repeat;
	background-position:0 0;
}

#header_inqbox2 li a:hover{
	background-position:0 -30px;
}

/* Custem 2010/03/03*/
#custem_bt{
	position:relative;
	z-index:4;
	margin:-62px 0 0 949px;
}

#custem_bt li a{
	display:block;
	width:120px;
	height:50px;
	text-indent:-9999px;
	background:url('../img/custem_bt.gif');
	background-repeat:no-repeat;
	background-position:0 0;
}

#custem_bt li a:hover{
	background-position:0 -50px;
}

/* Navigation */

#navi{
	width:960px;
	height:40px;
	margin:0 0 0 2px;
	background:url('../img/navi.gif');
	background-repeat:no-repeat;
}

#navi ul{
	width:960px;
	height:40px;
}

#navi li{
	height:40px;
	float:left;
	text-indent:-9999px;
}

#navi li#btn1 a{
	display:block;
	width:147px;
	height:40px;
	margin:0 1px 0 0;
	background:url('../img/navi.gif');
	background-repeat:no-repeat;
	background-position:0 0;
}

#navi li#btn1 a:hover{
	background-position:0 -40px;
}

#navi li#btn2 a{
	display:block;
	width:252px;
	height:40px;
	margin:0 1px 0 0;
	background:url('../img/navi.gif');
	background-repeat:no-repeat;
	background-position:-148px 0;
}

#navi li#btn2 a:hover{
	background-position:-148px -40px;
}

#navi li#btn3 a{
	display:block;
	width:173px;
	height:40px;
	margin:0 1px 0 0;
	background:url('../img/navi.gif');
	background-repeat:no-repeat;
	background-position:-401px 0;
}

#navi li#btn3 a:hover{
	background-position:-401px -40px;
}

#navi li#btn4 a{
	display:block;
	width:191px;
	height:40px;
	margin:0 1px 0 0;
	background:url('../img/navi.gif');
	background-repeat:no-repeat;
	background-position:-575px 0;
}

#navi li#btn4 a:hover{
	background-position:-575px -40px;
}

#navi li#btn5 a{
	display:block;
	width:191px;
	height:40px;
	background:url('../img/navi.gif');
	background-repeat:no-repeat;
	background-position:-767px 0;
}

#navi li#btn5 a:hover{
	background-position:-767px -40px;
}



/* submenu */

.submenu{
  z-index:20;

}

.submenu ul{
	font-size:1.2em;
	line-height:120%;
	border-left:solid 1px #cccccc;
	border-right:solid 1px #cccccc;
}

.submenu li{
	border-bottom:solid 1px #cccccc;
}

.submenu li a{
	display:block;
	color:#663300;
	text-decoration:none;
	background:url('../img/arrow2.gif') #f4f4f4;
	background-repeat:no-repeat;
	background-position:6px 0.5em;
	padding:0.4em 5px 0.4em 20px;
}

.submenu li a:hover{
	color:#663300;
	text-decoration:none;
	background:url('../img/arrow2.gif') #ffffff;
	background-repeat:no-repeat;
	background-position:6px 0.5em;
}

#navi_sub2{
	position:absolute;
	z-index:102;
	width:254px;
	margin:0 0 0 148px;
	display:none;
}

#navi_sub3{
	position:absolute;
	z-index:103;
	width:175px;
	margin:0 0 0 401px;
	display:none;
}

#navi_sub4{
	position:absolute;
	z-index:104;
	width:193px;
	margin:0 0 0 575px;
	display:none;
}

#navi_sub5{
	position:absolute;
	z-index:105;
	width:193px;
	margin:0 0 0 767px;
	display:none;
}



/* Main */

#main{
	width:964px;
	background:url('../img/bg2.gif');
}

#main_inner{
	width:915px;
	margin:0 0 0 25px;
}



/* Crumbs */

#crumbs{
	height:34px;
	line-height:34px;
}



/* Left */

#left{
	float:left;
	width:655px;
	margin:0 30px 0 0;
}



/* Side */

#side{
	position:relative;
	z-index:4;
	float:left;
	width:230px;
	margin:-10px 0 0 0;
}



/* Gotop */

.gotop{
	width:518px;
	margin:0 0 30px 0;
}

.gotop li{
	text-indent:-9999px;
}

.gotop li a{
	display:block;
	width:138px;
	height:12px;
	background:url('../img/gotop.gif');
	background-repeat:no-repeat;
}



/* Bottom */

#bottom{
	width:914px;
	margin:0 0 15px 25px;
}

#bottom1{
	margin:0 0 30px 518px;
}

#bottom2{
	width:655px;
	height:60px;
	margin:0 0 50px 0;
}

#bottom2_1{
	width:655px;
	height:60px;
}

#bottom2_2{
	position:relative;
	z-index:3;
	width:200px;
	height:36px;
	margin:-48px 0 12px 436px;
}

#bottom2_2 li a{
	display:block;
	width:200px;
	height:36px;
	text-indent:-9999px;
	background:url('../img/bottom_btn.gif');
	background-repeat:no-repeat;
	background-position:0 0;
}

#bottom2_2 li a:hover{
	background-position:0 -36px;
}

#bottom3{
	text-align:center;
	font-size:1.2em;
	line-height:150%;
}

#bottom3 li{
	display:inline;
}



/* Footer */

#footer{
	width:960px;
	margin:0 0 0 2px;
	background:#999999;
	color:#ffffff;
	font-size:1.2em;
	line-height:150%;
}

#footer_inner{
	width:928px;
	margin:0 0 0 23px;
	padding:14px 0 10px 0;
}

#footer a{
	color:#ffffff;
	text-decoration:underline;
}

#footer1{
	width:492px;
	height:26px;
}

#footer1 li{
	display:inline;
	line-height:26px;
}

#footer2{
	width:435px;
	height:26px;
	margin:-26px 0 12px 492px;
}

#footer2_1{
	width:310px;
	height:26px;
}

#footer2_2{
	width:125px;
	height:26px;
	margin:-26px 0 0 310px;
}

#footer2 li a{
	display:block;
	width:125px;
	height:26px;
	text-indent:-9999px;
	background:url('../img/footer_btn.gif');
	background-repeat:no-repeat;
	background-position:0 0;
}

#footer2 li a:hover{
	background-position:0 -26px;
}

#footer3{
	border-top:solid 1px #adadad;
	border-bottom:solid 1px #adadad;
	padding:15px 10px 15px 23px;
}

#footer4{
	padding:10px 0;
	text-align:center;
}



/* --------------------------------------------------------
side
-------------------------------------------------------- */

#side_requestbox{
	margin:0 0 7px 0;
}

#side_requestbox ul{
	width:230px;
	height:100px;
}

#side_requestbox li a{
	display:block;
	width:230px;
	height:100px;
	text-indent:-9999px;
	background:url('../img/side_request_btn.jpg');
	background-repeat:no-repeat;
	background-position:0 0;
}

#side_requestbox li a:hover{
	background-position:0 -100px;
}

#side_menu{
	width:230px;
	margin:0 0 10px 0;
}

#side_menu dd{
	width:230px;
	border-bottom:solid 3px #663300;
}

#side_menu dd ul{
	width:228px;
	border-left:solid 1px #cccccc;
	border-right:solid 1px #cccccc;
}

#side_menu dd li{
	display:block;
	height:37px;
}

#side_menu dd li a{
	display:block;
	height:37px;
	padding:0 0 0 23px;
	font-size:1.2em;
	line-height:37px;
	color:#663300;
	letter-spacing:-1px;
	text-decoration:none;
	background:url('../img/side_menu_bg.gif');
	background-repeat:no-repeat;
	background-position:0 0;
}

#side_menu dd li a:hover{
	background-position:0 -37px;
}

#side_menu dd li.side_menu_on{
	font-weight:bold;
	display:block;
	height:37px;
	padding:0 0 0 23px;
	font-size:1.2em;
	line-height:37px;
	color:#663300;
	letter-spacing:-1px;
	text-decoration:none;
	background:url('../img/side_menu_bg.gif');
	background-repeat:no-repeat;
	background-position:0 -37px;
}

#side_bnr{
	margin:0 0 10px 0;
}

#side_bnr ul{
	width:230px;
	height:100px;
}

#side_bnr li a{
	display:block;
	width:230px;
	height:100px;
	text-indent:-9999px;
	background:url('../img/side_bnr1.jpg');
	background-repeat:no-repeat;
	background-position:0 0;
}

#side_bnr li a:hover{
	background-position:0 -100px;
}



#side_bnr6{
	margin:0 0 10px 0;
}

#side_bnr6 ul{
	width:230px;
	height:100px;
}

#side_bnr6 li a{
	display:block;
	width:230px;
	height:100px;
	text-indent:-9999px;
	background:url('../img/side_bnr6.gif');
	background-repeat:no-repeat;
	background-position:0 0;
}

#side_bnr6 li a:hover{
	background-position:0 -100px;
}


#side_bnr7{
	margin:0 0 10px 0;
}

#side_bnr7 ul{
	width:230px;
	height:173px;
}

#side_bnr7 li a{
	display:block;
	width:230px;
	height:173px;
	text-indent:-9999px;
	background:url('../img/banner_eidos_side.gif');
	background-repeat:no-repeat;
	background-position:0 0;
}

#side_bnr7 li a:hover{
	background-position:0 -173px;
}


#side_bnr2{
	margin:0 0 10px 0;
}

#side_bnr2 ul{
	width:230px;
	height:36px;
}

#side_bnr2 li a{
	display:block;
	width:230px;
	height:36px;
	text-indent:-9999px;
	background:url('../img/side_bnr2.gif');
	background-repeat:no-repeat;
	background-position:0 0;
}

#side_bnr2 li a:hover{
	background-position:0 -36px;
}

#side_bnr3{
	margin:0 0 0 0;
}

#side_bnr3 ul{
	width:230px;
	height:60px;
	font-size:1.2em;
	line-height:1em;
}

#side_bnr3 li a{
	display:block;
	width:230px;
	height:60px;
	text-indent:-9999px;
	background:url('../img/side_bnr3.gif');
	background-repeat:no-repeat;
	background-position:0 0;
	margin:0 0 5px 0;
}

#side_bnr3 li a:hover{
	background-position:0 -60px;
}

#side_bnr4{
	margin:30px 0 0 0;
}

#side_bnr4 ul{
	width:230px;
	height:60px;
	font-size:1.2em;
	line-height:1em;
}

#side_bnr4 li a{
	display:block;
	width:230px;
	height:60px;
	text-indent:-9999px;
	background:url('../img/side_bnr4.gif');
	background-repeat:no-repeat;
	background-position:0 0;
	margin:0 0 5px 0;
}

#side_bnr4 li a:hover{
	background-position:0 -60px;
}


/* --------------------------------------------------------
Common
-------------------------------------------------------- */

/* h3 */

h3{
	width:655px;
	height:33px;
	font-size:1.4em;
	line-height:33px;
	color:#663300;
	text-indent:24px;
	margin:0 0 10px 0;
	background:url('../img/title_bg1.gif');
	background-repeat:no-repeat;
	background-position:0 0;
}

/* twobox */

.twobox1{
	float:left;
	width:320px;
	margin:0 15px 20px 0;
}

.twobox2{
	float:left;
	width:320px;
	margin:0 0 20px 0;
}

.twobox3{
	float:left;
	width:320px;
	margin:0 0 20px 0;
}

.twobox1 dl,
.twobox2 dl{

}

.twobox1 dt,
.twobox2 dt,
.twobox3 dt{
	width:320px;
	height:33px;
	font-size:1.4em;
	line-height:33px;
	font-weight:bold;
	color:#663300;
	text-indent:24px;
	background:url('../img/title_bg2.gif');
	background-repeat:no-repeat;
	background-position:0 0;
}
.twobox3 dt{
	background:url('../img/title_bg3.gif');
}

.twobox1 dt a,
.twobox2 dt a,
.twobox3 dt a{
	color:#663300;
	text-decoration:none;
}

.twobox1 dt a:hover,
.twobox2 dt a:hover,
.twobox3 dt a:hover{
	text-decoration:underline;
}

.twobox1 dd,
.twobox2 dd,
.twobox3 dd{
	border-bottom:solid 1px #cccccc;
	border-left:solid 1px #cccccc;
	border-right:solid 1px #cccccc;
	padding:10px;
	font-size:1.2em;
	line-height:150%;
}

.twobox1 dd ul,
.twobox2 dd ul,
.twobox3 dd ul{
	text-align:right;
	padding:0.5em 0 0 0;
}

.twobox1 dd li a,
.twobox2 dd li a,
.twobox3 dd li a{
	background:url('../img/arrow1.gif');
	background-repeat:no-repeat;
	background-position:0 center;
	padding:0 0 0 10px;
}

.book {
  margin-top:20px;
  text-align:center;
  }
 
.book img {
  margin-bottom:10px;
  }
