@charset "UTF-8";

/*
Theme Name: 社会福祉法人 光陽会
Theme URI: http://www.kiyomizudai.jp/
Description: 恵佼会CADセンターのオリジナルテーマ
Version: ver1.0
Author: 恵佼会CADセンター
Author URI: http://www.fukushi-net.com/
*/

/*#################################################*/
/*## fontsize(px) value(%) fontsize(px) value(%) ##*/
/*##         10        77          19       144  ##*/
/*##         11        85          20       152  ##*/
/*##         12        92          21       159  ##*/
/*##         13       100          22       167  ##*/
/*##         14       107          23       174  ##*/
/*##         15       114          24       182  ##*/
/*##         16       122          25       189  ##*/
/*##         17       129          26       197  ##*/
/*##         18       136                        ##*/
/*#################################################*/

/*==================================================================*/
/* kouyoukai
/* style.css
/* date:2010.02
/*==================================================================*/

/*====================================================*/
/* all style
/*====================================================*/

html { overflow-y: scroll; }

* html { height: 100%; }

html, body, div, blockquote, address, form,
table, th, td, h1, h2, h3, h4, h5, h6, .reset {
	margin: 0;
	padding: 0;
}

body {
	color: #666666;
	font-size: 85%;
	font-family: "メイリオ", Meiryo, "MS UI Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	line-height: 1.5;
	background: #f9f2f0 url(images/gif/body_bg.gif) repeat-x;
	_text-align: center;
}

a { overflow: hidden; }

a:link, a:visited {
	color: #0000ff;
	text-decoration: none;
}

a:hover, a:active {
	color: #ff0000;
	text-decoration: underline;
}

img, a img {
	border: none;
	vertical-align: top;
}

dl dt { font-weight: bold; }

address { font-style: normal; }

/* heading style
------------------------------------------------ */

h1 { font-size: 2.2em;}

h2 { font-size: 1.4em; }

h3 { font-size: 1.2em; }

h4, h5, h6 { font-size: 1em; }

/* other style
------------------------------------------------ */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.clear { clear: both; }

p img {
	padding: 0;
	max-width: 100%;
}

img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright {
	float: right;
	width: auto;
}

.alignleft {
	float: left;
	width: auto;
}

/* text style
------------------------------------------------ */

.txt_left { text-align: left; }

.txt_right { text-align: right; }

.txt_center, .center { text-align: center; }

p#topic_path {
	margin: 5px 0;
	padding: 0;
	font-size: 0.9em;
}

span#stay {
	font-size: 1.1em;
	font-weight: bold;
	color: #008000;
}

p#to_top {
	position: absolute;
	bottom: 0;
	right: 10px;
}

p#to_top a { color: #993300; }

p#to_top a:hover { color: #dc143c; }

p#lead { color: #006400; }

/* container
------------------------------------------------ */

#container {
	min-width: 1001px;
	background: url(images/gif/body_footer.gif) center bottom no-repeat;
	_text-align: left;
}

/* wrapper
------------------------------------------------ */

#wrapper {
	margin: 0 auto;
	width: 1001px;
	background: url(images/png/butterfly.png) center top no-repeat;
}

* html #wrapper {
	behavior: expression(
	this.style.behavior || (
	this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",
	this.style.backgroundImage = "none",
	this.style.behavior = "none"
	)
	);
}

/* header
------------------------------------------------ */

#header {
	width: 100%;
	height: 165px;
	margin: 0 auto;
}

#header_inner {
	position: relative;
	zoom: 1;
	width: 851px;
	margin: 0 auto;
}

#header_inner h1 span,
#header_inner h2 span { display: none; }


#header_inner h1 a {
	display: block;
	width: 385px;
	height: 115px;
	background: url(images/jpg/site_ID.jpg) no-repeat;
}

#header_inner h1 a:hover,
#header_inner h1 a:active { text-decoration: none; }

#header_inner h2 {
	width: 851px;
	height: 50px;
	background: url(images/jpg/site_title.jpg) no-repeat;
}

/* font_change
------------------------------------------------ */

dl#font_change {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	width: 250px;
	height: 50px;
	background: url(images/gif/font_change.gif) no-repeat;
}

dl#font_change dt span { display: none; }

dl#font_change dd {
	position: absolute;
	width: 30px;
	height: 30px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

dl#font_change dd#normal_font {
	right: 72px;
	bottom: 7px;
}

