html, body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	color: #666666;
	background-color: #FFFFFF;
	line-height: 18px;
}
h1, h2, h3,h4 {
	font-size: 14px;
	margin: 0px;
	padding: 0px;
}
.draemonHome {
	padding-top: 10px;
}
.top_bannerTitle {
	height: 188px;
	width: 234px;
	text-align: center;
	vertical-align: middle;
}
a:link {
	color: #FF6600;
	text-decoration: underline;
}
a:visited {
	color: #FF9900;
	text-decoration: none;
}
a:hover {
	color: #CC0000;
	text-decoration: underline;
}
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* GRAND LAYOUT */
#wapper {
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-top: 0px;
	margin-bottom: -45px;	
	
	}
#topimg {
	background-color: #000000;
	width: 100%;
	height: 391px;
	text-align: center;
}
#footer_push {
	height: 45px;
	clear: both;
}
#footer {
	background-color: #CCCCCC;
	height: 25px;
	width: 100%;
	text-align: center;
	background-image: url(../images/footer_bg.gif);
	background-repeat: repeat-x;
	padding-top: 20px;
	font-size: 10px;
	color: #CCCCCC;
}

/* TOP LAYOUT */
#naviWrapper {
	background-image: url(../images/navi_bg1.jpg);
	background-repeat: repeat-x;
	height: 118px;
	text-align: center;
	padding-top: 10px;
}
#naviBox {
	width: 900px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#naviBox ul {
	list-style-type: none;
	}
#naviBox li {
	list-style:none;
	float:left;
	width:104px;
	padding-right: 3px;
	padding-left: 3px;
}
#naviBox a {
	display:block;
	overflow:hidden;
	width:104px;
	height:108px;
	text-indent:-500px;
}

/* TOP Navi BUTTONS */
#naviBox a.topBtn1 {
	background-image: url(../images/topnavi1.jpg);
	background-position: 0px 0px;
}
#naviBox a:hover.topBtn1 {
	background-image: url(../images/topnavi1.jpg);
	background-position:-104px 0px;
}
#naviBox a.topBtn2 {
	background-image: url(../images/topnavi2.jpg);
	background-position: 0px 0px;
}
#naviBox a:hover.topBtn2 {
	background-image: url(../images/topnavi2.jpg);
	background-position:-104px 0px;
}
#naviBox a.topBtn3 {
	background-image: url(../images/topnavi3.jpg);
	background-position: 0px 0px;
}
#naviBox a:hover.topBtn3 {
	background-image: url(../images/topnavi3.jpg);
	background-position:-104px 0px;
}
#naviBox a.topBtn4 {
	background-image: url(../images/topnavi4.jpg);
	background-position: 0px 0px;
}
#naviBox a:hover.topBtn4 {
	background-image: url(../images/topnavi4.jpg);
	background-position:-104px 0px;
}
#naviBox a.topBtn5 {
	background-image: url(../images/topnavi5.jpg);
	background-position: 0px 0px;
}
#naviBox a:hover.topBtn5 {
	background-image: url(../images/topnavi5.jpg);
	background-position:-104px 0px;
}
#naviBox a.topBtn6 {
	background-image: url(../images/topnavi6.jpg);
	background-position: 0px 0px;
}
#naviBox a:hover.topBtn6 {
	background-image: url(../images/topnavi6.jpg);
	background-position:-104px 0px;
}
#naviBox a.topBtn7 {
	background-image: url(../images/topnavi7.jpg);
	background-position: 0px 0px;
}
#naviBox a:hover.topBtn7 {
	background-image: url(../images/topnavi7.jpg);
	background-position:-104px 0px;
}
#naviBox a.topBtn8 {
	background-image: url(../images/topnavi8.jpg);
	background-position: 0px 0px;
}
#naviBox a:hover.topBtn8 {
	background-image: url(../images/topnavi8.jpg);
	background-position:-104px 0px;
}#contentsWrapper {
	width: 100%;
	background-image: url(../images/contents_bg.jpg);
	background-repeat: repeat-x;
}
#contents {
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 40px;
}
#contents p {
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 25px;
	margin: 0px;
}
#contents #leftBox {
	float: left;
	width: 380px;
	margin: 0px;
	padding: 0px;
}
#contents #rightBox {
	float: left;
	width: 360px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}
