@charset "euc-jp";

/* 基本情報
幅情報
header: 高さ112px 横幅733px
contents: 横幅733px;
side: 横幅190px
main:横幅530px;

色
基本カラー:#333
グレイ:#666
青:#0099c8
*/

/* common ------------------ */
* {
	margin:0;
	padding:0;
}

body {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	color: #333;
	background: #fff url(images/bg_top.gif) repeat-x left top;
	font-size: 12px;
}

div.center {
	width: 733px;
	text-align: left;
	margin: 0 auto;
}
/* 全体---------------------*/

ul, li {
	list-style-type: none;
}
img {
	border: none;
	vertical-align: bottom;
}

a:link,
a:visited,
a:active {
	color:#0099c8;
	text-decoration: underline;
}
a:hover {
	color:#5bbddc;
	text-decoration: none;
}
p, ul, dl {
	font-size:12px;
	line-height:1.8em;
}
/* フロート解除IE5.5～7対応用 */
.clearfix {
    zoom:1; /*for IE 5.5-7*/
}
.clearfix:after { /*for modern browser*/
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}


  
/* ヘッダー---------------------*/
#header {
	width:733px;
	position: relative;
	height: 112px;
}


#header h1 {
	width: 180px;
	height: 109px;
	font-size: 10px;
	color: #666;
	margin-left: 4px;
}
#header h1 span {
	font-weight: bold;
	position: absolute;
	top: 35px;
	left: 200px;
	width: 350px;
}

#header p#tel {
	width: 148px;
	height: 34px;
}
#header p#tel img {
	position: absolute;
	top: 35px;
	right: 3px;
}

#header02 #nav_bg {
	background: #fff url(images/nav_bg.gif) repeat-x top left;
	height: 47px;
}
#header02 #pan_nav_bg {
	background: #fff url(images/pan_nav_bg.gif) repeat-x bottom left;
	height: 26px;
}

#header02 ul {
	text-align: center;
	width: 735px;
	margin: 0 auto;
}


#header02 ul li {
	float: left;
}

#header02 #pan_nav_bg li {
	margin: 4px 0 0 0;
}
/* コンテンツ---------------------*/
#contents {
	width:733px;
}
#main #top01 h2 {
    margin:0px;
    padding:0px;
}

#main #top01 {
	width: 530px;
	height: 297px;
	margin-bottom: 2px;
}

#main #top02 {
	background: transparent url(images/main_text_bg.gif) no-repeat top left;
	width: 530px;
	margin-bottom: 10px;
}

#main #top02 p {
    color: #fff;
    padding: 9px 9px 9px 55px;
    font-size:12px;
    line-height:1.8em;

}

/* キャンペーンバナー */
#main div#banner1 h2 {
	position: relative;
	color: #404b4f;
}

#main div#banner1 p {
	position: relative;
	width: 320px;
	color: #337490;
}
#main div#banner1 a {
	background: #fff url(images/banner.jpg) no-repeat top left;
	display :block;
	width: 530px;
	height: 103px;
	margin-bottom: 2px;
	text-decoration: none;
}

#main div#banner1 a:hover {
	background: #fff url(images/banneron.jpg) no-repeat top left;

	text-decoration: none;
}

#main h3#title01,
#main h3#title02,
#main h3#title03,
#main h3#title04,
#main h3#title05 {
	width: 530px;
	height: 34px;
	text-indent: -9999px;
}
#main h3#title01 {
	background: #fff url(images/title01.gif) no-repeat top left;
}
#main h3#title02 {
	background: #fff url(images/title02.gif) no-repeat top left;
}
#main h3#title03 {
	background: #fff url(images/title03.gif) no-repeat top left;
}
#main h3#title04 {
	background: #fff url(images/title04.gif) no-repeat top left;
}
#main h3#title05 {
	background: #fff url(images/title05.gif) no-repeat top left;
}

#main .topics_list {
	position: relative;
}

#main .topics_list p {
	position: absolute;
	top: 5px;
	right: 13px;
	font-size: 10px;
	color: #fff;
}

