@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/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 { 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: #111111;    /***********　←　ここで文字色変更可能　***********/

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


/************************************要望3**********************************************/
#header2 { position: relative; clear: both; height: 90px; background:url(images/common/header2_bg.png) no-repeat 5px 5px;}
#header2 #hdrLink { position: absolute; top: 15px; right: 25px; text-indent: -4444px;}
#header2 #hdrLink a { display: block; width: 500px; height: 55px;}


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

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


/* ヘッダーナビゲーション ************************************************************************************/
.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 { clear: both; margin: 10px 0; padding: 0 10px 0px 30px; color: #111111; 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 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;
font-weight: bold;
}

#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: 80px;}
#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 h3 { font-size: 19px;}

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

/*.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;}
.pagenav span { margin-left: 10px;}

.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: 25%; font-weight: normal; background: #FAFAFA;}
.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: 25%; font-weight: normal; background: #FAFAFA;}
.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 135px;}
.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;}
#main .qandaDl2 p { margin: 0; padding: 0;}
.qandaDl2 dt,
.qandaDl2 dd { text-indent: -2.7em; padding: 0.8em 0.5em 0.7em 4em; border: 1px solid #CCC;}
.qandaDl2 dt span,
.qandaDl2 dd span { margin-right: 5px; color: #333;}
.qandaDl2 dt { color: #090; font-weight: bold; background: #F3F3E9; border-bottom: none;}
.qandaDl2 dd { margin-bottom: 15px; 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;}


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

#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: 18px;
	color: #600;
/***↓************************************************************************* h3左ボーダー */
	border-left: 5px solid #600;
}

.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 table .photoTd.pr span { display: block; padding-top: 3px; font-size: 14px; text-align: center;}
.photoTd.pr .g { color: #0C0;}
.photoTd.pr .sb { color: #00BDFD;}
.photoTd.pr .r { color: #FC0000;}

#main .stepH3CoBg table p { margin: 0 0 5px; padding: 0;}
.stepH3CoBg table strong { color: #F33; font-weight: normal;}
/*.stepH3CoBg img { padding: 2px; border: 1px solid #CCC;}*/

.stepH3CoBg div { margin-bottom: 20px;}
.stepH3CoBg .co { margin: 0;}
#main .stepH3CoBg div p { margin: 0 5px 5px; padding: 0; font-size: 14px;}
.stepH3CoBg div p strong { color: #333;}
#main .stepH3CoBg div .hopeMb { margin-bottom: 0;}
#main .stepH3CoBg div .mb { margin-bottom: 0px;}

#main .stepH3CoBg h4 { clear: both; margin: 10px 0 5px 5px; padding: 0; color: #F66; font-size: 16px; letter-spacing: 0.1em; background: none;}

#main .stepH3CoBg ul { margin: 0 0 10px 0; padding: 0;}
#main .stepH3CoBg ul.mb { margin-bottom: 0;}
#main .stepH3CoBg .meritUl li { margin: 0 0 5px 15px; padding: 0; color: #069; font-size: 15px; font-weight: bold; list-style: none;}
#main .stepH3CoBg .photoUl li { float: left; margin: 0 0 10px 25px; padding: 0; list-style: none;}
#main .stepH3CoBg .txt { margin: 20px 0 20px 5px;}
.stepH3CoBg li span { display: block; padding-top: 3px; text-align: center; letter-spacing: 0.1em;}

.stepH3CoBg dl { margin: 0 30px 5px;}
.stepH3CoBg dt { color: #1B749E; font-size: 14px; font-weight: bold;}
.stepH3CoBg dt span { margin-right: 3px;}
.stepH3CoBg dd { margin-bottom: 5px;}
.stepH3CoBg dd.mb { margin-bottom: 0;}


/**************************************************************************************************** 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 15px; color: #090; 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: #000; 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: #000; 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: #C00;}
#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;}

#sidebar .lp { margin: 0 10px 0 10px; padding: 10px; border: 1px solid #CCC; border-bottom: none; background: #FFF;}
#sidebar .ed { margin: 0 10px 20px 10px; padding: 10px 0; font-size: 15px; text-align: center; background: #53A753;}
#sidebar .ed a { color: #FFF; text-decoration: underline;}

#sidebar #bnr { margin: 0 0 10px 8px;}
#sidebar #bnr p { margin: 0 0 5px; padding: 0;}


============================================================================================= */
#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);}

.loginBtn { margin: 50px 45px 0 45px; font-size: 12px; border: 1px solid #CCC;}
.loginBtn a { display: block; padding: 6px 0 5px; text-align: center; background: #FFF;}

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


/* p4
****************************************************************************************************/
#main .moshiUl { margin: 15px 0 20px 50px; padding: 0;}
#main .moshiUl li { float: left; list-style: none;}
#main .moshiUl .mr { margin-right: 40px;}
#main .moshiUl a:hover img { opacity: 0.8; filter: alpha(opacity = 80);}

.dayTb { width: 710px; margin: 0 0 20px 20px; background: #FFF;}
.dayTb.mb { margin-bottom: 10px;}
.dayTb th,
.dayTb td { padding: 10px; text-align: center; font-size: 12px; border: 1px solid #CCC;}
.dayTb th { width: 18%; padding: 10px 5px; background: #D2F4DE;}
.dayTb .tTd { white-space: nowrap; padding: 10px 5px; background: #FAFAFA;}
.dayTb .cTd { color: #F33;}
.dayTb .tlTd { text-align: left;}
.dayTb .tTh { width: 100%; background: #DFF;}
#main .dayTb .mt { margin-top: 5px;}
#main .dayKome { margin: 0 0 20px 25px; padding: 0;}

.dayTb.dayTb1 th { width: 18%; padding: 10px 0;}
.dayTb.dayTb1 td { width: 12%; padding: 10px 0;}
.dayTb.dayTb1 td:nth-of-type(1) { width: 19%;}
.dayTb.dayTb1 td:nth-of-type(2) { width: 8%;}
.dayTb.dayTb1 td:nth-of-type(3) { width: 7%;}




#main .box div .c1,
#main .box div .c2 { margin-left: 5px; font-size: 14px; font-weight: bold;}
#main .box div .c1 { color: #F33;}
#main .box div .c2 { color: #036;}

#main .box .reUl.reUl2 { margin-left: 30px;}
#main .box .reUl.reUl2 li { padding-top: 5px; font-size: 16px;}
#main .box .reUl.reUl2 .arrow { margin: 0 5px;}
#main .box .reUl.reUl2 .c1t { color: #F33; font-weight: bold;}
#main .box .reUl.reUl2 .c2t { color: #036; font-weight: bold;}


/* p6
****************************************************************************************************/
.linkTb { width: 710px; margin: 15px 0 0 20px; background: #FFF;}
.linkTb th,
.linkTb td { width: 50%; height: 55px; line-height: 55px; border: 1px solid #CCC;}
.linkTb th { background: #FAFAFA;}
.linkTb td { padding-left: 25px;}
.linkTb a { display: block; line-height: 55px;}
.linkTb a:hover { text-decoration: underline; background: #F2F2F2;}


/* p7
****************************************************************************************************/
#main .linkUl { margin: 15px 0 0 20px; width: 710px; padding: 0; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; background: #FFF;}
#main .linkUl li { float: left; width: 354px; height: 55px; margin: 0; font-size: 14px; line-height: 55px; letter-spacing: 0.05em; border: 1px solid #CCC; border-right: none; border-bottom: none; list-style: none;}
#main .linkUl a { display: block; text-align: center;}
#main .linkUl a:hover { text-decoration: underline; background: #FAFAFA;}


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