@charset "UTF-8";
/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Title : main.css
Author : Masafumi Kawasaki
URL : toyoharayukio.com

Description :

Created : 2007.01.16
Modified :
Copyright: Masafumi Kawasaki 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/


/*--------------------------------------General------------------------*/
body{
	background:url(../images/bg_html.gif) repeat-x center top;
	color:#555;
	line-height:150%;
}
.sub{
	color:#009933;
}
hr {
  clear: left;
  border: none 0;
  border-top: 1px solid #EEE;
  height: 1px;
  margin: 16px 0 !important;
  margin: 10px 0;
}
/*------------font------------*/
.st1{
	color:#e8313d;
	font-weight:bold;
}
.st1b{
	color:#e8313d;
	font-weight:bold;
	font-size:14px;
}
.small{
	color:#8E8E8E;
	font-size:10px;
}
/*------------decoration------------*/
.titleBar{
	margin-bottom:4px;
	padding-left:8px;
	background-color:#F9F9F9;
	border-top:1px solid #EEE;
	border-right:1px solid #EEE;
	border-bottom:2px solid #97C96E;
	border-left:1px solid #EEE;
	color:#97C96E;
	line-height:150%;
}
.pageTitle{
	border-left:8px solid #97C96E;
	padding-left:10px;
	font-size:14px;
	color:#555;
	line-height:28px;
	text-decoration:none;
	letter-spacing:1px;
}
a.btm1{
	padding:5px;
	border:1px solid #CCC;
	background-color:#98ca6e;
	color:#FFF;
	border:3px double #EEE; 
	text-decoration:none;
	font-weight:bold;
}
a.btm1:hover{
	background-color:#6EBA44;
}
/*------------extra------------*/
.cl{
	clear:both;
}

/*--------------------------------------Layout------------------------*/
#wrapper{
	width:740px;
	margin:0 auto;
	position:relative;
	top:0;
	left:0;
	background:url(../images/bg_body.gif) repeat-y center top;
}

#header{
	margin:0 auto;
	padding-bottom:16px;
	background:url(../images/bg_header.gif) no-repeat left top;
}
#contents{
	position:relative;
	right:25px;
	float:right;
	width:495px;
	text-align:left;
}
#sideBar{
	position:relative;
	left:25px;
	float:left;
	width:180px;
	text-align:left;
}


/*--------------------------------------header------------------------*/
#header h2#logo{
	position:absolute;
	left:16px;
	top:39px;
	line-height:24px;
	height:24px;
	font-size:12px;
}
#header h1#headerComment{
	display:inline;
	padding-right:5px;
	text-align:right;
	line-height:30px;
	height:30px;
	font-size:12px;
	color:#666;
}
#header p#h1sub{
	display:inline;
	padding-right:20px;
	text-align:right;
	line-height:30px;
	height:30px;
	font-size:12px;
	color:#666;
}
#header #headerImg{
	padding-top:41px;
	width:720px;
	margin:0 auto;
}
/*--------------------------------------Contents------------------------*/
/*------------Title------------*/
h3.title{
	height:28px;
	text-indent:-5000px;
	margin-bottom:8px;
}
h3#titleTop1{
	clear:both;
	background:url(../images/bar_top1.gif) left bottom no-repeat;
	padding-top:18px;
}
h3#titleTop2{
	clear:both;
	background:url(../images/bar_top2.gif) left bottom no-repeat;
	padding-top:18px;
}
/*------------prominentMenu------------*/
#prominentMenu {
	margin-top:8px;
}
#prominentMenu ul{
	margin:0;
	padding:0;
	list-style:none;
}
#prominentMenu li{
	float:left;
	width:150px;
	padding:0 5px;
}
#prominentMenu li p{
	margin:0px;
	padding:0 10px;
	line-height:150%;
	text-align:left;
	text-decoration:underline;
	
}
#prominentMenu li#navi2{
	margin-left:4px;
}
#prominentMenu li#navi3{
	margin-left:5px;
}

#IntoroComment{
	clear:both;
}

