/* HPkantan Base CSS --------
	created 2011 11.05 by jn1smc --------- */

/* =========== HPかんたん更新基本定義 =========== */

/* 新着情報 */
.new_inc {clear: both;}
.new_inc_date{font-size: 90%;}

/* 目次 */
.index_title { clear: both;}

/* 目次の日付 */
.index_date { font-size: 90%; font-weight:normal}

/* 目次の記事数 */
.index_count { font-size: 90%; line-height:120%;}

/* 目次のタイトル */
.index_title { font-weight: bold; padding-top:5px;}

/* 目次のダイジェスト記事 */
.index_digest { padding-left:1em;}
.index_digest img{ float:left; padding-right:4px; padding-bottom:4px;}

/* リンク集のジャンル */
.linkjunl {}

/* リンク集のサイト名・タイトル */
.linktitle {padding-left:1em;}

/* テーブル中のテキスト */
.tbl_text { font-size: 90%; line-height:150%; }

/* 囲み記事用ボックス */
.box { padding: 10px; background:#ffffff; border-top: #D1E3F1 2px solid; border-left: #D1E3F1 2px solid; border-right: #D1E3F1 4px solid; border-bottom: #D1E3F1 4px solid; line-height:130%; float:none; clear:both; margin-top:4px; margin-bottom:4px;}

.enq_tbl{ padding: 10px; background:#ffffff; border-top: #D1E3F1 2px solid; border-left: #D1E3F1 2px solid; border-right: #D1E3F1 4px solid; border-bottom: #D1E3F1 4px solid; line-height:130%; float:none; clear:both; margin-top:4px; margin-bottom:4px;}

/* 画像左組み込み配置 */
.img_float_left { float:left; margin-right:0.5em; margin-bottom:0.5em; padding: 2px; font-size:90%; line-height: 140%; font-weight: bold; text-align:left; }

/* 画像左配置(組み込みなし) */
.img_nofloat_left { float:none; margin-left:left; margin-right:auto; margin-bottom:0.5em; padding: 2px; font-size:90%; line-height: 140%; font-weight: bold; text-align:left; clear:both; }

/* 画像右組み込み配置 */
.img_float_right { float:right; margin-left:0.5em; margin-bottom:0.5em; padding: 2px; font-size:90%; line-height: 140%; font-weight: bold; text-align:right; }

/* 画像右配置(組み込みなし) */
.img_nofloat_right { float:none; margin-left:auto; margin-right:0; margin-bottom:0.5em; padding: 2px; font-size:90%; line-height: 140%; font-weight: bold; text-align:right; clear:both; }

/* 画像中央配置(組み込みなし) */
.img_center { float:none; margin-left:auto; margin-right:auto; font-size:90%; padding: 2px; font-weight: bold; text-align:center; clear:both; }

/* 画像の右側にエトキ配置 */
.img_box2 { margin:0.5em; padding: 0.5em; border-right: #006699 2px solid; border-top: #006699 1px solid; border-left: #006699 1px solid; border-bottom: #006699 2px solid; background-color:white; line-height:140%; width:90%; }

/* カレンダーの基本文字 */
.cal_text {font-size: 12px; line-height: 110%;}

/* カレンダー本体 */
.cal_tbl{border-collapse:collapse;border:1px solid #006699;font-size: 12px;line-height: 110%;padding:1px;background-color:white;}

/* カレンダータイトル */
.cal_title{font-size: 14px;line-height: 120%;}

/* カレンダーサブタイトル */
.cal_subtitle{line-height: 120%;}

.sch_table {padding:4px; background:#D1E3F1; margin-bottom:8px;}
.TD1{padding-left:8px; padding-top:2px; padding-bottom:2px; padding-right:8px;}
.TD2{padding-left:8px; padding-top:2px; padding-bottom:2px; padding-right:8px; color:blue;}

/* =========== HPかんたん更新基本定義 ここまで =========== */

/* ----- end ---- */


body {
	width: 100%;
	margin: 0px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #535353;
	padding: 0px;
	text-align: left;
}

img {
	border: none;
	margin: 0px;
	padding: 0px;
}

a:link {
	color: #60B8EC;
	text-decoration: none;
}

a:hover {
	color: #60B8EC;
	text-decoration: underline;
}

a:active {
	color: #60B8EC;
	text-decoration: underline;
}

p {
	margin: 0px;
	padding: 0px;
}


.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
}

.wrapper {
	clear: both;
	width: 940px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

	


/* ヘッダー
--------------------------------------------------------- */

header {
	width: 100%;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #FF7946;
	margin-bottom: 7px;
}


header h1 {
	width: 381px;
	height: 72px;
	margin-bottom: 0px;
	float: left;
	margin-top: 11px;
	margin-right: 0px;
	margin-left: 0px;
}

header #right {
	width: 559px;
	float: right;
	text-align: right;
}


header .b01 {
	display: block;
	width: 122px;
	height: 30px;
	line-height: 30px;
	text-decoration: none;
	text-align: center;
	background: url(../img/b_header.gif) left top no-repeat;
	padding: 0px;
	float: right;
	margin-bottom: 11px;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}


header .b01:hover {
	background-position:right top;
}


header .number {
	width: 350px;
	height: 19px;
	margin-bottom: 7px;
	float: right;
}


header .address {
	float: right;
	font-size: 85%;
	text-align: right;
}



/* ナビ
--------------------------------------------------------- */

nav{
	width: 100%;
	background-image: url(../img/navi_back.jpg);
	margin: 0px;
	padding: 0px;
	height: 44px;
}

nav ul{
	width: 940px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

nav li{
	margin: 0px;
	padding: 0px;
	float: left;
}


nav li.li01 {
	display: block;
	width: 286px;
	height: 44px;
	line-height: 44px;
	text-decoration: none;
	text-align: center;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url(../img/navi01.png);
	background-repeat: no-repeat;
	background-position: left top;
}


nav li.li01:hover {
	background-position:0 bottom;
}

nav li.li01_on {
	display: block;
	width: 286px;
	height: 44px;
	line-height: 44px;
	text-decoration: none;
	text-align: center;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url(../img/navi01.png);
	background-repeat: no-repeat;
	background-position: 0 bottom;
}

nav li.li02 {
	display: block;
	width: 250px;
	height: 44px;
	line-height: 44px;
	text-decoration: none;
	text-align: center;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url(../img/navi02.png);
	background-repeat: no-repeat;
	background-position: left top;
}


nav li.li02:hover {
	background-position:0 bottom;
}


nav li.li02_on {
	display: block;
	width: 250px;
	height: 44px;
	line-height: 44px;
	text-decoration: none;
	text-align: center;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url(../img/navi02.png);
	background-repeat: no-repeat;
	background-position: 0 bottom;
}


nav li.li03 {
	display: block;
	width: 177px;
	height: 44px;
	line-height: 44px;
	text-decoration: none;
	text-align: center;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url(../img/navi03.png);
	background-repeat: no-repeat;
	background-position: left top;
}


nav li.li03:hover {
	background-position:0 bottom;
}


nav li.li03_on {
	display: block;
	width: 177px;
	height: 44px;
	line-height: 44px;
	text-decoration: none;
	text-align: center;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url(../img/navi03.png);
	background-repeat: no-repeat;
	background-position: 0 bottom;
}



nav li.li04 {
	display: block;
	width: 227px;
	height: 44px;
	line-height: 44px;
	text-decoration: none;
	text-align: center;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url(../img/navi04.png);
	background-repeat: no-repeat;
	background-position: left top;
}


nav li.li04:hover {
	background-position:0 bottom;
}


nav li.li04_on {
	display: block;
	width: 227px;
	height: 44px;
	line-height: 44px;
	text-decoration: none;
	text-align: center;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url(../img/navi04.png);
	background-repeat: no-repeat;
	background-position: 0 bottom;
}


/* メイン
--------------------------------------------------------- */

#main{
	width: 100%;
	background-image: url(../img/main_back.jpg);
	padding: 0px;
	height: 424px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}


#main #ph{
	width: 940px;
	background-image: url(../img/main.jpg);
	padding: 0px;
	height: 424px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-repeat: no-repeat;
}

#main ul{
	width: 906px;
	height: 173px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 247px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#main li{
	margin: 0px;
	padding: 0px;
	float: left;
}


#main li.pickup01 {
	display: block;
	width: 216px;
	height: 173px;
	line-height: 173px;
	text-decoration: none;
	text-align: center;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url(../img/pickup01.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: 14px;
}


#main li.pickup01:hover {
	background-position:0 bottom;
}


#main li.pickup02 {
	display: block;
	width: 216px;
	height: 173px;
	line-height: 173px;
	text-decoration: none;
	text-align: center;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url(../img/pickup02.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: 14px;
}


#main li.pickup02:hover {
	background-position:0 bottom;
}


