@charset "UTF-8";
/*
Theme Name: plain-03
Description: 
Version: 1.0.0
Author: Mitsuaki Ishii
Author URI: http://www.inter-plain.com/
Tags: two-columns, right-sidebar, blue

			
サイドバーBG　#C7DEF2
サイドバーmas BG　#eee
フッターBG #6B788A

*/

*{margin:0;padding:0;}

body {
margin:0;
padding:0;
font-size:12px;
color:#300;
line-height:20px;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";	
background: #fff;
text-align:center;
}
small {	font-size: 10px;	}

h1, h2, h3, h4, h5, h6 {clear:both;	font-weight: bold;	text-align:left;}
h1 { font-size: 20px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
p		{margin:0 0 10px 0;}
pre {	overflow:auto;}
acronym, abbr{	cursor: help;	border-bottom: 1px dashed #999;}
a {	color: #06c;	text-decoration: none;}
a:hover {	color:#09f;text-decoration: underline;}
a img {	border: none;	}



/* Layout
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#layout {clear:both;text-align:left;background:#fff;}
#wrapper {clear:both;	margin:0 auto;width: 860px;padding:0;}





/* Headline
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#headline {clear:both;margin:0 auto;width:860px;height:25px;padding:5px 0 0 0;}
#headline #search {float:right;margin:0 10px 0 0;}
#headline #change{float:right;}
#headline #change img{ position:relative;top:2px;}


/* Header
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#bg-header {height:120px;}
#header {margin:0 auto; width:860px;height:120px;background:url(images/bicycle.png) no-repeat 430px 10px;}
#header-fin {margin:20px auto; width:860px;}/*完了画面用スタイル*/

#header h2{font-size:12px;font-weight:bold;}
#header #site-id{float:left;width:400px;padding:20px 0 0 0; height:60px;}


#header #header-box {
float:right;
background:url(images/bg-header-box.png) no-repeat;
margin:5px 0;
padding:10px 15px 10px 25px;
width:260px;
height:80px;
color:#69c;
text-align:left;}

#header #header-box #tel{margin:5px 0 0 0;}



/* バナー部分 */
#top-bnr {clear:both;margin:20px auto; height:280px;width:860px;}
#top-bnr img{margin:0 2px 0 0;}
#top-bnr #bnr-left{float:left;width:540px;margin:0 4px 0 0;}
#top-bnr #bnr-right{float:left;width:315px;}



/* メニュー
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


#navi-bg{margin:0 0 5px 0;}

#navi {
clear:both;
width:870px;
height:32px;
margin:0 auto;
background:url(images/bg-navi.png) no-repeat;
font-weight:bold;
}
	
#navi ul {list-style: none;margin:0 0 0 10px;}
#navi li {float: left;margin:0 0 0 0;background:url(images/sepa-bar.png) no-repeat top right;height:32px;}
* html #nav li a { /* Filter for IE6 to prevent li stacking */  float: left;  text-decoration: none;  }
#navi li a 						{padding:5px 20px;display: block;color: #5B83A2;text-decoration: none;  }
#navi li a:hover {text-decoration: none;  cursor: pointer; color:#09f;}/* For IE6 */  
#navi li.current_page_item a { color:#09f;}



/*  サブメニューの設定 */

#navi li ul							{z-index:1;position:absolute;left:-9999px;height:auto;width:240px;text-align:left;color:#eee;margin:1px 0 0 -1px;font-weight:normal;background:url(images/bg-submenu.png);padding:0 0 5px 0;}
#navi li li 						{width:240px;border:none;margin:0;height:25px;}
#navi li li a 				{padding:5px 5px 0 5px;display:block;color:#eee;height:25px;border-left:1px solid #eee;border-right:1px solid #666;}

#navi li ul ul 			{ margin:-30px 0 0 240px;}
#navi li:hover ul ul,#navi li:hover ul ul ul	{left:-9999px;}
#navi li:hover ul,#navi li li:hover ul,#navi li li li:hover ul{left: auto;}
#navi li ul li:hover				{color:#eee;}
#navi li ul a:hover,	#navi li ul ul a:hover				{color:#fff;position:static;text-decoration: underline;}

#navi ul li.current_page_item ul li a,#navi ul ul li.current_page_item a{color:#eee;height:25px;}
#navi ul li.current_page_item ul li a:hover,#navi ul ul li.current_page_item a:hover{color:#fff;}


/*　共通 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/*★★★*/
#content-top,#content-page,#content-single,#content-archive,#content-serch
{width:630px;	float:left;}


/* お問い合わせボックスの設定 */
#contact-box{font-size:14px;margin:30px 0 10px 0;color:#f60;}
#contact-box p.please{background:url(images/please.png) no-repeat;padding:10px 0 0 45px; text-weight:bold;height:30px;font-size:16px;font-weight:bold;}

/* ぱんくずリスト　と　検索マド　の設定 */
#utility {clear:both;margin:3px auto;width:860px;height:30px;}
#utility #topicpath{float:left;}

/* Contact Form 7の項目改行 */
span.wpcf7-list-item { display: block; }

/* ★トップページの設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* トップのメイン部分のボックス  */
#content-top .box-left{float:left;width:380px;margin:0 9px 0 0;border-right:1px solid #ccc;}
#content-top .box-right{float:left;width:240px;}


/* Information */
#top-info{margin:0 10px 20px 0;}
#top-info h4{margin:0 0 5px 0;}
#top-info .info-date{font-weight:normal;}

/* What's New　*/
#news						{margin:0 10px 10px 0;}
#news ul			{list-style:none;}
#news ul li{border-bottom:1px dotted #ccc;padding:}
#news ul li a {display:block;width:100%;}
#news ul li a:hover { background:#eee; text-decoration:none;}


/* Twitter の設定 */
#content-top #twitter-box{
padding:0 10px 10px 0;text-align:left;margin:0 0 0 0;}
#content-top #twitter-box ul{margin:10px 0 0 0;list-style:none;}
#content-top #twitter-box li{

padding:3px 0 3px 15px;
background:url(images/li_06.png) no-repeat 0 5px;
border-bottom:1px dotted #999;
}