#main .topics_list p a:link,
#main .topics_list p a:visited,
#main .topics_list p a:active {
	color: #fff;
	text-decoration: underline;
}
#main .topics_list p a:hover {
	color: #eee;
	text-decoration: none;
}

/* 記事一覧 */
#main table.list_table {
	width: 530px;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	font-size: 12px;
	margin-bottom: 15px;
}
table {
	font-size: 100%;
	line-height: 1.6em;
}
#main table.list_table th {
	width: 1%;
	white-space: nowrap;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	padding: 6px 10px 5px 4px;
}
#main table.list_table td {
	text-align: left;
	vertical-align: top;
	padding: 6px 0 5px 0;

}

#main table.list_table th,
#main table.list_table td {
	background: #fff url(images/dot.gif) repeat-x bottom left;
}

#main table.list_table th span {
	background: #fff url(images/icon02.gif) no-repeat center left;
	padding: 0 0 0 15px;
	display: block; /* tableの内容に左にアイコンがつく場合はblockレベルで記述すること */
}

#main table.list_table .first {
	padding-top: 3px;
}
#main table.list_table a:link,
#main table.list_table a:visited,
#main table.list_table a:active {
	color: #333;
	text-decoration: underline;
}

#main table.list_table a:hover {
	color: #666;
	text-decoration: none;
}

#main_title {
	background: #fff url(images/title04.gif) no-repeat top left;
	width: 492px;
	height: 44px;
	color: #fff;
	padding: 16px 0 0 38px;
	font-size: 150%;
	font-weight: bold;
}
p {
	line-height: 1.6;
}
.text_m01 {
	margin: 1em 5px 2em 5px; 
}
.text_m02 {
	margin: 0 15px; 
}

.text_m03 {
	margin: 0 10px; 
}
.text_m04 {
	margin: 0 15px 0.8em 15px; 
}
.text_m05 {
	margin: 0.6em 0; 
}

.service_list dt {
	margin: 0 0 0.5em 0;
}

.service_list dd {
	margin: 0 0 0.5em 1.5em;
}

.step {
	width: 425px;
	height: 38px;
	padding: 18px 0 0 105px;
	font-size: 130%;
	font-weight: bold;
}
#step01 {
	background: #fff url(images/step01.gif) no-repeat top left;
}
#step02 {
	background: #fff url(images/step02.gif) no-repeat top left;
}
#step03 {
	background: #fff url(images/step03.gif) no-repeat top left;
}
#step04 {
	background: #fff url(images/step04.gif) no-repeat top left;
}
#step05 {
	background: #fff url(images/step05.gif) no-repeat top left;
}
#step06 {
	background: #fff url(images/step06.gif) no-repeat top left;
}


.step_bg_center,
.step_bg_center02 {
	background: #fff url(images/step_bg_center.gif) repeat-y top left;
	width: 530px;
}
.step_bg_bottom {
	background: #fff url(images/step_bg_bottom.gif) no-repeat top left;
	width: 530px;
	height:	30px;	
	clear: both;
}

.step_bg_center p {
	float: left;
	width: 340px;
	padding: 0 15px;
}
.step_bg_center img {
	display: block;
	float: left;
	width: 145px;
}


.ser_table01,
.ser_table02 {
	width: 500px;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	font-size: 12px;
	margin-left: 15px;

}

.ser_table01 td {
	width: 240px;
	vertical-align: top;
}
.ser_table02 td {
	width: 160px;
	vertical-align: top;
}

.ser_table01 td.t02 {
	padding-left: 15px;
}
.ser_table02 td.t01 {
	padding-right: 5px;
}

#s_banner {
	width: 460px;
	margin-left: 15px;
}
#s_banner img {
	display: block;
	float: left;
	margin-right: 15px;
}
.float_box img {
	float: left;
	list-style: none;
	padding: 0;
}
.float_box {
}
#main .p_top {
	text-align: right;
	margin: 10px 10px 0 0;
}
#main .p_top02 {
	text-align: right;
	margin: -5px 10px 10px 0;
}

#main .p_top a,
#main .p_top02 a {
	color: #0099c8;
	text-decoration: none;
}

