@charset "utf-8";
/*
Theme Name: theme029
Theme URI: http://theme.o2gp.com/
Description: theme029
Version: 1.0
Author: o2 Group
Author URI: http://theme.o2gp.com/
Tags: simple

	o2 Group v1.0
	 http://theme.o2gp.com/

	This theme was designed and built by o2 Group,
	whose blog you will find at http://theme.o2gp.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

* { margin: 0; padding: 0;}

body { font: 14px/1.4 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color: #000; background: #FFF url(images/bg.jpg) no-repeat center top;}

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 { margin: 0 auto; padding: 0 20px; width: 910px;}

.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: 3px 0 14px; font-weight: normal; color: #000;    /***********　←　ここで文字色変更可能　***********/

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


/************************************要望3**********************************************/
#header2 { position: relative; clear: both; height: 80px;}

#header2 #header_btn{
     float:right;
	 width:680px;
	 height:70px;
	 }

#header2 #hdrLogo { display: inline; float: left;}
#header2 #train { position: absolute; top: 33px; left: 550px;}
/*#header2 #train { position: absolute; top: 33px; left: 291px;}*/

#header2 #header_btn li{
     float:right;
	 list-style:none;
	 margin-left:8px;
}


/************************************要望2**********************************************/
#hdr { position: relative;}

#hdr #headerlink_right li{
display:inline;
float:right;
margin-left:20px;
margin-top:3px;
list-style-type:none;
list-style-image:none;;
list-style-position:outside;
font-size:11px;
}

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

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


#hdr #headerlink_right{
position:absolute;
top:0px;
right:10px;
}




/*************
/* トップナビゲーション
*************/
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: 618px;
/**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;}

/*#main h2 { margin-bottom: 10px; font-size: 17px; color: #060; line-height: 40px; vertical-align: middle; background: url(images/heading.png) no-repeat;}*/
#main h2 { margin-bottom: 10px; padding: 0 10px 0px 20px; height: 40px; line-height: 40px; font-size: 17px; color: #060; background: url(images/heading.png) no-repeat;}



#main h3 {
clear: both;
font-size: 14px;
line-height: 30px;
background: url(images/h3.png) no-repeat ;
padding-left: 15px;
padding-bottom: 10px;
margin-top: 20px;
letter-spacing: 0.2em;
color: #000000;
}


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

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

#main  #osirase h3 {
font-size: 12px;
line-height: 30px;
background: url(images/h3_right.png) 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.png) 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.withImage{
width: 598px;
margin: 20px 0 10px 10px;
padding: 5px 0;
}

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

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

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

#next { clear: both; 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: 150px;
margin: 20px 0px 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, #footer ul{margin-left: 20px;}
#main li, #footer li{margin-bottom: 3px;}


/*************
サイド（左側）コンテンツ
*************/
#sidebar {
float: left;
width: 265px;
/*height:1000px;*/
padding: 5px 0 20px;
background:#FFFFFF url(images/sidebar_bg.jpg) repeat;
margin-bottom:10px;
}

#sidebar p{margin-bottom: 10px;}

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

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

#sidebar li { width: 230px; height: 37px; margin: 0 20px 0px 5px; list-style: none;}
/*#sidebar li { width: 230px; height: 37px; margin: 0 20px 0px 5px; list-style: none; background: url(images/submenu_bg.jpg) no-repeat 0 0;}*/
#sidebar li a {
display: block;
width: 185px;
height: 37px;
line-height: 37px;
padding-left:45px;
}

/************************************要望4**********************************************/
#sidebar li a:hover{
/**background-position: 3px 50%;**/
/**background-color:#19C365;/*********************　←　ここで背景色　変更可能　*********************/
/*background:url(images/submenu_bg2.jpg);*/
/*********************　←　ここで背景画像　変更可能　*********************/
}

#home { background: url(images/common/nv/home.jpg) no-repeat left top;}
#home a:hover { background: url(images/common/nv/home_hv.jpg) no-repeat left top;}

