﻿@charset "utf-8";
div#mainarea {
	width:600px;
	padding:15px;
	float:left;
}
div#mainarea h2 {
	width:575px;
	height:27px;
	margin-bottom:15px;
	padding-top:3px;
	padding-left:25px;
	font-size:18px;
	font-weight:bold;
	background:url(../images/common/h2bg.gif) no-repeat 0 0;
}
div#mainarea p {
	padding:0 25px;
	font-size:14px;
	line-height:160%;
}
div#workstop p {
	margin-left:-20px;
	margin-bottom:20px;
}
div.textarea {
	width:370px;
	float:left;
}
div.imgarea {
	width:200px;
	margin-left:10px;
	float:left;
}
div#subarea {
	width:220px;
	margin-top:10px;
	float:right;
	background-color:#f7f7f7;
}
/*works
-------------------------*/
div#mainarea p img {
	margin-right:15px;
	margin-bottom:15px;
}
div.box1 {
	height:161px;
	padding-bottom:25px;
}
div.box2 {
	width:330px;
	float:right;
	padding-top:40px;
}
ul#flow-ul {
	margin:5px 0 5px 25px;
}
ul#flow-ul li {
	padding:5px 0;
}
h3.worksh3 {
	margin-bottom:10px;
	font-size:16px;
	font-weight:bold;
}
h3.worksh3 span {
	font-size:12px;
	color:#F00;
}
p#stitle {
	width:220px;
	height:30px;
	text-indent:-9999px;
	background: url(../images/works/smenu/title.gif) no-repeat 0 0;
}
li.minilist {
	margin-bottom:10px;
}
li#s_jirei a {
	width:220px;
	height:50px;
	text-indent:-9999px;
	display:block;
	background:url(../images/works/smenu/s_jirei.gif) no-repeat 0 0;
}
li#s_jirei a:hover {
	background:url(../images/works/smenu/s_jirei_o.gif) no-repeat 0 0;
}
li#s_nagare a {
	width:220px;
	height:41px;
	text-indent:-9999px;
	display:block;
	background:url(../images/works/smenu/s_nagare.gif) no-repeat 0 0;
}
li#s_nagare a:hover {
	background:url(../images/works/smenu/s_nagare_o.gif) no-repeat 0 0;
}
h3.h3bg {
	width:575px;
	height:22px;
	margin-bottom:10px;
	padding-top:8px;
	padding-left:25px;
	font-size:16px;
	font-weight:bold;
	background:url(../images/works/h3bg.jpg) no-repeat 0 0;
}
h3.h3hbg {
	width:265px;
	height:22px;
	margin-bottom:10px;
	padding-top:8px;
	padding-left:25px;
	font-size:16px;
	font-weight:bold;
	background:url(../images/works/h3bg.jpg) no-repeat 0 0;
}
div.half {
	width:290px;
	float:left;
}
div#worksarea table {
	margin-bottom:15px;
}
div#worksarea .koumoku {
	padding:5px;
	font-weight:bold;
	text-align:center;
	border:1px solid #ddd;
	background:#eee;
}
div#worksarea .data {
	padding:5px;
	text-align:center;
	border:1px solid #ddd;
}
div#worksarea .data3 {
	border:1px solid #ddd;
}
div#worksarea .data2 {
	padding:5px;
	border:1px solid #ddd;
}
p.arrow a {
	padding-left:15px;
	font-size:10px;
	background:url(../images/common/arrow_r.gif) no-repeat 0 0;
}
/*流れ
-------------------------*/
#step1 {
	width:350px;
	height:30px;
	margin-bottom:15px;
	text-indent:-9999px;
	background:url(../images/works/s1.gif) no-repeat 0 0;
}
#step1 {
	width:350px;
	height:30px;
	margin-bottom:15px;
	text-indent:-9999px;
	background:url(../images/works/s1.gif) no-repeat 0 0;
}
#step2 {
	width:350px;
	height:30px;
	margin-bottom:15px;
	text-indent:-9999px;
	background: url(../images/works/s2.gif) no-repeat 0 0;
}
#step3 {
	width:350px;
	height:30px;
	margin-bottom:15px;
	text-indent:-9999px;
	background: url(../images/works/s3.gif) no-repeat 0 0;
}
#step4 {
	width:350px;
	height:30px;
	margin-bottom:15px;
	text-indent:-9999px;
	background: url(../images/works/s4.gif) no-repeat 0 0;
}
#step5 {
	width:350px;
	height:30px;
	margin-bottom:15px;
	text-indent:-9999px;
	background: url(../images/works/s5.gif) no-repeat 0 0;
}
#step6 {
	width:350px;
	height:30px;
	margin-bottom:15px;
	text-indent:-9999px;
	background: url(../images/works/s6.gif) no-repeat 0 0;
}
#step7 {
	width:350px;
	height:30px;
	margin-bottom:15px;
	text-indent:-9999px;
	background: url(../images/works/s7.gif) no-repeat 0 0;
}
#step8 {
	width:350px;
	height:30px;
	margin-bottom:15px;
	text-indent:-9999px;
	background: url(../images/works/s8.gif) no-repeat 0 0;
}
#step9 {
	width:350px;
	height:30px;
	margin-bottom:15px;
	text-indent:-9999px;
	background: url(../images/works/s9.gif) no-repeat 0 0;
}
/*point
-------------------------*/
div.faqarea {
	margin-bottom:25px;
}
div.faqarea dl dt {
	height:30px;
	padding:5px 40px 10px 40px;
	background:url(../images/point/q.gif) no-repeat left top #E8E8E8;
}
div.faqarea dl dd {
	min-height:30px;
	margin-top:5px;
	margin-bottom:10px;
	padding:5px 40px 10px 40px;
	background:url(../images/point/a.gif) no-repeat left top;
}
li#s_point a {
	width:220px;
	height:50px;
	text-indent:-9999px;
	display:block;
	background: url(../images/point/s_point.gif) no-repeat 0 0;
}
li#s_point a:hover {
	background: url(../images/point/s_point_o.gif) no-repeat 0 0;
}
li#s_life a {
	width:220px;
	height:41px;
	text-indent:-9999px;
	display:block;
	background: url(../images/point/s_life.gif) no-repeat 0 0;
}
li#s_life a:hover {
	background: url(../images/point/s_life_o.gif) no-repeat 0 0;
}
li#s_litle a {
	width:220px;
	height:41px;
	text-indent:-9999px;
	display:block;
	background: url(../images/point/s_litle.gif) no-repeat 0 0;
}
li#s_litle a:hover {
	background: url(../images/point/s_litle_o.gif) no-repeat 0 0;
}
li#s_faq a {
	width:220px;
	height:41px;
	text-indent:-9999px;
	display:block;
	background:url(../images/point/s_faq.gif) no-repeat 0 0;
}
li#s_faq a:hover {
	background:url(../images/point/s_faq_o.gif) no-repeat 0 0;
}
div.btn_bg {
	width:600px;
	margin-top:25px;
	text-align:center;
}
/*キャットカフェ
-------------------------*/
div#support1 {
	margin-bottom:25px;
}
div#support1 ul {
	width:360px;
	margin-left:25px;
	float:left;
}
div#support1 ul li {
	padding-left:40px;
	list-style:inside square;
}
.suuportimg {
	margin:25px 0;
}
div#support2 {
	margin-bottom:25px;
}
div#support2 ul {
	width:360px;
	margin-left:25px;
	float:left;
}
div#support2 ul li {
	padding-left:40px;
	list-style:inside square;
}
div.sppo_box {
	margin-bottom:25px;
}
div.sppo_sttaf {
	margin-bottom:20px;
}
/*about
-------------------------*/
div#aboutarea dl {
}
div#aboutarea dt {
	float:left;
	width:150px;
	padding:5px 0 5px 10px;
	font-weight:bold;
}
div#aboutarea dd {
	margin-left:150px;
	padding:5px 5px 5px 10px;
}
li#s_about a {
	width:220px;
	height:50px;
	text-indent:-9999px;
	display:block;
	background: url(../images/about/s_about.gif) no-repeat 0 0;
}
li#s_about a:hover {
	background:url(../images/about/s_about_o.gif) no-repeat 0 0;
}
li#s_staff a {
	width:220px;
	height:41px;
	text-indent:-9999px;
	display:block;
	background: url(../images/about/s_staff.gif) no-repeat 0 0;
}
li#s_staff a:hover {
	background: url(../images/about/s_staff_o.gif) no-repeat 0 0;
}
li#s_policy a {
	width:220px;
	height:50px;
	text-indent:-9999px;
	display:block;
	background:url(../images/about/s_policy.gif) no-repeat 0 0;
}
li#s_policy a:hover {
	background:url(../images/about/s_policy_o.gif) no-repeat 0 0;
}
div.staff-bg1 {
	padding-bottom:10px;
	border-bottom:1px dashed #d2d2d2;
}div.staff-bg2 {
	padding-top:10px;
	border-top:1px dashed #d2d2d2;
}
h3#kano {
	width:600px;
	height:25px;
	margin-bottom:20px;
	text-indent:-9999px;
	background:url(../images/about/h3_kano.jpg) no-repeat 0 0;
}
h3#toya {
	width:600px;
	height:25px;
	margin-bottom:20px;
	text-indent:-9999px;
	background: url(../images/about/h3_toya.jpg) no-repeat 0 0;
}
h3#ono {
	width:600px;
	height:25px;
	margin-bottom:20px;
	text-indent:-9999px;
	background:url(../images/about/h3_ono.jpg) no-repeat 0 0;
}
h3#yamamoto {
	width:600px;
	height:25px;
	margin-bottom:20px;
	text-indent:-9999px;
	background: url(../images/about/h3_yamamoto.jpg) no-repeat 0 0;
}
h3#nunome {
	width:600px;
	height:25px;
	margin-bottom:20px;
	text-indent:-9999px;
	background: url(../images/about/h3_nunome.jpg) no-repeat 0 0;
}
h3#yawata {
	width:600px;
	height:25px;
	margin-bottom:20px;
	text-indent:-9999px;
	background: url(../images/about/h3_yawata.jpg) no-repeat 0 0;
}
div#kano p, div#toya p, div#ono p, div#nishimori p, div#yamamoto p, div#akagi p, div#yawata p {
	font-size:10px;
	line-height:170%;
}
/*policy
-------------------------*/
div#policyarea dl {
	margin-left:30px;
}
div#policyarea dt {
	float:left;
	width:50px;
	padding:5px 0 5px 10px;
	font-weight:bold;
}
div#policyarea dd {
	margin-left:50px;
	padding:5px 5px 5px 10px;
}
div#policyarea ul li {
	margin-left:55px;
	padding-left:30px;
	font-size:12px;
	list-style:circle;
	line-height:150%;
}
/*progate
-------------------------*/
div.proarea h3 {
	width:525px;
	height:25px;
	margin-bottom:15px;
	padding:5px 25px 0 25px;
	font-weight:bold;
	font-size:14px;
	color:#990000;
	background:url(../images/common/h3_bg.gif) no-repeat 0 0;
}
.prgtext {
	width:300px;
	float:left;
}
.prgimg {
	float:right;
}
.case1 {
	float:right;
	width:200px;
}
.case1 p {
	padding:0;
	font-size:12px;
}
li#s_prg a {
	width:220px;
	height:50px;
	text-indent:-9999px;
	display:block;
	background:url(../images/progate/sm01.gif) no-repeat 0 0;
}
li#s_prg a:hover {
	background:url(../images/progate/sm01_o.gif) no-repeat 0 0;
}
li#s_prj a {
	width:220px;
	height:41px;
	text-indent:-9999px;
	display:block;
	background:url(../images/progate/sm02.gif) no-repeat 0 0;
}
li#s_prj a:hover {
	background:url(../images/progate/sm02_o.gif) no-repeat 0 0;
}
li#s_rpt a {
	width:220px;
	height:41px;
	text-indent:-9999px;
	display:block;
	background:url(../images/progate/sm03.gif) no-repeat 0 0;
}
li#s_rpt a:hover {
	background:url(../images/progate/sm03_o.gif) no-repeat 0 0;
}
li#s_kus a {
	width:220px;
	height:41px;
	text-indent:-9999px;
	display:block;
	background:url(../images/progate/sm04.gif) no-repeat 0 0;
}
li#s_kus a:hover {
	background:url(../images/progate/sm04_o.gif) no-repeat 0 0;
}