#main .p_top a:hover,
#main .p_top02 a:hover {
	color: #5bbddc;
	text-decoration: underline;
}
.service_list a {
	color: #0099c8;
	text-decoration: underline;
}

.service_list a:hover {
	color: #5bbddc;
	text-decoration: none;
}
.service_list {
	margin: 0 0 40px 0;
}
.service_list dt,
.service_list dd {
	background: #fff url(image/point.jpg) no-repeat center left;
	padding: 0 0 0 15px;
}
.service_list dd {
	float: left;
}
.service_list dt {
	clear: both;
}

.center {
	text-align: center;
}

/* 左サイド---------------------*/
#side {
	padding: 8px;
	float: left;
	background: #e7e7e7;
	margin-bottom: 5px;
	width: 174px;
	margin-top: 10px;
}

#side h2 {
	margin-bottom: 7px;
}

/* ナビゲーションテキスト */
#navi_ttl dl dt {
	width: 174px;
	height: 46px;
	text-indent: -9999px;
	margin-top: 5px;
}
#navi_ttl dl dt#navi_title01 {
	background: #e7e7e7 url(images/side_navi_01.gif) no-repeat top left;
}
#navi_ttl dl dt#navi_title02 {
	background: #e7e7e7 url(images/side_navi_02.gif) no-repeat top left;
}
#navi_ttl dl dt#navi_title03 {
	background: #e7e7e7 url(images/side_navi_03.gif) no-repeat top left;
}
#navi_ttl dl dt.first {
	margin-top: 0;
}
#navi_ttl dl dd {
	border: 1px solid #ccc;
	margin-bottom: 1px;
	width: 172px;
}
#navi_ttl dl dd a {
	display: block;
	background: #fff url(images/icon01.gif) no-repeat 5% top;
	padding: 2px 0 2px 22px;
	width: 150px; /* ieのリンク幅がinlineのままのため */
}
#navi_ttldl dd a:hover {
	color: #fff;
	text-decoration: none;
	background: #6d7880 url(images/icon01on.gif) no-repeat 5% top;
}

/* ナビゲーションリスト */
#side ul.side_list {
	margin: 0 0 7px 0;
}
#side .side_list li {
	border: 1px solid #ccc;
	margin-bottom: 1px;
	width: 172px;
}

#side .side_list li a {
	display: block;
	background: #fff url(images/icon01.gif) no-repeat 5% top;
	padding: 2px 0 2px 22px;
	width: 150px; /* ieのリンク幅がinlineのままのため */
	text-decoration: underline;
}
#side .side_list li a:hover {
	color: #fff;
	text-decoration: none;
	background: #6d7880 url(images/icon01on.gif) no-repeat 5% top;
}
.img_list li {
	margin-top: 5px;
	font-size: 10px;
	line-height: 1.3em;
}

#side #area dt strong {
	display: block;
	margin-top: 20px;
	color: #000;
	font-weight: bold;
	width: 174px;
	font-size: 10px;
	text-align: center;
}
#side #area dd {
	width: 174px;
	font-size: 10px;
	line-height: 1.5em;
}

/* ナビゲーションリスト */

#navi_li ul {
	margin-top: 7px;
}

#navi_li ul li a {
	display: block;
	text-indent: -9999px;
	width: 174px;
	height: 32px;
	margin-top: 1px;
}


#navi_li ul li#navi_li01 a {
	background: #e7e7e7 url(images/navi_li01.gif) no-repeat top left;
}
#navi_li ul li#navi_li02 a {
	background: #e7e7e7 url(images/navi_li02.gif) no-repeat top left;
}
#navi_li ul li#navi_li03 a {
	background: #e7e7e7 url(images/navi_li03.gif) no-repeat top left;
}
#navi_li ul li#navi_li04 a {
	background: #e7e7e7 url(images/navi_li04.gif) no-repeat top left;
}
#navi_li ul li#navi_li05 a {
	background: #e7e7e7 url(images/navi_li05.gif) no-repeat top left;
}
#navi_li ul li#navi_li06 a {
	background: #e7e7e7 url(images/navi_li06.gif) no-repeat top left;
}

