@charset "UTF-8";
/*
Theme Name: Joli
Theme URI: http://www.creationlabs.net
Description: Joli Standard Theme
Author: http://www.creationlabs.net
Version: 1.0
Tags: simple
*/

/*
[Structure]
body
|
|--#wrapper
|	|
|	|-- #header
|	|	|
|	|	|-- #logo
|	|	|
|	|	|-- #address
|	|
|	|--#content
|	|	|
|	|	|-- #sidebar
|	|	|
|	|	|-- #main
|	|	|
|	|	|-- #extra
|	|
|	|--#footer

[library]
http://developer.yahoo.com/yui/
reset.css
fonts.css
*/

/* element style
---------------------------------------------------- */
body {
	color: #455555;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	text-align: center;	/* for IE6 */
}
img {
	vertical-align: bottom;
	border: none;
}
a {
	color: #97CE14;
	outline: none;
}
a img {
	border: none;
}
em {
	font-style: normal;
	font-weight: bold;
}
strong {
	font-style: normal;
	font-weight: bold;
}
/* wrapper
---------------------------------------------------- */
div#wrapper {
	width: 840px;
	margin: 15px auto;
	text-align: left;
	background: #FFFFFF;
	border: 1px solid #D9EDA9;
}

/* header
---------------------------------------------------- */
div#header {
	width: 840px;
	height: 150px;
	border-bottom: none;
	font-size: 100%;
}
#header div#logo {
	float: left;
	width: 350px;
	height: 150px;
}
#header #logo h1 {
	width: 350px;
	height: 150px;
}
#header div#address {
	float: left;
	width: 490px;
	height: 150px;
}
/* content
---------------------------------------------------- */
div#content {
	clear: both;
	width: 840px;
	height: auto;
	padding: 30px 0 120px;
	background: url(images/field.gif) no-repeat bottom left;
	font-size: 100%
	line-height: 1.5;
}
/* main style
---------------------------------------------------- */
.twoColumn div#main {
	float: right;
	width: 615px;
	overflow: hidden; /* for IE6 */
	word-break: break-all;
	line-height: 1.5;
}
.threeColumn div#main {
	float: left;
	overflow: hidden; /* for IE6 */
	width: 430px;
	word-break: break-all;
}
.twoColumn #main h1 {
	width: 595px;
	margin-right: 20px;
}
.threeColumn #main h1 {
	width: 430px;
	height: 50px;
	margin-bottom: 20px;
}
.twoColumn #main h2 {
	width: 595px;
	height: 40px;
	margin: 20px 0;
	padding:0 0 0 20px;
	color: #660000;
	background: url(images/heading2_2cols.gif) no-repeat;
	font-weight: bold;
	line-height: 40px;
}
.twoColumn #postArea {
	overflow: hidden;
	padding-right: 20px;
	word-break: break-all;
}
.threeColumn #postArea {
	overflow: hidden;
	padding: 0;
}
.threeColumn #main h2 {
	width: 415px;
	height: 30px;
	margin-bottom: 15px;
	padding:0 0 3px 20px;
	color: #660000;
	background: url(images/heading2_3cols.gif) no-repeat;
	font-weight: bold;
}

