@charset "UTF-8";

/*
Theme Name: Canvas
Theme URI: http://www.canbas.jp/
Description: 恵佼会CADセンターのオリジナルテーマ
Version: ver1.0.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                        ##*/
/*#################################################*/

/*==================================================================*/
/* キャンバスの会
/* style.css
/* date:2008.09
/*==================================================================*/

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

body, div, p, blockquote, form, input, address,
ol, ul, li, table, th, td, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

body {
	color: #333333;
	font-size: 85%;
	font-family: "メイリオ", Meiryo, "MS UI Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	line-height: 1.8;
	/*\*/
	letter-spacing: 0.1em;
	/**/
	background: url(images/gif/body_bg.gif);
}

a { outline: none; }

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

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

p { text-indent: 0.7em; }

img { border: none; }

dl dt { font-weight: bold; }

address { font-style: normal; }

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

h1 { font-size: 0.8em; }

h2 { font-size: 1.7em; }

h3 { font-size: 1.4em; }

h4 { font-size: 1.1em; }

h5 { font-size: 1em; }

h6 { font-size: 0.9em; }

/* clear-fix
------------------------------------------------ */

.image_container:after {
	content: " ";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

/* Win IE6 \*/

* html .image_container { height: 1%; }

/* End Win IE6 */

/* Mac IE \*/

.image_container { display: inline-table; }

/* End Mac IE */

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

div, ul, li { overflow: hidden; }

#hidden { display: none; }

h2, h3, h4, h5,
.clear { clear: both; }

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

.txt_right { text-align: right; }

.txt_center { text-align: center; }

.prev_next { margin-bottom: 10px; }

.sentence p {
	margin-top: 1em;
	padding-top: 1em;
	background: url(images/gif/horizontal_line.gif) center top no-repeat;
}

#topic_path {
	margin-bottom: 7px;
	background: #ffff66;
}

.pdf {
	padding-left: 5px;
	background: url(images/gif/pdf.gif) left 6px no-repeat;
}

.metadata {
	margin-bottom: 10px;
	padding-left: 12px;
	font-size: 0.9em;
	border-bottom: dashed 1px #cccccc;
	background: url(images/gif/comments.gif) left top no-repeat;
}

.adobe {
	margin-top: 10px;
	padding: 3px;
	font-size: 0.9em;
	border: dotted 1px #ffa500;
}

address.txt_center {
	padding: 5px 0;
	border: double 3px #ffccff;
	background: #ffeaff;
}

/* float style
------------------------------------------------ */

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

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

.center {
	margin: 0 auto;
	width: 500px;
	height: 375px;
}

/* blockquote style
------------------------------------------------ */

blockquote {
	margin: 10px 0;
	padding: 10px;
	font-size: 0.9em;
	border: dotted 1px #cccccc;
	background: #ffffe0;
}

blockquote p {
	padding-left: 2em;
	text-indent: -1.7em;
}

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

table {
	width: 100%;
	font-size: 0.9em;
	behavior: url(http://www.canbas.jp/wp-content/themes/canvas/js/csshover.htc);
}

table th {
	text-align: center;
	border-right: solid 1px #e4eaee;
	border-bottom: solid 1px #dae0e4;
	background: #eef4f8;
}

table td {
	padding-left: 3px;
	border-right: solid 1px #ebf5eb;
	border-bottom: solid 1px #e1ebe1;
	background: #f5fff5;
}

table tr:hover td { background: #ffffaa; }

.pastel_table { width: 50%; }

.pastel_table td { text-align: center; }

/*====================================================*/
/* wrapper
/*====================================================*/

#wrapper {
	margin : 0 auto;
	padding: 0;
	width: 900px;
	position: relative;
	border: solid 2px #999999;
	background: url(images/gif/canvas_body.gif) repeat-y;
}

/*====================================================*/
/* header
/*====================================================*/

#header {
	width: 900px;
	height: 100px;
	padding: 0 25px;
	background: url(images/jpeg/canvas_header01.jpg) no-repeat;
}

#header h1  { display: inline; }

#header h1 a {
	display: block;
	padding-left: 5px;
	width: 330px;
	height: 93px;
	color: #3977c4;
	text-align: center;
}

#header h1 a:hover {
	color: #ffffff;
	text-decoration: none;
}

#header p {
	position: absolute;
	top: 70px;
	left: 120px;
	color: #ffffff;
	font-size: 0.9em;
}

/* header_navi
------------------------------------------------ */

#header_nav {
	position: absolute;
	top: 10px;
	left: 605px;
}

#header_nav ul {
	width: 300px;
	list-style: none;
}