div.proarea th {
	width:200px;
	height:50px;
	padding:20px;
	color:#990000;
	font-weight:bold;
	font-size:14px;
}
/*sitemap
-------------------------*/
div#sitemaparea h3 {
	margin-bottom:10px;
	margin-left:25px;
	font-weight:bold;
}
div#sitemaparea p {
	text-indent:1em;
}
div.block {
	margin-bottom:15px;
}
/*news
-------------------------*/
div.post {
	margin-bottom:30px;
}
div.post img {
	margin:15px 0;
}
div.post h2 a {
	text-decoration:none;
}
div#calendar {
	padding-left:20px;
	background-color:#F7F7F7;
}
div#calendar h2 {
	width:200px;
	height:30px;
	text-indent:-9999px;
	background:url(../images/news/calendar.gif) no-repeat 0 0;
}
#wp-calendar {
	width:200px;
}
caption {
	text-align:center;
}
h2.widgettitle {
	width:160px;
	height:18px;
	margin-bottom:10px;
	padding-top:12px;
	padding-left:30px;
	font-size:14px;
	font-weight:bold;
	background:url(../images/news/side_h2bg.gif) no-repeat 0 0;
}
div#wp_side {
	width:190px;
	margin: 0 auto;
}
div#wp_side li {
	padding-bottom:10px;
}
div#mag h2 {
	width:220px;
	height:30px;
	text-indent:-9999px;
	background:url(../images/news/mag.gif) no-repeat 0 0;
}
div#mag p {
	width:160px;
	padding:10px 30px 0 30px;
}
div#recentposts h2 {
	width:220px;
	height:30px;
	text-indent:-9999px;
	background:url(../images/news/recent.gif) no-repeat 0 0;
}
div#category h2 {
	width:220px;
	height:30px;
	text-indent:-9999px;
	background:url(../images/news/category.gif) no-repeat 0 0;
}
div#archives h2 {
	width:220px;
	height:30px;
	text-indent:-9999px;
	background:url(../images/news/archive.gif) no-repeat 0 0;
}
div#recentposts li, div#category li, div#archives li {
	width:180px;
	height:28px;
	padding:13px 0 0 40px;
	background:url(../images/news/libg.gif) no-repeat 0 0;
}
div#calendar, div#recentposts, div#category, div#archives {
	margin-bottom:15px;
}
p.postmetadata {
	margin-top:25px;
	margin-bottom:15px;
}
/*お問い合わせ
-------------------------*/
div#formarea table {
	margin-bottom:25px;
}
div#formarea table tr {
	border-bottom: solid 1px #CCCCCC;
}
div#formarea table tr th {
	border: solid 1px #ccc;
	padding: 10px;
	text-align: left;
}
div#formarea table tr td {
	border: solid 1px #ccc;
	padding: 5px;
	text-align: left;
	font-size: 12px;
	line-height: 2em;
}
.td0 {
	text-align:center;
}
.td1 {
	width:200px;
	text-align:center;
}
.red {
	font-size:12px;
	color:#9C1915;
}