#navi_li ul li#navi_li01 a:hover {
	background: #e7e7e7 url(images/navi_li01on.gif) no-repeat top left;
}
#navi_li ul li#navi_li02 a:hover {
	background: #e7e7e7 url(images/navi_li02on.gif) no-repeat top left;
}
#navi_li ul li#navi_li03 a:hover {
	background: #e7e7e7 url(images/navi_li03on.gif) no-repeat top left;
}
#navi_li ul li#navi_li04 a:hover {
	background: #e7e7e7 url(images/navi_li04on.gif) no-repeat top left;
}
#navi_li ul li#navi_li05 a:hover {
	background: #e7e7e7 url(images/navi_li05on.gif) no-repeat top left;
}
#navi_li ul li#navi_li06 a:hover {
	background: #e7e7e7 url(images/navi_li06on.gif) no-repeat top left;
}

/* メイン---------------------*/
#main {
	width:530px;
	float:right;
	margin-bottom: 15px;
}

#main .list01 li {
	float: left;
}


/*▼  メニューブロック  ▼*/
#menubox {
  position: relative;
  width: 190px;      /* メニューの横幅＋10 */
  height: 280px;      /* （メニューの高さ＋メニューとメニューの間隔）×メニュー項目数 */
  margin: 0 5px;
  padding:20px 0 10px 0;  /* 15px:上部余白 5px:下部余白（15-メニュー間隔） */
  font-size: 12px;
  background: url(image/bg_menubox.png) no-repeat;
    /* 190 x 310(280 + 上部余白 + 下部余白)pxの角丸透過PNGファイルを指定 */
}
#menubox ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-bottom: 5px;
}
#menubox ul li{
  margin-bottom:10px;    /* メニューとメニューの間隔 */
}
#menubox ul li a{
  display: block;
  width: 180px;      /* メニューの横幅 */
  height: 30px;      /* メニューの高さ */
  margin: 0 5px;
  color: #FFF;
  background: url(image/bg_menu.png) no-repeat;
  padding: 0;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  line-height:30px;    /* メニューの高さ（縦位置のセンタリング） */
  text-indent:1.5em;
}
#menubox ul li a:visited{
  color: #FFF;
}
#menubox ul li a:hover{
  color: #FFF;
  background: url(image/bg_menu.png) no-repeat 0 -30px;
}














/* キャンペーンバナー */

#main .title01 {
	background: #fff url(images/title04.gif) no-repeat top left;
	width: 492px;
	height: 44px;
	color: #fff;
	padding: 16px 0 0 38px;
	font-size: 150%;
	font-weight: bold;
	margin-top:15px;
}
#main .list02 li {
	float: left;
	width: 155px;
}

#main ul {
	margin-top:15px;
}

#main .icon04 li {
	background: transparent url(images/icon04.gif) no-repeat left top;
	padding: 0 0 0 17px;
}

.p_top {

	text-align: right;
}

#main h4 {
	color: #006;
	font-weight: bold;
	font-size:14px;
	padding:20px 0 5px 0;
	margin-bottom:10px;
	border-bottom: 1px solid #ccc;
}

#main h4.sche {
	padding: 0 0 0 0;
	margin-bottom:0px;
	border-bottom: 0px;
}

#main .img dd {
	font-size: 0;
	line-height: 0.1em;
}
/* --フッター---------------------*/
#bg_footer {
	background: transparent url(images/bg_footer.gif) repeat-x left top;
	clear: both;
}
#footer {
	text-align: center;
	width: 753px;
	margin: 0 auto;
	padding: 12px 0; 
}

#footer ul li {
	display: inline;
	text-align: center;
	font-size: 80%;
	line-height: 1.2em;
}


#footer ul a:link,
#footer ul a:visited,
#footer ul a:active {
	color: #666;
	text-decoration: underline;
}
#footer ul a:hover {
	color: #666;
	text-decoration: none;
}

address {
	text-align: center;
	font-size: 11px;
	color: #0099c8;
	clear: both;
	padding: 5px 0;
	font-style: normal;
}