dl#font_change dd#normal_font a {
	display: block;
	height: 30px;
	background: url(images/gif/n_botton.gif) no-repeat;
}

dl#font_change dd#medium_font {
	right: 39px;
	bottom: 7px;
}

dl#font_change dd#medium_font a {
	display: block;
	height: 30px;
	background: url(images/gif/m_botton.gif) no-repeat;
}

dl#font_change dd#learge_font {
	right: 6px;
	bottom: 7px;
}

dl#font_change dd#learge_font a {
	display: block;
	height: 30px;
	background: url(images/gif/l_botton.gif) no-repeat;
}

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

#contents {
	position: relative;
	zoom: 1;
	width: 851px;
	margin: 0 auto;
	padding-top: 195px;
	background: url(images/jpg/contents_top.jpg) no-repeat;
}

body.concept #contents {
	position: relative;
	zoom: 1;
	width: 851px;
	margin: 0 auto;
	padding-top: 195px;
	background: url(images/jpg/concept_contents_top.jpg) no-repeat;
}

body.introduce #contents {
	position: relative;
	zoom: 1;
	width: 851px;
	margin: 0 auto;
	padding-top: 195px;
	background: url(images/jpg/introduce_contents_top.jpg) no-repeat;
}

body.salutation #contents {
	position: relative;
	zoom: 1;
	width: 851px;
	margin: 0 auto;
	padding-top: 195px;
	background: url(images/jpg/salutation_contents_top.jpg) no-repeat;
}


body.inquiry #contents {
	position: relative;
	zoom: 1;
	width: 851px;
	margin: 0 auto;
	padding-top: 195px;
	background: url(images/jpg/inquiry_contents_top.jpg) no-repeat;
}

body.blog #contents {
	position: relative;
	zoom: 1;
	width: 851px;
	margin: 0 auto;
	padding-top: 195px;
	background: url(images/jpg/blog_contents_top.jpg) no-repeat;
}

body.privacy #contents,
body.indicate #contents,
body.sitemap #contents {
	position: relative;
	zoom: 1;
	width: 851px;
	margin: 0 auto;
	padding-top: 195px;
	background: url(images/jpg/privacy_contents_top.jpg) no-repeat;
}

body.itemlist #contents {
	position: relative;
	zoom: 1;
	width: 851px;
	margin: 0 auto;
	padding-top: 195px;
	background: url(images/jpg/item_contents_top.jpg) no-repeat;
}

body#single_post_page #contents {
	position: relative;
	zoom: 1;
	width: 851px;
	margin: 0 auto;
	padding-top: 195px;
	background: url(images/jpg/single_contents_top.jpg) no-repeat;
}

#contents_inner {
	min-height: 525px;
	height: auto !important;
	height: 525px;
	background: url(images/gif/right_column.gif) right center repeat-y;
}

/* left_column
------------------------------------------------ */

#left_column {
	float: left;
	width: 241px;
	display: inline;
}

/* navigation
------------------------------------------------ */

ul#navigation {
	margin: 0;
	padding: 0;
	width:241px;
	height:305px;
}

ul#navigation li {
	margin: 0;
	padding: 0;
	list-style: none;
}

li#ida a {
	display: block;
	overflow: hidden;
	height: 0 !important;
	height /**/: 44px;
	width: 100%;
	padding-top: 44px;
}

li#ida { background: url(images/jpg/navigation.jpg) 0 0 no-repeat; }
li#ida a:hover { background: url(images/jpg/navigation.jpg) -241px 0 no-repeat; }

body.concept li#ida { background: url(images/jpg/navigation.jpg) -482px 0 no-repeat; }

li#int a,
li#grt a,
li#inq a {
	display: block;
	overflow: hidden;
	height: 0 !important;
	height /**/: 65px;
	width: 100%;
	padding-top: 65px;
}

li#int { background: url(images/jpg/navigation.jpg) 0 -44px no-repeat; }
li#int a:hover { background: url(images/jpg/navigation.jpg) -241px -44px no-repeat; }

li#grt { background: url(images/jpg/navigation.jpg) 0 -109px no-repeat; }
li#grt a:hover { background: url(images/jpg/navigation.jpg) -241px -109px no-repeat; }

li#inq { background: url(images/jpg/navigation.jpg) 0 -174px no-repeat; }
li#inq a:hover { background: url(images/jpg/navigation.jpg) -241px -174px no-repeat; }