.threeColumn #main h2 a {
	color: #660000;
	font-weight: bold;
}
.twoColumn #main h3 {
	margin: 20px 0;
	color: #660000;
	font-weight: bold;
}
.threeColumn #main h3 {
	margin: 20px 0;
	color: #660000;
	font-weight: bold;
}
.twoColumn #main p {
	clear: both;
	margin: 20px 0;
}
.threeColumn #main p {
	clear: both;
	margin: 20px 0;
}
.twoColumn #main dt {
	clear: both;
	float: left;
	width: 9em;
	padding: 8px 0;
}
.twoColumn #main dd {
	margin-left: 9.5em;
	padding: 8px 0;
	zoom: 1;
	border-bottom: 1px dotted #DDDDDD;
}
.threeColumn #main dt {
	clear: both;
	float: left;
	width: 9em;
	padding: 8px 0;
}
/* ページの上へ */
.twoColumn p.pageUp {
	clear: both;
	margin: 20px 20px 10px 0 !important;
	padding: 8px 0 !important;
	text-align: right;
}
.threeColumn p.pageUp {
	clear: both;
	margin: 20px 0 10px 0 !important;
	padding: 8px 0 !important;
	text-align: right;
}
/* 続きを読む */
a.more-link {
	display: inline-block;
	margin-top: 15px;
}
.threeColumn #main dd {
	margin-left: 9.5em;
	padding: 8px 0;
	zoom: 1;
	border-bottom: 1px dotted #DDDDDD;
}
/* ホーム専用 */
div.home {
	position: relative;
	height: 430px;
	background: url(images/main.gif) no-repeat top left !important;
}
.home div#balloon {
	position: absolute;
	top: 80px;
	left: 60px;
	overflow: auto;
	word-break: break-all;
	width: 260px;
	height: 290px;
}
.home #balloon ul {
	margin: 15px;
}
.home #balloon ul li {
	margin-top: 5px;
	padding-left: 15px;
	background: url(images/list2.gif) no-repeat 0 5px !important;
	line-height: 1.5;
}
/* 投稿スタイル */
#main p.metaInfo {
	clear: both;
	padding: 25px 0 20px 0;
	text-align: right;
}
#main .alignright {
	float: right;
	padding: 0 0 8px 8px;
}
#main .alignleft {
	float: left;
	padding: 0 8px 8px 0;
}
#main .aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}
/* Galleryリスト */
ul#galleryList {
	margin: 18px 0;
}
#galleryList li {
	float: left;
	padding: 1px;
	margin: 1px;
	border: 1px solid #D9EDA9;
	zoom: 1;
}

/* sidebar style
---------------------------------------------------- */
ul#sidebar {
	float: left;
	width: 185px;
	padding: 0 20px;
/*	background: #EEEEEE; */
}
#sidebar a {
	display: block;
}
/* extra style
---------------------------------------------------- */
div#extrabar {
	float: right;
	width: 185px;
}
div#extrabar h3 {
	margin: 0 15px;
}
/* 最近の投稿 */
#extrabar ul#recentPostList,#extrabar ul#archiveList {
	margin: 0 15px 40px;
	width: 155px;
	height: 200px;
}
#extrabar ul#recentPostList li,#extrabar ul#archiveList li{
	margin-top: 7px;
	background: url(images/list1.gif) no-repeat 0 5px;
	text-indent: 1em;
}
/* テクニカル */
#extrabar ul#technicalList {
	margin: 0 15px;
	width: 155px;
	height: 200px;
	background: url(images/technical.gif) no-repeat top left !important;
}
#extrabar ul#technicalList li {
	height: 40px;
	padding-left: 30px;
	line-height: 40px;
	background: transparent;
}
#extrabar ul#technicalList li.firstchild {
	padding-left: 0;
	color: #660000;
	font-weight: bold;
}
#extrabar ul#technicalList a {
	display: block;
	height: 40px;
}
#extrabar ul#technicalList li.firstchild a {
	color: #660000;
	font-weight: bold;
	text-align: center;
}

/* footer
---------------------------------------------------- */
#footer {
	clear: both;
	width: 840px;
	padding: 25px 0 25px;
	font-size: 100%;
}
#footer p {
	text-align: center;
}
/* 前後の記事(threeColumnのみ表示
---------------------------------------------------- */
.tablenav {
	color: #999999;
	background:white;
	margin: 1em auto;
	font-size: 100%;
	line-height:2em;
	text-align: left;
}

a.page-numbers, .tablenav .current {
	padding: 2px .4em;
	border:solid 1px #999999;
	text-decoration:none;
}

a.page-numbers:hover {
	background: #D9EDA9;
}

.tablenav .current {
	background: #D9EDA9;
	border-color: #D9EDA9;
	font-weight:bold:
}

.tablenav .next, .tablenav .prev {
	border:0 none;
	background:transparent;
	text-decoration:underline;
	font-weight:bold;
}

/* 汎用クラススタイル layout●● 配置, text●● テキスト
---------------------------------------------------- */
.layoutBlock {
	display: block; 
}
.layoutLeft {
	display: block;
	float: left;
 }
.layoutPosLeft {
	display: block;
	float: left;
	margin: 0 5px 5px 0;
}
.layoutRight {
	display: block;
	float: right; 
}
.layoutClear {
	clear: both;
 }
.textRed {
	color: #FF0000;
}
.textLarge {
	font-size: 123.1%;
}
.textSmall {
	font-size: 85%;
}
.textCenter {
	text-align: center !important;
}
.textLeft {
	text-align: left;
}
.textRight {
	text-align: right;
}
/* Clearfix
---------------------------------------------------- */
.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 */