body{
     font-family: Helvetica ,"メイリオ", sans-serif, "游ゴシック" , "Yu Gothic" , sans-serif;
}




/*コンテンツ内インデント*/
	td
		{
		font-size: 14px
		}



/*コンテンツテキスト****************/
	/*その他*/

	.blog_style 
		{ 
		line-height:10px;
		word-spacing: 5px;
		top:-5px;
		left:10px;
		position:relative;
		font-size: 14px
		}

	.normal_11 
		{ 
		line-height:11px;
		}
	.normal
		{ 
		line-height:12px;
		}
	.normal_13
		{ 
		line-height:13px;
		}
	.normal_14
		{ 
		line-height:14px;
		}
	.normal_16
		{ 
		line-height:16px;
		}
	.normal_18
		{ 
		line-height:18px;
		}
	.normal_20
		{ 
		line-height:20px;
		}
	.normal_22 
		{ 
		line-height:22px;
		}
	.normal_24 
		{ 
		line-height:24px;
		}
	.normal_26 
		{ 
		line-height:26px;
		}
	.normal_28 
		{ 
		line-height:28px;
		}
	.size6
		{
		font-size: 6px
		}
	.size7
		{
		font-size: 7px
		}
	.size8
		{
		font-size: 8px
		}
	.size9
		{
		font-size: 9px
		}
	.size10
		{
		font-size: 10px
		}
	.size11
		{
		font-size: 11px
		}
	.size12
		{
		font-size: 12px
		}
	.size13
		{
		font-size: 13px
		}
	.size14
		{ font-size: 14px
		}
	.size15
		{ font-size: 15px
		}
	.size16
		{ font-size: 16px
		}
	.size18
		{ font-size: 18px
		}
	.size20
		{ font-size: 20px
		}
	.size21
		{ font-size: 21px
		}
	.size22
		{ font-size: 22px
		}
	.size24
		{ font-size: 24px
		}
	.size25
		{ font-size: 25px
		}
	.size26
		{ font-size: 26px
		}
	.size28
		{ font-size: 28px
		}
	.size30
		{ font-size: 30px
		}
	.size32
		{ font-size: 32px
		}
	.size34
		{ font-size: 34px
		}
	.size36
		{ font-size: 36px
		}
	.size40
		{ font-size: 40px
		}
	.size42
		{ font-size: 42px
		}
	.size44
		{ font-size: 44px
		}
	.size46
		{ font-size: 46px
		}
	.size48
		{ font-size: 48px
		}
	.bold
		{
		font-weight: bold;
		}
	.winered
		{ color: #B3424A;
		}
	.red
		{ color: #ff0000;
		}
	.red2
		{ color: #b22222;
		}
	.red3
		{ color: #ab7474;
		}

	.darkgray
		{
		color: #666666;
		}
	.darkgray2
		{
		color: #333333;
		}
	.darkgray3
		{
		color: #111111;
		}
	.green
		{
		color: #008080;
		}
	.gray
		{
		color: #a9a9a9;
		}
	.gray2
		{
		color: #696969;
		}
	.gray3
		{
		color: #898989;
		}
	.blue2
		{
		color: #395994;
		}
	.blue0
		{
		color: #013f70;
		}

	.blue01
		{
		color: #003f6f;
		}

	.blue
		{
		color: #0017c6;
		}
	.blue1
		{
		color: #274a78;
		}
	.blue3
		{
		color: #c3dfef;
		}
	.white
		{
		color: #ffffff;
		}
	.white_b
		{
		color: #ffffff;
		font-weight: bold;
		font-size: 14px
		}


	.midnightblue
		{
		color: #191970;
		}
	.firebrick
		{
		color: #b22222;
		}

	.orange
		{
		color: #ff8c00;
		}
	.gold
		{
		color: #755c19;
		}
	.winered2
		{ 
		color: #AD353A;
		}
	.boldwinered
		{ color: #980032;
		font-weight: bold;
		}
	.boldblue
		{
		color: #191970;
		font-weight: bold;
		}
	.boldblueb
		{
		color: #013f70;
		font-weight: bold;
		}


	.titlesp
		{
		letter-spacing: -0.06em;
		}


	.center
		{
		text-align: center;
		}

	.right
		{
		text-align: right;
		}

	.left
		{
		text-align: left;
		}

	.left_margine
		{
		margin-left: 50px;
		}




/*テキストリンク**************************/

