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

o2 Group 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: #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;}*/
#wrapper { margin: 0 auto; padding: 0 10px; width: 1060px;}

.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;}

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

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

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

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


/************************************要望3**********************************************/
#header2 { clear: both; height: 90px;}

#header2 #hdrLogo { float: left; width: 220px; margin: 5px 0 0 70px;}

#header2 #header_btn { float: right; width: 660px; height: 50px; margin: 23px 0 0 0;}
#header2 #header_btn ul { margin-right: 5px;}
#header2 #header_btn li { float: left; list-style: none; margin-left: 10px;}

#header2 #header_btn a:hover img { opacity: 0.6; filter: alpha(opacity = 60);}


/************************************要望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:#A2A2A2;    /*********************　←　ここで文字色変更可能　*********************/
	 }

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


#hdr #headerlink_right{
position:absolute;
top:5px;
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: 760px;
margin-right: 20px;
/**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: 10px 0;
padding: 0 10px 0px 30px;
line-height: 40px;
font-size: 15px;
font-weight: normal;
color: #111111;
background: url(images/heading.jpg) no-repeat;
}

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


/************************************要望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, #footer ul{margin-left: 20px;}
#main li, #footer li{margin-bottom: 3px;}


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

#sidebar p { margin-bottom: 10px;}
#sidebar .sBnrCo { margin: 5px 0 0 15px;}

#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; background: url(images/submenu_bg.jpg) no-repeat 0 0;}
#sidebar li a { display: block; width: 225px; height: 37px; line-height: 37px; padding-left: 20px/*5px*/;}
#sidebar li a:hover { background:url(images/submenu_bg2.jpg) no-repeat 0 0;}


#rssFeed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	margin: 1em 0 0 11px;
	width: 208px;
}
#rssFeed a {
	background-image: none !important;
	color: #444;
	line-height: 1.2 !important;
	text-decoration: none;
	width: 198px !important;
}
#rssFeed a:hover {
	background-image: none !important;
	color: #000;
	line-height: 1.2 !important;
	text-decoration: underline;
	width: 198px !important;
}

#rssFeed .rssHeader { display: none; padding: 0.2em 0; }

#rssFeed .rssBody { border: none; }
#rssFeed .rssBody ul {
	background-image: none;
	display: block;
	list-style: none;
	margin: 5px 0;
	width: 208px;
}
#rssFeed .rssBody ul, .rssRow, .rssRow h4, .rssRow p {
	margin: 0;
	padding: 0;
}

#rssFeed .rssBody li {
	background-image: none;
	color: #444;
	display: inline;
	float: left;
	font-size: 10px;
	height: auto !important;
	line-height: 1.2 !important;
	padding: 5px;
	width: 198px !important;
}

#rssFeed .rssRow { padding: 0.8em; }
#rssFeed .rssRow h4 {
	background-image: none;
	font-size: 1.1em;
}
#rssFeed .rssRow div {
	font-size: 90%;
	color: #666;
	margin: 0.2em 0 5px 0;
	text-align: right;
}

#rssFeed .odd { background-color: #e8e8fc; }
#rssFeed .even { background-color: #d4d4e8; }

#rssFeed .rssRow .rssMedia {
	padding: 0.5em;
	font-size: 1em;
}

#rssFeed p { display: none;}

/*
#rssFeed { width: 208px; background: #FFF;}
#rssFeed .rssBody ul { display: block; margin: 5px 0; width: 208px; list-style: none;}
#rssFeed .rssBody li { background-image: none; color: #444; display: inline; float: left; font-size: 10px; line-height: 1.2 !important; padding: 0 0 10px !important; width: 208px;}
#rssFeed .rssBody li h4 { font-weight: normal; height: auto !important; line-height: 1.2 !important; margin: 0 !important; padding: 0 !important; width: 208px !important;}
#rssFeed .rssBody li div { line-height: 1.2 !important; text-align: right;}
#rssFeed .rssBody a { background-image: none; text-decoration: none; line-height: 1.2 !important;}
#rssFeed .rssBody a:hover { background-image: none; text-decoration: underline; line-height: 1.2 !important;}
#rssFeed .rssBody p { display: none;}
*/




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

