@charset "UTF-8";

/* CSS Document */

/*=========================================

	post:		showa_shokuhin_HP
	File Name:	lay_out.css
	Creater:		mayama
	
=========================================*/





/* = indexPage
----------------------------------*/

.indexPage #content {
		width: 563px;
		float: left;
}

.indexPage #content #centerCont {
		width:344px;
		float:left;
}

.indexPage #content #centerCont p {
		margin-bottom:0em;
}

.indexPage #content #centerCont #newsBox {
		width:344px;
		overflow:auto;
		height:130px;
		font-size: 11px;
}

.indexPage #content #centerCont #futsalBox {
		width:100%;
		margin-top: 5px;
}

.indexPage #content #centerCont #futsalBox p {
		color:#666;
		font-size:11px;
		line-height: 150%;
		margin-top: 3px;
}

.indexPage #content #rightCont {
		width:185px;
		float:left;
		margin-left: 33px;
}

.indexPage #content #centerCont h2 {
		margin-bottom:5px;
}

.indexPage #content #centerCont #newsBox dl {
		padding:3px 0;
		width:100%;
		border-bottom:1px solid #ccc;
}

.indexPage #content #centerCont #newsBox dt {
		float:left;
		width:65px;
		display: block;
}

.indexPage #content #centerCont #newsBox dd {
		margin-left:70px;
		display: block;
}

.indexPage #content #centerCont h3 {
		margin:0.5em 0 1em;
}

.indexPage #content #rightCont ul li {
		width:185px;
		margin-bottom:5px;
}

/* = aboutPage
----------------------------------*/

.aboutPage #container h2 {
		padding:5px 0 5px 10px;
		border-bottom:1px solid #ccc;
		border-top:1px solid #ccc;
		background:#CCCCCC url(../img/about_bg.gif) repeat;
		font-size:1.2em;
}

.aboutPage #container table {
		width: 540px;
		margin: 1em 0;
}

.aboutPage #container th {
		width: 100px;
		padding:3px 0 2px 10px;
		text-align:left;
		background:#CCCCCC url(../img/about_bg.gif) repeat;
		border: #fff solid;
		border-width: 0 0 2px 0;
		vertical-align:top;
}

.aboutPage #container td {
		padding:3px 0 3px 10px;
}

/* = productPage
----------------------------------*/

.productPage .lefter {
		width:336px;
		float:left;
}

.productPage .section {
		margin-top:1em;
		padding-bottom:1em;
		border-bottom:1px solid #ccc;
		width:540px;
		margin-bottom: 1em;
		position: relative;
}

.productPage .section .lefter h4 {
		font-size:1.2em;
}

.productPage .section .lefter p {
		margin-top:1em;
}

.productPage .section .righter {
		width:180px;
		float:left;
		margin-left:24px;
}

.productPage .section .righter ul li {
		margin-bottom:3px;
}

.productPage p.innerTitle {
		margin:0.5em 0;
		color:#fff;
		background:url(../img/inner_bg.gif) no-repeat;
		height:20px;
		padding-left:1em;
}

.productPage ul.inner_menu {
		list-style:none;
		background:#fff;
		border-top: 1px solid #ccc;
		margin-top: 3px;
}

.productPage ul.inner_menu li {
		padding: 5px 0 5px;
		border-bottom:1px solid #ccc;
		font-size: 10px;
}

.productPage ul.inner_menu li a {
		display:block;
		width:auto;
}

/* = ideaPage
----------------------------------*/

.ideaPage h4 {
		font-size:1.2em;
		font-weight:bold;
		margin:1em 0;
}

/* = equipmentPage
----------------------------------*/

.equipmentPage #container ul.list {
		width:560px;
		margin-left:-8px;
}

.equipmentPage #container ul.list li {
		margin-left:8px;
		float:left;
		width:129px;
		margin-bottom: 0.8em;
		line-height: 1.5;
}

.equipmentPage #container ul.list li p {
		margin:2px 0 0 0;
		font-size:10px;
}

*html .equipmentPage #container ul.list li {
		display:inline;
}

.equipmentPage #container h4 {
		border-bottom:1px solid #ccc;
		padding-bottom:0.5em;
		font-size: 13px;
		margin-bottom: 0.7em;
}

.equipmentPage ul.inner_menu {
		list-style:none;
		background:#fff;
		border-top: 1px solid #ccc;
		margin-top: 3px;
		margin-bottom:0 !important;
}

.equipmentPage ul.inner_menu li {
		padding: 5px 0 5px 0;
		border-bottom:1px solid #ccc;
		font-size: 11px;
		margin:0 !important;
}

.equipmentPage ul.inner_menu li a {
		display:block;
		width:auto;
		padding-left:22px;
		margin:0 !important;
		background:url(../img/list_mark02.gif) no-repeat;
		background-position:10px;
}

/* = basePage
----------------------------------*/

.basePage .section {
		width:540px;
		position:relative;
		_zoom:1;
		overflow:hidden;
		margin: 1em 0;
		border-bottom: 1px solid #ccc;
		padding-bottom: 1em;
}

.basePage .section dl dt {
		font-size:1.2em;
		font-weight:bold;
}

.basePage .section dl dt img {
		vertical-align:text-top;
}

.basePage .section li.thumbnail {
		position:absolute;
		top:0;
		right:0;
}

/* = detailBasePage
----------------------------------*/

.detailBasePage dl dt {
		font-size:1.2em;
		font-weight:bold;
}

.detailBasePage dl dt img {
		vertical-align:text-top;
}

.detailBasePage ul {
		margin-bottom:1em;
}

.detailBasePage li.thumbnail {
		position:absolute;
		top:0;
		right:0;
}