/* リンクのスタイル */
a:link {
	color: #0380b7;
	text-decoration: none;
}
a:visited {
	color: #74488B;
	text-decoration: none;
}
a:hover {
	font-weight: normal;
	color: #0066CC;
text-decoration: underline;
	
}
a:active {
	color: #da4740;
	text-decoration: none;
}

	/*通常リンク*/
	a.rin:link
		{
		color: #1e50a2;
		font-size: 14px;
		text-decoration: none;
		}
	a.rin:visited
		{
		color: #2E67A0;
		}
	a.rin:hover
		{
		color: #9e2236;
		text-decoration: underline;
		}
	a.rin:active
		{
		color: #2E67A0;
		}


	/*通常リンク*/
	a.kaki:link
		{
		color: #0025c4;
		font-size: 14px;
		font-color: #0025c4;
		text-decoration: underline;
		}
	a.kaki:visited
		{
		color: #0025c4;
		}
	a.kaki:hover
		{
		color: #9e2236;
		text-decoration: underline;
		}
	a.kaki:active
		{
		color: #0025c4;
		}





	/*通常リンク2*/
	a.non:link
		{
		color: #ffffff;
		text-decoration: none
		}
	a.non:visited
		{
		color: #ffffff;
		text-decoration: none
		}
	a.non:hover
		{
		color: #ffffff;
		}
	a.non:active
		{
		color: #ffffff;
		text-decoration: none
		}


	a.non2:link
		{
		color: #666666;
		text-decoration: none
		}
	a.non2:visited
		{
		color: #666666;
		text-decoration: none
		}
	a.non2:hover
		{
		color: #666666;
		}
	a.non2:active
		{
		color: #666666;
		text-decoration: none
		}

	a.blue2:link
		{
		color: #666666;
		font-size: 14px;
		text-decoration: none
		}
	a.blue2:visited
		{
		color: #666666;
		font-size: 14px;
		text-decoration: none
		}
	a.blue2:hover
		{
		background-color: #7b9ecd;
		color: #ffffff;
		display: inline-block;
		width: 100%;
		text-align: center;
		outline: none;
		font-size: 14px;
		text-decoration: none
		}
	a.blue2:active
		{
		color: #666666;
		font-size: 14px;
		text-decoration: none
		}



	a.white:link
		{
		color: #ffffff;
		text-decoration: none
		}
	a.white:visited
		{
		color: #ffffff;
		text-decoration: none
		}
	a.white:hover
		{
		color: #ffffff;
                text-decoration: underline;
		}
	a.white:active
		{
		color: #ffffff;
		text-decoration: none
		}


	a.blue3:link
		{
		color: #c3dfef;
		text-decoration: none
		}
	a.blue3:visited
		{
		color: #c3dfef;
		text-decoration: none
		}
	a.blue3:hover
		{
		color: #c3dfef;
                text-decoration: underline;
		}
	a.blue3:active
		{
		color: #c3dfef;
		text-decoration: none
		}

	a.gray01:link
		{
		color: #666666;
		text-decoration: none
		}
	a.gray01:visited
		{
		color: #666666;
		text-decoration: none
		}
	a.gray01:hover
		{
		color: #191970;
                text-decoration: underline;
		}
	a.gray01:active
		{
		color: #a9a9a9;
		text-decoration: none
		}

