/*
	Theme Name: Digital Jack Theme - 2008.09
	Theme URI: http://www.digital-jack.net/
	Description: Digital Jack ウェブサイトのテーマ
	Version: 1.0
	Author: Digital Jack Corporation [ Tomohiro OSHIRO ]
	Author URI: http://www.matchyo.net/mblog/
*/

@charset "utf-8";





/* ============1) Global================= */


*{
	margin:0;
	padding:0;
	font-size:100%;
}

body {
	margin: 0;
	padding: 0;
	color: #000;
	font: normal 12px 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	text-align: center;
}

form, input {
	margin: 0;
	padding: 0;
}

a { text-decoration: underline; }
a img { border: 0; }

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.clearfix {
	display: inline-block;
}

.clearfix {
	display: block;
}


#Container {
	margin: 0 auto;
	width: 900px;
	text-align: left;
}





/* ==============2) Header================== */


#Header {
	height: 40px;
}

h1 {
	margin: 15px 0 0 0;
	font-weight: normal;
	float: right;
}

h2 {
	margin: 15px 0 0 0;
	font-weight: bold;
	float: left;
}

h2 a {
	text-decoration: none;
	color: #000;
}

h2 a:hover {
	text-decoration: underline;
	color: #666;
}





/* ==============3) Grand Navigation================== */

#GrandNavigation {
	margin: 0;
	height: 35px;
	background: url(images/header/gn-bg.jpg) no-repeat;
}

#GrandNavigation ul {
	margin: 0;
	padding: 0;
	text-align: left;
	position: relative;

}

#GrandNavigation li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	position: absolute;
}

#GrandNavigation li a {
	display: block;
	border: none;
	text-decoration: none;
	text-indent: -9999px;
	letter-spacing: -1000em;
	line-height: 110%;
}

#GrandNavigation li a {
	letter-spacing : normal;
	overflow: hidden;
}



#GrandNavigation li a, #GrandNavigation li a:visited, #GrandNavigation li a:hover, #GrandNavigation li a:active {
	text-decoration: none;
}



#GNhome {
	width: 100px;
	top: 0;
	left: 0;
}

#GNhome a, #GNhome a:visited {
	width: 100px;
	height: 35px;
	background: transparent url(images/header/gn-home.gif) no-repeat 0 0px;
}

#GNhome a:hover, #GNhome a:active {
	background: transparent url(images/header/gn-home-h.gif) no-repeat 0 0px;
}


#GrandNavigation a#GNhomeNow {
	background: transparent url(images/header/gn-home-h.gif) no-repeat 0 0px;
	cursor: default;
}



#GNweb {
	width: 100px;
	top: 0;
	left: 100px;
}

#GNweb a, #GNweb a:visited {
	width: 100px;
	height: 35px;
	background: transparent url(images/header/gn-web.gif) no-repeat 0 0px;
}

#GNweb a:hover, #GNweb a:active {
	background: transparent url(images/header/gn-web-h.gif) no-repeat 0 0px;
}

#GrandNavigation a#GNwebNow {
	background: transparent url(images/header/gn-web-h.gif) no-repeat 0 0px;
	cursor: default;
}



#GNmovie {
	width: 100px;
	top: 0;
	left: 200px;
}

#GNmovie a, #GNmovie a:visited {
	width: 100px;
	height: 35px;
	background: transparent url(images/header/gn-movie.gif) no-repeat 0 0px;
}

#GNmovie a:hover, #GNmovie a:active {
	background: transparent url(images/header/gn-movie-h.gif) no-repeat 0 0px;
}

#GrandNavigation a#GNmovieNow {
	background: transparent url(images/header/gn-movie-h.gif) no-repeat 0 0px;
	cursor: default;
}



#GNdtp {
	width: 100px;
	top: 0;
	left: 300px;
}

#GNdtp a, #GNdtp a:visited {
	width: 100px;
	height: 35px;
	background: transparent url(images/header/gn-dtp.gif) no-repeat 0 0px;
}

#GNdtp a:hover, #GNdtp a:active {
	background: transparent url(images/header/gn-dtp-h.gif) no-repeat 0 0px;
}

#GrandNavigation a#GNdtpNow {
	background: transparent url(images/header/gn-dtp-h.gif) no-repeat 0 0px;
	cursor: default;
}



#GNserver {
	width: 100px;
	top: 0px;
	left: 400px;
	text-transform: uppercase;
}

#GNserver a, #GNserver a:visited {
	width: 100px;
	height: 35px;
	background: transparent url(images/header/gn-server.gif) no-repeat 0 0px;
}

#GNserver a:hover, #GNserver a:active {
	background: transparent url(images/header/gn-server-h.gif) no-repeat 0 0px;
}

