/*
Theme Name: 全力亭株式会社
Theme URI: http://www.zenryokutei.com/
Description: 全力亭株式会社で使用されるテーマです。
Author: 大山環
Author URI: http://www.zenryokutei.com/
Version: 1.0
*/


* {
	margin: 0;
	padding: 0;
}

html, body {
	background: url(images/background.gif) repeat-y #b1cccc center;
	text-align: center;
	color: #000;
}

*+html body { padding-left: 1px; }
* html body { padding-left: 1px; }

.text01 {
	font-size: 1em;
	margin: 0 25px 0 25px;
}

.text02 {
	font-size: 0.9em;
	line-height: 1.5em;
	margin: 10px 5px 10px 15px;
}

.text03 {
	font-size: 0.8em;
	line-height: 1.5em;
	margin: 0 35px 50px 65px;
}

.text04 {
	font-size: 0.8em;
	line-height: 1.5em;
	margin: 0 35px 10px 85px;
}

.clear { clear: both; }


/*--[topcontainer]----------------------------------------*/

#topcontainer {
	width: 880px;
	margin: 0 auto;
	text-align: center;
}

/*--[topheader]-------------------------------------------*/

#topheader {
	background: url(images/header_index.gif) center top no-repeat;
	width: 880px;
	height: 435px;
	text-align: left;
}

#topheader h1 {
	text-indent: -3000px;
	display: block;
	width: 880px;
	height: 185px;
}

/*--[topbar]----------------------------------------------*/

#topbar {
	margin-left:auto;
	margin-right:auto;
	width: 780px;
	height: 50px;
}

#topbar ul {
	list-style: none;
}

#topbar li {
	float: left;
	text-indent: -3000px;
}

#topbar li a:focus {
	outline:none;
}

#ulceo a, #ulinformation a, #ulceo a:hover, #ulinformation a:hover {
	display: block;
	width: 105px;
	height: 50px;
	}

#ulcompany a, #ulshowcase a, #uljobs a, #ulstaff a, #ulproducts a, #ullink a, #ulcompany a:hover, #ulshowcase a:hover, #uljobs a:hover, #ulstaff a:hover, #ulproducts a:hover, #ullink a:hover {
	display: block;
	width: 95px;
	height: 50px;
}

#ulceo a {background: url(images/ul/top/ceo.gif);}
#ulcompany a {background: url(images/ul/top/company.gif);}
#ulshowcase a {background: url(images/ul/top/showcase.gif);}
#uljobs a {background: url(images/ul/top/jobs.gif);}
#ulstaff a {background: url(images/ul/top/staff.gif);}
#ulproducts a {background: url(images/ul/top/products.gif);}
#ullink a {background: url(images/ul/top/link.gif);}
#ulinformation a {background: url(images/ul/top/information.gif);}

#ulceo a:hover {background: url(images/ul/top/ceo_over.gif);}
#ulcompany a:hover {background: url(images/ul/top/company_over.gif);}
#ulshowcase a:hover {background: url(images/ul/top/showcase_over.gif);}
#uljobs a:hover {background: url(images/ul/top/jobs_over.gif);}
#ulstaff a:hover {background: url(images/ul/top/staff_over.gif);}
#ulproducts a:hover {background: url(images/ul/top/products_over.gif);}
#ullink a:hover {background: url(images/ul/top/link_over.gif);}
#ulinformation a:hover {background: url(images/ul/top/information_over.gif);}

/*--[topcontents]-----------------------------------------*/

#topcontents {
	width: 780px;
	background: url(images/contents_bottom_index.gif) center bottom;
	text-align: left;
	margin-left:auto;
	margin-right:auto;
	padding-bottom: 25px;
	font-family: メイリオ;
}

#topcontents h2 {
	text-indent: -3000px;
	width: 780px;
	height: 20px;
	background: url(images/h2/index.gif) no-repeat bottom;
}

#topcontents dl {
	font-size: 0.8em;
	line-height: 1.5em;
	margin: 0 0 0 175px;
	color: #fff;
}

#topcontents dt {
	float: left;
	width: 10em;
}

#topcontents dd {
	margin-left: 100px;
}

#topcontents dd a{
	color: #ff0000;
}

/*--[topfooter]-------------------------------------------*/