#header_nav li {
	float: left;
	width: 125px;
	height: 20px;
	margin: 2px;
}

#header_nav li a {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 1.5;
	font-size: 1em;
	font-family: "MS UI Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	background: url(images/gif/head-nav_button5.gif) 0 0 no-repeat;
}

#header_nav li a:hover {
	color: #000000;
	background: url(images/gif/head-nav_button5.gif) 0 -40px no-repeat;
}

/*====================================================*/
/* badge
/*====================================================*/

#badge {
	position: absolute;
	top: 5px;
	left: 5px;
	/*z-index: 10;*/
}

#badge ul { list-style: none; }

#badge li {
	width: 120px;
	height: 120px;
	background: url(images/png/badge.png) no-repeat !important;
	_background: url(images/gif/badge.gif) no-repeat;
}

#badge li a {
	display: block;
	overflow: hidden;
	height: 0 !important;
	height /**/: 120px;
	width: 100%;
	padding-top: 120px;
	
	
	/*background: none;cursor: pointer;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.canbas.jp/wp-content/themes/canvas/images/png/badge.png", sizingMethod="scale");*/
}

#badge li a:hover {background: url(images/png/badge_hover.png) no-repeat !important;
	_background: url(images/gif/badge_hover2.gif) no-repeat;
	
	/*background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.canbas.jp/wp-content/themes/canvas/images/png/badge_hover.png", sizingMethod="scale");*/
}

/*====================================================*/
/* canbas_swf
/*====================================================*/

#canbas_swf {
	position: absolute;
	top: 30px;
	left: 125px;
	width: 440px;
	height: 100px;
}

#canbas_swf h2 {
	color: #006600;
	font-size: 1.1em;
}

/*====================================================*/
/* topnews
/*====================================================*/

#topnews {
	position: absolute;
	top: 30px;
	left: 570px;
	width: 300px;
	height: 100px;
	background: url(images/gif/topnews_bg.gif) no-repeat;
}

#topnews h2 {
	padding-left: 3px;
	color: #006600;
	font-size: 1em;
	line-height: 1.5;
	border-bottom: dashed 1px #cccccc;
}

#topnews .news {
	margin-top: 7px;
	padding-left: 12px;
	width: 282px !important;
	width /**/: 294px; /* IE 5 ハック*/
	height: 87px;
	overflow: auto;
}

#topnews .news ul {
	margin-top: 5px;
	list-style: none;
}

#topnews .news li {
	font-size: 0.9em;
	line-height: 1.2;
}

/*====================================================*/
/* sidememu
/*====================================================*/

#sidemenu {
	float: left;
	width: 180px;
}

#sidemenu ul#main_menu,
#sidemenu ul#sub_menu { list-style: none; }

#sidemenu ul#main_menu li{
	width: 180px;
	height: 45px;
	margin-bottom: 5px;
}

#sidemenu ul#main_menu li a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 5px 0 3px 0;
	font-size: 1.6em;
	font-weight: bold;
	color: #006600;
	text-align: center;
	text-decoration: none;
	background: url(images/gif/sidemenu-main_button.gif) 0 0 no-repeat;
}

#sidemenu ul#main_menu li a:hover {
	color: #990000;
	background: url(images/gif/sidemenu-main_button.gif) 0 -45px no-repeat;
}

#sidemenu ul#main_menu li.home { margin-bottom: 15px; }

#sidemenu ul#main_menu li.home a {
	color: #ffffff;
	background: url(images/gif/sidemenu-main_button.gif) 0 -90px no-repeat;
}

#sidemenu ul#main_menu li.home a:hover {
	color: #000000;
	background: url(images/gif/sidemenu-main_button.gif) 0 -135px no-repeat;
}

#sidemenu ul#sub_menu li {
	width: 180px;
	height: 45px;
	margin-top: 10px;
}

#sidemenu ul#sub_menu li a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 4px 0 3px 0;
	font-size: 1.6em;
	font-weight: bold;
	color: #990000;
	text-align: center;
	text-decoration: none;
	background: url(images/gif/sidemenu-sub_button.gif) 0 0 no-repeat;
}

#sidemenu ul#sub_menu li a:hover {
	color: #666666;
	background: url(images/gif/sidemenu-sub_button.gif) 0 -50px no-repeat;
}

#cats {
	margin-top: 15px;
	padding: 3px 10px;
	border: solid 1px #cccccc;
	background: #ffffff url(images/gif/cats_bg.gif) repeat-x;
}

#cats a { font-size: 1.2em; font-weight: bold; }