/*------------prominentConcept------------*/
#prominentConcept {
	margin-top:4px;
	background:url(../images/bg_prominentConcept.gif) no-repeat left top;
	
}
#prominentConcept #concept1{
	float:left;
}
#prominentConcept #concept2{
	float:right;
}
#prominentConcept div{
	width:230px;
	border:1px solid #97C96E;
}
#prominentConcept img.conceptThubnail{
	float:left;
	margin:4px;
}
#prominentConcept p{
	margin:4px;
	text-align:left;
}
/*======================================flowCart========================*/
#wrapperFlow h3#flowTitle{
	clear:both;
	background:url(../images/bar_flowTitle.gif) left bottom no-repeat;
}
#wrapperFlow h4.flowTitle{
	height:28px;
	text-indent:-5000px;
}
#wrapperFlow h4#flowBar1{
	background:url(../images/bar_flow_01.gif) left top no-repeat;
}
#wrapperFlow h4#flowBar2{
	background:url(../images/bar_flow_02.gif) left top no-repeat;
}
#wrapperFlow h4#flowBar3{
	background:url(../images/bar_flow_03.gif) left top no-repeat;
}
#wrapperFlow h4#flowBar4{
	background:url(../images/bar_flow_04.gif) left top no-repeat;
}
#wrapperFlow h4#flowBar5{
	background:url(../images/bar_flow_05.gif) left top no-repeat;
}
#wrapperFlow h4#flowBar6{
	background:url(../images/bar_flow_06.gif) left top no-repeat;
}
#wrapperFlow .flowContents{
	background:url(../images/bg_flow.gif) left bottom no-repeat;
	padding:16px 5px 16px 100px;
	margin:0;
	text-align:left;
}
#wrapperFlow .flowContentsNoBG{
	background:#FFF;
	padding:16px 5px 16px 100px;
	margin:0;
	text-align:left;
}
#wrapperFlow p{
	clear:both;
}
#wrapperFlow .decoImg{
	border:1px solid #CCC;
	padding:2px;
	margin:0 1em 1em 0;
	float:left;
}
/*======================================Question========================*/
#wrapperQuestion{
}
#wrapperQuestion h3#questionTitle{
	clear:both;
	background:url(../images/bar_questionTitle.gif) left bottom no-repeat;
}
#wrapperQuestion ul{
	margin:0px;
	padding:0px;
}
#wrapperQuestion li{
	margin:0px;
	padding:0px;
	list-style:none;
	text-align:left;
	width:100%;
}
#wrapperQuestion h4{
	font-size:16px;
	color:#46a05f;
	
	border-bottom:4px solid #EEE;
	line-height:24px;
	padding-left:28px;
	padding-bottom:4px;
	background:url(../images/i_q.gif) left top no-repeat;
}
#wrapperQuestion li p{
	margin-left:24px;
	background:url(../images/i_a.gif) left top no-repeat;
	padding-left:28px;
	padding-bottom:24px;
	line-height:24px;
	
}
/*======================================Staff========================*/
#wrapperStaff{
	
}
#wrapperStaff h3#staffTitle{
	clear:both;
	background:url(../images/bar_staffTitle.gif) left bottom no-repeat;
}
#wrapperStaff div#comment{
	text-align:left;
	line-height:180%;
}
#wrapperStaff img#toyoharaPic{
	float:left;
	margin-right:1em;
	margin-bottom:1em;
	
}
#wrapperStaff span#name{
	font-size:16px;
	font-weight:bold;
}
#wrapperStaff h5{
	color:#98ca6e;
	font-weight:bold;
	display:block;
	font-size:12px;
	border-bottom:1px solid #98ca6e;
	padding-left:18px;
	background:url(../images/i_staffTitle.gif) no-repeat 4px center;
}
/*======================================Form========================*/
#wrapperForm{
	text-align:left;
}
#wrapperForm #formHead{
	padding-left:20px;
}
#wrapperForm h3#formTitle{
	clear:both;
	background:url(../images/bar_formTitle.gif) left bottom no-repeat;
}
#wrapperForm fieldset{
	background-color:#FDFDF8;
	border:1px solid #F3F3E2;
	padding:8px;
}
#wrapperForm label{
	float:left;
	padding-left:22px
}
#wrapperForm label#nameLabel{
	background:url(../images/form_id.gif) no-repeat 2px center ;
}
#wrapperForm label#mailLabel{
	background:url(../images/form_mail.gif) no-repeat 2px center ;
}
#wrapperForm label#commentLabel{
	background:url(../images/form_comment.gif) no-repeat 2px center ;
}
#wrapperForm input.textField ,
#wrapperForm textarea{
	font-size:100%;
	width:400px;
	border-top:1px solid #7c7c7c;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-bottom:1px solid #ddd;
	color:#333;
	padding:2px;
	margin-left:20px;
}
#wrapperForm textarea{
	height:200px;
}
#wrapperForm form p{
	clear:both;
}
#wrapperForm input#submit{
	border-right:2px solid #7c7c7c;
	border-bottom:2px solid #7c7c7c;
	border-left:1px solid #c3c3c3;
	border-top:1px solid #c3c3c3;
	color:#333;
	padding:2px;
	letter-spacing:2px;
	margin-left:20px;
}