#topfooter {
	width: 780px;
	height: 135px;
	margin: 0px auto;
	text-align: left;
	background: url(images/footer_index.gif) no-repeat;
	font-family: メイリオ;
	}

#topfooter ul{
	margin-left: 10px;
}

#topfooter ul a{
	list-style: none;
	margin-top: 10px;
	text-align: left;
}

#topfooter li, #topfooter li a {
	list-style: none;
	float: left;
	margin-left: 5px;
	font-size: 0.9em;
	color: #fff;
}


#topfooter h3 {
	text-indent: -3000px;
	display: block;
	width: 200px;
	height: 75px;
}

#topfooter h4 {
	margin-left: 21px;
	color: #fff;
	font-size: 0.7em;
	font-weight: normal;
	font-family: Helvetica, Arial;
}

/*--[page]-------------------------------------------*/

#page {
	width: 800px;
	margin: 0 auto;
	text-align: left;
}


/*--[header]----------------------------------------------*/

#header {
	background: url(images/header.gif) no-repeat;
	width: 800px;
	height: 355px;
	text-align: left;
	position: static;
}

/*--[wrapper]---------------------------------------------*/

#wrapper {
	background: url(images/wrapper.gif) repeat-y;
	width: 800px;
	clear: both;
}

/*--[sidebar]----------------------------------------------*/

#sidebar {
	background: url(images/sidebar.gif) no-repeat;
	width: 255px;
	height: 515px;
	text-align: left;
	float: left;
}

#sidebar ul {
	list-style: none;
	margin: 15px 0 0 30px;
}

#sidebar li {
	display: block;
	width: 210px;
	text-indent: -3000px;
}

#sidebar li a:focus {
	outline:none;
}

.index a, .index a:hover {
	display: block;
	width: 210px;
	height: 70px;
	}

.ceo a, .company a, .showcase a, .jobs a, .staff a, .products a, .link a, .information a, .ceo a:hover, .company a:hover, .showcase a:hover, .jobs a:hover, .staff a:hover, .products a:hover, .link a:hover, .information a:hover, .stayceo, .staycompany, .stayshowcase, .stayjobs, .staystaff, .stayproducts, .staylink, .stayinformation {
	display: block;
	width: 210px;
	height: 50px;
}

.index a {background: url(images/ul/main/index.gif);}
.ceo a {background: url(images/ul/main/ceo.gif);}
.company a {background: url(images/ul/main/company.gif);}
.showcase a {background: url(images/ul/main/showcase.gif);}
.jobs a {background: url(images/ul/main/jobs.gif);}
.staff a {background: url(images/ul/main/staff.gif);}
.products a {background: url(images/ul/main/products.gif);}
.link a {background: url(images/ul/main/link.gif);}
.information a {background: url(images/ul/main/information.gif);}

.index a:hover {background: url(images/ul/main/index_over.gif);}
.ceo a:hover {background: url(images/ul/main/ceo_over.gif);}
.company a:hover {background: url(images/ul/main/company_over.gif);}
.showcase a:hover {background: url(images/ul/main/showcase_over.gif);}
.jobs a:hover {background: url(images/ul/main/jobs_over.gif);}
.staff a:hover {background: url(images/ul/main/staff_over.gif);}
.products a:hover {background: url(images/ul/main/products_over.gif);}
.link a:hover {background: url(images/ul/main/link_over.gif);}
.information a:hover {background: url(images/ul/main/information_over.gif);}

.stayceo {background: url(images/ul/main/ceo_stay.gif);}
.staycompany {background: url(images/ul/main/company_stay.gif);}
.stayshowcase {background: url(images/ul/main/showcase_stay.gif);}
.stayjobs {background: url(images/ul/main/jobs_stay.gif);}
.staystaff {background: url(images/ul/main/staff_stay.gif);}
.stayproducts {background: url(images/ul/main/products_stay.gif);}
.staylink {background: url(images/ul/main/link_stay.gif);}
.stayinformation {background: url(images/ul/main/information_stay.gif);}

/*--[contents]--------------------------------------------*/

#contents {
	width: 535px;
	margin: 0 auto;
	text-align: left;
	float: left;
	font-family: メイリオ;
}

#content_header {
	width: 535px;
	height: 24px;
	background: url(images/content_header.gif);
}