.detailBasePage h3 {
		background:#fff !important;
		padding-left:0px !important;
}

.detailBasePage #detailList {
		width:560px;
		margin-left:-20px;
}

.detailBasePage #detailList li {
		margin-left:20px;
		float:left;
		font-size:0.9em;
		width:260px;
}

html .detailBasePage #detailList li {
		display:inline;
}

/* = counterPage
----------------------------------*/

.counterPage dl {
		width:540px;
		margin-top: 0.8em;
		margin-bottom: 1em;
		font-size: 13px;
		border-bottom: 1px solid #ccc;
		padding: 15px 0 15px 0;
		background:url(../img/counter_bg.jpg) right center no-repeat;
}

.counterPage dl dt {
		width:170px;
		float:left;
}

.counterPage dl dd {
		margin-left:170px;
}

.counterPage #tel {
		padding-left: 4em;
		background:url(../img/tel_icon.gif) center left no-repeat;
}

.counterPage #mail {
		padding-left: 4em;
		background:url(../img/mail_icon.gif) center left no-repeat;
}

/* = sitemapPage
----------------------------------*/

.sitemapPage #container {
		font-size:13px;
}

.sitemapPage #container #sitemapLeft {
		width:260px;
		float:left;
}

.sitemapPage #container #sitemapRight {
		width:260px;
		float:right;
}

.sitemapPage #container #sitemapLeft ul li {
		padding: 5px 0 5px;
		border-bottom:1px solid #ccc;
}

.sitemapPage #container #sitemapLeft ul li a {
		display:block;
		padding:3px 0 3px 25px;
		width:auto;
		border-left:5px solid #804F1B;
		background:#f5f5f5;
}

.sitemapPage #container #sitemapRight ul li span {
		padding: 5px 0 5px;
		display:block;
}

.sitemapPage #container #sitemapRight ul li span a {
		display:block;
		padding:3px 0 3px 25px;
		width:auto;
		border-left:5px solid #804F1B;
		background:#f5f5f5;
}

.sitemapPage #container #sitemapRight ul#inner_menu {
		border-top: 1px solid #ccc;
		padding-left:10px;
		padding-top:5px;
}

.sitemapPage #container #sitemapRight ul#inner_menu li {
		background:url(../img/list_mark02.gif) no-repeat;
		background-position:center left;
		padding-left:20px;
		padding-bottom:3px;
		padding-top:3px;
}

.sitemapPage #container #sitemapRight ul#inner_menu li a {
		display:block;
		width:auto;
}

/* = markPage
----------------------------------*/

.markPage #header {
		margin-bottom:3em;
}

.markPage #leftCont h3 {
		margin-bottom:2em;
}

/* = recruitPage
----------------------------------*/


.recruitPage #container h4 {
		border-bottom:1px solid #ccc;
		padding-bottom:0.5em;
		margin-top: 1.5em;
		padding-left: 0.8em;
		font-size: 13px;
}

.recruitPage #container table {
		width: 540px;
		margin: 0.5em 0 1em;
}

.recruitPage #container th {
		width: 100px;
		padding:3px 0 2px 10px;
		text-align:left;
		background:#CCCCCC url(../img/about_bg.gif) repeat;
		border: #fff solid;
		border-width: 0 0 2px 0;
		vertical-align:top;
}

.recruitPage #container td {
		padding:3px 0 3px 10px;
}

.recruitPage #container #pan {
		position:absolute;
		top:5px;
		right:10px;
}

.recruitPage #container #pan li {
		display:inline;
		border-left:1px solid #ccc;
		padding:0 5px;
}

.recruitPage #container dl#tel {
		width:538px;
		border:1px solid #ccc;
}

.recruitPage #container dl#tel dt {
		width:110px;
		background-color:#E7E9BF;
		float:left;
		padding-top:3px;
		padding-bottom:3px;
		text-align: center;
}

.recruitPage #container dl#tel dd {
		padding-top:3px;
		padding-bottom:3px;
		margin-left: 120px;
}

.recruitPage #container .border_text {
		font-size:1.2em;
		padding-bottom:3px;
		border-bottom:5px solid #F7C1BB;
		margin: 18px 0 12px 0;
		font-weight: bold;
}

.recruitPage #leftCont #introduce {
		margin-top: 20px;
		border-top:1px solid #ccc;
}

.recruitPage #leftCont #introduce li {
		padding:5px 0;
		border-bottom:1px solid #ccc;
}

.recruitPage #leftCont #introduce li a {
		display:block;
		color:#EA5810;
}

.recruitPage #container .intro h4 {
		color:#804F1B;
		padding: 0;
		border: none;
		margin-bottom: 0.2em;
		font-size: 1.2em;
		line-height: 150%;
		margin-top: 1em;
}

.recruitPage #container .intro {
		position:relative;
		padding-right:230px;
}

.recruitPage #container .intro p.introImage {
		position:absolute;
		top:0;
		right:0;
}

/* = accessPage
----------------------------------*/

.accessPage #container h4 {
		color:#C81528;
		margin-bottom:5px;
}

.accessPage #container .blue {
		color:#006BB5;
}

.accessPage #container #left {
		float:left;
		width: 250px;
}

.accessPage #container #left p {
		font-size:11px;
}

.accessPage #container #right {
		float:right;
		width: 280px;
		text-align: right;
}

/* = public
----------------------------------*/

#container h3 {
		border-top:1px solid #ccc;
		border-bottom:1px solid #ccc;
		padding:8px 0 8px 10px;
		background:#f5f5f5;
		font-size: 1.2em;
		color:#804F1B;
		margin-bottom: 1em;
}

.equipmentPage #container h3 {
		margin-bottom: 0.8em;
}