/* steps */
.text_m01 {
	margin: 1em 5px 2em 5px; 
}
#main h4.step {
	width: 425px;
	height: 38px;
	padding: 18px 0 0 105px;
	font-size: 130%;
	font-weight: bold;
	color:#333333;
	margin-bottom:0px;
	border-bottom: 0px;
}
#step01 {
	background: #fff url(images/step01.gif) no-repeat top left;
}
#step02 {
	background: #fff url(images/step02.gif) no-repeat top left;
}
#step03 {
	background: #fff url(images/step03.gif) no-repeat top left;
}
#step04 {
	background: #fff url(images/step04.gif) no-repeat top left;
}
#step05 {
	background: #fff url(images/step05.gif) no-repeat top left;
}
#step06 {
	background: #fff url(images/step06.gif) no-repeat top left;
}
.step_bg_center,
.step_bg_center02 {
	background: #fff url(images/step_bg_center.gif) repeat-y top left;
	width: 530px;
}
.step_bg_bottom {
	background: #fff url(images/step_bg_bottom.gif) no-repeat top left;
	width: 530px;
	height:	30px;	
	clear: both;
}

.step_bg_center p {
	float: left;
	width: 340px;
	padding: 0 15px;
}
.step_bg_center img {
	display: block;
	float: left;
	width: 145px;
}

/* modules */