#contents ul {
}

#subtitle {
	width: 535px;
	height: 64px;
	background: url(images/subtitle.gif) no-repeat;
	text-align: center;
	font-size: 2em;
	font-weight: bold;
	padding-top: 12px;
}


#subtitle a { text-decoration: none; }
#subtitle a:link { color: #fff; }
#subtitle a:visited { color: #fff; }
#subtitle a:hover { color: #fff; }
#subtitle a:active { color: #fff; }


#entry
{
	padding: 0px 32px 20px 32px;
}


/*--[ceo]-------------------------------------------------*/

#ceo h3 {
	color: #fff;
	text-align: center;
	font-size: 1.3em;
	font-weight: bold;
	margin: 30px 0px 0px 0px;
	padding: 10px;
	background: url(images/header_red.gif);
	border: solid 1px #600;
}

#ceo h4 {
	text-align: right;
	margin: 10px 25px 10px 45px;
	font-weight: normal;
	line-height: 1.35em;
}

#ceo h5 {
	text-align: center;
	font-weight: normal;
	margin: 20px 50px 0 50px;
	font-size: 0.9em;
	color: #fff;
	padding: 5px 0 5px 20px;
	background: url(images/header_red.gif);
	border: solid 1px #600;
}

#ceo img {
	border: solid 1px #600;
}

#ceo_image {
	text-align: center;
}


#ceocomment {
	margin: 0 0px 40px 0px;
	background: url() #fff;
	padding: 10px;
	border: solid 1px #ecc;
}

#ceo dl {
	margin: 0 50px 0 50px;
	margin-right: px;
	background: #fff;
	padding: 20px 10px 15px 10px;
	border: solid 1px #ecc;
}

#ceo dt {
	float: left;
	margin-left: 10px;
	font-size: 0.8em;
	line-height: 1.35em;
}

#ceo dd {
	line-height: 1.35em;
	font-size: 0.8em;
	margin-left: 7em;
}

/*--[company]---------------------------------------------*/

#company dl {
	margin-left: 45px;
}

#company dt {
	float: left;
	color: #fff;
	line-height: 1.75em;
	font-size: 0.9em;
	text-align: center;
	padding: 0 10px;
	width: 8em;
	border: solid 1px #600;
	background: url(images/header_red.gif);
}

#company dd {
	margin-left: 11em;
	margin-bottom: 20px;
	line-height: 1.75em;
	font-size: 0.9em;
}

#company ul {
	list-style: none;
	line-height: 2.5em;
	font-size: 0.9em;
}

/*--[showcase]--------------------------------------------*/

#showcase h2 {
	margin: 0 16px 10px 16px;
	font-weight: normal;
	font-size: 1em;
	text-align: center;
	padding: 0 0 0 10px;
	color: #fff;
	border: solid 1px #600;
	background: url(images/header_red.gif);
}

#showcase h3 {
	margin: 0 16px 5px 32px;
	font-weight: normal;
	font-size: 0.9em;
}

#showcase dl {
	margin: 0 16px 20px 32px;
}

#showcase dt {
	float: left;
	font-size: 0.9em;
	line-height: 1.5em;
}

#showcase dd {
	margin: 0 0 0 60px;
	font-size: 0.9em;
	line-height: 1.5em;
}

/*--[jobs]------------------------------------------------*/

#jobs h2 {
	font-size: 1.2em;
	color: #fff;
	margin: 30px 16px 5px 16px;
	background: url(images/header_red.gif) #f00;
	padding: 3px 0 3px 10px;
	border: solid 1px #000;
}

#jobs h3 {
	font-size: 1.2em;
	margin: 30px 16px 10px 16px;
	background: #f8f8f8;
	padding: 3px 0 3px 10px;
	border: solid 1px #ccc;
}

#jobs h4 {
	font-size: 0.9em;
	margin: 0 0 0 32px;
}

#jobs dl {
	margin: 0 0 0 105px;
}

#jobs dt {
	float: left;
	font-size: 0.8em;
}

#jobs dd {
	margin: 0 0 0 50px;
	font-size: 0.9em;
}

/*--[staff]-----------------------------------------------*/

#staff img {
	border: solid 1px #d00;
}

