@charset "utf-8";

/*
Theme Name: 東灘区自立支援協議会
Theme URI: http://www.hnada-jiritsu.org/
Discription: 東灘区自立支援協議会スタイルシート
*/

@import url(css/reset-min.css);
@import url(css/fonts-min.css);
@import url(css/base-context-min.css);

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

	===== TOC =====
	
	* common
	* header
	* contents
	* main
	* sub
	* footer
	
	
	===== FONTS =====
	36px				277%
	34px				262%
	32px				247%
	30px				231%
	26px				197%
	25px				189%
	24px				182%
	23px				174%
	22px				167%
	21px				161.6%
	20px				153.9%
	19px				146.5%
	18px				138.5%
	17px				131%
	16px				123.1%
	15px				116%
	14px				108%
	13.5px				104%
	13px				100%
	12px				93%
	11px				85%
	10px				77%
	
----------------------------------------------- */


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

	*common

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

html {
	/* background-color: #FDE8E9; 091216 */
	background: url(img/bg.gif) top center repeat;
}

body {
	padding-top: 7px;
	text-align: center;
	color: #262626;
	background: url(img/header-bg-top.jpg) top center no-repeat;
}

a:link {
	color: #724152;
}

a:visited {
	text-decoration: none;
	color: #9F7C59;
}

a:hover {
	color: #FFFFFF;
	background-color: #724152;
}

div.page {	
	width: 852px;
	overflow: hidden;
	margin: 0 auto;
	/* border-right: 1px solid #E5E5E5;
	border-left: 1px solid #E5E5E5; 091216 */
	text-align: left;
	/* background-color: #FFFFFF; 091216 */
}


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

	*header

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

div.header {
	width: 852px;
	overflow: hidden;
	/* background: url(img/header-bg-bottom.jpg) left bottom repeat-x; 091216 */
}

/*	logo
----------------------------------------------- */

div.header div.logo {
	float: left;
	width: 308px;
	padding: 49px 0 0 27px;
}

div.header div.logo h1,
div.header div.logo p {
	padding-bottom: 42px;
}

div.header div.logo p a:hover {
	background: none;
}

/*	global-nav
----------------------------------------------- */

div.header div.global-nav {
	float: right;
	width: 503px;
	padding-top: 21px;
}

div.header div.global-nav ul li {
	float: left;
}

div.header div.global-nav ul li.home {
	padding-right: 15px;
}

div.header div.global-nav ul li.archives {
	padding-right: 15px;
}

div.header div.global-nav ul li.about {
	padding-right: 15px;
}

div.header div.global-nav ul li.member {
	padding-right: 15px;
}

div.header div.global-nav ul li.product {
	padding-right: 15px;
}

div.header div.global-nav ul li a:hover {
	background: none;
}


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

	*contents
----------------------------------------------- */


div.contents {
	clear: both;
	width: 852px;
	overflow: hidden;
	border-right: 1px solid #E5E5E5;
	border-top: 1px solid #E5E5E5;
	border-left: 1px solid #E5E5E5;
	background-color: #FFFFFF;
}

div.visual {
	margin-bottom: 42px;
	padding-top: 27px;
	text-align: center;
	/* background-color: #F3ECED; 091216 */
}


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

	*main

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

div.main {
	float: left;
	width: 532px;
	padding: 0;
}

/*	section
----------------------------------------------- */

div.main div.section {
	margin: 0 0 42px 24px;
	border-top: 1px solid #7F0E10;
}

div.main div.section h1 {
	margin: 14px 0 28px;
	font-size: 167%;
	color: #36374E;
}

div.main div.section h2,
div.main div.section p,
div.main div.section ul li,
div.main div.section ol li,
div.main div.section dl dt,
div.main div.section dl dd,
div.main div.section table {
	line-height: 1.5;
	font-size: 108%;
}

div.main div.section table tr td ul li {
	font-size: 100%;
}

div.main div.section h2 {
	padding: 0 0 7px 11px;
	border-bottom: 1px solid #585967;
	line-height: 1.01;
	font-weight: bold;
	color: #191919;
	background: url(img/h2-bg.gif) top left no-repeat;
}