/*色つきテーブル行ラベル***************************/


	/*グレー系*/
	.bg_f8f8f8
		{
		font-size: 12px;
		background-color: #f8f8f8;
		vertical-align: top;
		}

	.bg_eaf4fc
		{
		background-color: #eaf4fc;
		vertical-align: top;
		border-top: 1px solid #f8f8f8;
		border-right: 1px solid #f8f8f8;
		border-bottom: 1px solid #f8f8f8;
		border-left: 1px solid #f8f8f8
		}

	.bg_eaf4fc2
		{
		background-color: #eaf4fc;
		vertical-align: top;
		border-top: 1px solid #c2c2c2;
		border-right: 1px solid #c2c2c2;
		border-bottom: 1px solid #c2c2c2;
		border-left: 1px solid #c2c2c2
		}

	.bg_ebf6f7
		{
		font-size: 12px;
		background-color: #ebf6f7;
		vertical-align: top;
		}


	.rowlabellgr
		{
		color: #000;
		font-size: 12px;
		background-color: #fff;
		text-align: left;
		vertical-align: top;
		border-right: 1px solid #dbdbdb;
		border-bottom: 1px solid #dbdbdb;
		border-left: 1px solid #dbdbdb
		}



	/*各院紹介*/



	.top_title
		{
		color: #666666;
		font-size: 14px;
		font-weight: bold;
		background-color: #f8f8f8;
		text-align: left;
		vertical-align: top;
		border: 1px solid #dbdbdb;
		padding: 15px;
		}

	.top_detail
		{
		color: #666666;
		font-size: 14px;
		background-color: #fff;
		text-align: left;
		vertical-align: top;
		border: 1px solid #dbdbdb;
		padding: 15px;
		}

	.next_title
		{
		color: #666666;
		font-size: 14px;
		font-weight: bold;
		background-color: #f8f8f8;
		text-align: left;
		vertical-align: top;
		border-right: 1px solid #dbdbdb;
		border-bottom: 1px solid #dbdbdb;
		border-left: 1px solid #dbdbdb;
		padding: 15px;
		}

	.next_detail
		{
		color: #666666;
		font-size: 14px;
		background-color: #fff;
		text-align: left;
		vertical-align: top;
		border-right: 1px solid #dbdbdb;
		border-bottom: 1px solid #dbdbdb;
		padding: 15px;
		}

	.next_tell
		{
		color: #666666;
		font-size: 20px;
		font-weight: bold;
		background-color: #fff;
		text-align: left;
		vertical-align: top;
		border-right: 1px solid #dbdbdb;
		border-bottom: 1px solid #dbdbdb;
		padding: 15px;
		}































	/*グレー系*/
	.rowlabellgr
		{
		color: #000;
		font-size: 12px;
		background-color: #f0f0f0;
		text-align: left;
		vertical-align: top;
		border-right: 1px solid #a9a9a9;
		border-bottom: 1px solid #a9a9a9;
		border-left: 1px solid #a9a9a9
		}




	/*ホワイト系*/
	.title_l
		{
		color: #666666;
		font-size: 12px;
		font-weight: bold;
		background-color: #fff;
		text-align: center;
		padding-top: 2px;
		padding-bottom: 2px;
		border: solid 1px #a9a9a9
		}
	.title_c
		{
		color: #666666;
		font-size: 12px;
		font-weight: bold;
		background-color: #fff;
		text-align: center;
		padding-top: 2px;
		padding-bottom: 2px;
		border-top: 1px solid #a9a9a9;
		border-right: 1px solid #a9a9a9;
		border-bottom: 1px solid #a9a9a9
		}
	.title_r
		{
		color: #666666;
		font-size: 12px;
		background-color: #fff;
		text-align: left;
		vertical-align: top;
		padding-left: 2px;
		padding-top: 2px;
		padding-bottom: 2px;
		border: solid 1px #a9a9a9
		}
	.rowlabel_c
		{
		color: #000;
		font-size: 12px;
		background-color: #fff;
		text-align: left;
		vertical-align: middle;
		border-bottom: 2px solid #e85700
		}
	.rowlabel_l
		{
		color: #000;
		font-size: 12px;
		background-color: #fff;
		text-align: left;
		padding-left: 3px;
		padding-top: 3px;
		padding-bottom: 2px;
		border-right: 1px solid #a9a9a9;
		border-left: 1px solid #a9a9a9;
		border-bottom: 1px solid #a9a9a9
		}
	.rowlabel_lc
		{
		color: #000;
		font-size: 12px;
		background-color: #fff;
		text-align: center;
		padding-top: 3px;
		padding-bottom: 2px;
		border-right: 1px solid #a9a9a9;
		border-left: 1px solid #a9a9a9;
		border-bottom: 1px solid #a9a9a9
		}
	.rowlabel_r
		{
		color: #000;
		font-size: 12px;
		background-color: #fff;
		text-align: left;
		padding-left: 3px;
		padding-top: 3px;
		padding-bottom: 2px;
		border-right: 1px solid #a9a9a9;
		border-bottom: 1px solid #a9a9a9
		}
	.rowlabel_rc
		{
		color: #000;
		font-size: 12px;
		background-color: #fff;
		text-align: center;
		padding-top: 3px;
		padding-bottom: 2px;
		border-right: 1px solid #a9a9a9;
		border-bottom: 1px solid #a9a9a9
		}
	.rowlabellwlc_via
		{
		color: #000;
		font-size: 12px;
		background-color: #fff;
		vertical-align: middle;
		border-top: 1px solid #a9a9a9;
		border-left: 1px solid #a9a9a9;
		border-right: 1px solid #a9a9a9;
		border-bottom: 1px solid #a9a9a9
		}

	.titlelabellw_nb
		{
		color: #ffffff;
		font-size: 12px;
		background-color: #AD353A;
		text-align: center;
		vertical-align: top;
		padding-top: 7px;
		padding-bottom: 5px;
		border-left: 1px solid #E2B2B5;
		border-right: 1px solid #E2B2B5;
		border-top: 1px solid #E2B2B5;
		border-bottom: 1px solid #E2B2B5
		}
	.titlelabellw_r_nb
		{
		color: #ffffff;
		font-size: 12px;
		background-color: #AD353A;
		text-align: center;
		vertical-align: top;
		padding-top: 7px;
		padding-bottom: 5px;
		border-right: 1px solid #E2B2B5;
		border-top: 1px solid #E2B2B5;
		border-bottom: 1px solid #E2B2B5
		}
	.rowlabellw_nb
		{
		color: #ffffff;
		font-size: 12px;
		background-color: #AD353A;
		text-align: center;
		vertical-align: top;
		padding-top: 7px;
		padding-bottom: 5px;
		border-left: 1px solid #E2B2B5;
		border-right: 1px solid #E2B2B5;
		border-bottom: 1px solid #E2B2B5
		}
	.rowlabellw_r_nb
		{
		color: #ffffff;
		font-size: 12px;
		background-color: #AD353A;
		text-align: center;
		vertical-align: top;
		padding-top: 7px;
		padding-bottom: 5px;
		border-right: 1px solid #E2B2B5;
		border-bottom: 1px solid #E2B2B5
		}


	.titlelabellw_nb2
		{
		color: #666666;
		font-size: 12px;
		background-color: #ffffff;
		text-align: center;
		vertical-align: top;
		padding-top: 7px;
		padding-bottom: 5px;
		border-left: 1px solid #AD353A;
		border-right: 1px solid #AD353A;
		border-top: 1px solid #AD353A;
		border-bottom: 1px solid #AD353A
		}
	.titlelabellw_r_nb2
		{
		color: #666666;
		font-size: 12px;
		background-color: #ffffff;
		text-align: center;
		vertical-align: top;
		padding-top: 7px;
		padding-bottom: 5px;
		border-right: 1px solid #AD353A;
		border-top: 1px solid #AD353A;
		border-bottom: 1px solid #AD353A
		}
	.rowlabellw_nb2
		{
		color: #666666;
		font-size: 12px;
		background-color: #ffffff;
		text-align: center;
		vertical-align: top;
		padding-top: 7px;
		padding-bottom: 5px;
		border-left: 1px solid #AD353A;
		border-right: 1px solid #AD353A;
		border-bottom: 1px solid #AD353A
		}
	.rowlabellw_r_nb2
		{
		color: #666666;
		font-size: 12px;
		background-color: #ffffff;
		text-align: center;
		vertical-align: top;
		padding-top: 7px;
		padding-bottom: 5px;
		border-right: 1px solid #AD353A;
		border-bottom: 1px solid #AD353A
		}







	/*ホワイト系*/
	.titlelabellw
		{
		color: #000;
		font-size: 12px;
		background-color: #fff;
		text-align: left;
		vertical-align: top;
		padding-top: 5px;
		padding-bottom: 5px;
		border: solid 1px #a9a9a9
		}
	.rowlabellw_r
		{
		color: #000;
		font-size: 12px;
		background-color: #fff;
		text-align: left;
		vertical-align: middle;
		border-bottom: 2px solid #e85700
		}
	.rowlabellw
		{
		color: #000;
		font-size: 12px;
		background-color: #fff;
		text-align: left;
		vertical-align: top;
		border-right: 1px solid #a9a9a9;
		border-bottom: 1px solid #a9a9a9
		}
	.rowlabellwlc_via
		{
		color: #000;
		font-size: 12px;
		background-color: #fff;
		vertical-align: middle;
		border-top: 1px solid #a9a9a9;
		border-left: 1px solid #a9a9a9;
		border-right: 1px solid #a9a9a9;
		border-bottom: 1px solid #a9a9a9
		}



	.pictureframe
		{
		border: 1px solid #CCCCCC;
		}
	.pictureframe_r
		{
		border: 1px solid #EEAEA6;
		}
	.pictureframe_r2
		{
		border: 1px solid #EEAEA6;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-right: 20px;
		padding-left: 20px;
		background-color: #ffebe1
		}
	.pictureframe_g
		{
		border: 1px solid #9CCDBC;
		}


