@charset "utf-8";
/*
Theme Name: theme029
Description: theme029
Version: 1.0
Author: o2 Group
Tags: simple

o2 Group sagyou v1.0
This theme was designed and built by o2 Group,
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/

* { margin: 0; padding: 0;}

body { font: 13px/1.4 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; color: #000; background: #F6F6F6 url(images/bg2.jpg) no-repeat center top;}
#index { background: #F6F6F6 url(images/bg.jpg) no-repeat center top; min-width: 1100px;}
a { color: #000; text-decoration: none;}
a:hover { color: #000; text-decoration: underline;}
a:active, a:focus { outline: 0;}

.clear { clear: both;}
table { border-collapse: collapse;}
img { border: none;}
hr { display: none;}

/*************
全体
*************/
/*#wrapper { width: 1040px; margin: 0 auto; padding: 0 10px;}*/

#container { width: 1020px; margin: 0 auto;}

.pageTop { clear: both; margin: 30px;}
.pageTop p { text-align: right;}
.pageTop a:hover { text-decoration: underline;}

#ftrTxt { margin-bottom: 20px; text-align: center;}
#ftrTxt a, #ftrTxt a:visited, #ftrTxt a:hover { text-decoration: none;}

/*************
/* ヘッダー
*************/
#header {
/**background: url(images/header.png) no-repeat 100% 0;
height: 80px;**/
}

#header h1 { padding: 5px 0 10px 15px; font-weight: normal; color: #000000;    /***********　←　ここで文字色変更可能　***********/

/************************************要望1**********************************************/
width:720px;
font-size: 11px;
letter-spacing: -0.05em;
line-height: 1.2;
}


/************************************要望3**********************************************/
#header2 { position: relative; clear: both; height: 85px; background:url(images/common/header2_bg.png) no-repeat 5px 0;}
#header2 p a { display: block; /*border: 1px solid red;*/}

#header2 #hdrLogo { width: 290px; height: 70px; margin: 5px 0 0 0;}
#header2 #hdrLogo a { width: 290px; height: 70px;}

#header2 #hdrLink { position: absolute; top: 20px; right: 25px; text-indent: -4444px;}
#header2 #hdrLink a { width: 265px; height: 55px;}

#header2 #hdrBtn { position: absolute; top: 20px; left: 510px; text-indent: -4444px;}
#header2 #hdrBtn a { width: 215px; height: 55px;}


/************************************要望2**********************************************/
#hdr { position: relative; width: 1040px; margin: 0 auto;}

#hdr #headerlink_right { position: absolute; top: 5px; right: 30px;}
#hdr #headerlink_right li { float: right; margin: 3px 0 0 10px; font-size: 10px; list-style: none;}

#hdr #headerlink_right li a {
     color:#000000;    /*********************　←　ここで文字色変更可能　*********************/
	 }

#hdr #headerlink_right li a:hover {
     color:#000000;    /*********************　←　ここで文字色変更可能　*********************/
	 }


/* ヘッダーナビゲーション ************************************************************************************/
.hdrBtn li { float: left; margin-right: 3px; list-style: none;}
.hdrBtn a:hover img { opacity: 0.8; filter: alpha(opacity = 70);}


/*************
/* トップナビゲーション
*************/
ul#topnav{
margin: 15px 0;
width: 910px;
height: 46px;
background:url(images/topnav.png) no-repeat 0 0;
}

ul#topnav li{float:left;list-style:none;width:130px;}

ul#topnav a{
text-indent: -9999px;
text-decoration: none;
display: block;
width: 130px;
height: 46px;
background:url(images/topnav.png) no-repeat;
}

ul#topnav a#home{background-position:0 0;}
ul#topnav a#about{background-position:-130px 0;}
ul#topnav a#menu{background-position:-260px 0;}
ul#topnav a#faq{background-position:-390px 0;}
ul#topnav a#map{background-position:-520px 0;}
ul#topnav a#blog{background-position:-650px 0;}
ul#topnav a#link{background-position:-780px 0;}

ul#topnav a#home:hover, ul#topnav li.active a#home{background-position:0 -46px;}
ul#topnav a#about:hover, ul#topnav li.active a#about{background-position:-130px -46px;}
ul#topnav a#menu:hover, ul#topnav li.active a#menu{background-position:-260px -46px;}
ul#topnav a#faq:hover, ul#topnav li.active a#faq{background-position:-390px -46px;}
ul#topnav a#map:hover, ul#topnav li.active a#map{background-position:-520px -46px;}
ul#topnav a#blog:hover, ul#topnav li.active a#blog{background-position:-650px -46px;}
ul#topnav a#link:hover, ul#topnav li.active a#link{background-position:-780px -46px;}

li.active a#home{background-position:0 -42px;}
li.active a#guide{background-position:-213px -42px;}
li.active a#faq{background-position:-429px -42px;}
li.active a#mp{background-position:-573px -42px;}


/*************
メイン（右側）コンテンツ
*************/
#main {
float: right;
width: 760px;
margin-right: 10px;
/**padding: 30px 0;**/
display: inline;
}

#main .topimg{
     margin-bottom:10px;
	 }


#main .bannerM img{
padding-right: 10px;
padding-bottom: 15px;
}
#main .bannerM img.last{padding-right:0;}

#toppage h2 { background: url(images/heading.png) no-repeat;}

#main h2 { margin: 10px 0; padding: 0 10px 0px 30px; color: #000000; font-size: 20px; font-weight: normal; line-height: 40px; background: url(images/heading.png) no-repeat;}

#main h3 { clear: both; margin-top: 20px; padding: 0 0 10px 15px; color: #111; font-size: 18px; line-height: 30px; letter-spacing: 0.1em; background: url(images/h3.jpg) no-repeat;}

#main h4 { clear: both; margin-top: 20px; padding: 0 0 10px 15px; color: #111; font-size: 18px; line-height: 30px; letter-spacing: 0.1em; background: url(images/h3.jpg) no-repeat;}


/************************************要望5**********************************************/

/**　右ブロック　**/
#main  #osirase{
     float:right;
	 width:309px;
	 }