body.introduce li#int { background: url(images/jpg/navigation.jpg) -482px -44px no-repeat; }
body.salutation li#grt { background: url(images/jpg/navigation.jpg) -482px -109px no-repeat; }
body.inquiry li#inq { background: url(images/jpg/navigation.jpg) -482px -174px no-repeat; }

li#blg a {
	display: block;
	overflow: hidden;
	height: 0 !important;
	height /**/: 66px;
	width: 100%;
	padding-top: 66px;
}

li#blg { background: url(images/jpg/navigation.jpg) 0 -240px no-repeat; }
li#blg a:hover { background: url(images/jpg/navigation.jpg) -241px -240px no-repeat; }

body.blog li#blg { background: url(images/jpg/navigation.jpg) -482px -240px no-repeat; }

li.current_page_item a,
body#top_page li.stay a {
	color: #ff0000;
	text-decoration: underline;
	background: url(images/gif/hover.gif) right center no-repeat;
}

/* net_shop
------------------------------------------------ */

#net_shop { margin-top: 30px; }

#net_shop a { display: block; }

#net_shop a:hover img {
	opacity: 0.9;
	filter: alpha(opacity=90);
}

/* right_column
------------------------------------------------ */

#right_column {
	float: right;
	width: 541px;
	margin-bottom: 1em;
	padding: 0 20px 0 25px;
	display: inline;
}

#right_column h3.page_title,
#right_column h3.salutation_title {
	padding-left: 0.5em;
	color: #4b0082;
	line-height: 1.8;
	border-left: solid 7px #4682b4;
	background: #efefef;
}

#right_column h3#whatsnew_title {
	height: 40px;
	margin: 5px 0 15px -25px;
	background: url(images/gif/whatsnew_title.gif) no-repeat;
}

#right_column h3#goods_title {
	height: 40px;
	margin: 5px 0 15px -25px;
	background: url(images/gif/goods_title.gif) no-repeat;
}

#right_column h3#whatsnew_title span,
#right_column h3#goods_title span { display: none; }

#right_column dl dd img {
	margin: 5px;
	padding: 3px;
	border: solid 1px #b0c3e1;
	background: #ffffff;
}

#right_column p img {
	padding: 3px;
	border: solid 1px #b0c3e1;
	background: #ffffff;
}

/* right_banner
------------------------------------------------ */

#right_banner {
	position: absolute;
	top: 200px;
	right: 12px;
	width: 276px;
	height: 241px;
	background: url(images/gif/t_banner02.gif) no-repeat;
}

#right_banner a {
	display: block;
	width: 276px;
	height: 241px;
	font-size: 1px;
	line-height: 1px;
}

#right_banner a:hover { text-indent: -9999px; }

#information {
	margin-bottom: 20px;
	padding-top: 5px;
	width: 250px;
	height: 145px;
	background: url(images/gif/information_bg.gif) no-repeat;
}

#information ul {
	font-size: 0.9em;
	_margin-top: 1em;
}

#information .info {
	width: 245px;
	height: 135px;
	overflow-y: scroll;
}

#goods,
.post { margin-bottom: 1em; }

#goods .item {
	float: left;
	width: 225px;
	height: 80px;
	display: inline;
	margin-left: 10px;
	padding: 15px;
	font-size: 0.9em;
	line-height: 1.2;
	background: url(images/gif/item_bg.gif) no-repeat;
}

#goods a.item_botton {
	padding: 0 5px;
	border: solid 1px #0000ff;
}

#goods a:hover.item_botton {
	color: #ffffff;
	text-decoration: none;
	border: solid 1px #a52a2a;
	background: #a52a2a;
}

.item img {
	float: left;
	width: auto;
	margin-right: 5px;
	display: inline;
}

h4.item_name {
	margin-bottom: 5px;
	color: #556b2f;
	font-size: 1.1em;
}

.item_list {
	margin: 1em 0;
}

#right_column dl {
	margin-left: 1em;
}

/* footer
------------------------------------------------ */

#footer {
	width: 100%;
	height: 215px;
	background: url(images/gif/footer_bg.gif) bottom left repeat-x;
	_text-align: left
}

#footer_inner {
	position: relative;
	zoom: 1;
	width: 1001px;
	height: 137px;
	margin: 0 auto;
	background: url(images/gif/footer_top.gif) no-repeat;
}