#b1 { background: url(images/common/nv/b1.jpg) no-repeat left top;}
#b1 a:hover { background: url(images/common/nv/b1_hv.jpg) no-repeat left top;}
#b2 { background: url(images/common/nv/b2.jpg) no-repeat left top;}
#b2 a:hover { background: url(images/common/nv/b2_hv.jpg) no-repeat left top;}
#b3 { background: url(images/common/nv/b3.jpg) no-repeat left top;}
#b3 a:hover { background: url(images/common/nv/b3_hv.jpg) no-repeat left top;}
#b4 { background: url(images/common/nv/b4.jpg) no-repeat left top;}
#b4 a:hover { background: url(images/common/nv/b4_hv.jpg) no-repeat left top;}
#b5 { background: url(images/common/nv/b5.jpg) no-repeat left top;}
#b5 a:hover { background: url(images/common/nv/b5_hv.jpg) no-repeat left top;}
#b6 { background: url(images/common/nv/b6.jpg) no-repeat left top;}
#b6 a:hover { background: url(images/common/nv/b6_hv.jpg) no-repeat left top;}
#b7 { background: url(images/common/nv/b7.jpg) no-repeat left top;}
#b7 a:hover { background: url(images/common/nv/b7_hv.jpg) no-repeat left top;}
#b8 { background: url(images/common/nv/b8.jpg) no-repeat left top;}
#b8 a:hover { background: url(images/common/nv/b8_hv.jpg) no-repeat left top;}
#b9 { background: url(images/common/nv/b9.jpg) no-repeat left top;}
#b9 a:hover { background: url(images/common/nv/b9_hv.jpg) no-repeat left top;}

#inq { background: url(images/common/nv/inq.jpg) no-repeat left top;}
#inq a:hover { background: url(images/common/nv/inq_hv.jpg) no-repeat left top;}

/************************************要望7,8**********************************************/

/*************
/* フッター
*************/
#footer{
clear:both;
padding: 10px 0 10px;
height:340px;
background: url(images/footer_bg.jpg) no-repeat center top #FFF; /*********************　←　ここで背景色　変更可能　*********************/
display:block;
}

#footer .inner{
overflow: hidden;
margin: 0 auto;
padding: 0 20px;
width: 910px;
height:340px;
display:block;
/* background-image:url(images/footer_bg.jpg); */
}

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

#footer #souka { float: right;}

#footer #logo{
float:left;
padding: 10px 0 5px;
width: 380px;
/*width: 292px;*/
}

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

#footer #box_wrapper { float: right;}
#footer #box_wrapper li { list-style: none; font-size: 12px;}
#footer #box_wrapper li a { color: #000;}
#footer #box_wrapper li a:hover { color: #000; text-decoration: underline;}
	 

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

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

#top-news h3 {
	margin: 0;
	background: url('images/list.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/list.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;
}


#main #kaitoriCo p,
#main #formCo p { padding: 5px 15px 15px 0px;}


/* archive.php single.php
============================================================================================================= */
#main .archiveCo p,
#main .singleCo p { margin: 0 0 5px 0; padding: 0;}


/* common/
============================================================================================================= */

.iTb { clear: both; width: 500px; margin: 0 0 30px 60px;}
.iTb td { text-align: center; vertical-align: bottom;}


/* /
============================================================================================================= */

#mainCo { width: 610px; height: 240px; margin: 10px 0 10px 5px;}
#main #mainCo ul { position: relative; margin: 0; padding: 0;}
#mainCo li { display: none; position: absolute; top: 0; left: 0; list-style: none;}

.wakabaTxt { clear: both; margin: 30px 0 5px 50px; font-size: 11px;}
.reportTxt { clear: both; margin: 0 0 40px 45px; font-size: 11px;}


/* outline/
============================================================================================================= */

