@charset "utf-8";

/* ---------------------------------------------------------------------

TITLE    : ドットジェイピー＞ホーム用 CSS
URL      : http://www.dot-jp.or.jp/css/index.css

--------------------------------------------------------------------- */

h2 {
	background: url(none);
	border-bottom: none;
	padding: 0px;
	margin: 0px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
h3 {
	background: url(none);
	border-bottom: none;
	padding: 0px;
	margin: 0px;
	text-indent: 0px;
	width: 100%;
}
.html {
	background: url(none);
	padding-left: 28px;
	line-height: 20px;
}
.pagetop {
	clear: left;
	width: 100%;
	margin: 40px 0px 0px;
	padding: 0px;
	background: url(../img/page_top.gif) no-repeat right 0px;
	height: 30px;
}
.pagetop a {
	display: block;
	text-decoration: none;
	line-height: 30px;
	text-indent: -9999px;
	outline: none;
}
.pagetop a:hover {
}
a:hover, a:active {
}
/*

　メインビジュアル

*/
#info_board {
	width: 780px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background: #F4F4F4 url(../img/index_visual_bg.jpg) no-repeat 0px bottom;
}
#info_board ul {
	list-style: none;
}
#info_board_main {
	float: right;
	width: 592px;
	height: 176px;
	/*background: url(../_info_board/img/disp_bg.gif) no-repeat 0px top;*/
	padding-top: 20px;
	text-align: center;
}
#info_board_disp {
	width: 552px;
	padding: 0px;
	height: 136px;
	text-align: left;
	/*border-bottom: 1px solid #CCCCCC;*/
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 20px;
}
#info_board_side {
	float: left;
	width: 188px;
	margin-top: 20px;
	/*background: url(../img/intern/side_bg.gif) no-repeat center 41px;*/
}
#info_board_side #info_board_navi {
	margin-top: -14px;
}
#info_board_side #info_board_navi li {
	display: inline;
	margin: 0px;
	padding: 0px;
}
#info_board_side #info_board_navi li a {
	outline: none;
}
#info_board_side #info_board_navi li img {
	display: block;
	height: 36px;
	margin-top: 14px;
}
/*

　メインコンテンツ

*/
#sub_menu {
	width: 740px;
	height: 70px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}
#sub_menu ul {
	height: 70px;
	list-style: none;
	/*margin-left: -16px;*/
	margin-left: -15px;
}
#sub_menu li {
	display: inline;
	float: left;
	/*margin-left: 16px;*/
	margin-left: 15px;
}
#sub_menu li img {
	height: 68px;
	width: 234px;
}
#sub_menu li a {
	display: block;
	padding: 1px;
	background: #BBBBBB;
	/*width: 236px;*/
}
#sub_menu li a:hover, #sub_menu li a:active {
	background: #FF6600;
}
#index_contents {
	width: 740px;
	margin-right: auto;
	margin-left: auto;
	clear: left;
}
#index_contents h2 {
	border-top: 2px solid #FF6600;
	border-bottom: 1px solid #CCCCCC;
	font-size: 14px;
	padding: 0px;
	margin: 0px;
	height: 31px;
}
#index_contents .grid1 h2 {
	border-bottom-style: none;
}
#index_contents .grid1 {
	/*width: 350px;*/
	width: 430px;
	float: right;
}
#index_contents .grid2 {
	/*width: 390px;*/
	width: 310px;
	/*width: 235px;*/
	float: left;
}
#index_contents .grid2 dl {
}
#index_contents .grid2 dt {
	color: #FF6600;
	/*text-indent: 12px;*/
	padding-top: 5px;
	padding-bottom: 2px;
	padding-left: 12px;
	padding-right: 12px;
}
#index_contents .grid2 dd {
	padding-left: 1.7em;
	padding-right: 1em;
	/*font-size: 90%;*/
	font-size: 12px;
}
#index_contents .grid2 .pdf {
	background: url(../img/icon/pdf.gif) no-repeat 1.7em 0em;
	text-indent: 24px;
	padding-left: 1.7em;
	padding-right: 1em;
}
#index_contents .grid2 dd a {
	margin-right: 0.5em;
}
#index_contents .grid2 .scroll {
	overflow-x: hidden;
	overflow-y: auto;
	width: 99.32%;
}
#index_contents .grid2 h2 a {
	background: url(../img/more_btm.gif) no-repeat 0px 0px;
	display: block;
	height: 15px;
	width: 70px;
	/*margin-left: 330px;*/
	/*margin-left: 195px;*/
	margin-left: 210px;
	text-decoration: none;
	text-indent: -9999px;
	outline: none;
	margin-top: 8px;
}
#voice, #history,#business, #whom, #media, #release {
	margin-bottom: 20px;
} 
#history, #media, #release {
	/*width: 370px;*/
	width: 290px;
	border-right: 1px solid #BBBBBB;
	border-bottom: 1px solid #BBBBBB;
	border-left: 1px solid #BBBBBB;
}
#voice, #history {
	height: 240px;
}
#business, #whom, #media, #release {
	height: 150px;
}
#voice {
	border-style: none;
	background: url(../img/voice/for_index/bg.gif) no-repeat 0px 0px;
}
#business {
}
#business a:hover img {
}
#whom {
	/*border-top: 1px solid #FFFFFF;*/
	background: url(../img/index_whom.gif) no-repeat center 0px;
}
#whom h2 {
	text-indent: -9999px;
	margin-bottom: 6px;
	border-top: 2px solid #FF6600;
}
#whom ul {
	list-style: none;
	width: 389px;
	margin-right: auto;
	margin-left: auto;
}
#whom ul li {
	display: inline;
}
#whom ul li a {
	display: block;
	width: 190px;
	float: left;
	height: 44px;
	margin-left: 3px;
	margin-bottom: 3px;
	text-indent: -9999px;
	outline: none;
	text-decoration: none;
}
/*#whom ul li a:hover {
	background: url(../img/index_whom_bg.gif) no-repeat center 34px;
}
#whom a:hover img {
}*/
#whom ul .giin a {
	background: url(../img/index_whom_btm.gif) no-repeat 0px -44px;
}
#whom ul .giin a:hover {
	background: url(../img/index_whom_btm.gif) no-repeat 0px 0px;
}
#whom ul .school a {
	background: url(../img/index_whom_btm.gif) no-repeat -190px -44px;
}
#whom ul .school a:hover {
	background: url(../img/index_whom_btm.gif) no-repeat -190px -0px;
}
#whom ul .group a {
	background: url(../img/index_whom_btm.gif) no-repeat -380px -44px;
}
#whom ul .group a:hover {
	background: url(../img/index_whom_btm.gif) no-repeat -380px 0px;
}
#whom ul .coverage a {
	background: url(../img/index_whom_btm.gif) no-repeat -570px -44px;
}
#whom ul .coverage a:hover {
	background: url(../img/index_whom_btm.gif) no-repeat -570px 0px;
}
#history {
}
#history h2 {
	background: url(../img/index_subcontents_h2.gif) no-repeat 0px 0px;
}
#history h2 a {
	/*background: url(../img/index_subcontents_h2.gif) no-repeat 0px 0px;*/
}
#history .scroll {
	height: 206px;
}
#media .scroll, #release .scroll {
	height: 116px;
}
#media {
}
#media h2 {
	background: url(../img/index_subcontents_h2.gif) no-repeat -370px 0px;
}
#release {
}
#release h2 {
	background: url(../img/index_subcontents_h2.gif) no-repeat -740px 0px;
}