/*フォーム用***************************/
	.zen
		{ ime-mode: active;}
	.han
		{ ime-mode: inactive; }



	.p10
		{
		color: #ffffff;
		font-size: 12px;
		text-align: left;
		padding-left: 45px;
		padding-right: 45px
		}

	.whatsnew01
		{
		position: absolute; /* 絶対位置で指定(親ボックス基準) */ 
		top: 227px;
		left: 95px;
filter:Alpha(opacity=50);
		color: #ffffff;
		font-size: 12px
		}






#slide {
width:850px;
height:339px;
margin:0 auto;
position:relative;
}
#slide img {
position:absolute;
left:0;
top:0;
}




.infomation {
	padding-top: 10px;
	padding-left: 220px;
	background-image: url("../images/bg_title01.jpg");
	background-repeat: no-repeat;
}

.infomation2 {
	padding-top: 10px;
	padding-left: 220px;
        border-top: 1px solid #1e50a2;
        border-bottom: 1px solid #1e50a2;
        border-right: 1px solid #1e50a2;
	background-image: url("../images/bg_top01.jpg");
	background-repeat: no-repeat;
}

.title001 {
	padding-left: 10px;
	padding-right: 10px;
	background-color: #eaf4fc;
}

.title01
	{
	background-color: #eaf4fc;
	padding-left: 20px;
	border-top: 1px solid #f8f8f8;
	border-right: 1px solid #f8f8f8;
	border-bottom: 1px solid #f8f8f8;
	border-left: 1px solid #f8f8f8
	display: inline-block;
	width: 740px;
	height: 41px;
	text-decoration: none;
	line-height: 41px;
	outline: none;
	color: #274a78;
	font-size: 16px;
	font-weight: bold;
	}

.facility01
	{
	background-color: #7b9ecd;
	padding-left: 5px;
	display: inline-block;
	width: 110px;
	height: 21px;
	text-decoration: none;
	line-height: 21px;
	text-align: center;
	outline: none;
	color: #ffffff;
	font-size: 14px;
	}


	.blog_style 
		{ 
		line-height:20px;
		word-spacing: 1em;
		top:5px;
		left:10px;
		position:relative;
		}

	.title02
		{
		background-color: #d69090;
	padding-left: 20px;
		border-top: 1px solid #f8f8f8;
		border-right: 1px solid #f8f8f8;
		border-bottom: 1px solid #f8f8f8;
		border-left: 1px solid #f8f8f8
	display: inline-block;
	width: 740px;
	height: 41px;
	text-decoration: none;
	line-height: 41px;
	outline: none;
		color: #ffffff;
	font-size: 16px;
		font-weight: bold;
		}


	.blog_style 
		{ 
		line-height:20px;
		word-spacing: 1em;
		top:5px;
		left:10px;
		position:relative;
		}


/*********************

footer

*********************/

	/* -- footerContents -- */
	#footerContents {
	margin:0 auto;
	padding:0px;
	_padding:0px;
	width:944px;
	position:relative;
	}

		
		#footerContents #footerBottom {
		width:912px;
		padding:10px 0 10px 32px;
		margin:0 0 32px 0;
		display:inline-block;
		background:#1e50a2;
		}
		
		
		






.botton01 {
    background: url("../images/botton02.jpg") no-repeat; /* ロールオーバー時のチラつき防止 */
}

.botton01 a {
	color: #ffffff;
	font-size: 14px;
	text-decoration: none;
	width: 298px;
	height: 55px;
	background-image: url("../images/botton02.jpg") no-repeat;
	display: block;
}

.botton01 a:hover {
    background-image: url("../images/botton02_f2.jpg");
}


.sidemenu00 {
	display: inline-block;
	width: 191px;
	height: 41px;
	text-align: center;
	text-decoration: none;
	line-height: 41px;
	outline: none;
	background-color: #1e50a2;
	color: #ffffff;
	font-size: 14px;
}

.sidemenu02 {
	display: inline-block;
	width: 191px;
	height: 41px;
	text-align: center;
	text-decoration: none;
	line-height: 41px;
	outline: none;
	background-color: #B3424A;
	color: #ffffff;
	font-size: 14px;
}


.sidemenu01:link {
	display: inline-block;
	width: 191px;
	height: 41px;
	text-align: center;
	text-decoration: none;
	line-height: 41px;
	outline: none;
	background-color: #f7f7f7;
	color: #1e50a2;
	font-size: 14px;
		border-top: 1px solid #d9d8dd;
		border-right: 1px solid #d9d8dd;
		border-bottom: 1px solid #d9d8dd;
		border-left: 1px solid #d9d8dd
}
.sidemenu01::before,
.sidemenu01::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.sidemenu01,
.sidemenu01::before,
.sidemenu01::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.sidemenu01:visited {
	display: inline-block;
	width: 191px;
	height: 41px;
	text-align: center;
	text-decoration: none;
	line-height: 41px;
	outline: none;
	background-color: #f7f7f7;
	color: #1e50a2;
	font-size: 14px;
		border-top: 1px solid #d9d8dd;
		border-right: 1px solid #d9d8dd;
		border-bottom: 1px solid #d9d8dd;
		border-left: 1px solid #d9d8dd
}

.sidemenu01:hover {
	display: inline-block;
	width: 191px;
	height: 41px;
	text-align: center;
	text-decoration: none;
	line-height: 41px;
	outline: none;
	background-color: #007bbb;
	color: #ffffff;
	font-size: 14px;
		border-top: 1px solid #d9d8dd;
		border-right: 1px solid #d9d8dd;
		border-bottom: 1px solid #d9d8dd;
		border-left: 1px solid #d9d8dd
}