#main  #osirase h3 {
font-size: 12px;
line-height: 30px;
background: url(images/h3_right.jpg) no-repeat ;/*********************　←　ここで背景画像　変更可能　*********************/
padding-left:-15px;
/**padding-bottom: 10px;
margin-top: 20px;**/
letter-spacing: 0.2em;
color: #000000;
}

#main #osirase ul{
     width:280px;
     }

#main #osirase ul li{
	 list-style:none;
     }

#main #osirase ul li a:hover{
	 text-decoration:underline;
     }

#main #osirase p{
     font-size:10px;
}


#main #osirase #thumbnailimg{
     float:left;
	 margin-right:10px;
	 }

#main #osirase #short_contents{
     float:left;
	 margin-left:5px;
	 font-size:11px;
	 width:180px;
	 }



/**　左ブロック　**/
#main #osirase2{
     float:right;
     width:309px;
	 }
	 
#main #osirase2 h3 {
font-size: 12px;
line-height: 30px;
background: url(images/h3_left.jpg) no-repeat ;/*********************　←　ここで背景画像　変更可能　*********************/
padding-left:-15px;
/**padding-bottom: 10px;
margin-top: 10px;**/
letter-spacing: 0.2em;
color: #000000;
}

#main #osirase2 ul{
     width:280px;
     }

#main #osirase2 ul li{
	 list-style:none;
     }

#main #osirase2 ul li a:hover{
	 text-decoration:underline;
     }

#main #osirase2 p{
     font-size:10px;
}


#main #osirase2 #thumbnailimg{
     float:left;
	 margin-right:10px;
	 }

#main #osirase2 #short_contents{
     float:left;
	 margin-left:5px;
	 font-size:11px;
	 width:180px;
	 }

/*#main p {　padding: 5px 15px 15px 0px;}*/


/* 画像を右に回りこみ */
#main p.withImage{
width: 598px;
margin: 20px 0 10px 10px;
padding: 5px 0;
}

#main p.withImage img{
float: right;
margin-left: .5em;
}

#date {
text-align: right;
padding-right: 15px;
padding-top: 15px;
padding-bottom: 10px;
font-weight:bold;
color:#858585;
}

#next {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}
img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}
.alignright {
    float: right;
}
.alignleft {
    float: left;
}

/* フッター共通 */
.box{
float: left;
width: 195px;
margin: 20px 16px 10px 0;
line-height: 1.2;
}

.box_img{
padding: 0px 0px 10px 0px;
}

.last{margin-right:0;}


/* ボタン */
p.button{
text-align: center;
font-weight:bold;
}


p.button a{
width:195px;
height:32px;
line-height: 32px;
background: #ffffff url(images/button.png) no-repeat;
display:block;
/**margin: 0 -20px;**/
color:#000000;
}


p.button a:hover{
     cursor:pointer;
     background-position: 0 -32px;
     color:#000000;
	 }


/* メインとフッターのリスト位置調節 */
#main ul { margin-left: 20px;}
#main li {margin-bottom: 3px;}


/*************
サイド（左側）コンテンツ
*************/
#sidebar {
width: 230px;
padding: 0px 0;
}

#sidebar p { margin-bottom: 20px;}
#sidebar .wBnr p { margin-left: 22px;}
#sidebar .wBnr img { width: 190px;}

#sidebar h3 {
margin-top: 5px;
padding: 0 10px 0 33px;
line-height: 40px;
font-size: 15px;
font-weight: normal;
color: #111111;
background: #F6F6F6 url(images/header3.jpg) no-repeat;
}

#sidebar ul{
margin-left: 5px;
padding: 10px 0;
}

#sidebar li{
margin: 0 10px 10px 5px;
list-style: none;
border-bottom: 1px dashed #aeaeae;
}

#sidebar li a{
background: url(images/list.png) no-repeat 0 50%;
display: block;
padding-left:15px;
}

#sidebar li a:hover{background-position: 3px 50%;}

/* フッター
*************/
#footer ul { margin-left: 20px;}
#footer li { margin-bottom: 3px;}

#footer { clear: both; border-top: 0px solid #FFFFFF;
width: 100%;
min-width: 1100px;

height: 330px;
background: url(images/footer_bg.jpg) repeat-x center top #F6F6F6;
/*********************　↑　ここで背景色　変更可能　*********************/
display: block;
}

#footer .inner{
overflow: hidden;
margin: 0 auto;
padding: 0 20px;
/*width: 910px;*/
width: 1060px;
height:330px;
/*background-image:url(images/footer_bg.jpg);*/
/*********************　↑　ここで背景画像　変更可能　*********************/
display:block;
position: relative;
}

* html #footer .inner{height:1%;}

#footer #logo{
float:left;
margin-left: 40px;
padding: 10px 0 5px;
width: 292px;
}

#footer #gaiyou{
padding: 10px 0 5px;
width: 220px;
color:#111111;  /*********************　←　ここで会社概要の文字色　変更可能　*********************/
font-size:12px;  /*********************　←　ここで会社概要の文字の大きさ　変更可能　*********************/
}


#ftrLn { position: absolute; top: 25px; right: 65px;}
#ftrLn li { float: right; font-size: 12px; list-style: none;}
#ftrLn span { margin: 0 5px; color: #111111;}
/***************************** ↑色を変える */

#ftrLn a,
#ftrLn a:visited,
#ftrLn a:hover { color: #111111;}
/***************** ↑色を変える */


/*
#footer #box_wrapper{
     margin-left:150px;
	 float:right;
	 }

#footer #box_wrapper li{
	 list-style:none;
	 font-size:12px;
	 }

#footer #box_wrapper li a{
	 color:#111111;
	 }

#footer #box_wrapper li a:hover{
	 color:#111111;
	 text-decoration:underline;
	 }
*/
	 

#footer address{
padding: 100px 0 3px;
text-align: center;
font-style:normal;
font-size: 10px;
clear:both;
display:block;
color:#FFFFFF;  /*********************　←　ここで「コピーライトの文字の色」　変更可能　*********************/
}