#cats ul { list-style: none; }

/* calendar style
------------------------------------------------ */

#calendar {
	margin-top: 15px;
	padding: 3px;
	border: solid 1px #cccccc;
}

#calendar a { font-weight: bold; }

#calendar h5 {
	text-align: center;
	border-bottom: dashed 1px #cccccc;
	background: #ffffff;
}

#calendar table td { text-align: center; }

/* search
------------------------------------------------ */

#search { margin-top: 20px; }

p.search_end {
	margin: 15px 0;
	font-size: 1.2em;
	font-weight: bold;
	border-right: solid 1px #ff9933;
	border-bottom: solid 1px #ff9933;
	background: #ffcc33;
}

.result a {
	margin-left: 10px;
	padding: 3px 3px 3px 15px;
	font-size: 1em;
	background: url(images/gif/check.gif) left center no-repeat;
}

/*====================================================*/
/* contents
/*====================================================*/

#contents {
	width: 900px;
	height: 560px;
	padding: 0px 25px;
	position: relative;
	background: url(images/jpeg/canvas_contents.jpg) no-repeat;
}

/* contents_navi
------------------------------------------------ */

#contents_nav {
	position: absolute;
	top: 150px;
	left: 25px;
	width: 850px;
	height: 200px;
}

#contents_nav ul { list-style: none; }

#contents_nav li {
	float: left;
	width: 200px !important;
	width /**/: 210px; /* IE 5 ハック*/
	padding-left: 10px;
}

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

#contents_nav li a:hover {
	background: url(images/gif/hover4.gif) no-repeat;
}

/*====================================================*/
/* content
/*====================================================*/

#content {
	width: 900px;
	padding-top: 35px;
	position: relative;
	background: url(images/gif/content_bg-top.gif) no-repeat;
}

#content_inner {
	width: 830px !important;
	width /**/: 900; /* IE 5 ハック*/
	padding: 0 35px;
	background: url(images/gif/content_bg-middle.gif) repeat-y;
}

	/* content h2
	------------------------------------------------ */

	#content h2 {
		margin: 10px 0;
		padding: 0px 0 0 10px;
		height: 40px;
		background: url(images/gif/content_h2.gif) no-repeat;
	}

	#content h2.page01_title {
		background: url(images/gif/content_h2-title2.gif) 0 0 no-repeat;
	}

	#content h2.page02_title {
		background: url(images/gif/content_h2-title2.gif) 0 -55px no-repeat;
	}

	#content h2.page03_title {
		background: url(images/gif/content_h2-title2.gif) 0 -110px no-repeat;
	}

	#content h2.page04_title {
		background: url(images/gif/content_h2-title2.gif) 0 -165px no-repeat;
	}

#content h3 {
	margin: 15px 0;
	padding: 2px 0 0 40px;
	height: 35px;
	background: url(images/gif/content_h3.gif) no-repeat;
}

#content h4 {
	margin: 15px 0;
	padding-left: 4px;
	border-left: solid 10px #8fbc8f;
	border-bottom: solid 1px #8fbc8f;
	background: #ffffff;
}

	/* innerbox
	------------------------------------------------ */

	#innerbox {
		float: right;
		width: 600px !important;
		width /**/: 620px; /* IE 5 ハック*/
		padding: 10px;
		background: url(images/gif/innerbox_bg2.gif) center top no-repeat;
	}

	#innerbox .page,
	#innerbox .post,
	#innerbox .postinner { padding: 0 10px; }

	#innerbox .section {
		margin: 10px 0;
		padding: 10px;
		border: dotted 1px #cccccc;
		background: #ffffff url(images/gif/post_bg.gif) bottom repeat-x;
	}

	#innerbox .section ul,
	ul.section { list-style: none; }

	#innerbox .section li { font-size: 0.9em; }

	#innerbox dl {
		margin-left: 10px;
	}

	#innerbox dl dt {
		margin: 5px 0;
		padding-left: 5px;
		background: #ffffff url(images/gif/dl_dt-bg.gif) repeat-y;
	}

	#innerbox dl dd {
		padding-left: 5px;
		background: #ffffff url(images/gif/dl_dd-bg.gif) repeat-y;
	}