/*======================================Price========================*/
#wrapperPrice{
	text-align:left;
}
#wrapperPrice h3#priceTitle{
	clear:both;
	background:url(../images/bar_priceTitle.gif) left bottom no-repeat;
}
#wrapperPrice #priceList{
	background-color:#FDFDF8;
	border:1px solid #F3F3E2;
	padding:8px;
}
/*======================================Info========================*/
#wrapperInfo{
	text-align:left;
}
#wrapperInfo h3#infoTitle{
	clear:both;
	background:url(../images/bar_infoTitle.gif) left bottom no-repeat;
}
#wrapperInfo h3#infoTitle2{
	clear:both;
	background:url(../images/bar_infoTitle2.gif) left bottom no-repeat;
}
#wrapperInfo table#infoImgTable{
	width:100%;
	text-align:center;
}
#wrapperInfo table#infoTable{
	width:100%;
	border-left:1px solid #F3F3E2;
	border-top:1px solid #F3F3E2;
	margin-bottom:16px;
}
#wrapperInfo #infoTable th,#wrapperInfo .infoTable td{
	padding:4px;
	border-right:1px solid #F3F3E2;
	border-bottom:1px solid #F3F3E2;
}
#wrapperInfo #infoTable th{
	background-color:#FDFDF8;
}

#wrapperInfo img.mapImg{
	border:1px solid #F3F3E2;
}
/*======================================Privacy========================*/
#wrapperPrivacy{
	text-align:left;
	line-height:150%;
}
#wrapperPrivacy h3#infoPrivacy{
	clear:both;
	background:url(../images/bar_privacyTitle.gif) left bottom no-repeat;
}
#wrapperPrivacy h4{
	margin-top:8px;
	border-bottom:1px solid #EEE;
	font-size:12px;
}
#wrapperPrivacy #sign{
	margin-top:18px;
	text-align:right;
}
/*======================================SiteMap========================*/
#wrapperSitemap{
	text-align:left;
}
#wrapperSitemap h3#sitemapTitle{
	clear:both;
	background:url(../images/bar_sitemapTitle.gif) left bottom no-repeat;
}
#wrapperSitemap li{
	padding:8px;
	letter-spacing:2px;
}

/*======================================link========================*/
#wrapperLink{
	text-align:left;
}
#wrapperLink h3#linkTitle{
	clear:both;
	background:url(../images/bar_linkTitle.gif) left bottom no-repeat;
}
#wrapperLink li{
	padding:8px;
	letter-spacing:2px;
}
#wrapperLink li a{
	font-size:14px;
}
/*--------------------------------------sideBar------------------------*/
#sideBar h3{
	margin:0 auto 4px auto;
	font-size:1em;
	border-bottom:2px solid #97c96e;
	padding-left:18px;
	color:#6FA93F;
	background:url(../images/i_sideTitle.gif) no-repeat 4px center;
}

#sideBar #home{
	display:block;
	text-align:right;
	line-height:200%;
	letter-spacing:2px;
}
#sideBar #sideMenu{
	border:2px solid #E7F29B;
	background-color:#EDF2CB;
	padding-bottom:24px;
}
#sideBar #menu{
	margin:0;
	padding:0;
}

#sideBar #menu li{
	list-style:none;
	padding:5px 0;
	margin-left:4px;
}
#sideBar #menu li a{
	display:block;
	height:38px;
	width:170px;
	text-indent:-5000px;
	overflow:hidden;
	background:url(../images/menu_side.gif) no-repeat left top;
}
#sideBar #menu li a#flowMenu{
	
}
#sideBar #menu li a#priceMenu{
	background-position:0 -38px;
}
#sideBar #menu li a#questionMenu{
	background-position:0 -76px;
}
#sideBar #menu li a#staffMenu{
	background-position:0 -114px;
}
#sideBar #menu li a#formMenu{
	background-position:0 -152px;
}
#sideBar #menu li a#infoMenu{
	background-position:0 -190px;
}
#sideBar #menu li a#linkMenu{
	background-position:0 -228px;
}
#sideBar #menu li a#voiceMenu{
	background-position:0 -266px;
}