#footer address {
	position: absolute;
	top: 80px;
	right: 70px;
	width: 340px;
	height: 45px;
	background: url(images/gif/address.gif) no-repeat;
}

#footer address span { display: none; }

#footer p#copyright {
	position: absolute;
	top: 147px;
	right: 65px;
	color: #ffffff;
	font-size: 1.1em;
	font-weight: bold;
}

ul#footer_nav {
	width: 335px;
	margin: 0;
	padding: 1em 0;
	text-align: right;
	list-style: none;
}

ul#footer_nav li a {
	padding-right: 22px;
	font-weight: bold;
	line-height: 1.8;
}

ul#footer_nav li a:hover {
	background: url(images/gif/hover.gif) right center no-repeat;
}

/* concept page
------------------------------------------------ */

#right_column dl { margin-left: 0; }

dl.concept_dl dt {
	float: left;
	width: 9em;
	display: inline;
}

dl.concept_dl dt {
	margin-right: 5px;
	padding: 3px;
	color: #ffffff;
	text-align: right;
	border-bottom: solid 1px #ffffff;
	background: #5f9ea0;
}

dl.concept_dl dd {
	padding: 3px;
	border-bottom: solid 1px #5f9ea0;
}

dl.concept_dl dd.end { border: none; }

table.concept_table {
	width: 100%;
	margin: 1em 0;
	border-collapse: collapse;
	border: solid 1px #5f9ea0;
	background: #fff8dc;
}

table.concept_table th {
	padding: 3px;
	text-align: right;
	font-weight: normal;
	border: solid 1px #5f9ea0;
}

table.concept_table td {
	padding: 3px;
	border: solid 1px #5f9ea0;
}

table.summary_table {
	margin: 1em 0;
	width: 100%;
	border-collapse: collapse;
}

table.summary_table th {
	padding: 3px;
	width: 27%;
	text-align: right;
	color: #333333;
	font-weight: normal;
	border-top: solid 1px #556b2f;
	border-bottom: solid 1px #556b2f;
	border-right: solid 3px #556b2f;
	background: #d8eca4;
}

table.summary_table td {
	padding: 3px;
	width: 73%;
	color: #666666;
	border-top: solid 1px #556b2f;
	border-bottom: solid 1px #556b2f;
}

table.summary_table td ul {
	margin-top: 0;
	margin-bottom: 0;
}

table.summary_table tr:hover {
	background: #f0ffff;
}

table.summary_table ul.summary_list {
	list-style: none;
	margin: 0 0 0 2em;
	padding: 0;
}

/* introduce page
------------------------------------------------ */

h4.introduce_title {
	color: #655acd;
	line-height: 1.8;
}

table.introduce_table {
	width: 100%;
	margin-top: 0.5em;
	border: solid 1px #deb887;
}

table.introduce_table td {
	padding: 3px;
	border: solid 1px #ffe4c4;
}

/* salutation page
------------------------------------------------ */

.report {
	margin: 10px 0;
	padding: 5px;
	border-top: solid 1px #efefef;
	border-left: solid 1px #efefef;
	border-right: solid 2px #efefef;
	border-bottom: solid 3px #efefef;
}

/* privacy page
------------------------------------------------ */

body.privacy #right_column ul,
body.privacy #right_column ol {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	font-size: 0.9em;
	color: #333333;
	border: solid 1px #dfdfdf;
}

/* indicate page
------------------------------------------------ */

h4.lead_title {
	padding-left: 0.5em;
	color: #655acd;
	line-height: 1.8;
	border-left: solid 7px #48d1cc;
	background: #faf0e6;
}

table.indicate_table {
	margin: 1em 0;
	width: 100%;
	border-collapse: collapse;
}

table.indicate_table th {
	padding: 10px 5px;
	width: 30%;
	text-align: right;
	color: #666666;
	border-top: solid 1px #6495ed;
	border-bottom: solid 1px #6495ed;
	border-right: solid 3px #6495ed;
	background: #add8e6;
}

table.indicate_table td {
	padding: 10px 5px;
	width: 70%;
	color: #2f4f4f;
	border-top: solid 1px #add8e6;
	border-bottom: solid 1px #add8e6;
}

table.indicate_table tr:hover {
	background: #fff0f5 url(images/gif/tr_hover.gif) repeat-x;
}