.sidemenu03:link {
	display: inline-block;
	width: 191px;
	height: 41px;
	text-align: center;
	text-decoration: none;
	line-height: 41px;
	outline: none;
	background-color: #f7f7f7;
	color: #B3424A;
	font-size: 14px;
		border-top: 1px solid #d9d8dd;
		border-right: 1px solid #d9d8dd;
		border-bottom: 1px solid #d9d8dd;
		border-left: 1px solid #d9d8dd
}
.sidemenu03::before,
.sidemenu03::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.sidemenu03,
.sidemenu03::before,
.sidemenu03::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.sidemenu03:visited {
	display: inline-block;
	width: 191px;
	height: 41px;
	text-align: center;
	text-decoration: none;
	line-height: 41px;
	outline: none;
	background-color: #f7f7f7;
	color: #B3424A;
	font-size: 14px;
		border-top: 1px solid #d9d8dd;
		border-right: 1px solid #d9d8dd;
		border-bottom: 1px solid #d9d8dd;
		border-left: 1px solid #d9d8dd
}

.sidemenu03:hover {
	display: inline-block;
	width: 191px;
	height: 41px;
	text-align: center;
	text-decoration: none;
	line-height: 41px;
	outline: none;
	background-color: #c53d43;
	color: #ffffff;
	font-size: 14px;
		border-top: 1px solid #d9d8dd;
		border-right: 1px solid #d9d8dd;
		border-bottom: 1px solid #d9d8dd;
		border-left: 1px solid #d9d8dd
}














.clear:before, .clear:after { content: ""; display: table; }
.clear:after { clear: both; }
.clear { *zoom: 1; }

.dropmenu{
  *zoom: 1;
  list-style-type: none;
  width: 960px;
  margin: 5px auto 30px;
  padding: 0;
  font: 15px/normal "Hiragino Kaku Gothic Pro", Osaka, Meiryo, "MS PGothic", sans-serif; position: relative; font-size-adjust: none; font-stretch: normal;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;
  width: 20%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
.dropmenu li a{
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  background: #1e50a2;
  border-right: 1px solid #ffffff;
  color: #fff;
  font-size: 15px;
  line-height: 1;
  text-decoration: none;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  font-size: 15px;
  left: 0;
  margin: 0;
  padding: 0;
}
.dropmenu li ul li{
  width: 100%;
}
.dropmenu li ul li a{
  padding: 13px 15px;
  border-top: 1px solid #2a4073;
  background: #5a79ba;
    filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
  text-align: left;
}
.dropmenu li:hover > a{
  background: #007bbb;
}
.dropmenu li a:hover{
  background: #007bbb;
}


#dropmenu2	a		{ background: #9d2236;}
#dropmenu2	a:hover		{ background: #c53d43;}
#dropmenu2	a.selected	{ background: #b7282e;}


#fade-in2 { position: relative; z-index: 5; }
#fade-in2 li ul{
  opacity: 0;
  top: 50%;
  visibility: hidden;
  transition: .5s;
}
#fade-in2 li:hover ul{
  top: 100%;
  visibility: visible;
  opacity: 1;
}



	#tmenu {
		float: left;
		width: 200px;
		position: fixed;
		margin: 10px;
	}
	#main {
		padding-left: 240px;
	}
	.amenu {
		color: #666666;
		font-size: 14px;
		text-decoration: none
	}
	.amenu:hover {
		background-color: #7b9ecd;
		color: #ffffff;
		display: inline-block;
		width: 100%;
		text-align: center;
		outline: none;
		font-size: 14px;
		text-decoration: none
	}





.frame {
  overflow:hidden;
  overflow-x:hidden;
  overflow-y:hidden;
  height:100%;
  width:100%;
  position:relative;
  top:0px;
  left:0px;
  right:0px;
  bottom:0px;
}


























/* 見出しのスタイル */
h1 {
	margin: 0px;
	padding: 0px;
}

h2 {
	font-size: 14px;
	font-weight: normal;
	color: #222222;
	margin: 0px;
	padding: 0px;
}


h3 {
	font-family: メイリオ, "ヒラギノ角ゴ Pro W3", Osaka;
	font-size: 42px;
	font-weight: normal;
	color: #333333;
	margin: 0px;
	padding: 0px;
}
h3b {
	font-family: メイリオ, "ヒラギノ角ゴ Pro W3", Osaka;
	font-size: 42px;
	font-weight: normal;
	color: #013f70;
	margin: 0px;
	padding: 0px;
}
h4{
padding:2px 10px;
border:0px solid #aaaaaa;
border-top:0px solid #0000ff;
border-left:10px solid tomato;
background: #efefef; 
}       
h5 {
	font-family: メイリオ,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 18px;
	font-weight: bold;
	color:#C5BBAB;		/*  #ab7474 #2F4F4F BC8F8F */
margin:0px 0px 0px 0px;
padding:0px 0 3px 8px;
border-left: 6px solid #a19788 ;
height: 22px;
}

h5b {
	font-family: メイリオ,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 22px;
	font-weight: bold;
	color:#013f70;		/*  #ab7474 #2F4F4F BC8F8F */
margin:0px 0px 0px 0px;
padding:0px 0px 0px 10px;
border-left: 6px solid #013f70 ;
}

h6 {
	font-family: メイリオ,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
margin:0px 0px;
padding:0 0 3px;
border-left:0px ;
}

h7 {
	font-family: メイリオ,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 16px;
	font-weight: normal;
	color: #736F5E;
margin:0px 0px;
padding:0 0 3px ;
border-left:0px ;
}