#sideBar #menu li a:hover#flowMenu{
	background-position:-170px top;
}
#sideBar #menu li a:hover#priceMenu{
	background-position:-170px -38px;
}
#sideBar #menu li a:hover#questionMenu{
	background-position:-170px -76px;
}
#sideBar #menu li a:hover#staffMenu{
	background-position:-170px -114px;
}
#sideBar #menu li a:hover#formMenu{
	background-position:-170px -152px;
}
#sideBar #menu li a:hover#infoMenu{
	background-position:-170px -190px;
}
#sideBar #menu li a:hover#linkMenu{
	background-position:-170px -228px;
}
#sideBar #menu li a:hover#voiceMenu{
	background-position:-170px -266px;
}
#sideBar #infomation{
	border:1px solid #EEE;
	text-align:center;
}
#sideBar #infomation p{
	margin:8px 0;
}
#sideBar #books{
	margin:0 auto;
}
#sideBar #books ul{
	margin:0;
	padding:0;
	list-style:none;
}
#sideBar #books li{
	padding:5px;
	float:left;
}
#sideBar #books li img{
	border:3px double #EEE;
}
#sideBar #search{
	margin:0 auto;
}
/*--------------------------------------footer------------------------*/
#footer{
	clear:both;
	padding:24px 15px;
	color:#999;
	text-align:right;
	background:url(../images/bg_footer.gif) no-repeat left bottom;
}
#footer a{
	text-decoration:none;
}
#footer #footerMenu{
	text-align:left;
	float:left;
}
#footerMenu ul{
	list-style:none;
	margin:0;
	padding:0;
}
#footerMenu li{
	display:inline;
	padding-left:14px;
	background:url(../images/i_footer.gif) no-repeat 2px center;
}

/*--------------------------------------WP------------------------*/
/*++++++++++++++++++TOP>LIST++++++++++++++++++*/
ul#extractFormPosts{
	margin:0;
	padding:0;
	list-style:none;
	width:495px;
}
ul#extractFormPosts li{
	clear:both;
	margin-bottom:4px;
	text-align:left;
}
ul#extractFormPosts li a{
	background:url(../images/bg_extractFormPosts.gif) no-repeat left top;
	height:24px;
	width:495px;
	display:block;
	line-height:24px;
	text-decoration:none;
	overflow:hidden;
}
ul#extractFormPosts li a:hover{
	background-position:0 -24px;
}
ul#extractFormPosts li a span.date{
	display:block;
	margin-left:14px;
	float:left;
}
ul#extractFormPosts li a span.title{
	position:absolute;
	left:110px;
	overflow:hidden;
}
/*++++++++++++++++++Archive(一覧表示)++++++++++++++++++*/
.posts{
	border-bottom:1px solid #EEE;
	padding:8px;
}
.posts h4 a{
	text-decoration:none;
	display:block;
}
.posts .entry{
	padding:0 4px;
	border:1px solid #EEE;
}
.posts .entry p.date{
	background:url(../images/i_calendar.gif) no-repeat left center;
	padding-left:18px;
	float:right;
	margin:0;
}
.posts .entry p.comment{
	margin:0;
	float:right;
	clear:both;
}
/*++++++++++++++++++SinglePOST(一件表示)++++++++++++++++++*/
.singlePost{
	text-align:left;
	width:100%;
}
.singlePost p.date{
	background:url(../images/i_calendar.gif) no-repeat left center;
	padding-left:18px;
	float:right;
}
.singlePost .entry{
	clear:both;
	font-size:12px;
	line-height:200%;
	letter-spacing:1px;
}
.singlePost .entry .postmetadata{
	margin-top:24px;
	text-align:right;
	font-size:0.8em;
	line-height:150%;
}
/*++++++++++++++++++commentlist(コメントリスト)++++++++++++++++++*/
h3#commentsTitle{
	background:#F9F9F9 url(../images/i_open.gif) no-repeat right center;
}

ol#commentlist{
	margin:0;
	padding:0;
	list-style:none;
}
ol#commentlist li{
	margin:4px 8px;
	padding:4px;
	border-top:1px solid #EEE;
	border-right:1px solid #DDD;
	border-bottom:1px solid #DDD;
	border-left:1px solid #EEE;
	background-color:#FCFFE6;
}
ol#commentlist li .contributor{
	font-size:x-small;
	text-align:right;
}
/*++++++++++++++++++commentform(コメントフォーム)++++++++++++++++++*/
h3#respond{
	margin-top:24px;
}

#commentform{
	margin:8px;
	padding:4px;
	border:1px solid #e7f29b;
	background-color:#FCFFE6;
}
#commentform input{
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #EEE;
	border-left:1px solid #EEE;
	
	padding:2px;
	width:250px;
}
#commentform input#submit{
	background-color:#ed5ca5;
	color:#FFF;
	word-spacing:4px;
}
/*++++++++++++++++++searchform(検索)++++++++++++++++++*/
#searchform{
	margin:4px;
	text-align:right;
}
#searchform #searchKeyword{
	display:block;
	width:99%;
	margin-bottom:4px;
}