#GrandNavigation a#GNserverNow {
	background: transparent url(images/header/gn-server-h.gif) no-repeat 0 0px;
	cursor: default;
}



#GNabout {
	width: 100px;
	top: 0px;
	left: 500px;
	text-transform: uppercase;
}

#GNabout a, #GNabout a:visited {
	width: 100px;
	height: 35px;
	background: transparent url(images/header/gn-about.gif) no-repeat 0 0px;
}

#GNabout a:hover, #GNabout a:active {
	background: transparent url(images/header/gn-about-h.gif) no-repeat 0 0px;
}

#GrandNavigation a#GNaboutNow {
	background: transparent url(images/header/gn-about-h.gif) no-repeat 0 0px;
	cursor: default;
}






/* ==============4) TopContents================== */

#TopContents {
	margin: 15px 0 0 0;
}

#TCText {
	margin: 8px 0 0 0;
	width: 200px;
	line-height: 1.4;
	float: left;
}

#Inquiry {
	padding: 5px 0 0 0;
	margin: 15px 0 0 0;
	width: 200px;
	height: 201px;
	background: url(images/topcontents/inquiry-bg.gif) no-repeat;
}

#InquiryTitle {
	margin: 10px;
	padding: 0 0 0 7px;
	width: 100px;
	font-size: 120%;
	font-weight: bold;
	border-right: 3px solid #666;
	border-left: 3px solid #666;
}

* html #InquiryTitle {
	width: 112px;
}

#InquiryText {
	padding: 0 10px;
	line-height: 1.8;
}

#Inquiry img {
	margin: 40px 0 0 10px;
}

#MainVisual {
	width: 685px;
	height: 385px;
	float: right;
}





/* ==============5) Contents================== */

#Contents {
	margin: 20px 0 0 0;
}





/* ==============6) SubMenu================== */

#SubMenu {
	width: 200px;
	float: left;
}

.SMTitle {
	padding: 10px 0 0 12px;
	height: 21px;
	font-weight: bold;
	background: url(images/submenu/header-bg.jpg) no-repeat;
}

* html .SMTitle {
	height: 31px;
}

.SMText {
	margin: 0 0 20px 0;
	padding: 0 8px;
	background: #f2f2f2;
}

.SMText ul {
	list-style: none;
}

.SMText ul li {
	padding: 10px 0;
}

.SMText a {
	color: #707070;
	text-decoration: none;
}

.SMText a:hover {
	color: #606060;
	text-decoration: underline;
}





/* ==============7) MainContents================== */


#MainContents {
	width: 685px;
	float: right;
}

#PageTitle {
	padding: 30px 0 0 20px;
	height: 40px;
	color: #fff;
	font-size: 220%;
	background:url(images/maincontents/pagetitle-bg.gif) no-repeat;
}

* html #PageTitle {
	height: 70px;
}

#MCText {
	padding: 20px 30px;
	background: #fafafa;
	line-height: 3;
}


/* home */

#PickUpMenu {
	margin: 20px 0 0 -15px;
}

* html #PickUpMenu {
	margin: 20px 0 0 -25px;
}

.HomeBlock {
	margin: 0 0 10px 10px;
	width: 310px;
	background: #e1e1e1;
	float: left;
}

.HBTitleE {
	margin: 3px;
	color: #a9a9a9;
	font-size: 90%;
	line-height: 1;
	border-bottom: 1px solid #fff;
}

.HBTitleJ {
	margin: 10px 3px 3px 3px;
	font-size: 140%;
	font-weight: bold;
	text-align: right;
	line-height: 1;
}

.HBText {
	padding: 10px;
	background: #fff;
	line-height: 2;
	border: 1px solid #e1e1e1;
}

.HBMore {
	margin: 10px 0 0 0;
	font-size: 80%;
	text-align: right;
}

.HBTitleJ a, .HBMore a {
	color: #707070;
	text-decoration: none;
}

.HBTitleJ a:hover, .HBMore a:hover {
	color: #606060;
	text-decoration: underline;
}


/* archives */

#ArchivesMenu {
	margin: 20px 0 0 -15px;
}

* html #ArchivesMenu {
	margin: 20px 0 0 -25px;
}

.ArchivesBlock {
	margin: 0 0 10px 10px;
	background: #ededed;
}

.AMTitleE {
	margin: 0 10px;
	padding: 5px 0;
	color: #a9a9a9;
	font-size: 90%;
	text-align: right;
	line-height: 1;
	border-bottom: 1px solid #fff;
}

.AMTitleJ {
	padding: 5px 10px;
	font-size: 140%;
	font-weight: bold;
	line-height: 1;
}

* html .AMTitleJ {
	margin: 0 0 0 15px;
}

.AMText {
	margin: 0 0 30px 0;
	padding: 10px;
	background: #fff;
	line-height: 2;
}