/*  Pagesの設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


#content-page h2{
background:url(images/bg-h2page.png) no-repeat;
line-height:60px;
height:70px;
padding:0 0 0 30px;
margin:0 0 5px 0;
color:#369;
}

#content-page p{ line-height:20px;}

/* 最終更新日表示 */
#content-page .modified{text-align:right;color:#666;padding:5px;margin:5px 0;}

/* 中見出し*/
#content-page h3{
background: url(images/huki-bl.png) no-repeat;
height:40px;
line-height:40px;
padding:0 0 0 45px;
margin:30px 0 15px 0;
color:#036;
}

/* 小見出し*/
#content-page h4{
/*
background:url(images/li_03.gif) no-repeat 0 3px;
padding:0 0 0 15px;
*/
padding:0 0 10px 0;
margin:20px 0 5px 0;
color:#f60;
}

#content-page ol{margin:10px 0 10px 35px;}
#content-page ol li{ list-style:outside; list-style-type:decimal; margin:0;}

#content-page ul{margin:10px; list-style:none;}
#content-page ul li{padding:0 0 0 15px;background:url(images/li_04.gif) no-repeat 0 5px;margin:0;}


#content-page .postmetadata {	clear: both;	color:#666;}

/* 施行事例の画像設定*/
#content-page #works img{margin:0 40px 20px 0;}

/* サイトのご利用について、個人情報保護についての中見出し*/
#content-page #gyoumu h3{
background:none;
border-left:5px solid #369;
height:18px;
padding:0 0 0 5px;
margin:20px 0 10px 0;
color:#369;
}


/* #jimu 内の設定*/
#content-page #jimu h3{
background:#eee;
height:30px;
line-height:30px;
padding:0 10px;
margin:20px 0;
color:#036;
border-bottom:1px solid #69c;
}



/* Ｐａｙｐａｌ支払い完了画面からの移動先ページ */

#content-fin p{font-size:16px; line-height:20px;margin:0 0 20px 0;}



/* WordPress Bizテーマの 個別ページの設定　wp-page-theme.php内の設定 */

#content-page-theme h2{
background:url(images/bg-h2page-860.png) no-repeat;
line-height:60px;
height:70px;
padding:0 0 0 30px;
margin:0 0 5px 0;
color:#369;
}

#content-page-theme p{ line-height:20px;}

/* 最終更新日表示 */
#content-page .modified{text-align:right;color:#666;padding:5px;margin:5px 0;}