h8 {
	font-family: メイリオ,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 20px;
	font-weight: bold;
	color: #00ff00;
margin:0px 0px;
padding:0 0 3px ;
border-left:0px ;
}

h9 {
	font-size: 14px;
	font-weight: normal;
	color: #00ff00;
	margin: 0px;
	padding: 0px;
}

/* タグのスタイル */
p {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: small;
	line-height: 130%;
	color: #333333;
	margin: 0px;
	padding: 0px 0px 5px;
}
address {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: small;
	font-style: normal;
	font-weight: bold;
	color: #333333;
	background-color: #FFFFFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
li {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: small;
	background-color: #FFFFFF;
	color: #333333;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	margin: 0px;
}
ul {
	background-color: #FFFFFF;
	color: #D4D0C8;
	list-style-position: outside;
	list-style-type: disc;
	margin: 5px 0px 15px;
	padding: 0px 0px 0px 20px;
}









.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
}
.pagetop a {
    display: block;
    text-align: center;
    font-size: 12px;
    text-decoration: none;
    padding: 5px 10px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.6;
    opacity: 0.6;
}
.pagetop a:hover {
    display: block;
    text-align: center;
    font-size: 12px;
    text-decoration: none;
    padding:5px 10px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}





	#tmenu {
		float: left;
		width: 180px;
		position: fixed;
	}
	.amenu {
		color: #666666;
		font-size: 14px;
		text-decoration: none
	}
	.amenu:hover {
		background-color: #66cc66;
		color: #ffffff;
		display: inline-block;
		width: 160px;
		text-align: left;
		outline: none;
		font-size: 14px;
		text-decoration: none
	}



#menu ul{ 
margin: 0; 
padding: 0; 
list-style-type: none; 
}
#menu li{ 
display: inline; 
padding: 0; 
margin: 0; 
}
#menu li a{
display: block; 
border-left: 8px solid #013f70;
border-bottom: 1px solid #cccccc;
background-color: #ffffff;
padding: 3px 10px;
text-decoration: none;
color: #888888;
width: 185px; 
margin: 1px 0px;
text-align: left;
font-size: 12px;
}
#menu li a:hover{
border-bottom: 1px solid #cccccc;
background-color: #ffffff;
color: #cccccc;
}


#menu0 li a{
display: block; 
border-left: 8px solid #700135;
border-bottom: 1px solid #cccccc;
background-color: #ffffff;
padding: 3px 10px;
text-decoration: none;
color: #888888;
width: 185px; 
margin: 1px 0px;
text-align: left;
font-size: 12px;
}

#menu1 li a{
display: block; 
border-left: 8px solid #307094;
border-bottom: 1px solid #cccccc;
background-color: #ffffff;
padding: 3px 10px;
text-decoration: none;
color: #888888;
width: 185px; 
margin: 1px 0px;
text-align: left;
font-size: 12px;
}

	#tmenu {
		float: left;
		width: 196px;
		position: fixed;
	}


#menu2 ul{ 
margin: 0; 
padding: 0; 
list-style-type: none; 
}
#menu2 li{ 
display: inline; 
padding: 0; 
margin: 0; 
}
#menu2 li a{
display: block; 
border-left: 8px solid #0a5c2c;
border-top: 1px solid #0a5c2c;
border-right: 1px solid #0a5c2c;
border-bottom: 1px solid #0a5c2c;
background-color: #00bf01;
padding: 3px 10px;
text-decoration: none;
color: #fff;
width: 166px; 
margin: 1px 0px;
text-align: left;
font-size: 14px;
}
#menu2 li a:hover{
border-left: 8px solid #0a5c2c;
border-top: 1px solid #0a5c2c;
border-right: 1px solid #0a5c2c;
border-bottom: 1px solid #0a5c2c;
background-color: #008001;
color: #333;
}



#sidebar {
  position: relative;
  float: left;
  width: 196px;
}

#nav {
  width: 196px;
  height: 400px;    /* デモ用 */
  background: #fff; /* 同上 */
}

.fixed {
  position: fixed;
  top: 20px;
}




#mainmenu ul{
margin: 0; 
padding: 0; 
list-style: none;
}
#mainmenu li{ 
display: inline; 
padding: 0; 
margin: 0; 
float: left;
}
#mainmenu li a{
display: block; 
border-left: 1px solid #003f6f;
border-top: 1px solid #003f6f;
border-bottom: 1px solid #003f6f;
background-color: #003f6f;
padding: 12px 3px 0px 3px;
text-decoration: none;
color: #fff;
margin: 0px 0px;
height: 22px;
text-align: center;
vertical-align: middle;
font-size: 13px;
}
#mainmenu li a:hover{
border-left: 1px solid #003f6f;
border-top: 1px solid #003f6f;
border-bottom: 1px solid #003f6f;
background-color: #568db7;
}


/* --- 項目の幅（emで指定） --- */
.nav li.item0 {
width: 40px;
}
.nav li.item1 {
width: 100px;
}
.nav li.item2 {
width: 80px;
}
.nav li.item3 {
width: 80px;
}
.nav li.item4 {
width: 80px;
}
.nav li.item5 {
width: 100px;
}
.nav li.item6 {
width: 140px;
}
.nav li.item7 {
width: 100px;
}
.nav li.item8 {
width: 140px;
}
.nav li.item9 {
width: 100px;
}











/*------------------------------------  #navbarのCSSサンプル --------------- */

/* ナビゲーションバーの表示指定 */
#navbar{
  width:100%; /* ←このような記号で囲まれているこの部分はすべて注釈→ */
  height:40px;
  background-color:#003f6f; /* 背景色 2b2b2b */
  border-color:#ffffff #ffffff #ffffff #ffffff; /* 枠の色、順番は「上、右、下、左」 */
  border-width:0px 0px 0px 0px; /* 枠の太さ、指定が3つの時の順番は「上、左右、下」 */
  border-style:none; /* 枠の種類、solidは単色 */
  font-size:9pt;
  color:#666; /* 文字色666、この色指定は「#CCCCCC」と同じ意味 */
  white-space:nowrap;
  }