#contents #bannerBox {
	padding: 0px;
	float: right;
	width: 120px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/* OTHER LAYOUT */

#secondImg {
	background-color: #000000;
	height: 230px;
	width: 100%;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
/* 各ページtopBanner IMG設定 */
.top_banner01 {
	background-image: url(../images/groupimg.jpg);
	background-repeat: no-repeat;
	height: 230px;
	width: 900px;
	background-position: 0px 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;
}
.top_banner02 {
	background-image: url(../images/header_barth_img.jpg);
	background-repeat: no-repeat;
	height: 230px;
	width: 900px;
	background-position: 0px 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;
}
.top_banner03 {
	background-image: url(../images/header_tyorei_img.jpg);
	background-repeat: no-repeat;
	height: 230px;
	width: 900px;
	background-position: 0px 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;
}
.top_banner04 {
	background-image: url(../images/header_koshien_img.jpg);
	background-repeat: no-repeat;
	height: 230px;
	width: 900px;
	background-position: 0px 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;
}
.top_banner05 {
	background-image: url(../images/header_drafarm_img.jpg);
	background-repeat: no-repeat;
	height: 230px;
	width: 900px;
	background-position: 0px 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;
}
.top_banner06 {
	background-image: url(../images/header_movie_img.jpg);
	background-repeat: no-repeat;
	height: 230px;
	width: 900px;
	background-position: 0px 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;
}
.top_banner07 {
	background-image: url(../images/header_recruit_img.jpg);
	background-repeat: no-repeat;
	height: 230px;
	width: 900px;
	background-position: 0px 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;
}
.top_banner08 {
	background-image: url(../images/header_company_img.jpg);
	background-repeat: no-repeat;
	height: 230px;
	width: 900px;
	background-position: 0px 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;
}
.top_banner09 {
	background-image: url(../images/header_contact_img.jpg);
	background-repeat: no-repeat;
	height: 230px;
	width: 900px;
	background-position: 0px 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;
}

#navi2Wrapper {
	background-image: url(../images/navi2_bg.jpg);
	background-repeat: repeat-x;
	height: 40px;
	text-align: center;
	padding: 0px;
	margin: 0px;
}
#naviBox2 {
	width: 900px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
}
#naviBox2 ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
#naviBox2 li {
	list-style:none;
	float:left;
	padding: 0px;
	width: 112px;
}
#naviBox2 a {
	display:block;
	overflow:hidden;
	height:40px;
	text-indent:-500px;
	padding: 0px;
}