#main li.pickup03 {
	display: block;
	width: 216px;
	height: 173px;
	line-height: 173px;
	text-decoration: none;
	text-align: center;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url(../img/pickup03.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: 14px;
}


#main li.pickup03:hover {
	background-position:0 bottom;
}


#main li.pickup04 {
	display: block;
	width: 216px;
	height: 173px;
	line-height: 173px;
	text-decoration: none;
	text-align: center;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url(../img/pickup04.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: 0px;
}


#main li.pickup04:hover {
	background-position:0 bottom;
}




/* アーティクル
--------------------------------------------------------- */
article {
	float: left;
	width: 698px;
	margin-right: 22px;
}

#topwrap {
	background-color: rgb(255,255,255);
	width: 662px;
	height: 533px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	-webkit-box-shadow: 0px 0px 3px rgba(102,102,102,0.65);
	box-shadow: 0px 0px 3px rgba(102,102,102,0.65);
	-ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=0,Color=#a5666666,Positive=true)";
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=0,Color=#a5666666,Positive=true);
	padding: 15px;
	margin-top: 3px;
}

#topwrap .title {
	width: 663px;
	height: 35px;
	margin-bottom: 15px;
}

#topwrap .news {
	overflow-y: scroll;
	text-align: left;
	margin: 0px;
	height: 478px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}