.module {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.module-content {
    position: relative;
    margin: 5px 10px 20px 10px;
}

.module-list,
.archive-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.module-list-item {
    margin-top: 5px;
    margin-bottom: 5px;
}

.module-presence img { vertical-align: middle; }
.module-powered .module-content { margin-bottom: 10px; }
.module-photo .module-content { text-align: center; }
.module-wishlist .module-content { text-align: center; }

.module-calendar .module-content table {
    border-collapse: collapse;
}

.module-calendar .module-content th,
.module-calendar .module-content td {
    width: 14%;
    text-align: center;
}

.typelist-thumbnailed { margin: 0 0 20px 0; }

.typelist-thumbnailed .module-list-item {
    display: block;
    clear: both;
    margin: 0;
}

/* baitoru */
.left{ float:left;}
.right{ float:right;}
.clr{ clear:both;}
.txtc{ text-align:center;}
small{ font-size:10px; line-height:15px; padding:5px;}

h4#Point1,h4#Point2,h4#Point3,h4#Point4,#main h4.sttl{ padding:0; margin:0; border:0;}

#main div.box01 ul{ margin-top:0; line-height:18px;}
#main div.box01 li{ margin:0; padding:0 0 0 23px; background:url(images/baitoru/ico_pointA.gif) 10px center no-repeat;}
#main div.box01 .left{ width:178px; overflow:hidden;}
#main div.box01 .right{ width:174px; overflow:hidden;}
#main div.box01 .left .txt{ background:url(images/baitoru/btn_point1_txt.gif) no-repeat; height:87px;}
#main div.box01 .right .txt{ background:url(images/baitoru/btn_point3_txt.gif) no-repeat; height:87px;}
#main div.box01 .clr .txt{ background:url(images/baitoru/btn_point4_txt.gif) no-repeat; height:52px;}


#main div.box02 div.left{ width:140px; overflow:hidden;}
#main div.box02 div.right{ width:390px; overflow:hidden;}
#main div.box02 p.left{ width:149px; overflow:hidden;}
#main div.box02 p.right{ width:241px; overflow:hidden;}
#main div.box02 p.right span{ display:block;}
#main div.box02 .point1 .txt{ background:url(images/baitoru/img_point1_07.gif) no-repeat; height:83px; line-height:17px; padding:0 5px 0 10px;}
#main div.box02 .point2 .txt{ background:url(images/baitoru/img_point1_09.gif) no-repeat; height:82px; line-height:17px; padding:0 5px 0 10px;}
#main div.box02 .point3 .txt{ background:url(images/baitoru/img_point1_11.gif) no-repeat; height:110px; line-height:17px; padding:0 5px 0 10px;}

#main div.box03 div.left{ width:140px; overflow:hidden;}
#main div.box03 div.right{ width:390px; overflow:hidden;}
#main div.box03 p.left{ width:149px; overflow:hidden;}
#main div.box03 p.right{ width:241px; overflow:hidden;}
#main div.box03 p.right span{ display:block;}
#main div.box03 .point1 .txt{ background:url(images/baitoru/img_point2_07.gif) no-repeat; height:66px; line-height:17px; padding:0 5px 0 10px;}
#main div.box03 .point2 .txt{ background:url(images/baitoru/img_point2_09.gif) no-repeat; height:66px; line-height:16px; padding:0 5px 0 10px;}
#main div.box03 .point3 .txt{ background:url(images/baitoru/img_point2_11.gif) no-repeat; height:120px; line-height:16px; padding:0 5px 0 10px;}

#main div.box04 div.left{ width:140px; overflow:hidden;}
#main div.box04 div.right{ width:390px; overflow:hidden;}
#main div.box04 p.left{ width:149px; overflow:hidden;}
#main div.box04 p.right{ width:241px; overflow:hidden;}
#main div.box04 p.right span{ display:block;}
#main div.box04 .point1 .txt{ background:url(images/baitoru/img_point3_06.gif) no-repeat; height:82px; line-height:17px; padding:0 5px 0 10px;}
#main div.box04 .point2 .txt{ background:url(images/baitoru/img_point3_08.gif) no-repeat; height:94px; line-height:17px; padding:0 5px 0 10px;}

#main div.box05 .left{ width:260px; overflow:hidden;}
#main div.box05 .right{ width:270px; overflow:hidden;}


/* weban */
#weban p.colLeft{ display:block; width:335px;}
#weban p.colRight{ display:block; margin-left:195px; width:335px;}
#weban .mt10{ margin-top:10px!important;}
#weban .mt20{ margin-top:20px!important;}
#weban .ml20{ margin-left:20px!important;}
#weban .aC{ text-align:center;}
#weban .aR{ text-align:right;}
#weban .bold{ font-weight:bold; padding-bottom:10px;}
#weban .notes01{ font-size:10px;}
#weban #main .title01{ padding-top:18px!important;padding-top:20px; font-size:18px; line-height:18px;}
#weban h4{ padding-top:30px; font-size:12px;}
#weban h4.pttl01,#weban h4.pttl02,#weban h4.pttl03,#weban h4.pttl04{ clear:both; margin:0; padding:37px 0 10px 95px; height:30px; color:#a21b1b; font-size:14px; font-weight:bold; border:0;}
#weban h4.pttl01{ background:url(images/weban/weban_pttl001.gif) no-repeat 0 30px;}
#weban h4.pttl02{ background:url(images/weban/weban_pttl002.gif) no-repeat 0 30px;}
#weban h4.pttl03{ background:url(images/weban/weban_pttl003.gif) no-repeat 0 30px;}
#weban h4.pttl04{ background:url(images/weban/weban_pttl004.gif) no-repeat 0 30px;}
#weban h4.pttl05{ clear:both; margin-bottom:20px;}
#weban .twoColType01{ width:530px;}
#weban .twoColType01 p{ font-size:10px;}
#weban .twoColType01 .colL{ float:left; width:250px; padding-left:10px;}
#weban .twoColType01 .colR{ float:right; width:250px; padding-left:10px;}
#weban .twoColType02{ width:530px;}
#weban .twoColType02 p{ font-size:10px;}
#weban .twoColType02 .item{ float:left; width:255px; padding:0 0 0 10px;}
#weban .twoColType02 .inner{ padding-top:5px;}
#weban .twoColType02 .colL{ float:left; width:110px;}
#weban .twoColType02 .colR{ float:right; width:135px;}
#weban .notes02{ height:110px;}
#weban .threeColType01{ width:530px;}
#weban .threeColType01 .colL{ float:left; width:177px;}
#weban .threeColType01 .colR{ float:left; width:176px;}
#weban .threeColType02{ width:530px; margin-top:10px;}
#weban .threeColType02 .colL{ float:left; width:177px; text-align:center;}
#weban .threeColType02 .colR{ float:left; width:176px; text-align:center;}