/* itemlist page
------------------------------------------------ */

table.image-list {
	width: 100%;
	padding: 20px 0;
	background: #fff8dc;
}

table.image-list td.one-image { vertical-align: top; }

table.one-image-tbl td.one-image-tbl-img {
	width: 285px;
	height: 170px;
	text-align: center;
	vertical-align: middle;
}

table.one-image-tbl td.one-image-tbl-img img {
	padding: 5px;
	border: 1px solid #5f9ea0;
	background: #ffffff;
}

table.one-image-tbl td.one-image-tbl-caption {
	text-align: center;
	vertical-align: top;
}

p.page-list { text-align: center; }

p.page-list span {
	border: 1px solid #999999;
	padding: 2px 5px;
}

h3.item_title {
	padding-left: 0.5em;
	color: #6b8e23;
	line-height: 1.8;
	border-left: solid 7px #ffa500;
	background: #ffe4b5;
}

ul#thumb_lists {
	margin: 15px 0 0 0;
	padding: 0;
	list-style: none;
}

ul#thumb_lists li {
	float: left;
	width: 240px;
	text-align: center;
	margin-right: 10px;
	padding: 5px;
	border: solid 1px #5f9ea0;
}

/* 404 page
------------------------------------------------ */

.not_found {
	margin-top: 20px;
	padding: 5px 10px;
	border: double 3px #cccccc;
}

/* table
------------------------------------------------ */

.single_post table.custom {
	width: 100%;
	margin-bottom: 10px;
	border: solid 1px #dbdbdb;
}

.single_post table.custom th {
	color: #006400;
	border: solid 1px #efefef;
	background: #ccff99;
}

.single_post table.custom td {
	border: solid 1px #efefef;
	background: #ffffcc;
}

.single_post .carry {
	padding: 10px;
	border: solid 1px #dbdbdb;
	background: #ffffff;
}

/* single_post
------------------------------------------------ */

h3.whatsnew_post_title {
	padding-left: 0.5em;
	color: #4b0082;
	line-height: 1.8;
	border-left: solid 7px #3232bd;
	background: #efefef url(images/gif/info.gif) right center no-repeat;
}

h3.single_post_title  {
	padding-left: 0.5em;
	color: #4b0082;
	line-height: 1.8;
	border-left: solid 7px #3232bd;
	background: #efefef;
}

.single_post {
	margin: 0 0 60px 0;
	padding: 5px;
	border: solid 1px #efefef;
	border-top: none;
}

.cat_list {
	margin-bottom: 1em;
	padding: 5px;
	background: #fff0f5 url(images/gif/cat_list_bg.gif) repeat-y;
}

.cat_list h4 { border-bottom: dashed 1px #cccccc; }

.cat_list ul.list_item { list-style-type: square; }

.cat_list a { text-decoration: underline; }

span.current_post { color: #c71585; }

/* blog_post
------------------------------------------------ */

h3.blog_title  {
	padding-left: 0.5em;
	color: #4b0082;
	line-height: 1.8;
	border-left: solid 7px #3232bd;
	background: #efefef url(images/gif/blog.gif) right center no-repeat;
}

#blog .blog_post {
	margin: 10px 0;
	padding: 5px;
}

#blog .odd {
	border-right: solid 1px #e6f5e6;
	border-bottom:  solid 1px #e6f5e6;
	background: #f0fff0;
}

#blog .even {
	border-right: solid 1px #f0e1cd;
	border-bottom:  solid 1px #f0e1cd;
	background: #faebd7;
}

.blog_post h4 {
	margin-bottom: 10px;
	padding-left: 15px;
	line-height: 1.2;
	border-bottom: dotted 3px #cccccc;
	background: url(images/gif/common/comments.gif) no-repeat;
}

.blog_post h4 span {
	font-size: 0.9em;
	font-weight: normal;
}

.blog_post dl {
	margin: 0;
	padding: 0;
}

.blog_post dl dt {
	float: left;
	width: 32px;
	margin-right: 10px;
	display: inline;
}

/* Contact Form 7
------------------------------------------------ */

.wpcf7 span { color: #ff0000; }

table.form_mail th {
	padding: 5px;
	text-align: right;
	background: #efefef;
}

/* expand
------------------------------------------------ */

.trigger { cursor: pointer; }

.trigger:hover { color: #990033; }

.hide .target { display: none; }