#topwrap .news ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#topwrap .news li {
	font-size: 100%;
	line-height: 1.6em;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	width: 100%;
}



/* アサイド
--------------------------------------------------------- */

aside {
	float: right;
	width: 220px;
}

aside ul{
	margin: 0px;
	padding: 0px;
}

aside li{
	margin: 0px;
	padding: 0px;
}


aside li.b_aside01 {
	display: block;
	width: 220px;
	height: 91px;
	line-height: 91px;
	text-decoration: none;
	text-align: center;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url(../img/b_aside01.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 4px;
}

aside li.b_aside01:hover {
	background-position:right top;
}


aside li.b_aside02 {
	display: block;
	width: 220px;
	height: 91px;
	line-height: 91px;
	text-decoration: none;
	text-align: center;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url(../img/b_aside02.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 4px;
}

aside li.b_aside02:hover {
	background-position:right top;
}


aside li.b_aside03 {
	display: block;
	width: 220px;
	height: 91px;
	line-height: 91px;
	text-decoration: none;
	text-align: center;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url(../img/b_aside03.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 4px;
}

aside li.b_aside03:hover {
	background-position:right top;
}


aside li.b_aside04 {
	display: block;
	width: 220px;
	height: 91px;
	line-height: 91px;
	text-decoration: none;
	text-align: center;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url(../img/b_aside04.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 4px;
}

aside li.b_aside04:hover {
	background-position:right top;
}


aside li.b_aside05 {
	display: block;
	width: 220px;
	height: 91px;
	line-height: 91px;
	text-decoration: none;
	text-align: center;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url(../img/b_aside05.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 4px;
}

aside li.b_aside05:hover {
	background-position:right top;
}


aside li.b_aside06 {
	display: block;
	width: 220px;
	height: 91px;
	line-height: 91px;
	text-decoration: none;
	text-align: center;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url(../img/b_aside06.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 0px;
}

aside li.b_aside06:hover {
	background-position:right top;
}

aside li.b_aside21 {
	display: block;
	width: 220px;
	height: 91px;
	line-height: 91px;
	text-decoration: none;
	text-align: center;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url(../img/b_aside21.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 0px;
}

aside li.b_aside21:hover {
	background-position:right top;
}

aside li.b_aside22 {
	display: block;
	width: 220px;
	height: 60px;
	line-height: 60px;
	text-decoration: none;
	text-align: center;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url(../img/kaigobukai.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 0px;
}

aside li.b_aside22:hover {
	background-position:right top;
}




/* バナー
--------------------------------------------------------- */

#banner {
	background-color: #E6DAB9;
	width: 100%;
	padding-bottom: 50px;
	text-align: center;
	padding-top: 30px;
}



/* フッター
--------------------------------------------------------- */
footer {
	background-color: #EDEDED;
	width: 100%;
	margin-top: 37px;
	padding-bottom: 50px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #FF7946;
	font-size: 80%;
	line-height: 1.6em;
	text-align: center;
	padding-top: 10px;
}