/* ---------------------------------------------------------------------
Widget：[メイン]新着記事一覧
--------------------------------------------------------------------- */
#top-news {
	margin-bottom:20px;
}

#top-news h3 {
	margin: 0;
	background: url('images/list2.png') no-repeat left top;
	_height:1px;
	padding:5px 10px 0 10px;
	font-size:115% !important;
	font-size:110%;
	font-weight:bold;
}

#top-news .news {
	padding:2px 10px 2px 3px;
}

#top-news .day {
	float: left;
	width: 80px;
	margin-left:20px;
	padding: 0 0 0 30px;
	background: url('images/list2.png') no-repeat 0 center;
	font-size:100% !important;
	font-size:110%;
}

#top-news .title {
	float: right;
	padding-left:7px;
	width: 450px;
}


#top-news .news_sentence{
     padding-left:50px;
	 font-size:11px;
}

/* ---------------------------------------------------------------------
Widget：[メイン]トップ表示記事
--------------------------------------------------------------------- */
.top-entry-content {
	margin-bottom:20px;
}

.top-entry-content h3.title {
	margin: 0;
	padding:5px 10px 0 10px;
	font-size:115% !important;
	font-size:110%;
	font-weight:bold;
	background: url('images/list.png') no-repeat left top;
}

.top-entry-content .content {
	padding:10px;
}

.top-entry-content .content img {
	background-color:#DCE2F3;
	padding: 3px;
}


/*
投稿
============================================================================================= */

.countdown {
	font-size: 15px;
	color: #999;
}

.time {
	margin: 10px 0 7px 2px;
}

.post h2 {
	margin: 0 0 3px 0;
	font-size: 1em;
}

#main .post { clear: both; margin-bottom: 20px;}

/*.post img { float: left; margin: 0 10px 10px 0; border: 1px solid #F4F4F4;}*/

#main .post p { margin-top: 5px;}
#main .post .dateLabel { float: right; margin: 0 25px 0 0;}
#main .post p a,
#main .post p a:visited,
#main .post p a:hover { color: #111111;}

.pagenav { clear: both; width: 240px; margin: 40px auto 0;}
.pagenav span { margin-left: 15px;}

.page_title {
	font-size: 1em;
}

.page_title a {
	color: #555;
}

.post2 {
	margin: 0 0 5px 0;
	padding: 0 8px 0 2px;
}

.post2 p {
	margin: 0 0 .5em 0;
	padding: 0 1px;
	line-height: 1.8em;
}

.keyword {
	margin: 0 0 0 5px;
	font-size: .9em;
}

.rate {
	margin: 0 0 0 5px;
	font-size: .9em;
}

#newsArea {
	clear: both;
	margin: 5px 0;
}

ul.catmenu {
	clear: both;
	float: none;
	list-style: none;
	margin: 0 0 20px 14px;
	width: 240px;
}
ul.catmenu li {
	background-image: none;
	border-bottom: 1px dashed #E9C2BC;
	color: #333;
	float: none;
	font-size: 12px;
	font-weight: bold;
	height: auto;
	line-height: 1.4;
	margin: 0;
	padding: 10px 5px;
	text-align: left;
	width: 230px;
}
ul.catmenu li:last-child {
	border-bottom: none;
}
ul.catmenu li a,
ul.catmenu li a:hover {
	background-image: none;
}
ul.catmenu li div.dmt {
	color: #C00;
	font-size: 9px;
	font-weight: normal;
	line-height: 1.2;
	padding: 1em 0 0;
	text-align: right;
}