/* 中見出し*/
#content-page-theme h3{
background: url(images/huki-bl.png) no-repeat;
height:40px;
line-height:40px;
padding:0 0 0 45px;
margin:30px 0 15px 0;
color:#036;
}

/* 小見出し*/
#content-page-theme h4{
/*
background:url(images/li_03.gif) no-repeat 0 3px;
padding:0 0 0 15px;
*/
padding:0 0 10px 0;
margin:20px 0 5px 0;
color:#f60;
}

#content-page-theme ol{margin:10px 0 10px 35px;}
#content-page-theme ol li{ list-style:outside; list-style-type:decimal; margin:0;}

#content-page-theme ul{margin:10px; list-style:none;}
#content-page-theme ul li{padding:0 0 0 15px;background:url(images/li_04.gif) no-repeat 0 5px;margin:0;}







/*  Archiveの設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#content-archive h2{

background:url(images/bg-band30px.png) no-repeat left top;
height:30px;
line-height:30px;
padding:0 10px 0 0;
font-size:14px;
color:#369;
text-align:right;
}

#content-archive p{
background:url(images/post-archive.png) no-repeat 0 0;
padding:0 0 0 35px;
margin:10px 0;
font-size:16px;
}

#content-archive .postmetadata {	clear: both;	color:#666;font-size:11px;}
#pagenavi{margin:20px;text-align:center;}




/*  Singleの設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* 投稿の属するカテゴリ */
#content-single p.listname{
background:url(images/bg-band30px.png) no-repeat left top;
height:38px;
padding:5px 10px 0 0;
color:#369;
text-align:right;
font-weight:bold;
}

#content-single p{ line-height:20px;}

/* タイトル部分のボックス*/
.single-titlebox{
background:url(images/post-single.png) no-repeat 0 0;
padding:0 0 0 55px;
margin:10px 0;
}


/* 投稿タイトル*/
#content-single h2{border-bottom:2px solid #9cf;padding:0 0 15px 0;margin:0 0 5px 0;font-size:20px;color:#000; line-height:22px;}



/* 中見出し*/
#content-single h3{
border-left:5px solid #069;
margin:20px 0 5px 0;
padding:0 0 0 10px;
color:#369;
}




/* 小見出し*/
#content-single h4{
/*
background:url(images/li_03.gif) no-repeat 0 3px;
padding:0 0 0 15px;
*/
font-size:14px;
margin:20px 0 5px 0;
color:#09f;

}

#content-single .postmetadata {	clear: both;	color:#666;text-align:right;margin:0 0 30px 0;}
#content-single .btm-postmetadata {	clear: both;	color:#666;text-align:right;margin:20px 0 30px 0;border-top:1px dotted #ccc;}
#content-single ol{margin:10px 0 10px 35px;}
#content-single ol li{ list-style:outside; list-style-type:decimal; margin:0 0 10px 0;}
#content-single ul{margin:10px; list-style:none;}
#content-single ul li{padding:0 0 0 15px;background:url(images/li_03.gif) no-repeat 0 3px;}