/*************
/* フッター
*************/
#footer { clear: both; border-top: 1px solid #6C1110;

height: 340px;
background: url(images/footer_bg.jpg) no-repeat center top #111111;
/*********************　↑　ここで背景色　変更可能　*********************/
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;
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:#000552;
	 text-decoration:underline;
	 }
*/
	 

#footer address{
padding: 100px 0 3px;
text-align: center;
font-style:normal;
font-size: 12px;
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;}

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

#main .post p { margin: 0.5em 0 0 0; padding: 0; line-height: 1.5em;}
#main .post p a,
#main .post p a:visited,
#main .post p a:hover { color: #4B0A05;}

.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;
}
#main .mapTxt2 { margin: 5px 0 20px 25px;}


/* 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 */


#main .photoUl { margin: 0 0 20px 20px; padding: 0;}
#main .photoUl li { float: left; margin: 0 20px 0 0; padding: 0; list-style: none;}
.photoUl img { padding: 2px; border: 1px solid #C76856;}

#main .btmUl { clear: both; width: 560px; margin: 0 auto; padding: 0; font-size: 14px; list-style: none;}
.btmUl li { text-align: center;}
.btmUl li span { color: #F00; font-weight: bold;}

.kawaDl { width: 400px; margin: 0 auto 30px;}
.kawaDl dt,
.kawaDl dd { padding-bottom: 10px; text-align: center;}

#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;
}


/**************************************************************************************************** 目次テキスト2段-4段 */
/* 2段 ************************************************************************/
.twoTb { margin: 0 0 20px 10px; padding: 10px;
/***↓************************************************************************* 外枠の横幅 */
	width: 590px;
/***↓************************************************************************* 背景 */
	background: #F2F2F2;
}

.twoTb th,
.twoTb td {
/***↓************************************************************************* ボーダー */
	border: 1px solid #CCC;
}

.twoTb th { padding: 10px 0 5px; text-align: center; border-bottom: none;}
.twoTb th img { padding: 2px; border: 1px solid #CCC;}
.twoTb td { padding: 0 10px 10px; font-size: 13px; vertical-align: top; border-top: none;}
#main .twoTb td .btn { margin: 5px 5px 0 0; padding: 0; text-align: right;}
#main .twoTb td .btn img { margin-left: 2px;}


/* 3段 ************************************************************************/
.threeTb { margin: 0 0 20px 10px; padding: 10px;
/***↓************************************************************************* 外枠の横幅 */
	width: 590px;
/***↓************************************************************************* 背景 */
	background: #F2F2F2;
}

.threeTb th,
.threeTb td {
/***↓************************************************************************* ボーダー */
	border: 1px solid #CCC;
}

.threeTb th { padding: 10px 0 5px; text-align: center; border-bottom: none;}
.threeTb th img { padding: 2px; border: 1px solid #CCC;}
.threeTb td { padding: 0 10px 10px; font-size: 13px; vertical-align: top; border-top: none;}
#main .threeTb td .btn { margin: 5px 5px 0 0; padding: 0; text-align: right;}
#main .threeTb td .btn img { margin-left: 2px;}


/* 4段 ************************************************************************/
.fourTb { margin: 0 0 20px 10px; padding: 10px;
/***↓************************************************************************* 外枠の横幅 */
	width: 590px;
/***↓************************************************************************* 背景 */
	background: #F2F2F2;
}

.fourTb th,
.fourTb td {
/***↓************************************************************************* ボーダー */
	border: 1px solid #CCC;
}

.fourTb th { padding: 10px 0 5px; text-align: center; border-bottom: none;}
.fourTb th img { padding: 2px; border: 1px solid #CCC;}
.fourTb td { padding: 0 10px 10px; font-size: 13px; vertical-align: top; border-top: none;}
#main .fourTb td .btn { margin: 5px 5px 0 0; padding: 0; text-align: right;}
#main .fourTb td .btn img { margin-left: 2px;}



/**************************************************************************************************** テンプレ1 */
.h3Co1Bg { width: 710px; margin: 0 0 20px 15px; padding: 5px;
/***↓************************************************************************* 一番外枠の色 */
	background: #F2F2F2;
}

.h3Co1Bg .h3Co1 { padding: 1px;
/***↓************************************************************************* 二番外枠（ボーダー）の色 */
	border: 1px solid #CCC;
/***↓************************************************************************* コンテンツ背景色 */
	background: #FFF;
}

#main .h3Co1Bg h3 { clear: both; margin: 0; padding: 0 0 0 15px; font-size: 15px; line-height: 35px; letter-spacing: 0.1em; background: url(images/common/h3_1.jpg) no-repeat; border: none;
/***↓************************************************************************* h3テキストカラー */
	color: #000;
}

#main .h3Co1Bg h3 span { margin: 0 0 0 10px; padding: 0; letter-spacing: 0.1em;
/***↓************************************************************************* h3サブタイトルテキスト */
	color: #F63; font-size: 10px; font-weight: normal;
}

#main .h3Co1Bg h4 { clear: both; margin: 0 ; padding: 0 0 0 15px; color: #000; font-size: 15px; line-height: 35px; letter-spacing: 0.1em; background: url(images/common/h4.jpg) no-repeat; border: none;}
#main .h3Co1Bg h4.selected { background: url(images/common/h4_selected.jpg) no-repeat; border: none;}

#main .h3Co1 div { padding: 10px 15px 5px;}
#main .h3Co1 div p { margin: 0 0 5px 0; padding: 0; font-size: 13px;}
#main .h3Co1 div .pl { float: left; margin: 0 10px 10px 0; padding: 0;}
#main .h3Co1 div .pr { float: right; margin: 0 0 10px 10px; padding: 0;}
#main .h3Co1 div .photo img { margin: 0; padding: 2px; border: 1px solid #CCC;}
#main .h3Co1 div ul { margin: 0 0 5px 25px; padding: 0; list-style: circle;}

#main .h3Co1 div .reUl { margin: 15px 0 10px 10px; list-style: none;}
#main .h3Co1 div .reUl li { padding: 8px 0 5px 27px; background: url(images/common/re_ico.jpg) no-repeat;}
#main .h3Co1 div .reUl li span { color: #F66;}
#main .h3Co1 div .reUl a { text-decoration: underline;}

.h3Co1 dt { color: #1B749E; font-size: 14px; font-weight: bold;}
.h3Co1 dt span { margin-right: 3px;}
.h3Co1 dd { margin-bottom: 10px;}
.h3Co1 dd a,
.h3Co1 dd a:visited { color: #F30; text-decoration: underline;}

.h3Co1 table { width: 100%; margin: 15px 0 5px 0; font-size: 13px;}
.h3Co1 th,
.h3Co1 td { padding: 5px 10px; text-align: left; border: 1px solid #CCC;}
.h3Co1 th { font-weight: normal; background: #FAFAFA;}
#main .h3Co1 .kome { margin: 0 0 5px 20px; font-size: 13px; text-indent: -1em;}

.outlineCo2 { width: 700px; margin: 0 0 20px 20px; padding: 5px; background: #F2F2F2;}
.outlineCo2 table { width: 100%; font-size: 13px; border: 1px solid #CCC;}
.outlineCo2 th,
.outlineCo2 td { padding: 10px 15px; border: 1px solid #CCC; background: #FFF;}
.outlineCo2 th { width: 120px; font-weight: normal; background: #FAFAFA;}

#main .h3Co1 div .photo span { display: block; padding-top: 3px; text-align: center;}
#main .h3Co1 div .i { color: #F63; font-weight: bold;}
#main .h3Co1 div .i span { background: #F2F2F2;}

#main .h3Co1 div .photoUl { margin: 0; padding: 0;}
#main .h3Co1 div .photoUl li { float: left; list-style: none; margin: 0 4px 0 0; padding: 0;}
#main .h3Co1 div .photoUl .mr { margin-right: 0;}
#main .h3Co1 .photoUl img { margin: 0; padding: 2px; border: 1px solid #CCC;}
#main .h3Co1 .photoUl span { display: block; padding-top: 3px; text-align: center;}
body:-moz-read-only #main .h3Co1 .photoUl span { display: block; margin-top: -3px; padding-top: 0; text-align: center;}

#main .h3Co1 #oneCo { margin: 0 0 20px; padding: 0;}
#main .h3Co1 #twoCo { margin: 0; padding: 0;}


/**************************************************************************************************** テンプレ2 */
.h3Co2Bg { width: 590px; margin: 0 0 20px 10px; padding-top: 10px;	background: url(images/common/top_bg.png) no-repeat center top;}
.h3Co2Bg .h3Co2 { background: url(images/common/bg_2.png) repeat-y;}
.h3Co2Bg .h3Co2 div { padding: 10px 15px 5px; background: url(images/common/btm_bg.png) no-repeat center bottom;}

#main .h3Co2Bg h3 { clear: both; margin: 0 1px; padding: 0 0 0 20px; font-size: 15px; line-height: 35px; letter-spacing: 0.2em; background: url(images/common/h3_2.jpg) no-repeat;
/***↓************************************************************************* h3テキストカラー */
	color: #000;
}

#main .h3Co2Bg h3 span { margin: 0 0 0 10px; padding: 0; letter-spacing: 0.1em;
/***↓************************************************************************* h3サブタイトルテキスト */
	color: #F63; font-size: 10px; font-weight: normal;
}

#main .h3Co2 div p { margin: 0 0 5px 0; padding: 0; font-size: 13px;}
#main .h3Co2 div .pl { float: left; margin: 0 10px 10px 0; padding: 0;}
#main .h3Co2 div .pr { float: right; margin: 0 0 10px 10px; padding: 0;}
#main .h3Co2 div .photo img { margin: 0; padding: 2px; border: 1px solid #CCC;}



/**************************************************************************************************** インタビュー記事1段 */
.faqDl { margin-left: 10px;
/***↓************************************************************************* 外枠の横幅 */
	width: 590px;
}

.faqDl dt { padding-bottom: 5px; font-size: 14px; font-weight: bold;}
.faqDl dd { margin-bottom: 20px; padding-left: 20px;}

#main .faqDl .photo.pl { float: right; margin: 0 0 10px 10px; padding: 0;}
#main .faqDl .photo.pr { float: left; margin: 0 10px 10px 0; padding: 0;}
#main .faqDl .photo img { padding: 2px; border: 1px solid #CCC;}



/**************************************************************************************************** インデント式 */
.indentTb { margin: 0 0 20px 10px;
/***↓************************************************************************* 外枠の横幅 */
	width: 590px;
}

.indentTb th {
/***↓************************************************************************* テキスト */
	color: #FFF;
	font-size: 13px;
/***↓************************************************************************* 背景 */
	background: #999;
}

.indentTb th,
.indentTb td { padding: 5px 15px; text-align: left;}
.indentTb td { padding: 5px 10px 5px 30px;}
.indentTb .t { padding: 5px 10px 0 20px; font-weight: bold;}



/**************************************************************************************************** ステップ解説記事 */
.stepH3CoBg { margin: 0 0 20px 15px; padding: 10px;
/***↓************************************************************************* 外枠の横幅 */
	width: 698px;
/***↓************************************************************************* 外枠（ボーダー）の色 */
	border: 1px solid #CCC;
/***↓************************************************************************* 背景 */
	background: #FAFAFA;
}

#main .stepH3CoBg h3 { clear: both; margin: 0 0 10px 0; padding: 0 0 0 10px; line-height: 25px; letter-spacing: 0.2em; background: none;
/***↓************************************************************************* h3テキスト */
	font-size: 15px;
	color: #000;
/***↓************************************************************************* h3左ボーダー */
	border-left: 5px solid #036;
}

.stepH3CoBg table th,
.stepH3CoBg table td { text-align: left;}
.stepH3CoBg table th { padding: 2px 0; font-size: 14px; vertical-align: bottom;}
.stepH3CoBg table td { font-size: 13px; vertical-align: top;}
.stepH3CoBg table .photoTd { width: 200px;}
.stepH3CoBg table .photoTd.pl { padding-left: 10px;}
.stepH3CoBg table .photoTd.pr { padding-right: 10px;}
.stepH3CoBg img { padding: 2px; border: 1px solid #CCC;}



/**************************************************************************************************** テーブル式 */
/* ボーダーソリッド ***********************************************************/
.tableTbS { margin: 0 0 20px 10px; border-top: 1px solid #CCC;
/***↓************************************************************************* 外枠の横幅 */
	width: 590px;
}

.tableTbS th { padding: 10px 15px; text-align: left;
/***↓************************************************************************* 横幅 */
	width: 100px;
/***↓************************************************************************* テキスト */
	color: #333;
	font-size: 13px;
/***↓************************************************************************* 背景 */
	background: #F2F2F2;
/***↓************************************************************************* ボーダー */
	border-bottom: 1px solid #CCC;
}

.tableTbS td { padding: 10px 15px; text-align: left;
/***↓************************************************************************* ボーダー */
	 border-bottom: 1px solid #CCC;
}


/* ボーダードッド *************************************************************/
.tableTbD { margin: 0 0 20px 10px; border-top: 1px dotted #999;
/***↓************************************************************************* 外枠の横幅 */
	width: 590px;
}

.tableTbD th { padding: 10px 15px; text-align: left;
/***↓************************************************************************* 横幅 */
	width: 100px;
/***↓************************************************************************* テキスト */
	color: #333;
	font-size: 13px;
/***↓************************************************************************* 背景 */
	background: #F2F2F2;
/***↓************************************************************************* ボーダー */
	border-bottom: 1px dotted #999;
}

.tableTbD td { padding: 10px 15px; text-align: left;
/***↓************************************************************************* ボーダー */
	 border-bottom: 1px dotted #999;
}



/**************************************************************************************************** プロフィール記事 */
.profileCo { margin: 0 0 20px 10px; padding: 10px;
/***↓************************************************************************* 外枠の横幅 */
	width: 568px;
/***↓************************************************************************* 外枠（ボーダー）の色 */
	border: 1px solid #CCC;
/***↓************************************************************************* 背景 */
	background: #FAFAFA;
}

#main .profileCo h3 { margin: 0 0 10px 0; padding: 0 0 0 5px; line-height: 35px; letter-spacing: 0.1em;
/***↓************************************************************************* h3テキスト */
	font-size: 18px;
	color: #000;
/***↓************************************************************************* h3左ボーダー */
	border-bottom: 1px solid #666;
}


#main .profileCo .photo { float: right; margin: 0; padding: 0;}
.profileCo .photo img { padding: 2px; border: 1px solid #CCC; background: #FFF;}
.profileCo dl { width: 425px; margin-left: 5px;}
.profileCo dt { padding: 0 0 6px 5px; font-size: 14px; font-weight: bold; border-bottom: 1px dotted #666;}
.profileCo dd { padding: 10px 5px 10px 5px; border-bottom: 1px dotted #333;}



/**************************************************************************************************** 所在地地図記事 */
.outlineCo { float: left; width: 290px; margin-left: 10px;}
.outlineCo table { width: 290px; margin: 0; font-size: 13px;}
.outlineCo table th,
.outlineCo table td { padding: 10px; border: 1px solid #CCC;}
.outlineCo table th { width: 80px; font-weight: normal; background: #F2F2F2;}

.photoMapCo { float: right; width: 286px; margin-right: 10px;}
#main .photoMapCo .photo { margin: 0 0 10px 0; padding: 0;}
.photoMapCo img { padding: 2px; border: 1px solid #CCC; background: #FFF;}

.photoMapCo .mapCo { width: 284px; margin: 0 10px 0 0; padding: 0; border: 1px solid #CCC;}
#main .photoMapCo .mapCo p { margin: 0; padding: 0;}
#main .photoMapCo .mapTxt { margin: 5px 0 0 5px; padding: 0;}



/**************************************************************************************************** 対談記事 */
.taiTb { margin: 0 0 20px 10px; font-size: 13px; border-top: 1px dotted #CCC;
/***↓************************************************************************* 外枠の横幅 */
	width: 590px;
}

.taiTb th { padding-right: 10px;
/***↓************************************************************************* 写真TDタグの横幅 */
	width: 80px;
}

.taiTb th,
.taiTb td { padding: 10px; border-bottom: 1px dotted #CCC;}
.taiTb th img { padding: 2px; border: 1px solid #CCC;}
.taiTb th span { display: block; padding-top: 3px;}

.taiTbPL { border-top: none;}
.taiTbPR { margin: -20px 0 0 10px; border-top: none;}



/**************************************************************************************************** 表と図 */
/* ボーダーソリッド ***********************************************************/
.tableZuCoS { clear: both; float: left; width: 380px; margin: 0 0 20px 10px; border-top: 1px solid #FFB3D1;}
.tableZuCoS table { width: 380px; margin: 0; font-size: 13px;}
.tableZuCoS table th,
.tableZuCoS table td { padding: 10px; border-bottom: 1px solid #FFB3D1;}
.tableZuCoS table th { width: 80px; font-weight: normal; background: #FFF8F6;}
#main .tableZuCoS ul { margin: 0; padding: 0;}
#main .tableZuCoS li { margin: 0; padding: 0; list-style: none; font-weight: bold;}
.tableZuCoS li span { display: block; margin: 0 0 5px 10px; font-weight: normal;}
.tableZuCoS li .mb { margin-bottom: 0;}


/* ボーダードッド *************************************************************/
.tableZuCoD { clear: both; float: left; width: 290px; margin: 0 0 20px 10px; border-top: 1px dotted #999;}
.tableZuCoD table { width: 290px; margin: 0; font-size: 13px;}
.tableZuCoD table th,
.tableZuCoD table td { padding: 10px; border-bottom: 1px dotted #999;}
.tableZuCoD table th { width: 80px; font-weight: normal; background: #F2F2F2;}


/* ボーダーソリッド2 **********************************************************/
.tableZuCoS2 { clear: both; float: left; width: 290px; margin: 0 0 20px 10px;}
.tableZuCoS2 table { width: 290px; margin: 0; font-size: 13px;}
.tableZuCoS2 table th,
.tableZuCoS2 table td { padding: 10px; border: 1px solid #CCC;}
.tableZuCoS2 table th { width: 80px; font-weight: normal; background: #F2F2F2;}


#main .tableZuPhoto { float: right; width: 326px; margin: 0 10px 0 0; padding: 0;}
.tableZuPhoto img { padding: 2px; border: 1px solid #CCC; background: #FFF;}
.tableZuPhoto span { display: block; padding: 3px 0 20px; text-align: center;}



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

.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;}
.outlineTb th,
.outlineTb td { padding: 10px 15px; border: 1px solid #A8CCCC;}
.outlineTb th { width: 120px; font-weight: normal; background: #EFF3F6;}

.mapCo { margin: 0; padding: 0;}
.mapCo iframe { border: 1px solid #CCC;}
#main .h3Co1 .mapCo { padding: 0;}
#main .mapCo p { margin: 0; padding: 0;}
#main .h3Co1 div .mapTxt { margin: 5px 0 20px 5px; padding: 0;}


.outlinePhotoP3Tb { width: 720px; margin: 0 0 15px 15px;}
/*.outlinePhotoP3Tb { width: 737px; margin: 0 0 15px 12px;}*/
.outlinePhotoP3Tb.mt { margin-top: 15px;}
.outlinePhotoP3Tb.mb { margin-bottom: 40px;}
.outlinePhotoP3Tb th:nth-child(1) { text-align: left;}
.outlinePhotoP3Tb th:nth-child(3) { text-align: right;}
.outlinePhotoP3Tb img { padding: 2px; border: 1px solid #CCC; background: #FFF;}
.outlinePhotoP3Tb td { padding-top: 5px; font-size: 14px; font-weight: bold; text-align: center;}


/**************************************************************************************************** Q&A / FAQ / お客様の声 */
.qandaDl { width: 590px; margin: 0 0 20px 10px; font-size: 14px;}
.qandaDl dt,
.qandaDl dd { padding: 0.8em 0.5em 0.7em 4em; text-indent: -3em; 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;}

.tSttDl { width: 590px; margin: 0 0 20px 10px; 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 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;}

#main .voiceCo { width: 590px; margin: 0 0 20px 10px; 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: 590px; margin: 0 0 20px 10px; 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;}

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

.calendarCo { margin: 10px 0 0 5px;}
.calendarCo p { width: 230px; padding: 10px 0; font-size: 15px; text-align: center;/* font-weight: bold;*/ border: 1px solid #ccc; background: #fafafa;}

/* /
============================================================================================= */
#tt { margin: 20px 0 0 0;}
#tt h3 { background: none;}

#fbl { margin: 20px 0 20px 2px;}

#mainCo { width: 1040px; height: 347px; margin: 0 0 30px 12px;}

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

#biz_calendar { width: 243px !important; margin: 0 !important;}

#biz_calendar .holiday,
#biz_calendar .boxholiday { background: #FFC1C1 !important;}
#biz_calendar .eventday,
#biz_calendar .boxeventday { background: #B8E0EA !important;}

.ttCo { margin-bottom: 20px;}
.ttCo dt { margin-left: 75px; font-size: 12px;}
.ttCo dd p:last-child { margin-top: -10px;}

#mgoCo { clear: both; width: 1060px; margin: 0 auto 30px;}


/* p1
============================================================================================= */
.h3Co1 .gaiyouTb { clear: both; margin: 0 0 5px;}
.h3Co1 .addressTb { clear: both; margin: 0 0 20px;}

#main .h3Co1 .yoyakuTxt { margin: 0 0 20px 20px; color: #F66; font-size: 13px; font-weight: bold; text-indent: -1em;}


/* p6
============================================================================================= */
#main .h3Co1 div .reUl.p6Ul { margin: 50px 0 60px 320px;}


/* p8
============================================================================================= */
#main .h3Co1 div p strong { color: #1B749E; font-size: 14px;}


/* jobinfo
============================================================================================= */
.h3Co1 .recruitTb { margin: 0;}
.h3Co1 .recruitTb th { width: 22%;} 
.h3Co1 .recruitTb td { width: 78%;}
.h3Co1 .recruitTb .tTd1 { width: 30%;}
.h3Co1 .recruitTb .tTd2 { width: 48%;}
.h3Co1 .recruitTb .tTh { width: 100;}
 #main .h3Co1 .recruitTxt { margin: 10px 0 10px 20px; color: #F66; font-size: 13px; font-weight: bold; text-indent: -1em;}


/* p10
============================================================================================= */
#main .h3Co1 div .reUl.p10Ul { margin: 35px 0 0 320px;}

.catchTxtCo { margin: 10px; padding: 15px 15px 10px; border: 3px double #ccc;}
#main .h3Co1 .catchTxtCo p { font-size: 15px;}
.kuwashikuwaTxt { font-weight: bold;}


/* p11
============================================================================================= */
.p11Tb { width: 720px; margin-left: 15px; font-size: 14px; border: 2px solid #ccc;}
.p11Tb th,
.p11Tb td { padding: 20px 15px; text-align: center; border: 1px solid #999;}
.p11Tb th { width: 25%; background: #fafafa;}
/*.p11Tb tr:nth-child(2) td { text-align: center;}
.p11Tb tr:nth-child(3) td { text-align: center;}*/


/* shoshin
============================================================================================= */
#main .photoUl.monshinhyouUl .mlr { margin: 0 80px 0 50px;}
.monshinhyouUl a:hover img { opacity: 0.7; filter: alpha(opacity = 70);}