* html .AMText {
	margin: 0 0 30px 15px;
}

.AMText p {
	padding: 0 0 20px 0;
}

.AMMore {
	margin: 10px 0 0 0;
	font-size: 80%;
	text-align: right;
}

.AMTitleJ a, .AMMore a {
	color: #707070;
	text-decoration: none;
}

.AMTitleJ a:hover, .AMMore a:hover {
	color: #606060;
	text-decoration: underline;
}






/* ==============8) Footer================== */

#Footer {
	margin: 20px 0 0 0;
	height: 35px;
	background: url(images/header/gn-bg.jpg) no-repeat;
}

#Footer ul {
	margin: 0;
	padding: 0;
	text-align: left;
	position: relative;

}

#Footer li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	position: absolute;
}

#Footer li a {
	display: block;
	border: none;
	text-decoration: none;
	text-indent: -9999px;
	letter-spacing: -1000em;
	line-height: 110%;
}

#Footer li a {
	letter-spacing : normal;
	overflow: hidden;
}



#Footer li a, #Footer li a:visited, #Footer li a:hover, #Footer li a:active {
	text-decoration: none;
}



#Fweb {
	width: 70px;
	top: 0;
	left: 427px;
}

#Fweb a, #Fweb a:visited {
	width: 100px;
	height: 35px;
	background: transparent url(images/footer/f-web.gif) no-repeat 0 0px;
}

#Fweb a:hover, #Fweb a:active {
	background: transparent url(images/footer/f-web-h.gif) no-repeat 0 0px;
}

#Footer a#FwebNow {
	background: transparent url(images/footer/f-web-h.gif) no-repeat 0 0px;
	cursor: default;
}



#Fmovie {
	width: 78px;
	top: 0;
	left: 497px;
}

#Fmovie a, #Fmovie a:visited {
	width: 78px;
	height: 35px;
	background: transparent url(images/footer/f-movie.gif) no-repeat 0 0px;
}

#Fmovie a:hover, #Fmovie a:active {
	background: transparent url(images/footer/f-movie-h.gif) no-repeat 0 0px;
}

#Footer a#FmovieNow {
	background: transparent url(images/footer/f-movie-h.gif) no-repeat 0 0px;
	cursor: default;
}



#Fdtp {
	width: 70px;
	top: 0;
	left: 575px;
}

#Fdtp a, #Fdtp a:visited {
	width: 70px;
	height: 35px;
	background: transparent url(images/footer/f-dtp.gif) no-repeat 0 0px;
}

#Fdtp a:hover, #Fdtp a:active {
	background: transparent url(images/footer/f-dtp-h.gif) no-repeat 0 0px;
}

#Footer a#FdtpNow {
	background: transparent url(images/footer/f-dtp-h.gif) no-repeat 0 0px;
	cursor: default;
}



#Fserver {
	width: 82px;
	top: 0px;
	left: 645px;
	text-transform: uppercase;
}

#Fserver a, #Fserver a:visited {
	width: 82px;
	height: 35px;
	background: transparent url(images/footer/f-server.gif) no-repeat 0 0px;
}

#Fserver a:hover, #Fserver a:active {
	background: transparent url(images/footer/f-server-h.gif) no-repeat 0 0px;
}

#Footer a#FserverNow {
	background: transparent url(images/footer/f-server-h.gif) no-repeat 0 0px;
	cursor: default;
}



#Fabout {
	width: 96px;
	top: 0px;
	left: 727px;
	text-transform: uppercase;
}

#Fabout a, #Fabout a:visited {
	width: 96px;
	height: 35px;
	background: transparent url(images/footer/f-about.gif) no-repeat 0 0px;
}

#Fabout a:hover, #Fabout a:active {
	background: transparent url(images/footer/f-about-h.gif) no-repeat 0 0px;
}

#Footer a#FaboutNow {
	background: transparent url(images/footer/f-about-h.gif) no-repeat 0 0px;
	cursor: default;
}



#Fhome {
	width: 77px;
	top: 0;
	left: 823px;
}

#Fhome a, #Fhome a:visited {
	width: 77px;
	height: 35px;
	background: transparent url(images/footer/f-home.gif) no-repeat 0 0px;
}

#Fhome a:hover, #Fhome a:active {
	background: transparent url(images/footer/f-home-h.gif) no-repeat 0 0px;
}


#Footer a#FhomeNow {
	background: transparent url(images/footer/f-home-h.gif) no-repeat 0 0px;
	cursor: default;
}




/* ==============9) Copyright================== */

#Copyright {
	margin: 6px 0 20px 10px;
	color: #666;
	font-size: 80%;
}

#Copyright a {
	color: #666;
	text-decoration: none;
}



#Copyright a:hover {
	color: #000;
	text-decoration: none;
}