#marker li {
	padding-left: 15px;
	background: url(images/gif/arrow.gif) left 4px no-repeat;
}

	/* content_bg-bottom
	------------------------------------------------ */

	.innerbox_bottom01 {
		clear: both;
		width: 900px;
		height: 120px;
		background: url(images/gif/content_bg-bottom4.gif) no-repeat;
	}

	.innerbox_bottom02 {
		clear: both;
		width: 900px;
		height: 120px;
		background: url(images/gif/content_bg-bottom5.gif) no-repeat;
	}

	.innerbox_bottom03 {
		clear: both;
		width: 900px;
		height: 120px;
		background: url(images/gif/content_bg-bottom7.gif) no-repeat;
	}

	.innerbox_bottom04 {
		clear: both;
		width: 900px;
		height: 120px;
		background: url(images/gif/content_bg-bottom8.gif) no-repeat;
	}

	.innerbox_bottomsub {
		clear: both;
		width: 900px;
		height: 120px;
		background: url(images/gif/content_bg-bottom6.gif) no-repeat;
	}

	.innerbox_bottom {
		clear: both;
		width: 900px;
		height: 15px;
		background: url(images/gif/content_bg-bottom.gif) no-repeat;
	}

/*====================================================*/
/* footer
/*====================================================*/

#footer {
	width: 870px;
	position: absolute;
	top: 568px;
	left: 33px;
}

#footer address {
	float: left;
	width: 400px;
}

.add_left,
.add_right {
	height: 75px;
	padding: 5px 0 0 35px;
	font-size: 0.9em;
	color: #333333;
	line-height: 1.2;
	background: url(images/gif/add_bg2.gif) no-repeat;
}

.font_style {
	font-size: 1.2em;
	font-weight: bold;
	color: #006600;
}

.claim {
	font-size: 0.9em;
	color: #ffffff;
	text-align: center;
}

.copyright {
	color: #ffffff;
	text-align: center;
}

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

h6.metadata {
	margin-bottom: 10px;
	border-bottom: dashed 1px #cccccc;
	background: url(images/gif/comments.gif) left top no-repeat;
}

.post h5 {
	margin: 10px 0;
	padding-left: 10px;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	background: #ffffcc;
}

/*====================================================*/
/* imgbox
/*====================================================*/

#content .imgbox_pastel {
	width: 600px;
	height: 125px;
	background: url(images/jpeg/content_image/image_pastel.jpg) no-repeat;
}

#content .imgbox_palette {
	width: 600px;
	height: 125px;
	background: url(images/jpeg/content_image/image_palette.jpg) no-repeat;
}

#content .imgbox_linen {
	width: 600px;
	height: 125px;
	background: url(images/jpeg/content_image/image_linen.jpg) no-repeat;
}

#content .imgbox_lunch {
	width: 600px;
	height: 125px;
	background: url(images/jpeg/content_image/image_lunch.jpg) no-repeat;
}

/*====================================================*/
/* image_container  image_box  photo_box
/*====================================================*/

.lunch { width: 170px; }

.image_box {
	width: 180px;
	height: 135px;
	margin: 30px 0 10px 0;
	background: url(images/gif/canvas_image2.gif) no-repeat;
}

.image_box_bottom {
	width: 180px;
	height: 145px;
	margin: 25px 0 10px 0;
	background: url(images/gif/dolphin.gif) no-repeat;
}

.photo_box {
	float: left;
	width: 133px;
	height: 100px;
	margin: 10px;
	padding: 3px;
	border: solid 1px #cccccc;
	background: #fffff0;
}

img.icon {
	margin: 0;
	padding: 0;
	border: 0;
}

/*====================================================*/
/* sitemap
/*====================================================*/

#innerbox .ddsg-wrapper {
	background: url(images/gif/sitemap.gif) right 50px no-repeat;
}

#innerbox .ddsg-wrapper h2 {
	margin: 15px 0;
	padding: 2px 0 0 40px;
	height: 35px;
	font-size: 1.4em;
	background: url(images/gif/content_h3.gif) no-repeat;
}

#innerbox .ddsg-wrapper ul {
	margin-left: 15px;
	list-style: none;
}

#innerbox .ddsg-wrapper li {
	padding-left: 20px;
	background: url(images/gif/folder.gif) left center no-repeat;
}

.google_map {
	padding: 5px;
	border: solid 1px #cccccc;
	background: #fffff0;
}

#not_found {
	margin: 20px 21px 0 21px;
	padding: 15px 0;
	border: solid 5px #f5f5f5;
}

#not_found ul { list-style: none; }

#not_found li a { color: #ffffff; }

/*====================================================*/
/* form
/*====================================================*/

#form li {
	padding-left: 10px;
	font-size: 0.9em;
	text-indent: -1em;
}

.mast {
	font-weight: normal;
	font-size: 0.8em;
	color: #cc0033;
}

.wpcf7 {
	background: url(images/gif/ivy.gif) right 100px no-repeat;
}