/* 番号なしリスト UL の表示指定 */
#navbar ul{
  margin:0 0 0 0px; /* 0の場合の単位は省略可 、指定が4つの時の順番は同様に「上、右、下、左」 */
  padding:0px 0 0; /* 指定が3つなら「上、左右、下」、もし2つなら「上下、左右」*/
  list-style:none; /* リストマークを非表示に */
  font-size:100%;
  }

/* リスト項目 LI の表示指定 */
#navbar li{
  float:left; /* 左にフロートさせて1行に納める */
/*   width:100px; /* フロートの幅を指定 */
  margin:0; /* マージン指定 値が1つなので「上下左右のマージンが0」*/
  padding:0; /* パディング指定 */
  border-top:solid 0px #333; /* 枠の種類、太さ、色をこのように一括で指定しても良い */
  border-right:solid 0px #444;
  border-left:solid 0px #999;
  border-bottom:solid 0px #666;
  background-color:#003f6f; /* リスト項目背景色 */
  background-image:none; /* 背景画像なし */
  line-height:36px; /* 行間隔 */
  text-align: center; /* 文字中揃え */
  text-indent:0;
  color:#FFFfbe;
  }

 /* tp 背景を透明に */
#navbar li.tp{
  background-color: transparent;
  border-width: 0px ;
  padding:0 5px 0 15px;
  text-align: right; /* 文字右揃え */
  }

  /* strong 文字を強調 */
#navbar strong{font-weight:bold;}  /* 改行しないでこのようにも書ける */

 /* リンクされている文字の色指定 */
#navbar a{
  padding:0 12px;
  background-color: transparent;
  font-weight:bold;
  text-decoration:none;  /* 下線表示などの装飾なし */
  }
#navbar a:link{color:#FFF;}  /* リンク部分：表示前 */
#navbar a:visited{color:#FFF;}  /* リンク部分：表示済み */
#navbar a:hover{color:#88FFFF;}  /* リンク部分：オンマウス */
#navbar a:active{color:#333;}  /* リンク部分：オンクリック */

 /* current 表示中のページの文字、背景、ボーダーの色を変更 */
#navbar li.current{
  background-color: #668888;
  border-right-color: #888888;
  color:#FFF; 
  }
#navbar li.current a:link, /* カンマで区切って、次と同じ指定に */
#navbar li.current a:visited{ color:#ECFFFF;}  /* リスト中のリンク部分の指定 */
#navbar li.current a:hover{ color:#B0BFBF;}


p.box {
   padding-top: 4px; /* 内容と線との間隔量 */
   border-bottom: 1px dotted gray;
   padding-bottom: 4px; /* 内容と線との間隔量 */
}



/*------------------------------------  #navbarのCSSサンプル --------------- */

/* ナビゲーションバーの表示指定 */
#navbar2{
  width:100%; /* ←このような記号で囲まれているこの部分はすべて注釈→ */
  height:40px;
  background-color:#003f6f; /* 背景色 2b2b2b */
  border-color:#ffffff #ffffff #ffffff #ffffff; /* 枠の色、順番は「上、右、下、左」 */
  border-width:0px 2px 0px 0px; /* 枠の太さ、指定が3つの時の順番は「上、左右、下」 */
  border-style:none; /* 枠の種類、solidは単色 */
  font-size:9pt;
  color:#666; /* 文字色666、この色指定は「#CCCCCC」と同じ意味 */
  white-space:nowrap;
  }

/* 番号なしリスト UL の表示指定 */
#navbar ul{
  margin:0 0 0 0px; /* 0の場合の単位は省略可 、指定が4つの時の順番は同様に「上、右、下、左」 */
  padding:0px 0 0; /* 指定が3つなら「上、左右、下」、もし2つなら「上下、左右」*/
  list-style:none; /* リストマークを非表示に */
  font-size:100%;
  }

/* リスト項目 LI の表示指定 */
#navbar li{
  float:left; /* 左にフロートさせて1行に納める */
/*   width:100px; /* フロートの幅を指定 */
  margin:0; /* マージン指定 値が1つなので「上下左右のマージンが0」*/
  padding:0; /* パディング指定 */
  border-top:solid 0px #333; /* 枠の種類、太さ、色をこのように一括で指定しても良い */
  border-right:solid 0px #444;
  border-left:solid 0px #999;
  border-bottom:solid 0px #666;
  background-color:#003f6f; /* リスト項目背景色 */
  background-image:none; /* 背景画像なし */
  line-height:36px; /* 行間隔 */
  text-align: center; /* 文字中揃え */
  text-indent:0;
  color:#FFFfbe;
  }

 /* tp 背景を透明に */
#navbar li.tp{
  background-color: transparent;
  border-width: 0px ;
  padding:0 5px 0 15px;
  text-align: right; /* 文字右揃え */
  }

  /* strong 文字を強調 */
#navbar strong{font-weight:bold;}  /* 改行しないでこのようにも書ける */

 /* リンクされている文字の色指定 */
#navbar a{
  padding:0 12px;
  background-color: transparent;
  font-weight:bold;
  text-decoration:none;  /* 下線表示などの装飾なし */
  }
#navbar a:link{color:#FFF;}  /* リンク部分：表示前 */
#navbar a:visited{color:#FFF;}  /* リンク部分：表示済み */
#navbar a:hover{color:#88FFFF;}  /* リンク部分：オンマウス */
#navbar a:active{color:#333;}  /* リンク部分：オンクリック */

 /* current 表示中のページの文字、背景、ボーダーの色を変更 */