/* SECOND Navi BUTTONS */
#naviBox2 a.secBtn1 {
	background-image: url(../images/sec_navi1.gif);
	background-position: 0px 0px;
}
#naviBox2 a:hover.secBtn1 {
	background-image: url(../images/sec_navi1.gif);
	background-position:0px -40px;
}
#naviBox2 a.secBtn1_Down {
	background-image: url(../images/sec_navi1.gif);
	background-position:0px -80px;
}
#naviBox2 a.secBtn2 {
	background-image: url(../images/sec_navi2.gif);
	background-position: 0px 0px;
}
#naviBox2 a:hover.secBtn2 {
	background-image: url(../images/sec_navi2.gif);
	background-position:0px -40px;
}
#naviBox2 a.secBtn2_Down {
	background-image: url(../images/sec_navi2.gif);
	background-position:0px -80px;
}
#naviBox2 a.secBtn3 {
	background-image: url(../images/sec_navi3.gif);
	background-position: 0px 0px;
}
#naviBox2 a:hover.secBtn3 {
	background-image: url(../images/sec_navi3.gif);
	background-position:0px -40px;
}
#naviBox2 a.secBtn3_Down {
	background-image: url(../images/sec_navi3.gif);
	background-position:0px -80px;
}
#naviBox2 a.secBtn4 {
	background-image: url(../images/sec_navi4.gif);
	background-position: 0px 0px;
}
#naviBox2 a:hover.secBtn4 {
	background-image: url(../images/sec_navi4.gif);
	background-position:0px -40px;
}
#naviBox2 a.secBtn4_Down {
	background-image: url(../images/sec_navi4.gif);
	background-position:0px -80px;
}
#naviBox2 a.secBtn5 {
	background-image: url(../images/sec_navi5.gif);
	background-position: 0px 0px;
}
#naviBox2 a:hover.secBtn5 {
	background-image: url(../images/sec_navi5.gif);
	background-position:0px -40px;
}
#naviBox2 a.secBtn5_Down {
	background-image: url(../images/sec_navi5.gif);
	background-position:0px -80px;
}
#naviBox2 a.secBtn6 {
	background-image: url(../images/sec_navi6.gif);
	background-position: 0px 0px;
}
#naviBox2 a:hover.secBtn6 {
	background-image: url(../images/sec_navi6.gif);
	background-position:0px -40px;
}
#naviBox2 a.secBtn6_Down {
	background-image: url(../images/sec_navi6.gif);
	background-position:0px -80px;
}
#naviBox2 a.secBtn7 {
	background-image: url(../images/sec_navi7.gif);
	background-position: 0px 0px;
}
#naviBox2 a:hover.secBtn7 {
	background-image: url(../images/sec_navi7.gif);
	background-position:0px -40px;
}
#naviBox2 a.secBtn7_Down {
	background-image: url(../images/sec_navi7.gif);
	background-position:0px -80px;
}
#naviBox2 a.secBtn8 {
	background-image: url(../images/sec_navi8.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#naviBox2 a:hover.secBtn8 {
	background-image: url(../images/sec_navi8.gif);
	background-position:0px -40px;
}
#naviBox2 a.secBtn8_Down {
	background-image: url(../images/sec_navi8.gif);
	background-position:0px -80px;
}
#contents2 {
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 40px;
}
#contents2 p {
	margin: 0px;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#contents2 #leftBox {
	width: 680px;
	float: left;
}
#sideBar {
	float: right;
	width: 200px;
	background-image: url(../images/side_bg.gif);
	background-repeat: no-repeat;
	margin-top: 30px;
	background-position: bottom;
	padding-bottom: 60px;
}
#sideBar h2 {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	color: #FFFFFF;
}
#sideBar #sideBar_btm {
	background-image: url(../images/side_btm.gif);
	background-repeat: no-repeat;
	height: 17px;
}
#sideBar .mediaBox {
	padding: 5px;
	width: 190px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
#sideBarTable {
	width: 190px;
}
#sideBarTable .photo {
	width: 86px;
	vertical-align: top;
}
#sideBarTable .photo img {
	border: 2px solid #CCCCCC;
}
#sideBarTable .photo img:hover {
	border: 2px solid #FF9900;
}
#sideBarTable .comment {
	vertical-align: top;
}
#sideBar ul#Grshop {
	margin: 0px;
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #333333;
}
.bookTitle {
	font-weight: bold;
	margin-bottom: 5px;
}
.sideComment {
	border-bottom-color: #999999;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
	font-size: 11px;
}
.sideCommentEnd {
	border-bottom-color: #999999;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	font-size: 11px;
}
#Grshop li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	display: block;
}

#Grshop a:link {
	color: #FF9900;
	text-decoration: none;
}
#Grshop a:visited {
	color: #FF9900;
	text-decoration: none;
}
#Grshop a:hover {
	color: #FF9900;
	text-decoration: none;
}
#Grshop  li:hover  {
	background-color: #666666;
}
#Grshop img {
	padding-right: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 10px;
}