div.main div.section ul {
	margin-left: 1em;
}

div.main div.section ul li {
	padding-left: 1em;
	list-style: none;
	background: url(img/red-box.gif) left 7px no-repeat;
}

div.main div.section table {
	width: 100%;
	border-bottom: 1px solid #595A80;
}

div.main div.section table tr th {
	width: 20%;
	border: none;
	text-align: left;
	vertical-align: top;
}

div.main div.section table tr td {
	width: 80%;
	border: none;
}

div.main div.section table tr td ul {
	margin: 0;
}

div.main div.section .note {
	font-size: 100%;
	color: #454545;
}

/*	archives
----------------------------------------------- */

div.main div.archives dl dt,
div.main div.archives dl dd {
	margin: 0;
	padding-left: 21px;
}

div.main div.archives dl dt {
	padding-bottom: 3px;
	color: #41435E;
	background: url(img/arrow.gif) left 2px no-repeat;
}

div.main div.archives dl dd {
	padding-bottom: 14px;
}

/*	pagenavi
----------------------------------------------- */

div.main div.archives div.wp-pagenavi,
body#blog div.main div.wp-pagenavi {
	text-align: center;
}

div.main div.archives div.wp-pagenavi span.current,
body#blog div.main div.wp-pagenavi span.current {
	border: none;
	font-weight: normal;
}

div.main div.archives div.wp-pagenavi a,
body#blog div.main div.wp-pagenavi a {
	border: none;
	text-decoration: underline;
	color: #724152;
}

div.main div.archives div.wp-pagenavi a:hover,
body#blog div.main div.wp-pagenavi a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #724152;
}

/*	product
----------------------------------------------- */

div#product {
	float: none;
	width: 852px;
	padding: 0;
}

div#product div.section {
	margin: 0 24px 42px 24px;
	border-top: 1px solid #7F0E10;
}

div#product div.section div.section-product .alignleft {
	margin: 0;
	padding: 0 16px 28px 16px;
}

/*	product-detail
----------------------------------------------- */

div#product-detail {
	float: left;
	width: 558px;
	padding: 0;
}

div#product-detail div.section div.alignleft {
	width: 168px;
	margin: 0;
	padding-right: 14px;
}

div#product-detail div.section div.third {
	padding-right: 0;
}

div#product-detail div.section div.ichioshi p.ichioshi-photo {
	width: 168px;
}

div#product-detail div.section div.ichioshi div.ichioshi-detail {
	width: 336px;
}


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

	*sub

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

div.sub {
	float: right;
	width: 224px;
}

div.sub div.section {
	margin: 0 24px 42px 0;
}

div.sub div.section h2 {
	margin-bottom: 7px;
	border-bottom: 3px solid #7F0E10;
	font-weight: bold;
	font-size: 123.1%;
	color: #191919;
}

div.sub div.section ul li {
	padding: 0 0 14px 21px;
	font-size: 108%;
	background: url(img/arrow.gif) left 2px no-repeat;
}

/*	single, blog
----------------------------------------------- */

div.sub div#single ul li,
body#blog div.sub div.section ul li {
	padding: 0;
	font-size: 100%;
	background: none;
}

div.sub div#single ul li h2,
body#blog div.sub div.section ul li h2 {
	margin-bottom: 7px;
	border-bottom: 3px solid #7F0E10;
	font-weight: bold;
	font-size: 123.1%;
	color: #191919;
}

div.sub div#single ul li ul li,
body#blog div.sub div.section ul li ul li {
	padding: 0 0 14px 21px;
	font-size: 108%;
	background: url(img/arrow.gif) left 2px no-repeat;
}


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

	*footer

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

div.footer {
	clear: both;
	width: 100%;
	background: #FEF5F5 url(img/header-bg-top.jpg) top center no-repeat;
}

div.footer ul {
	padding: 14px 0 21px 0;
}

div.footer ul li.copyright{
	padding-bottom: 13px;
}