/*  Serchの設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#content-serch h2{
background:url(images/bg-h2.gif) no-repeat left top;
height:75px;
line-height:75px;
padding:0 0 0 20px;
font-size:22px;
color:#630;
margin:10px 0 0 0;

}



/*テーブルの設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.entry table {width:100%;/*	border-width:1px 1px 1px 1px;	border-style:solid;	border-color:#ccc;*/}
.entry table td {	padding:5px 10px;	border-width:0 0 1px 0;	border-style:dotted;	border-color:#ccc; vertical-align:top;}
.entry table th {}



/* WP制作プランの表の設定　*/

table.wp-plan .wp-lt 	{	background: #f2f7fd;}
table.wp-plan .wp-std {	background: #cae4fa;}
table.wp-plan .wp-ctm {	background: #fef4be;}

table.waku-gry  {border:1px solid #ccc;}
table.wp-plan {border:1px solid #ccc;width:100%;}
table.wp-plan th{		padding:5px 10px;	background:#eee;	color:#666;	font-weight:bold;width:;text-align:left;}
table.wp-plan td {padding:5px 10px;border-bottom:none;border-bottom:1px dotted #ccc;}
#content-page table.wp-plan h3{background:url(images/huki-org.png) no-repeat 0 0;height:40px; line-height:18px;padding:0 0 0 45px;color:#036;margin:20px 0;}







/* Post
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.post {	margin: 0;	padding:0; 	text-align: justify;	overflow:hidden;	clear:both;	}
.post hr {	display: block;	}
.clear {	clear: both;}
.entry {	margin:10px 0;}
.entry blockquote {	border:1px dashed #ccc;	padding:5px 20px;	margin:10px 0;	background:#f8f8f8;}
.entry blockquote blockquote {}
.entry fieldset {	border:1px dashed #ccc;}
.entry fieldset legend {	font-weight:bold;	text-transform:uppercase;}

.entry ol { list-style-type:decimal; }
.entry ol ol {	list-style-type:lower-alpha; }
.entry ol ol ol {	list-style-type:lower-roman; }

p img {	padding: 0;	max-width: 100%;	}
img.centered {	display: block;	margin-left: auto;	margin-right: auto;	}
.alignright {	padding:0;	margin: 2px 0 5px 10px;	display: inline;	float:right;	}
.alignleft {	padding:0;	margin: 2px 10px 5px 0;	display: inline;	float:left;	}

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

.navigation {	clear:both;	padding:20px 0;}	
.navigation .alignleft {	text-align:left;}
.navigation .alignright {	text-align:right;}


.wp-caption {	border: 1px solid #ccc;	text-align: center;	background-color: #f3f3f3;	padding-top: 3px;}
.wp-caption img {	margin: 0;	padding: 0;	border: 0 none;}
.wp-caption p.wp-caption-text {	line-height: 17px;	padding:3px;	margin: 0;}

.searchbox {	padding:20px;	text-align:center;	clear:both;}
.center {	text-align: center;	}
.hidden {	display: none;}





/* Comments
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#comments {	font-size:12px;	line-height:12px;margin:10px 0 10px 50px;padding:20px;background:#eee;}
#comments .commentlist {	margin:0 0 0 50px;	padding:0;	}
#comments .commentlist li {	list-style:none;	margin:0 0 5px 0;	padding:0;	border-bottom:1px solid #ccc;}
#comments .commentlist ol {margin:0;}
#comments h3 {margin:0 0 10px -10px;border:none;}

li.comment div, li.pingback div {	padding:20px;	overflow:auto;}
li.comment div div, li.pingback div div {	padding:0;	overflow:visible;}
#comments .commentlist li.even {	background-color:#fafafa;border:1px solid #ccc;}
#comments .commentlist li.odd {	background-color:#f6f6f6;border:1px solid #ccc;}
ul.children li {	list-style:none;}
#comments img.avatar {	float:right;	border:1px solid #eee;	padding:2px;	margin:0;	background:#fff;}
.comment-meta, .reply {	margin:0;	padding:0;	font-size:12px;}
#comments .comment-author cite {	font-style:normal;	font-weight:bold;}
#comments textarea#comment {padding:5px;	width:95%;}
#comments div.navigation {	font-size:12px;}

/* Sidebar 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#sidebar {width:220px;	float:right;}	


.sidebar-box {padding:5px;background:#C7DEF2;margin:0;}	


/* 上下の角丸部分の設定 */
.sidebar-bl-top{height:10px;background:url(images/sidebar-bl-top.png) no-repeat left bottom;}
.sidebar-bl-btm{height:20px;background:url(images/sidebar-bl-btm.png) no-repeat left top;}
.sidebar-eee-top{height:10px;background:url(images/sidebar-eee-top.png) no-repeat left bottom;}
.sidebar-eee-btm{height:20px;background:url(images/sidebar-eee-btm.png) no-repeat left top;}

.sidebar-box h3 {
font-size: 12px;
padding:0 0 0 20px;
background:url(images/li_07.png) no-repeat 0 0;
color:#036;
height:20px; line-height:20px;
margin:0 0 5px 0;
}


/* バナーエリア */
#sidebar-bnr {margin:0 0 10px 0;}
#sidebar-bnr img{margin:0 0 1px 0;}

/* サイドバーメニューの設定 */
#sidebar ul, #sidebar ul ol { list-style:none;	}
#sidebar ul li {}
#sidebar ul li a{padding:5px 5px 5px 10px;background:url(images/li_02.gif) no-repeat 0 5px;}

#sidebar ul ul, #sidebar ul ol {	margin: 0 0 10px 10px;	}
#sidebar ul ul ul, #sidebar ul ol {	margin: 0 0 10px 10px;	}
#sidebar ul ol li {	list-style: none;	}
#sidebar ul ul li , #sidebar ul ol li {}

#sidebar li a {text-decoration: none;}
#sidebar li a:hover {	text-decoration: underline;}

/* ★開いているページのメニュー項目を赤くする */
#sidebar li.current_page_item a { color:#f00;background:url(images/li_03.gif) no-repeat 0 5px;}
#sidebar li.current_page_item li a { color:#06c;background:url(images/li_02.gif) no-repeat 0 5px;}


/* サイドバー下段のグレー部分のメッセージ表示設定 */
.sidebar-msg {padding:5px 5px 1px 5px; background:#eee;margin:0 0 0 0;color:#666;font-size:11px; line-height:16px;}	
.sidebar-msg h4{color:#036;margin:0 0 5px 0;padding:2px 0 0 25px;background:url(images/li_05.png) no-repeat 0 0;font-size:12px;height:21px;}	
	


	
/* Calendar
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#wp-calendar {	empty-cells: show;	width: 200px;	background: #F4F7F9;	border: 1px solid #ccc;	margin: 0 0 5px 0;	font-size: 12px;	text-align: center;}
#wp-calendar #next a {	padding-right: 10px;	text-align: right;	}
#wp-calendar #prev a {	padding-left: 10px;	text-align: left;	}
#wp-calendar a {	display: block;	font-weight:bold;	}
#wp-calendar caption {	font-weight:bold;	text-transform:uppercase;	text-align:left;	margin:0 0 5px 8px;	color:#666;	}
#wp-calendar td {	padding: 3px 5px;	text-align: center;	}	
#wp-calendar td#today {	background:#6cf;}	
#wp-calendar td#prev a {	padding: 0;	text-align:left;	font-weight:normal;}
#wp-calendar td#next a {	padding: 0;	text-align:right;	font-weight:normal;}




/* Footer
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */	

#footer-bg {
clear: both;
border-top:10px solid #ccc;
padding:0 0 30px 0;
background:#6B788A url(images/bg-footer.png) no-repeat ;
}

#footer {
width:840px;
margin: 0 auto;
padding:5px 0 0 0;
height:140px;
}


#footer-fin {/*完了画面用スタイル*/
width:860px;
margin: 0 auto;
padding:5px 0 0 0;
height:140px;
border-top:10px solid #ccc;
background:#6B788A url(images/bg-footer.png) no-repeat ;
color:#eee;
}


#footer #ft-menu{text-align:left;}
#footer #ft-menu ul{ list-style:none;}
#footer #ft-menu li{float:left;padding:0 10px;line-height: 32px;background:url(images/sepa-bar.png) no-repeat top right;}


#footer .ft-copy{clear:both;margin:20px 0 0 0;padding:5px;text-align:right;color:#eee;}
#footer .ft-rss{padding:0 0 0 18px;margin:0 0 0 20px;background: url(images/rss.png) no-repeat ;height:14px;font-size:14px;}

#footer a {	color: #fff;	text-decoration: none;}
#footer a:hover {text-decoration: underline;}


/*共通クラスの設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.space20{clear:both;height:20px;}
.clearboth{clear:both;height:5px;}
.floatleft{float:left;margin:0 10px 10px 0;}
.floatright{float:right;margin:0 0 10px 10px;}

.red{color:#f00;}
.notice{font-size:14px; color:#c30;}/* フォント14ピクセルで赤茶文字*/

.line_solid{border-bottom:1px solid #ccc;}
.line_dotted{border-bottom:1px dotted #ccc;}

.font14{font-size:14px;}
.font16{font-size:16px;}
.font16b{font-size:16px;font-weight:bold;}
.font22{font-size:22px;margin:0 0 0 30px;}
.font16b-f30{font-size:16px;font-weight:bold;color:#f30;}

.t-center{text-align:center;}
.t-left{text-align:left;}
.t-right{text-align:right;}

.waku-green{border:1px solid #6c0; background:#eee;padding:10px;}
.waku-pink{border:1px solid #f9c; background:#eee;padding:10px;}

.waku-btn{background: #eee; padding:10px;margin:20px 0 20px 500px;border:1px solid #ccc;}
.eee {	background: #eee;}