.staffbackground {
	background: url(images/staff/staffbackground.gif) #fff;
	margin: 0 50px 0 45px;
	height: 140px;
	border: solid 1px #600;
}

.staffphoto {
	float: left;
	margin: 10px;
}

.staffname {
	padding: 5px auto;
	margin: 10px 10px 0 150px;
	text-align: center;
	color: #fff;
	background: url(images/header_red.gif);
}

.staffpart {
	font-size: 0.7em;
}

.staffcomment {
	font-size: 0.9em;
	line-height: 1.5em;
	margin: 10px 10px 10px 150px;
}

.fukumenbackground4 {
	background: url(images/staff/fukumen4.gif) no-repeat ;
	margin: 0 0 25px 0;
	width: 100%;
}

.fukumenbackground5 {
	background: url(images/staff/fukumen5.gif) no-repeat ;
	margin: 0 0 25px 0;
	width: 100%;
}

.fukumencomment {
	font-size: 0.7em;
	line-height: 1.5em;
	text-align: right;
	margin: 0 160px 0 10px;
	padding: 10px
}

/*--[products]--------------------------------------------*/

#products h2 {
	
	color: #fff;
	border: solid 1px #600;
	margin: 0 16px 0 16px;
	padding: 2px 0 0 0;
	background: url(images/header_red.gif);
	text-align: center;
	font-weight: bold;
	font-size: 1em;
}

.productsbackground {
	background: #fff;
	margin: 0 16px 0 16px;
	padding-bottom: 1px;
	border: solid 1px #eaa;
}

.productsphoto {
	float: left;
	margin: 10px;
}

.productsname {
	padding-top: 10px;
	margin-left: 150px;
}

.productsgenre {
	font-size: 0.7em;
	margin: 10px 10px 0 150px;
}

.productsurl {
	font-size: 0.8em;
	margin: 5px 10px 0 150px;
}

.productscomment {
	line-height: 1.5em;
	font-size: 0.9em;
	margin: 10px 10px 10px 150px;
}

/*--[link]------------------------------------------------*/

#link dl {
	margin-left: 45px;
}

#link dt {
	float: left;
	line-height: 3em;
	text-align: center;
	padding: 0 10px;
	width: 8em;
	font-size: 0.9em;
}

#link dd {
	margin-left: 11em;
	margin-bottom: 20px;
	font-size: 0.9em;
	line-height: 3em;
}

#link ul {
	list-style: none;
}


/*--[information]-----------------------------------------*/

#information p {
	text-align: center;
	vertical-align: middle;
	margin: 0 0px 20px 0px;
}

form {
	text-align: right;
}

label {
	width: 10em;
	font-size: 0.9em;
	text-align: right;
	margin: 10px 10px 0 0;
}

.formname, .formemail {
	width: 300px;
	margin: 10px 0 0 0;
}

.formsubject {
	width: 300px;
	height: 5em;
	margin: 10px 0 0 0;
}

.formsubmit {
	margin: 20px 0 0 8em;
	width: 200px;
}

.formreset {
	margin-top: 20px;
	width: 100px;
	
}

/*--[footer]----------------------------------------------*/

#footer {
	width: 800px;
	height: 170px;
	margin: 0px auto;
	text-align: left;
	background: url(images/footer.gif) no-repeat;
	font-family: メイリオ;
	}


#footer ul{
	margin-left: 17px;
}

#footer ul a{
	list-style: none;
	margin-top: 60px;
	text-align: left;
}

#footer li, #footer li a {
	list-style: none;
	float: left;
	margin-left: 5px;
	font-size: 0.9em;
	color: #fff;
}

#footer h3 {
	text-indent: -3000px;
	display: block;
	width: 200px;
	height: 70px;
}

#footer h4 {
	margin-top: 60px;
	margin-left: 28px;
	color: #fff;
	font-size: 0.7em;
	font-weight: normal;
	font-family: Helvetica, Arial;
}


/*--[gamescreen]----------------------------------------------*/

#gamescreen {
	width: 720px;
	height: 240px;
	background-color: Black;
	background: url(images/top.jpg) no-repeat;
}

.gamescreen_voffset
{
	height: 80px;
}

.gamescreen_offset
{
	margin: 0px 0px 0px 40px;
}