#navbar li.current{
  background-color: #668888;
  border-right-color: #888888;
  color:#FFF; 
  }
#navbar li.current a:link, /* カンマで区切って、次と同じ指定に */
#navbar li.current a:visited{ color:#ECFFFF;}  /* リスト中のリンク部分の指定 */
#navbar li.current a:hover{ color:#ffffff;}


p.box {
   padding-top: 4px; /* 内容と線との間隔量 */
   border-bottom: 1px dotted gray;
   padding-bottom: 4px; /* 内容と線との間隔量 */
}



 /* 画像をマウスオーバーしたときに「拡大」する */

.img-block {
  width: 140px;
  height: 70px;
  overflow: hidden;
}
.img-block img {
  transition: 0.5s;
}
.img-block img:hover {
  -moz-transform: scale(1.1,1.1);
  -webkit-transform: scale(1.1,1.1);
  -o-transform: scale(1.1,1.1);
  -ms-transform: scale(1.1,1.1);
}
 /* 画像をマウスオーバーしたときに 半透明にする*/

.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

 /* 画像の一部を表示する方法Add Star */
div#imgContainer {
  width:318px;
  height:240px;
  position:relative;
  overflow:hidden;
}
div#imgContainer img {
  position:relative;
  left:-20px;
  top:0px;
}


p.shadow {box-shadow: 5px 5px 5px  rgba(0,0,0,0.4);}






 /* drop menu */

.menu1 ul{
  margin:0;
  padding:0;
}
.menu1 ul li {
  list-style: none;
  margin:0;
  padding:0;
  font-size:14px;
  float: left;
  position: relative;
  height: 36px;/*親メニューの高さ*/
  line-height: 36px;
  background:#003f6f;/*親メニューの背景色*/
  color: #ffffff;/*親メニューの文字色*/
  text-align:center;
}
.menu1 ul li a {
  color: #ffffff;
  display: block;
  text-decoration: none;
}
.menu1 ul li:hover, .menu1 ul li a:hover {
  background:#015ea4;/*ホバー時の親メニューの背景色*/
  color:#fff;/*ホバー時の親メニューの文字色*/
}
.menu1 ul li ul {
  position: absolute;
  top: 36px;/*親メニューの高さと同じにする*/
  width: 200px;
  z-index: 100;
}
.menu1 ul li ul li {
  visibility: hidden;
  overflow: hidden;
  text-align: left;
  width: 200px;/*サブメニューの幅*/
  height: 0;
  background:#015ea4;/*サブメニューの背景色*/
}
.menu1 ul li ul li:hover, .menu1 ul li ul li a:hover {
  background:#7ab3df;/*ホバー時のサブメニューの背景色*/
}
.menu1 ul li:hover ul li, .menu1 ul li a:hover ul li{
  visibility: visible;
  overflow: visible;
  height:36px;/*サブメニューの高さ*/
  z-index: 10;
}
.menu1 * {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}


/* --- 項目の幅（emで指定） --- */
.menu1 li.item0 {
width: 40px;
}
.menu1 li.item1 {
width: 110px;
}
.menu1 li.item2 {
width: 125px;
}
.menu1 li.item3 {
width: 120px;
}
.menu1 li.item4 {
width: 120px;
}
.menu1 li.item5 {
width: 155px;
}
.menu1 li.item6 {
width: 170px;
background:#9d2236;/*サブメニューの背景色*/
}
.menu1 li.item7 {
width: 130px;
}
.menu1 li.item8 {
width: 140px;
}
.menu1 li.item9 {
width: 35px;
}

div.sample3 {letter-spacing: -1px;}











.imgonmouse {
  border: 1px solid #CCC;
  margin: 10px;
  overflow: hidden;
  width: 300px;	
}
.imgonmouse img {
  margin-top: 10px;
  margin-bottom: 10px;
}
.imgonmouse ul {
  padding: 0px;
  margin-top: 0px;
}
.imgonmouse ul li img {
  height: 44px;
  width: 44px;
  border: 1px solid #CCC;
  padding: 2px;
  margin-right: 5px;
  margin-left: 5px;
  margin-bottom: 5px;
}
.imgonmouse ul li {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  float: left;
}


.fotorama span {
    background:transparent no-repeat center;
    width:960px;
    height:600px;
    display:block;
}


.slideSampleThumbnail {
  float: left;
  left:-10px;

  list-style: none;
  height: 222px;
  overflow: hidden;
  position: relative;
  top: 1px;
}





.scroll01 {
  margin     : auto;
  width      : 215px;
  font-size  : 11px;
  line-height: 1.5em;
  text-align : center;
  color      : #395994;
  background : #fff;
  overflow   : hidden;
}
.scroll01 span{
  display     : inline-block;
  padding-left: 100%;
  white-space : nowrap;
  line-height : 1em;
  animation   : scrollAnime 50s linear infinite;
}
@keyframes scrollAnime{
    0% { transform: translateX(0)}
  100% { transform: translateX(-100%)}
}















/*  table  layout  template  */
.c-table  {
    border-collapse:  collapse;
    border:  solid  1px  #666666;
}
.c-table  th,
.c-table  td  {
    padding:  6px  6px;
}
.c-table  th  {
    border:  solid  1px  #666666;
    background-color:  #eeeeee;
}
.c-table  td  {
    border: solid 1px  #666666;
}



div.radius1 {
 border: 5px solid #cccccc;
 border-radius: 10px;
 margin-right: 10px;
 width: 350px;
 height: 150px;
 padding: 10px;
 display: inline-block;
}


table.radius1 {
border:solid 2px #cccccc;;
border-radius: 1em;
}









/*　トリミングする外側の枠　*/
.trim {
    overflow: hidden;
    width: 715px;/* トリミングしたい枠の幅 */
    height: 618px;/* トリミングしたい枠の高さ */
    position: relative;
}