#main .outlinePhotoUl { clear: both; width: 600px; height: 210px; margin: 0 0 0 20px; padding: 10px 0 0 0;}
#main .outlinePhotoUl li { float: left; margin: 0; padding: 0; list-style: none;}
#main .outlinePhotoUl .mr { margin-right: 12px;}
.outlinePhotoUl img { border: 2px solid #A8CCCC;}
.outlinePhotoUl a:hover img { opacity: 0.8; filter: alpha(opacity = 80);}


.outlineTb { width: 600px; margin: 0 0 20px 10px; font-size: 13px;}
.outlineTb th,
.outlineTb td { padding: 10px 15px; border: 1px solid #A8CCCC;}
.outlineTb th { width: 130px; font-weight: normal; background: #EFF3F6;}

.outlineTb2 { width: 600px; margin: 0 0 20px 10px; font-size: 13px;}
.outlineTb2 th,
.outlineTb2 td { padding: 10px 5px; text-align: center; border: 1px solid #A8CCCC;}
.outlineTb2 th { width: 12.5%; font-weight: normal; background: #EFF3F6;}

#main .outlineKome { margin: -15px 0 20px 35px; font-weight: bold;}

.mapCo { width: 578px; margin-left: 20px; border: 1px solid #A8CCCC;}
.mapTxt { margin: 5px 0 0 25px;}

.outlineTb3 { width: 600px; margin: 0 0 20px 10px; font-size: 13px;}
.outlineTb3 th,
.outlineTb3 td { padding: 10px; border: 1px solid #A8CCCC;}
.outlineTb3 th { width: 140px; font-weight: normal; background: #EFF3F6;}


/* facilities/
============================================================================================================= */

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

.fCo { position: relative; width: 600px; height: 320px; margin: 0 auto; padding: 0;}
.f1 { background: url(images/facilities/f1/f1.jpg) no-repeat;}
.fCo li { position: absolute; list-style: none; text-indent: -4444px;}
.fCo a { display: block;}

.fCo #entrance { top: 6px; left: 130px;}
.fCo #entrance a { width: 63px; height: 27px; border: 2px solid #FFF;}
.fCo #entrance a:hover { border: 2px solid #090;}

.fCo #reception { top: 6px; left: 205px;}
.fCo #reception a { width: 66px; height: 27px; border: 2px solid #FFE1EF;}
.fCo #reception a:hover { border: 2px solid #090;}

.fCo #kitchen { top: 6px; left: 6px;}
.fCo #kitchen a { width: 85px; height: 137px; border: 2px solid #F8E9E9;}
.fCo #kitchen a:hover { border: 2px solid #090;}

.fCo #wcf1 { top: 265px; left: 6px;}
.fCo #wcf1 a { width: 117px; height: 45px; border: 2px solid #E9F4FE;}
.fCo #wcf1 a:hover { border: 2px solid #090;}

.fCo #panda { top: 71px; left: 135px;}
.fCo #panda a { width: 136px; height: 52px; border: 2px solid #FFD2D2;}
.fCo #panda a:hover { border: 2px solid #090;}

.fCo #giraffe { top: 135px; left: 135px;}
.fCo #giraffe a { width: 136px; height: 83px; border: 2px solid #FF9;}
.fCo #giraffe a:hover { border: 2px solid #090;}

.fCo #lion { top: 230px; left: 135px;}
.fCo #lion a { width: 136px; height: 80px; border: 2px solid #FFD733;}
.fCo #lion a:hover { border: 2px solid #090;}

.fCo #garden { top: 115px; left: 305px;}
.fCo #garden a { width: 59px; height: 36px; border: 2px solid #FFFFF7;}
.fCo #garden a:hover { border: 2px solid #090;}

.fCo #jungle { top: 165px; left: 355px;}
.fCo #jungle a { width: 106px; height: 36px; border: 2px solid #FFFFF7;}
.fCo #jungle a:hover { border: 2px solid #090;}

.fCo #rock { top: 290px; left: 295px;}
.fCo #rock a { width: 136px; height: 20px; border: 2px solid #FFFFF7;}
.fCo #rock a:hover { border: 2px solid #090;}

.fCo #farm { top: 75px; left: 535px;}
.fCo #farm a { width: 48px; height: 130px; border: 2px solid #ECC6C6;}
.fCo #farm a:hover { border: 2px solid #090;}

#main .facilitiesTxt { margin: 7px 0 25px 17px; padding: 0; color: #060;}

.f2 { background: url(images/facilities/f2/f2.jpg) no-repeat;}

.fCo #mokuyoku { top: 6px; left: 6px;}
.fCo #mokuyoku a { width: 75px; height: 97px; border: 2px solid #F8E9E9;}
.fCo #mokuyoku a:hover { border: 2px solid #090;}

.fCo #seaOtter { top: 6px; left: 93px;}
.fCo #seaOtter a { width: 177px; height: 77px; border: 2px solid #BBEEFF;}
.fCo #seaOtter a:hover { border: 2px solid #090;}

.fCo #penguin { top: 95px; left: 125px;}
.fCo #penguin a { width: 145px; height: 78px; border: 2px solid #C6FF71;}
.fCo #penguin a:hover { border: 2px solid #090;}

.fCo #dolphin { top: 185px; left: 125px;}
.fCo #dolphin a { width: 145px; height: 58px; border: 2px solid #FFCEE7;}
.fCo #dolphin a:hover { border: 2px solid #090;}

.fCo #wcf2 { top: 115px; left: 6px;}
.fCo #wcf2 a { width: 75px; height: 28px; border: 2px solid #E9F4FE;}
.fCo #wcf2 a:hover { border: 2px solid #090;}

.fCo #stairsf2 { top: 155px; left: 6px;}
.fCo #stairsf2 a { width: 75px; height: 63px; border: 2px solid #F6F6F6;}
.fCo #stairsf2 a:hover { border: 2px solid #090;}

.fCo #counseling { top: 275px; left: 93px;}
.fCo #counseling a { width: 50px; height: 35px; border: 2px solid #F8E9E9;}
.fCo #counseling a:hover { border: 2px solid #090;}

.fCo #office { top: 255px; left: 155px;}
.fCo #office a { width: 115px; height: 55px; border: 2px solid #F8E9E9;}
.fCo #office a:hover { border: 2px solid #090;}


/* aim/
============================================================================================================= */

#main .aimUl { margin: 0 0 30px 15px; list-style: none;}
#main .aimUl li { margin-bottom: 10px; padding: 2px 0 0 35px; color: #F66; font-size: 18px; font-weight: bold; background: url(images/common/icons/star_icon1.jpg) no-repeat;}

.aimDl { width: 580px; margin: 0 0 20px 20px;}
.aimDl dt { padding: 0 0 5px 25px; color: #F66; font-size: 15px; font-weight: bold; background: url(images/common/icons/star_icon2.jpg) no-repeat;}
.aimDl dd { margin-bottom: 20px; padding-left: 25px; font-size: 14px;}


/* nenkan/
============================================================================================================= */

.nenkanCatch { margin: 0 0 0 30px; font-size: 14px; font-weight: bold; letter-spacing: 0.1em;}
.nenkanCatch span { margin: 0 2px; color: #D80000;}

.maitsukiCo { clear: both; width: 580px; margin: 0 0 20px 20px;}
#main .maitsukiCo p { float: left; margin: 0; padding: 0;}
.maitsukiCo p img { margin-bottom: 20px;  border: 1px solid #F2F2F2;}
.maitsukiCo p span { display: none;}
/*.maitsukiCo p span { display: block; padding-top: 3px; text-align: center;}*/

.maitsukiCo dl { float: left; width: 380px; margin-left: 15px;}
.maitsukiCo dt { margin: 5px; color: #060; font-size: 15px; font-weight: bold;}
.maitsukiCo li { margin: 0 0 5px 25px; font-size: 14px; list-style: circle;}
.maitsukiCo li span { margin: 0 2px; color: #D80000;}

.maitsukiUl { list-style: none;}
.maitsukiUl li { padding: 0 0 5px 25px; color: #F66; font-size: 15px; font-weight: bold; background: url(images/common/icons/star_icon2.jpg) no-repeat;}

#main .maitsukiCo dd p { float: none; margin: 0 50px 0 0; text-align: right; font-size: 14px; font-weight: bold;}


/* day/
============================================================================================================= */

.dayTb { width: 580px; margin: 0 0 20px 20px; font-size: 13px;}
.dayTb th,
.dayTb td { padding: 10px 15px; border: 1px solid #A8CCCC;}
.dayTb th { width: 10%; padding: 10px; color: #333; font-size: 14px; letter-spacing: 1px; background: #EFF3F6;}
.dayTb .tTh { width: 30%; color: #060; font-size: 15px; letter-spacing: 3px;}
.dayTb img { margin-left: 5px; vertical-align: middle;}


/* recruit/
============================================================================================================= */

.im { margin: 0 0 20px; padding: 0;}
.im.mb { margin: 0 0 40px; padding: 0;}

.btnTb { width: 100%;}
.btnTb th { width: 50%;}

#main .recruitTxt { margin: 30px 0 20px; text-align: center;}
#main .recruitTxt span { margin-left: 0.5em; color: #F30; font-size: 18px; font-weight: bold;}

.recruitTb { width: 580px; margin: 0 0 20px 20px; font-size: 13px;}
.recruitTb th,
.recruitTb td { padding: 10px 15px; border: 1px solid #A8CCCC;}
.recruitTb th { width: 120px; font-weight: normal; background: #EFF3F6;}


/* menseki/
============================================================================================================= */

.mensekiCo { width: 575px; margin: 0 auto;}
.mensekiCo p { margin-bottom: 10px;}

.mensekiCo dt { margin-bottom: 4px; font-weight: bold;}
.mensekiCo dd { margin-bottom: 20px;}
.mensekiCo dd .mt { margin-top: 5px;}

.mensekiCo li { margin-left: 35px;}

.mensekiUl { margin-left: 20px; list-style: none;}


/* inq/
============================================================================================================= */

.inqTb { width: 580px; margin-left: 20px; font-size: 13px;}
.inqTb th,
.inqTb td { padding: 10px 15px; border: 1px solid #A8CCCC;}
.inqTb th { width: 120px; font-weight: normal; background: #EFF3F6;}
.inqTb span { margin-left: 5px; font-size: 11px; color: #D80001;}

.kakunin { margin: 20px 0 30px; text-align: center;}


/* kujo/
============================================================================================================= */

#main .kujoCo { width: 560px; margin: 0 0 0 30px; font-size: 14px;}
#main .kujoCo p { margin: 0 0 5px 0; padding: 0;}

.kujoTb { width: 530px; margin: 0 0 20px 40px; font-size: 13px;}
.kujoTb th,
.kujoTb td { padding: 10px 15px; text-align: left; border: 1px solid #A8CCCC;}
.kujoTb th { width: 130px; padding: 10px; font-weight: normal; background: #EFF3F6;}
#main .kujoTb p { margin: 0; padding: 0;}
#main .kujoTb p.fTxt { margin-bottom: 5px;}

.kujoDl { width: 580px; margin: 0 0 30px 20px;}
.kujoDl dt { font-size: 14px; font-weight: bold; padding-bottom: 3px;}
.kujoDl dd { margin-bottom: 20px; padding-left: 15px;}
#main .kujoDl p { margin: 0 0 5px 0; padding: 0;}
#main .kujoDl ul { margin: 0; padding: 0;}
#main .kujoDl li { margin: 0 0 3px 10px; list-style: none;}

.kujoImg { text-align: center;}

#main .koukaiTxt { margin: 5px 0 0 20px; padding: 0; font-size: 14px;}
#main .koukaiTxt2 { margin: 30px 0 0 34px; padding: 0; font-size: 14px;}

#main .kujoTxt { margin: 0 0 40px 30px; padding: 0;}


/* privacy/
============================================================================================================= */

.privacyDl { width: 620px; margin-left: 0px;}
.privacyDl dt { margin-bottom: 4px; font-weight: bold;}
.privacyDl dd { margin-bottom: 20px;}


/* report/
============================================================================================================= */
#main .reportUl { margin: 30px 0 0 50px;}
#main .reportUl li { padding: 0 0 5px 25px; font-size: 15px; font-weight: bold; background: url(images/common/icons/star_icon2.jpg) no-repeat; list-style: none;}


/* moushikomi/
============================================================================================================= */
.moushikomiCo { margin-left: 30px;}
.moushikomiCo h4 { margin: 10px 0; color: #090; font-size: 16px;}
.moushikomiCo ul { margin-bottom: 40px;}
.moushikomiCo li { margin-bottom: 10px; font-size: 15px; list-style: none;}
.moushikomiCo span { color: #f66; margin-right: 5px;}


/* m/
============================================================================================================= */

.outlinePhotoP2Tb { width: 600px; margin: 0 0 15px 10px;}
.outlinePhotoP2Tb th { padding-bottom: 15px;}
.outlinePhotoP2Tb img { border: 2px solid #F90;}
.outlinePhotoP2Tba:hover img { opacity: 0.8; filter: alpha(opacity = 80);}



#main .imgPhoto { margin: 0 0 15px 16px; padding: 0;}
#main .imgPhoto img { border: 4px solid #F90;}

.outlinePhotoP3Tb { width: 600px; margin: 0 0 15px 10px;}
.outlinePhotoP3Tb.mb th { padding-bottom: 0;}
.outlinePhotoP3Tb.mb2 { margin-bottom: 0;}
.outlinePhotoP3Tb th { width: 33%; padding-bottom: 15px;}
.outlinePhotoP3Tb img { border: 4px solid #F90;}
.outlinePhotoP3Tb .bn { border: none;}
.outlinePhotoP3Tba:hover img { opacity: 0.8; filter: alpha(opacity = 80);}

#main .imgIlt { margin: -15px 0 30px; padding: 0; text-align: center;}
#main .imgIlt.mt { margin-top: 15px;}
#main .imgIlt.mb { margin: 15px 0;}


/* blog / food
============================================================================================================= */
.wallCo { margin-bottom: 40px;}
.wallCo.mt { margin-top: 15px;}
.wallCo .wallBox { position: relative; float: left; border: 1px solid #CCC; background: #FFF;}
#main .wallCo .wallBox p { margin: 0; padding: 0; text-align: center;}
.wallCo .wallBox dl { margin: 8px 10px 0 10px;}
.wallCo .wallBox dt { margin-bottom: 5px; color: #000; font-size: 14px; font-weight: bold;}
.wallCo a:hover img { opacity: 0.8; filter: alpha(opacity = 80);}

.wall3Co .wallBox { width: 238px; min-height: 315px; margin: 0 0 15px 11px; padding: 10px 0 5px;}
#index .wall3Co .wallBox { margin: 0 0 15px 16px;}
.wall4Co .wallBox { width: 178px; min-height: 258px; margin: 0 0 15px 5px; padding: 10px 0 5px;}
.wall5Co .wallBox { width: 141px; min-height: 235px; margin: 0 0 15px 9px; padding: 10px 0 5px;}

.wallCo .wallBox .newIcon { position: absolute; top: 0; left: 5px; padding: 2px 4px 1px; color: #fff; font-size: 11px; font-weight: bold; text-align: center; letter-spacing: 0.1em; background: #f90; z-index: 1000;}
.wallCo .wallBox .osusumeIcon { position: absolute; top: 0; right: 5px; padding: 2px 4px 1px; color: #fff; font-size: 11px; font-weight: bold; text-align: center; letter-spacing: 0.1em; background: #090; z-index: 1000;}


.btn { clear: both; width: 300px; margin: 0 auto !important; padding: 0 !important; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: 0 3px 10px 0 #999;}
.btn.mt { margin-top: 40px !important;}
.btn a { display: block; padding: 10px 0; color: #fff !important; font-size: 18px; font-weight: bold; letter-spacing: 0.1em; text-shadow: 1px 1px 1px #000; text-align: center;}
.btn.bd1 { background: linear-gradient(#0c0, #060); border: 0px solid #ccc;}
.btn.bd2 { background: linear-gradient(#fc0, #f60); border: 0px solid #ccc;}
.btn.bd1:hover,
.btn.bd2:hover { opacity: 0.8; filter: alpha(opacity = 80);}


/* volunteer kifukin
============================================================================================================= */
#main .tw { width: 96%; margin: 0 auto 10px; padding: 10px; font-size: 20px; text-align: center; border: 2px solid #FFCC00; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
#main .tw.mb { margin-bottom: 40px;}
#main .tw2 { width: 93%; margin: 0 auto 20px; padding: 15px 10px 15px 25px; font-size: 14px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #ffc; text-indent: -1em;}
#main .tw2.mb { margin-bottom: 40px;}
#main .tw2 p { margin: 0; padding: 0;}
#main .tw2.cr { color: #f00;}

#main .tw3 { width: 93%; margin: 0 auto 20px; padding: 15px; font-size: 14px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #f2f2f2;}
#main .tw3.mb { margin-bottom: 40px;}
#main .tw3 p { margin: 0; padding: 0;}


#main .volunteerCo { width: 590px; margin: 0 0 20px 15px; font-size: 14px;}
#main .volunteerCo.mb { margin-bottom: 40px;}
#main .volunteerCo.mbn { margin-bottom: 0;}
#main .volunteerCo p { margin: 0 0 5px 0; padding: 0;}
#main .volunteerCo p.pr { float: right; margin: 0 0 10px 10px;}
#main .volunteerCo p.t { color: #F66; font-weight: bold; font-size: 16px;}

#main .komeTxtBtm { margin: 0 0 40px 25px;}
#main .komeTxtBtm a { text-decoration: underline;}

.volunteerTb { width: 600px; margin: 0 0 5px 10px; font-size: 13px;}
.volunteerTb.mb { margin-bottom: 40px;}
.volunteerTb th,
.volunteerTb td { padding: 10px 15px; text-align: center; border: 1px solid #A8CCCC;}
.volunteerTb th { font-weight: normal; background: #EFF3F6;}
.volunteerTb strong { color: #090;}

.volunteerTb1 th:nth-child(1) { width: 15%;}
.volunteerTb1 td:nth-child(2) { width: 65%;}
.volunteerTb1 td:nth-child(3) { width: 20%;}

.volunteerTb2 th { font-weight: normal; background: #EFF3F6;}
.volunteerTb2 td:nth-child(1) { width: 15%;}
.volunteerTb2 td:nth-child(2) { text-align: left;}


.outlinePhoto3Tb { width: 100%; margin: 0 0 20px 0;}
.outlinePhoto3Tb.mb { margin-bottom: 40px;}
.outlinePhoto3Tb td { width: 33%; text-align: center;}
.outlinePhoto3Tb img { padding: 2px; border: 1px solid #A8CCCC;}


.tatCo { width: 50%; margin: 0 auto; padding: 20px 0; font-size: 14px; border: 2px solid #090; line-height: 1.5;}
.tatCo.tatCo2 { padding: 0;}
.tatCo.mb { margin-bottom: 40px;}
#main .tatCo p { margin: 0; padding: 0; text-align: center;}
.tatCo p:nth-child(1) { font-size: 15px; font-weight: bold;}
.tatCo p:nth-child(3) span { color: #f33; font-size: 18px;}
.tatCo a { padding: 20px; display: block;}
.tatCo a:hover { background: #ffc;}


.kifuTb { width: 600px; margin: 0 0 20px 10px; font-size: 13px;}
.kifuTb td { padding: 10px 15px; border: 1px solid #A8CCCC;}
.kifuTb tr:nth-child(2n+1) { background: #EFF3F6;}
.kifuTb strong { color: #f33;}


/* form
============================================================================================================= */
.hissuIcon { margin: 0 0 0 5px; padding: 2px 4px 1px; color: #fff; font-size: 10px; font-weight: bold; text-align: center; letter-spacing: 0.1em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: 0 3px 5px 0 #ccc; background: #f33;}

#main .soushinBtn { margin: 20px; padding: 0; text-align: center;}
.soushinBtn input { padding: 10px;}


/* common
================================================================================= */
.tCo { margin: 0 auto 20px; padding: 20px 15px; letter-spacing: 0.05em;}
.tCo a { text-decoration: underline;}
.tCo.mt { margin-top: 15px;}
.tCo.mbn { margin-bottom: 0;}
.tCo.mb { margin-bottom: 40px;}

.tCo.t1 { color: #fff; background: #A09A10;}
.tCo.t1 a { color: #fff;}
.tCo.t12 { color: #fff; background: #034889;}
.tCo.t13 { color: #fff; background: #090;}

.tCo.t2 { color: #000; background: #fff; border: 1px solid #ccc;}
.tCo.t22 { color: #000; background: #fff; border: 1px solid #A09A10;}
.tCo.t23 { color: #000; background: #fff; border: 3px double #ccc;}
.tCo.t24 { color: #000; background: #fff; border: 3px double #A09A10;}

.tCo.t3 { color: #000; border-top: 8px solid #69C13C; border-bottom: 8px solid #69C13C;}
.tCo.t32 { color: #000; border-top: 8px solid #69C13C;}
.tCo.t33 { color: #000; border-bottom: 8px solid #8C0104;}
.tCo.t34 { color: #000; border-top: 3px double #8C0104; border-bottom: 3px double #8C0104;}

.tCo.w1 { width: 600px;}
.tCo.t2.w1,
.tCo.t22.w1 { width: 598px;}
.tCo.t23.w1,
.tCo.t24.w1 { width: 594px;}

.tCo.w2 { width: 500px;}
.tCo.t2.w2,
.tCo.t22.w2 { width: 494px;}
.tCo.t23.w2,
.tCo.t24.w2 { width: 492px;}

.tCo.w3 { width: 400px;}
.tCo.t2.w3,
.tCo.t22.w3 { width: 398px;}
.tCo.t23.w3,
.tCo.t24.w3 { width: 394px;}

.tCo.w4 { width: 300px;}

.tCo.bg1 { background: #ff0;}
.tCo.bg2 { background: #fffff0;}

.tCo.en1 { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.tCo.en2 { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
.tCo.en3 { -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}

.tCo .f0 { font-size: 32px;}
.tCo .f1 { font-size: 26px;}
.tCo .f22 { font-size: 20px;}
.tCo .f3 { font-size: 16px;}

.tCo .cr { color: #f33;}
.tCo .co { color: #f60;}
.tCo .cg { color: #090;}
.tCo .cb { color: #06c;}

#main .tCo p { margin: 0; padding: 0; text-align: center;}
#main .tCo .tl { text-align: left;}
#main .tCo .b { margin-left: 10px;}
#main .tCo .p { color: #065EB4; font-size: 30px; background: none;}
#main .tCo .lh { line-height: 2.5;}
#main .tCo .mb { margin-bottom: 20px;}
#main .tCo .mtb { margin: 20px 0;}

.tCo .ci1 { padding: 4px 0 0 60px; text-align: left; background: url(images/common/icon/check_icon1.png) no-repeat 0 1px;}
.tCo .ci2 { padding: 5px 0 5px 50px; text-align: left; background: url(images/common/icon/check_icon2.png) no-repeat 0 1px;}

.tCo .pl { float: left; margin: 0 15px 10px 0;}
.tCo .pl img { padding: 2px; border: 1px solid #ccc;}
.tCo .pl.bn img { padding: 0; border: none;}
.tCo .pr { float: right; margin: 0 0 10px 15px;}
.tCo .pr img { padding: 2px; border: 1px solid #ccc;}
.tCo .pr.bn img { padding: 0; border: none;}

.tCo .p2Tb { width: 100%; margin-bottom: 15px;}
.tCo .p2Tb td { width: 50%;}
.tCo .p2Tb img { padding: 2px; border: 1px solid #ccc;}


.photo2Tb { width: 100%; margin: 0 0 20px;}
.photo2Tb.mt { margin-top: 20px;}
.photo2Tb.mb { margin-bottom: 40px;}
.photo2Tb.bn img { padding: 0; border: none;}
.photo2Tb th,
.photo2Tb td { width: 50%;}
.photo2Tb.lr th:first-child { text-align: left;}
.photo2Tb.lr th:last-child { text-align: right;}

.photo2Tb td { padding-top: 5px; font-size: 14px; text-align: center; vertical-align: top;}
.photo2Tb td:first-child { padding-right: 20px;}
.photo2Tb td:last-child { padding-left: 20px;}

.photo2Tb.bn td:first-child { padding-right: 30px;}
.photo2Tb.bn td:last-child { padding-left: 30px;}

.photo2Tb span { color: #f33; font-size: 24px; line-height: 0.8em; vertical-align: top;}
.photo2Tb img { padding: 10px; border: 1px solid #CCC; background: #FFF;}
.photo2Tb.bn img { padding: 0; border: none;}

.photo2Tb.photo3Tb th,
.photo2Tb.photo3Tb td { width: 33%;}


.openTb { width: 100%; margin: 0 0 40px 0; font-size: 13px;}
.openTb th,
.openTb td { padding: 10px 15px; border: 1px solid #A8CCCC;}
.openTb th { width: 120px; font-weight: normal; background: #EFF3F6;}
#main .openTb p { margin: 0; padding: 0;}
#main .openTb .mt { margin: 10px 0 0;}
#main .openTb .ti { margin-left: 1em; text-indent: -1em;}





.nextPrevCo { clear: both; margin: 40px 0 40px;}
.nextPrevCo a { display: block; padding: 10px; border: 1px solid #ccc;}
.nextPrevCo a:hover { background: #fafafa;}
.nextPrevCo a:nth-of-type(1) { float: left; margin-left: 10px;}
.nextPrevCo a:nth-of-type(2) { float: right; margin-right: 10px;}





/* azukari_yoyaku
================================================================================= */
#main .azukariImg { margin-bottom: 40px; text-align: center;}