/**************************************************************************************************** 会社案内 */
#main .outlinePhotoUl { clear: both; margin: 0 0 20px 0; padding: 0;}
#main .outlinePhotoUl li { display: inline; float: left; margin: 0 8px 0 10px; padding: 0;}
.outlinePhotoUl img { padding: 2px; border: 1px solid #A8CCCC;}


#main .outlinePhotoP2Ul { clear: both; margin: 0; padding: 0;}
#main .outlinePhotoP2Ul li { float: left; margin: 0 0 15px 18px; padding: 0; list-style: none;}
#main .outlinePhotoP2Ul .mlr { margin-left: 20px;}
.outlinePhotoP2Ul img { padding: 2px; border: 1px solid #CCC;}
.outlinePhotoP2Ul span { display: block; padding-top: 3px; text-align: center;}
/*
#main .outlinePhotoP2Ul { clear: both; margin: 0 0 0 20px; padding: 0;}
#main .outlinePhotoP2Ul li { float: left; margin: 0; padding: 0; list-style: none;}
#main .outlinePhotoP2Ul .mlr { margin: 0 18px 15px 0;}
.outlinePhotoP2Ul img { padding: 2px; border: 1px solid #CCC;}
*/

#main .outlinePhotoP3Ul { clear: both; margin: 0 0 0 20px; padding: 0;}
#main .outlinePhotoP3Ul li { float: left; margin: 0; padding: 0; list-style: none;}
#main .outlinePhotoP3Ul .mlr { margin: 0 16px 15px 16px;}
.outlinePhotoP3Ul img { padding: 2px; border: 1px solid #CCC;}

.outlinePhotoP2Tb { width: 729px; margin: 0 0 15px 10px;}
.outlinePhotoP2Tb.mt { margin-top: 15px;}
.outlinePhotoP2Tb:-moz-read-only { width: 728px; margin-left: 11px;}
.outlinePhotoP2Tb img { padding: 2px; border: 1px solid #CCC; background: #FFF;}
.outlinePhotoP2Tb td { padding-top: 5px; font-size: 14px; font-weight: bold; text-align: center;}

.outlinePhotoP3Tb { width: 727px; margin: 0 0 15px 11px;}
.outlinePhotoP3Tb.mt { margin-top: 15px;}
.outlinePhotoP3Tb:-moz-read-only { width: 726px; margin-left: 12px;}
.outlinePhotoP3Tb img { padding: 2px; border: 1px solid #CCC; background: #FFF;}
.outlinePhotoP3Tb td { padding-top: 5px; font-size: 14px; font-weight: bold; text-align: center;}

.outlinePhotoP2Tb2 { width: 720px; margin: 0 0 15px 15px;}
.outlinePhotoP2Tb2.mt { margin-top: 15px;}
.outlinePhotoP2Tb2 img { padding: 4px; border: 1px solid #CCC; background: #FFF;}
.outlinePhotoP2Tb2 td { padding-top: 5px; font-size: 14px; font-weight: bold; text-align: center;}

.outlinePhotoP3Tb2 { width: 720px; margin: 0 0 15px 15px;}
.outlinePhotoP3Tb2.mt { margin-top: 15px;}
.outlinePhotoP3Tb2 img { padding: 4px; border: 1px solid #CCC; background: #FFF;}
.outlinePhotoP3Tb2 td { padding-top: 5px; font-size: 14px; font-weight: bold; text-align: center;}

.outlinePhotoP4Tb { width: 725px; margin: 0 0 15px 12px;}
.outlinePhotoP4Tb.mt { margin-top: 15px;}
.outlinePhotoP4Tb:-moz-read-only { width: 726px;}
.outlinePhotoP4Tb img { padding: 2px; border: 1px solid #CCC; background: #FFF;}

.outlinePhotoUl .mapLi img { padding: 0; border: none;}
.outlinePhotoUl .mapLi iframe { padding: 2px; border: 1px solid #A8CCCC;}
.outlinePhotoUl .mapLi span { display: block; padding-right: 10px; text-align: right;}

.outlineTb { width: 710px; margin: 0 0 20px 20px; font-size: 13px; border: 2px solid #CCC; background: #FFF;}
.outlineTb.mt { margin-top: 15px;}
.outlineTb th,
.outlineTb td { padding: 10px 15px; border: 1px solid #E8E8E8;}
.outlineTb th { width: 30%; font-weight: normal; background: #FBF9F0;}
.outlineTb span { margin-left: 5px;}

.outlineTb2 { width: 710px; margin: 0 0 20px 20px; font-size: 13px; background: #FFF;}
.outlineTb2.mt { margin-top: 15px;}
.outlineTb2 th,
.outlineTb2 td { padding: 10px 15px; border: 1px solid #CCC;}
.outlineTb2 th { width: 30%; font-weight: normal; background: #FBF9F0;}
.outlineTb2 span { margin-left: 5px;}
.outlineTb2 .mt { margin-top: 5px;}
.outlineTb2 .mtb { margin: 5px 0;}

.mapCo { margin: 0 0 0 20px; padding: 0; background: url(images/common/map.png) no-repeat 565px 195px;}
.mapCo iframe { border: 1px solid #CCC;}
#main .mapCo p { margin: 0; padding: 0;}
/*.mapCo { width: 706px; margin: 0 0 0 20px; padding: 0; border: 2px solid #CCC;}
#main .mapCo p { margin: 0; padding: 0;}*/
#main .mapTxt { margin: 5px 0 30px 25px; padding: 0;}

/*#main #access { margin: 0 0 5px 25px; padding: 0; font-size: 14px; font-weight: bold;}*/
#main #accessTxt { margin: 0 0 5px 25px; padding: 0; font-size: 14px; font-weight: bold;}

.mapCoBg { width: 710px; margin: 0 0 0 15px; padding: 5px; background: #F2F2F2;}
.mapCoBg .mapCo { width: 708px; margin: 0; padding: 0; border: 1px solid #CCC;}
#main .mapCoBg .mapCo p { margin: 0; padding: 0;}
#main .mapCoBg .mapTxt { margin: 2px 0 30px 25px; padding: 0;}


/**************************************************************************************************** Q&A / FAQ / お客様の声 */
.qandaDl { width: 710px; margin: 0 0 20px 20px; font-size: 14px;}
.qandaDl dt,
.qandaDl dd { padding: 0.8em 0.5em 0.7em 3.8em; text-indent: -2.8em; border: 1px solid #A8CCCC;}
.qandaDl dt span,
.qandaDl dd span { margin-right: 10px; color: #333;}
.qandaDl dt { color: #090; font-weight: bold; background: #EFF3F6; border-bottom: none;}
.qandaDl dd { margin-bottom: 15px;}
.qandaDl dd span { font-weight: bold;}


.qandaDl2 { width: 710px; margin: 0 0 20px 20px; font-size: 14px;}
.qandaDl2 dt,
.qandaDl2 dd { text-indent: -2.1em; border: 1px solid #CCC;}
.qandaDl2 dt span,
.qandaDl2 dd span { margin-right: 5px; color: #333;}
.qandaDl2 dt { padding: 0.8em 0.5em 0.7em 3.1em; color: #090; font-weight: bold; background: #F3F3E9; border-bottom: none;}
.qandaDl2 dd { margin-bottom: 15px; padding: 0.8em 0.5em 0.7em 3.1em; background: #FFF;}
#main .qandaDl2 dd .t { margin: 5px 0 0; padding: 0; text-indent: 0;}
.qandaDl2 dd span { font-weight: bold;}


.tSttDl { width: 710px; margin: 0 0 20px 20px; font-size: 14px;}
.tSttDl dt,
.tSttDl dd { padding: 0.8em 0.5em 0.7em 1em; border: 1px solid #A8CCCC;}
.tSttDl dt { color: #090; font-weight: bold; background: #EFF3F6; border-bottom: none;}
.tSttDl dt span { margin-right: 3px;}
.tSttDl dd { margin-bottom: 15px;}
.tSttDl dd dt,
.tSttDl dd dd { margin: 0; padding: 0; background: none; border: none;}
.tSttDl dd dt { padding-bottom: 3px; color: #F66; font-size: 16px;}

.tSttDl3 { width: 706px; margin: 0 0 20px 20px; font-size: 14px; border: 2px solid #CCC;}
.tSttDl3 dt,
.tSttDl3 dd { padding: 0.8em 0.5em 0.7em 1em;}
.tSttDl3 dt { color: #090; font-weight: bold; background: #EFF3F6; border-bottom: 1px solid #CCC;}
.tSttDl3 dt span { margin-right: 3px;}
.tSttDl3 dd dt,
.tSttDl3 dd dd { margin: 0; padding: 0; background: none; border: none;}
.tSttDl3 dd dt { color: #F66; font-size: 16px;}
.tSttDl3 dd dd { margin: 3px 0 15px;}
.tSttDl3 dd .mb { margin-bottom: 0;}

#main .voiceCo { width: 710px; margin: 0 0 20px 20px; font-size: 14px;}
#main .voiceCo p { margin: 0 0 15px 0; padding: 0.8em 1em 0.7em 1em; border: 1px solid #A8CCCC;}
#main .voiceCo span { display: block; text-align: right;}

.tSttTb { width: 710px; margin: 0 0 20px 20px; font-size: 14px; border: 2px solid #9C0;}
.tSttTb th,
.tSttTb td { padding: 0.8em 0.5em 0.7em 1em; text-align: left;}
.tSttTb th { color: #090; font-weight: bold; background: #DFD; border-bottom: 1px solid #CCC;}
.tSttTb .admTd { padding-left: 2em; text-indent: -1em; border-top: 1px solid #CCC;}

.qandaSlideCo1 { width: 710px; margin: 0 0 20px 15px; padding: 5px; background: #F2F2F2;}
.qandaSlideCo1 dl { width: 100%; border-bottom: 1px dotted #CCC;}
.qandaSlideCo1 dt,
.qandaSlideCo1 dd { padding: 0.8em 0.5em 0.7em 3.8em; text-indent: -2.8em; border: 1px dotted #CCC;}
.qandaSlideCo1 dt span { margin-right: 10px; color: #F90;}
.qandaSlideCo1 dd span { margin-right: 10px; color: #F60;}
.qandaSlideCo1 dt { color: #600; background: #F2F2F2; border-bottom: none;}
.qandaSlideCo1 dd { padding-bottom: 15px; color: #600; border-bottom: none; background: #FFF;}
.qandaSlideCo1 dt.over { cursor: pointer; background: #FBF1F2;}
.qandaSlideCo1 dt.selected { cursor: default; color: #600; font-weight: bold; background: #FFF;}
.qandaSlideCo1 dt.selected span { margin-right: 7px; color: #F60;}

.qandaSlideCo2 { width: 706px; margin: 0 0 20px 20px; border: 2px solid #CCC;}
.qandaSlideCo2 dl { width: 100%; border-bottom: 1px dotted #CCC;}
.qandaSlideCo2 dt,
.qandaSlideCo2 dd { text-indent: -2.8em;}
.qandaSlideCo2 dt { padding: 15px 0.5em 5px 3.8em; color: #600; background: #F2F2F2; border-bottom: none;}
.qandaSlideCo2 dd { padding: 0 0.5em 15px 3.8em; color: #600; border-bottom: none; background: #FFF;}
.qandaSlideCo2 dt span { margin-right: 10px; color: #F90;}
.qandaSlideCo2 dd span { margin-right: 10px; color: #F60;}
.qandaSlideCo2 dt.over { cursor: pointer; background: #FBF1F2;}
.qandaSlideCo2 dt.selected { cursor: default; color: #600; font-weight: bold; background: #FFF;}
.qandaSlideCo2 dt.selected span { margin-right: 7px; color: #F60;}

.qandaSlideCo3 { width: 706px; margin: 0 0 20px 20px; border: 2px solid #CCC;}
.qandaSlideCo3 dl { width: 100%; border-bottom: 1px dotted #CCC;}
.qandaSlideCo3 dt,
.qandaSlideCo3 dd { text-indent: -35px;}
.qandaSlideCo3 dt { padding: 15px 10px 15px 48px; color: #600; background: #FAFAFA; border: 1px solid #E8E8E8;}
.qandaSlideCo3 dd { padding: 0 10px 15px 49px; color: #600; border-bottom: none; background: #FFF;}
.qandaSlideCo3 dt span { margin-right: 10px; color: #F90;}
.qandaSlideCo3 dt.over { cursor: pointer; background: #FBF1F2;}
.qandaSlideCo3 dt.selected { cursor: default; padding-bottom: 5px; color: #600; font-weight: bold; background: #FFF; border-bottom: none;}
.qandaSlideCo3 dt.selected span { margin-right: 7px; color: #F60;}
.qandaSlideCo3 dd span { margin-right: 9px; color: #F60; font-weight: bold;}
#main .qandaSlideCo3 dd .catch { margin: 10px 0 10px 10px; color: #F33; font-size: 15px; font-weight: bold;}
#main .qandaSlideCo3 dd p { margin: 0 0 5px 0; padding: 0; text-indent: 0;}
#main .qandaSlideCo3 dd .t { margin: 15px 0 5px 10px; font-size: 14px; font-weight: bold;}
#main .qandaSlideCo3 dd ul { margin: 0 0 15px 20px; padding: 0;}
.qandaSlideCo3 dd li { padding: 8px 0 5px 63px; font-size: 14px; background: url(images/common/re_ico.jpg) no-repeat left top; list-style: none;}

.qandaSlideCo3 table { width: 600px; margin: 10px 0 0 10px; text-indent: 0;}
.qandaSlideCo3 table th,
.qandaSlideCo3 table td  { padding: 5px; border: 1px solid #CCC;}

.qandaSlideCo4 { width: 708px; margin: 0 0 20px 20px; border: 1px solid #CCC; border-top: none;}
.qandaSlideCo4 dl { width: 100%;}
.qandaSlideCo4 dt,
.qandaSlideCo4 dd {}
.qandaSlideCo4 dt { padding: 15px; color: #600; border-top: 1px solid #CCC; background: #F2F2F2;}
.qandaSlideCo4 dd { padding: 0 15px 25px 15px; color: #600; background: #FFF;}
.qandaSlideCo4 dt.over { cursor: pointer; background: #FBF1F2;}
.qandaSlideCo4 dt.selected { padding-bottom: 5px; cursor: default; color: #F60; font-weight: bold; background: #FFF;}

.tSttDl2 { width: 710px; margin: 0 0 20px 15px; padding: 5px; background: #F2F2F2;}
.tSttDl2 dl { width: 100%; border-bottom: 1px dotted #CCC;}
.tSttDl2 dt,
.tSttDl2 dd { padding: 10px 15px; border: 1px dotted #CCC;}
.tSttDl2 dt { font-size: 14px; font-weight: bold;}
.tSttDl2 dd { background: #FFF; border-top: none;}


/**************************************************************************************************** box */
.box { clear: both; width: 708px; margin: 0 0 20px 20px; padding: 10px 0 0; border: 1px solid #CCC;	background: #FFF;}
.box.mt { margin-top: 15px;}
#main .box p,
#main .box ul,
#main .box li { margin: 0; padding: 0;}

#main .box h3 { margin: 0; padding: 0 10px 10px 10px; color: #F60; font-size: 18px; letter-spacing: 0.2em; background: none;}
#main .box .iconH3 { padding-bottom: 10px; vertical-align: middle;}
#main .box .iconH3 img { margin-right: 15px; vertical-align: middle;}
#main .box .iconH3 .ml { margin-left: 10px;}
#main .box h4 { clear: both; margin: 0; padding: 10px 10px 10px 15px; color: #F66; font-size: 16px; background: none;}
#main .box h5.tbH5 { margin: 0 10px; padding: 10px 0 10px 15px; color: #930; font-size: 14px; border: 1px solid #CCC; border-bottom: none; background: #FAFAFA}

#main .box1 h3 { border-bottom: 1px solid #CCC;}
#main .box1 h4 { margin-bottom: 10px; padding: 10px 0 10px 15px; color: #F66; font-size: 16px; border-bottom: 1px solid #CCC;}
#main .box1 h4.bt { border-top: 1px solid #CCC;}

#main .box2 h3 { border-bottom: 1px solid #CCC;}
#main .box2 h4 { padding: 10px 0 5px 15px; color: #090;}
#main .box2 h4.bt { border-top: 1px solid #CCC;}
#main .box3 h3 { margin: 0 10px; padding: 5px 0 5px 10px; border-left: 3px solid #009E0E; border-bottom: 1px solid #CCC;}
#main .box4 h3 { margin: 0 10px; padding: 5px 0 5px 10px; border-left: 3px solid #009E0E;}

.box5 { clear: none; float: left; width: 341px;}
#main .box5 h3 { margin-bottom: 10px; font-size: 16px; letter-spacing: 0; border-bottom: 1px solid #CCC;}
#main .box5 div .t { padding: 0 10px 10px 0; color: #060; font-size: 15px; font-weight: bold;}
#main .box5 div .p { text-align: center;}

.box div { margin: 10px 15px;}
.box .txt { margin-top: 0;}
.box .introTxt { font-size: 14px;}
.box div.mt { margin-top: 10px;}
.box div.mb { margin-bottom: 20px;}
#main .box div p { margin-bottom: 5px;}
#main .box div li { list-style: none;}
#main .box div .f li { float: left; width: 225px;}
#main .box div .c { color: #F33; font-weight: bold;}

.box .pt { clear: both; margin-bottom: 20px;}
.box .pt.mb { margin-bottom: 10px;}
.box .pt .pl { float: left;}
.box .pt dl { float: right; width: 465px;}

#main .box .gt { margin: 0 15px 15px; font-size: 15px}
#main .box .gt p { margin-bottom: 10px;}
#main .box .gt .pr { float: right;}
#main .box .gt .pr img { margin: 0 0 15px 15px; padding: 2px; border: 1px solid #CCC;}
#main .box .gt .name { margin-right: 15px; text-align: right;}

.box .tbTb { width: 688px; margin: 0 10px 10px;}
.box .tbTb.mt { margin-top: 20px;}
.box .tbTb.mb { margin-bottom: 20px;}
.box .tbTb th,
.box .tbTb td { padding: 10px; border: 1px solid #CCC;}
.box .tbTb th { width: 25%; background: #FAFAFA;}
.box .tbTb .td1 { width: 17%;}
.box .tbTb .td2 { width: 58%;}

.box .tbTb.tbTb2 th { width: 56%; text-align: left;}
.box .tbTb.tbTb2 td { width: 44%; color: #F33; text-align: right;}
.box .tbTb.tbTb2 .td1 { width: 28%; color: #000; text-align: left;}
.box .tbTb.tbTb2 .td2 { width: 16%;}

.box .tbTb.tbTb3 { margin-top: 10px;}
.box .tbTb.tbTb3 th { width: 20%;}
.box .tbTb.tbTb3 .tTh { font-weight: bold; background: #FAFAFA;}
.box .tbTb.tbTb3 .tTh1 { background: #FFFFCA;}
.box .tbTb.tbTb3 .tTh2 { background: #FFD2D2;}
.box .tbTb.tbTb3 .tTh3 { background: #D0E8FF;}
.box .tbTb.tbTb3 .tTh4 { background: #D2FFD2;}
.box .tbTb.tbTb3 td { width: 20%; text-align: center; vertical-align: top;}
.box .tbTb.tbTb3 .trBg { background: #D9D9FF;}
.box .tbTb.tbTb3 .pTd { text-align: right;}
.box .tbTb.tbTb3 .tTd { text-align: left;}

.box .photoTb { width: 100%; margin: 0 0 10px;}
.box .photoTb.mt { margin-top: 10px;}
.box .photoTb img { padding: 2px; border: 1px solid #CCC;}
.box .photoTb img.bn { border: none;}

.box dl { width: 100%; border-bottom: 1px solid #CCC;}
.box dt,
.box dd { padding: 10px; border: 1px solid #CCC; border-bottom: none;}
.box dt { color: #930; font-size: 14px; font-weight: bold; background: #FAFAFA;}
.box dd { padding-bottom: 20px;}
.box dd.pb { padding-bottom: 10px;}

#main .box .reUl { margin: 0 10px 20px 0;}
#main .box .reUl.mtb { margin: 10px 0 15px;}
#main .box .reUl li { margin: 0 10px 5px 15px; padding: 8px 0 0px 27px; background: url(images/common/re_ico.jpg) no-repeat left top; list-style: none;}

#main .box .btnUl { margin: 0 0 0 5px;}
#main .box .btnUl li { float: left; margin: 0 0 25px 25px; list-style: none;}
#main .box .btn { margin-bottom: 25px; text-align: center;}
.box .btnUl a:hover img,
.box .btn a:hover img { opacity: 0.8; filter: alpha(opacity = 80);}

#main .box .kUl li { margin-left: 1em; text-indent: -1em; font-size: 12px;}

.box .ptTb { width: 670px; margin: 0 0 0 20px;}
.box .ptTb th,
.box .ptTb td { padding-bottom: 15px; font-size: 16px;}
.box .ptTb th { width: 200px;}
.box .ptTb td { padding-left: 15px;}


.ptBoxTb { width: 710px; margin: 0 0 20px 20px; font-size: 14px; border: 1px solid #CCC; background: #FFF;}
.ptBoxTb.mt { margin-top: 15px;}
.ptBoxTb th,
.ptBoxTb td { padding: 15px;}
.ptBoxTb th { width: 206px;}
.ptBoxTbtd { padding-left: 0;}
.ptBoxTb th img { padding: 2px; border: 1px solid #CCC;}

.ptBoxTb dl { width: 100%; border-bottom: 1px solid #CCC;}
.ptBoxTb dt,
.ptBoxTb dd { padding: 10px; border: 1px solid #CCC; border-bottom: none;}
.ptBoxTb dt { color: #006699; font-size: 14px; font-weight: bold; background: #FAFAFA;}


/* common/
============================================================================================= */
.clr:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clr { display: inline-block;}

/* Hides from IE-mac \*/
* html .clr { height: 1%;}
.clr { display: block;}
/* End hide from IE-mac */

.hpBnr { margin: 10px 0 0; padding: 0;}
.hpBnr a:hover img { opacity: 0.8; filter: alpha(opacity = 80);}

#tt { width: 230px; margin: 30px 0 10px;}
#tt h3 { background: none;}
#fbl { width : 230px; margin: 30px 0 0 0;}

#main .ictr { text-align: center;}

#sidebar .wakabaTxt { clear: both; margin: 30px 0 5px 60px; padding: 0; font-size: 11px;}
#sidebar .reportTxt { clear: both; margin: 5px 0 40px 55px; padding: 0; font-size: 11px;}


/* index
============================================================================================= */
.wallCo { margin-bottom: 30px;}
.wallCo .wallBoxBg { float: left; margin: 0 0 15px 13px;}
.wallCo .wallBoxBg a:hover img { opacity: 0.8; filter: alpha(opacity = 80);}
.wallCo .wallBox { float: left; border: 1px solid #CCC; background: #FFF;}
.wallCo a:hover img { opacity: 0.8; filter: alpha(opacity = 80);}

.wall4Co .wallBox { width: 178px; min-height: 258px; margin: 0 0 5px 5px; padding: 10px 0 5px;}
.wallCo.wall4sCo .wallBoxBg { width: 170px; height: min-240px; background: url(images/common/wall4_box_bg.png) no-repeat top left;}
.wallCo.wall4sCo .wallBox { float: none; width: 148px; min-height: 220px; margin: 0 auto; padding: 5px 0 0;}

.wall5Co .wallBox { width: 141px; min-height: 225px; margin: 0 0 5px 5px; padding: 10px 0 5px;}
.wallCo.wall5sCo .wallBoxBg { width: 133px; min-height: 240px; background: url(images/common/wall5_box_bg.png) no-repeat top left;}
.wallCo.wall5sCo .wallBox { float: none; width: 111px; min-height: 220px; margin: 0 auto; padding: 5px 0 0;}

#main .wallCo .wallBox p { margin: 0; padding: 0; text-align: center;}
.wallCo .wallBox dl { margin: 8px 10px 0 10px;}
.wallCo .wallBox dt { font-size: 14px; font-weight: bold;}


#main .indexBnrUl { clear: both; margin: 0 0 10px 10px; padding: 0; list-style: none;}
#main .indexBnrUl li { float: left;}
.indexBnrUl img { vertical-align: bottom;}
.indexBnrUl a:hover img { opacity: 0.8; filter: alpha(opacity = 80);}


/* p1
****************************************************************************************************/
.teiinTb { width: 710px; margin: 0 0 20px 20px; font-size: 13px; background: #FFF;}
.teiinTb th,
.teiinTb td { width: 12.5%; padding: 10px 15px; text-align: center; border: 1px solid #CCC;}
.teiinTb th { background: #FBF9F0;}

.hoikuTb { width: 710px; margin: 0 0 20px 20px; font-size: 13px; background: #FFF;}
.hoikuTb th,
.hoikuTb td { padding: 10px 15px; text-align: center; border: 1px solid #CCC;}
.hoikuTb th { width: 30%; font-weight: normal; background: #FBF9F0;}


/* p2
****************************************************************************************************/
#main .madoriCo { clear: both; position: relative; width: 518px; height: 700px; margin: 0 auto 20px; padding: 0; background: url(images/p2/madori_i.jpg) no-repeat; border: 1px solid #CCC;}
.madoriCo li { position: absolute; list-style: none;}
.madoriCo li span { display: none;}

.madoriCo #chouri { top: 105px; left: 285px;}
.madoriCo #f1Kaidan { top: 165px; left: 270px;}
.madoriCo #genkan { top: 190px; left: 325px;}

.madoriCo #two { top: 145px; left: 165px;}
.madoriCo #zero { top: 215px; left: 170px;}
.madoriCo #f1Toilet { top: 245px; left: 210px;}
.madoriCo #one { top: 275px; left: 235px;}

.madoriCo #f2Toilet { top: 410px; left: 265px;}
.madoriCo #f2Kaidan { top: 435px; left: 300px;}
.madoriCo #three { top: 410px; left: 165px;}
.madoriCo #four { top: 475px; left: 170px;}
.madoriCo #five { top: 535px; left: 220px;}

#main .madoriTxt { margin: 0 0 20px; padding: 0; color: #639; text-align: center; font-weight: bold;}

/* CSS: (StyleSheet) */
#imgPreviewWithStyles { background: #FFF; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 5px; z-index: 999; border: none;}
/* Text below image */
#imgPreviewWithStyles span { display: block; padding: 5px 0 2px 0; color: #333; font-size: 14px; font-weight: bold; text-align: center;}


#main .madoriImg { clear: both; margin: 0 0 20px; padding: 0; text-align: center; }
.madoriImg img { border: 1px solid #CCC;}


/* p3
****************************************************************************************************/
.mokuUl { width: 663px; margin: 0 0 30px 20px; padding: 15px 15px 15px 30px; background: #FFF; border: 1px solid #CCC;}
.mokuUl.mokuUl2 { margin-bottom: 15px;}
.mokuUl li { margin-bottom: 15px; padding: 2px 0 0 38px; color: #333; font-size: 18px; font-weight: bold; letter-spacing: 0.05em; list-style: none; background: url(images/p3/i/i_icon1.gif) no-repeat 0 0;}

.tokuDl { width: 651px; margin: 0 0 30px 20px; padding: 20px 25px 0 32px; background: #FFF; border: 1px solid #CCC;}
.tokuDl dt { padding: 3px 0 5px 34px; color: #F66; font-size: 15px; font-weight: bold; background: url(images/p3/i/i_icon2.gif) no-repeat 0 0;}
.tokuDl dd { margin-bottom: 20px; padding-left: 34px; font-size: 14px;}


/* p5
****************************************************************************************************/
.dayTb { width: 710px; margin: 15px 0 20px 20px; font-size: 13px; background: #FFF;}
.dayTb th,
.dayTb td { padding: 10px 15px; border: 1px solid #CCC;}
.dayTb th { width: 10%; font-size: 15px; background: #FBF9F0;}
.dayTb td.tTd { font-size: 15px; text-align: center; font-weight: bold; background: #FBF9F0;}
.dayTb td { width: 30%;}


/* p6
****************************************************************************************************/
#main .box .yearCo { margin-bottom: 5px;}
#main .box .yearCo .pl { float: left; margin-right: 15px;}
#main .box .yearUl { margin: 0; padding: 10px 0 0; font-size: 14px;}
#main .box .yearUl li { float: left; width: 200px; margin: 0 0 10px 0; padding: 8px 0 0px 27px; background: url(images/common/re_ico.jpg) no-repeat left top; list-style: none;}
#main .box .yearUl.yearUl2 li { width: 120px;}
#main .box .yearUl.yearUl2 li.w { width: 240px;}


/* p7
****************************************************************************************************/
#main .recrutImg { clear: both; margin: 0 0 20px; padding: 0; text-align: center; }
.recrutImg img { border: 1px solid #CCC;}
.recrutImg a:hover img { opacity: 0.8; filter: alpha(opacity = 80);}


/* p9
****************************************************************************************************/
#main .box .kujouImg { margin: 10px 0 25px; text-align: center;}
#main .box1 .kouhyouH4 { margin: -10px 0 0; border-bottom: none;}


/* p10 p11
****************************************************************************************************/
.wakuTb th { height: 250px;}
.wakuTb td { font-size: 16px; letter-spacing: 0.05em;}

.outlinePhotoP2Tb .bgTh1 { background: url(images/p10/bg1.png) no-repeat center;}
.outlinePhotoP2Tb .bgTh2 { background: url(images/p10/bg2.png) no-repeat center;}
.outlinePhotoP2Tb .bgTh3 { background: url(images/p10/bg3.png) no-repeat center;}
.outlinePhotoP2Tb .bgTh4 { background: url(images/p10/bg4.png) no-repeat center;}


/* p12
****************************************************************************************************/
.mokuhyouTb { width: 710px; margin: 15px 0 20px 20px; background: #FFF;}
.mokuhyouTb th,
.mokuhyouTb td {}
.mokuhyouTb th { padding: 5px 0 0 15px; color: #FFF; font-size: 17px; text-align: left; letter-spacing: 0.1em;}
.mokuhyouTb td { padding: 5px 0 10px 60px; font-size: 15px;}

.mokuhyouTb.a0 { border: 2px solid #FF8C8C;}
.mokuhyouTb.a1 { border: 2px solid #E80111;}
.mokuhyouTb.a2 { border: 2px solid #0C0;}
.mokuhyouTb.a3 { border: 2px solid #F2B600;}
.mokuhyouTb.a4 { border: 2px solid #1FA5D2;}
.mokuhyouTb.a5 { border: 2px solid #F60;}


/* inq
============================================================================================= */
.inqTb { width: 700px; margin: 0 0 20px 20px;}
.inqTb th,
.inqTb td { padding: 10px 20px; text-align: left; border-bottom: 1px dotted #CCC;}
.inqTb th { width: 220px; color: #333;}
#main .kakunin { margin: 0; padding: 0; text-align: center;}


/* recruit
============================================================================================= */
.recruitTb { width: 710px; margin: 15px 0 20px 20px; font-size: 15px; background: #FFF;}
.recruitTb th,
.recruitTb td { padding: 10px; text-align: center; border: 1px solid #CCC;}
.recruitTb th { padding: 15px; color: #f66; font-size: 18px; background: #FBF9F0;}
.recruitTb span { color: #f33; font-size: 20px;}


/* lunch
============================================================================================= */
.lunchTb { width: 710px; margin: 15px 0 20px 20px; font-size: 15px;}


/* 1day_childcare
============================================================================================= */
.childcareCo { margin: 0 0 40px 20px;}
.childcareCo .txt { margin-bottom: 15px; font-size: 15px; line-height: 1.5;}

.childcareTb { width: 90%;}
.childcareTb th,
.childcareTb td { padding: 10px; font-size: 14px; border: 1px solid #ccc; background: #fff;}
.childcareTb th { background: #fafafa;}
.childcareTb1 th,
.childcareTb1 td { width: 50%; text-align: center !important;}
.childcareTb2 th { width: 15%; text-align: center !important;}
.childcareTb2 td { width: 85%;}