@charset "UTF-8";

body {
	background: #FFFFFF;
	font-family:"arial", "helvetica", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #333333;
/*	background: url(img/page_back.gif);*/
	}

iframe.event {
	margin-left:5px;
	}
/****************************************************/
/*      Img                 */
/****************************************************/
img {
	border-style: none;
	margin: 5px;
}
/****************************************************/
.img-center {
	text-align: center;
}
img.img-center {
	margin: 0px auto 0px auto;
}	
img.img-right {
	float: right;
	margin: 0px 0px 0px 10px;
}
	
img.img-left {
	float: left;
	margin: 5px 10px 5px 0px;
}
.img-arrow {
	margin: 0px 10px 0px 0px;
	vertical-align:middle;
}

hr {
	border-top: 1px dotted #CCCCCC;
	border-right:none;
	border-bottom:none;
	border-left:none;
	height:1px;
	background: #FFFFFF;
}


/****************************************************/
/*      Table                 */
/****************************************************/

th {
	line-height: 130%;
	font-weight: bold;
	margin: 0px;
	padding: 3px 3px 3px 3px;
	font-size: 90%;
/*	text-align: center;*/
}

td {
	padding: 3px;
	line-height: 130%;
	margin: 0px;
	padding: 3px 3px 3px 3px;
	font-size: 90%;
/*	text-align: center;*/
}
	


/****************************************************/
/*      A                 */
/****************************************************/
a img {
	border-style: none;
}

.second-left a:link{
	text-decoration: underline;
	color: #336699;
}

.second-left a:visited{
	text-decoration: underline;
	color: #336699;
}

.second-left a:hover{
	text-decoration: none;
	color: #249222;
}

.second-left a:active{
	text-decoration: none;
	color: #249222;
}

.footer a:link{
	text-decoration: none;
	color: #666666;
}

.footer a:visited{
	text-decoration: none;
	color: #666666;
}

.footer a:hover{
	text-decoration: underline;
	color: #249222;
}

.footer a:active{
	text-decoration: none;
	color: #249222;
}

p a:link{
	text-decoration: underline;
	color: #336699;
}

p a:visited{
	text-decoration: underline;
	color: #336699;
}

p a:hover{
	text-decoration: none;
	color: #249222;
}

p a:active{
	text-decoration: none;
	color: #249222;
}

/****************************************************/
/*          li            */
/****************************************************/	
li {
	line-height: 130%;
	font-size: 90%;
/**/	margin: 0px;
	padding: 3px 3px 3px 3px;
}


/****************************************************/
/*          H             */
/****************************************************/	
h1 {
	width : 750px ;
	height : 210px ;
	margin: 0px;
	padding: 0px;
	background: url(img/top_main.jpg) no-repeat;
	display: block;
	text-indent: -9000px;
}


.secondmain h1 {
	width : 737px ;
	height : 114px ;
	margin: 0px;
	padding: 0px;
	background: url(img/second_image.gif) no-repeat;
	display: block;
	text-indent: -9000px;
}
.secondmain h1 a {
	width : 737px ;
	height : 114px ;
	margin: 0px;
	padding: 0px;
	background: url(img/second_image.gif) no-repeat;
	display: block;
	text-indent: -9000px;
}

.content-left2 h2 {
	width : 543px ;
	height : 88px ;
	margin: 0px;
	padding: 0px;
	background: url(img/top_itiji.gif) no-repeat;
	display: block;
	text-indent: -9000px;
}

.toptitle2 h2 {
	width : 322px ;
	height : 116px ;
	margin: 0px;
	padding: 0px;
	background: url(img/top_logo.jpg) no-repeat;
	display: block;
	text-indent: -9000px;
}

.rsstitle h2 {
	width : 416px ;
	height : 40px ;
	margin: 0px 0px 0px 8px;
	padding: 0px 0px 0px 0px;
	background: url(img/top_blog.gif) no-repeat;
	display: block;
	text-indent: -9000px;
}
.rsstitle h2 a {
	width : 416px ;
	height : 40px ;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(img/top_blog.gif) no-repeat;
	display: block;
	text-indent: -9000px;
}
.newstitle h2 {
	width : 305px ;
	height : 40px ;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(img/top_new.gif) no-repeat;
	display: block;
	text-indent: -9000px;
}
.second-left h2 {
	width : 528px ;
	height : 35px ;
	margin: 0px 0px 10px 0px;
	padding: 8px 0px 0px 18px;
	font-size:120%;
	color:#FFFFFF;
	background: url(img/second_title01.gif) no-repeat;
/*	font-family:HGPｺﾞｼｯｸE,Osaka,"ＭＳ Ｐゴシック";
	border-style:solid;
	border-color:#FFFFFF;
	border-left-width:5px;
	border-right-width:0px;
	border-bottom-width:0px;
	border-top-width:0px;
	background-color:#005b84;
	display: block;
	text-indent: -9000px;*/
}


.second-left h3 {
	width : 510px ;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 5px 18px;
	font-size:100%;
	color:#333333;
	background: url(img/second_title02.gif) no-repeat;
	border-style:double;
	border-color:#FF4372;
	border-left-width:0px;
	border-right-width:0px;
	border-bottom-width:3px;
	border-top-width:0px;
/*	font-family:HGPｺﾞｼｯｸE,Osaka,"ＭＳ Ｐゴシック";
	height : 35px ;
	background-color:#005b84;
	display: block;
	text-indent: -9000px;*/
}
.second-left h4 {
/*	width : 630px ;
	height : 37px ;*/
	margin: 0px;
	padding: 3px 5px 3px 5px;
	font-size:90%;
	color:#7B606D;
	background-color:#CCCCCC;
/*	font-family:HGPｺﾞｼｯｸE,Osaka,"ＭＳ Ｐゴシック";
	background: url(img/back_secondtitle02.gif) no-repeat;
	display: block;
	text-indent: -9000px;*/
}



/****************************************************/
/*         P              */
/****************************************************/

dt {
	font-size: 70%;
	line-height: 130%;
/*	margin: 0px;
	padding: 5px 0px 0px 10px;
	color: #FFFFCC;
	background-color: #17568D; */
}

dd {
	font-size: 90%;
	line-height: 130%;
/*	margin: 0px;
	padding: 5px 0px 0px 10px;
	color: #FFFFCC;
	background-color: #17568D; */
}

.headertext p {
	font-size: 60%;
	line-height: 100%;
	margin: 0px;
	padding: 5px 0px 0px 10px;
	color: #FFFFCC;
	background-color: #17568D; 
}


.dotline p {
	width : 750px ;
	height : 13px ;
	margin: 0px;
	padding: 0px;
	background: url(img/top_dotline.gif) no-repeat;
	display: block;
	text-indent: -9000px;
}

.newfamily p {
	width : 205px ;
	height : 112px ;
	margin: 50px 0px 0px 0px;
	padding: 0px;
	background: url(img/second_menu_newfamily.gif) no-repeat;
	display: block;
	text-indent: -9000px;
}

.secondadd p {
	font-size: 90%;
	font-weight:bold;
	line-height: 110%;
	margin: 0px;
	padding: 5px 0px 0px 10px;
	color: #7D4B00;
/*	background-color: #17568D; */
}

.secondadd2 p {
	font-size: 80%;
	line-height: 110%;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 15px;
	color: #7D4B00;
/*	background-color: #17568D; */
}

.footer p {
	font-size: 60%;
	line-height: 200%;
	margin: 0px;
	padding: 0px;
}

.copyright p {
	font-size: 60%;
	line-height: 100%;
	margin: 0px;
	padding: 0px;
}

.second-left p {
/*	width : 690px ;*/
	margin: 0px 10px 15px 10px;
	padding: 0px 0px 0px 0px;
	font-size: 90%;
	line-height: 150%;
}

.newstitle p {
	width : 305px ;
	height : 10px ;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #FFEAF1; 
/*	background: url(img/top_new.gif) no-repeat;*/
	clear:both;
	display: block;
	text-indent: -9000px;
}

.topbbs p {
	width : 750px ;
	height : 120px ;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
/*	background-color: #FFEAF1; */
	background: url(img/graduatebanner.gif) no-repeat;
	clear:both;
	display: block;
	text-indent: -9000px;
}

.topbbs p a {
	width : 750px ;
	height : 120px ;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
/*	background-color: #FFEAF1; */
	background: url(img/graduatebanner.gif) no-repeat;
	clear:both;
	display: block;
	text-indent: -9000px;
}



.topshop p {
	width : 750px ;
	height : 90px ;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
/*	background-color: #FFEAF1; */
	background: url(img/shop_banner.gif) no-repeat;
	clear:both;
	display: block;
	text-indent: -9000px;
}

.topshop p a {
	width : 750px ;
	height : 90px ;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
/*	background-color: #FFEAF1; */
	background: url(img/shop_banner.gif) no-repeat;
	clear:both;
	display: block;
	text-indent: -9000px;
}

.topshop p a:hover 
{
	background-position: 0 -90px;
}

.topblog2 p {
	width : 416px ;
	height : 95px ;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
/*	background-color: #FFEAF1; */
	background: url(img/blog2_banner.gif) no-repeat;
	clear:both;
	display: block;
	text-indent: -9000px;
}

.topblog2 p a {
	width : 416px ;
	height : 95px ;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
/*	background-color: #FFEAF1; */
	background: url(img/blog2_banner.gif) no-repeat;
	clear:both;
	display: block;
	text-indent: -9000px;
}

.topblog2 p a:hover 
{
	background-position: 0 -95px;
}


/****************************************************/
/*                       */
/****************************************************/
/*form {
	margin: 0px;
	padding: 0px;
}*/


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


.nocontainer {
	width: 750px;
	margin-top: 0px;
	margin-left: auto;
	margin-bottom: 10px;
	margin-right: auto;
	padding: 0px 0px 30px 0px;
	text-align: left;
}
.noscripttext {
	width: 750px;
	height: 25px;
	margin: 5px;
	padding: 5px;
	clear:both;
	color: #FFFFFF;
	background-color: #FF0000; 
	text-align: center;
}



.headertext {
	width: 737px;
	height: 19px;
	margin-top: 20px;
	margin-left: auto;
	margin-bottom: 0px;
	margin-right: auto;
	padding: 0px;
	clear:both;
	background-color: #17568D; 
	color: #FFFFCC;
	text-align: left;
}



.container {
	width: 750px;
	margin-top: 0px;
	margin-left: auto;
	margin-bottom: 10px;
	margin-right: auto;
	padding: 0px 0px 0px 0px;
	text-align: left;
	color: #333333;
	background-color: #FFFFFF; 
/*	clear:both;
	background: url(img/back_page.jpg);*/
}

.secondcontainer {
	width: 737px;
	margin-top: 0px;
	margin-left: auto;
	margin-bottom: 0px;
	margin-right: auto;
	padding: 0px 0px 0px 0px;
	text-align: left;
	color: #333333;
	background-color: #FFFFFF; 
/**/	background: url(img/second_back.gif);
}

.content-left {
	width: 428px;
	margin: 0px;
	padding: 0px;
	float: left;
/*	color: #000000;
	background-color: #FFFFFF; */
}

.content-right {
	width: 322px;
	margin: 0px;
	padding: 0px;
	float: right;
/*	color: #000000;
	background-color: #FFFFFF; */
}

.content-left2 {
	width: 543px;
	margin: 0px;
	padding: 0px;
	float: left;
/*	color: #000000;
	background-color: #FFFFFF; */
}

.content-right2 {
	width: 207px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	float: right;
/*	color: #000000;
	background-color: #FFFFFF; */
}

.topbbs {
	width: 750px;
	height : 120px ;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

.topshop {
	width: 750px;
	height : 90px ;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}
.topblog2 {
	width: 416px;
	height : 95px ;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.second-left {
	width: 528px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	float: left;
/*	color: #000000;
	background-color: #FFFFFF; */
}

.second-right {
	width: 205px;
	margin: 0px 0px 50px 0px;
	padding: 0px 0px 50px 0px;
	float: right;
	background: url(img/second_rightback.gif);
/*	color: #000000;
	background-color: #FFFFFF; */
}


.pagemenu {
	width: 528px;
	margin: 0px;
	padding: 0px 0px 50px 0px;
	text-align:center;
/*	float: left;
	background: url(img/second_rightback.gif);
	color: #000000;
	background-color: #FFFFFF; */
}

.dotline {
	width : 750px ;
	height : 13px ;
	margin: 0px;
	padding: 0px;
	clear:both;
}


.second-body {
	width: 750px;
	margin: 0px 0px 50px 0px;
	padding: 0px;
	float: left;
/*	color: #000000;
	background-color: #FFFFFF; */
}

.menu-top {
	width: 428px;
	height: 116px;
	padding: 0px;
	margin: 0px;
/*	clear:both;*/
}

.news {
	width: 312px;
/*	height: 230px;*/
	padding: 0px 0px 0px 7px;
	margin: 0px 0px 10px 0px;
	float: left;
/*	background-color: #FFEAF1; 
	clear:both;*/
}

.newstitle {
	width: 305px;
/*	height: 43px;*/
	padding: 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	background-color: #FFEAF1; 
/*	clear:both;*/
}



.secondsidemenu {
/*	width: 750px;
	height: 61px;
	padding: 0px;
	margin: 0px;
	clear:both;*/
}

.foottel {
	width: 750px;
	height: 61px;/**/
	padding: 0px;
	margin: 0px;
	clear:both;
}

.footer {
	width: 737px;
/*	height: 20px;*/
	padding: 5px 0px 0px 0px;
	margin-top: 0px;
	margin-left: auto;
	margin-bottom: 0px;
	margin-right: auto;
	text-align: center;
	clear:both;
}
.copyright {
	width: 737px;
	margin-top: 0px;
	margin-left: auto;
	margin-bottom: 0px;
	margin-right: auto;
	padding: 3px 0px 3px 0px;
	text-align: center;
	background-color: #17568D; 
	color: #FFFFCC;
	clear:both;
}



/****************************************************/
/*          Color             */
/****************************************************/	
.White {
	color: #FFFFFF;
}

.Green {
	color: #249222;
}

.Red {
	color: #FF0000;
}


/****************************************************/
/* トップページ一時預かりメニューロールオーバー用 */
/****************************************************/	
/* 背景にmenu_bg.gifを横繰り返し、高さは画像と同じサイズ
-------------------------------- */
.content-right2 ul 
{
/*background-image: url(img/menu_bg.gif);
background-repeat: repeat-x;
background-position: 0 0;
position:relative;*/
height:44px;
	padding: 0px;
	margin: 0px;
}


/* listタグをfloatで左に回り込ませていますサイズも指定
-------------------------------- */
.content-right2 li 
{
	width: 207px;
	height: 44px;
	list-style-type:none;
	float: left;
	padding: 0px;
	margin: 0px;
}


/* aタグをblock要素にしてIE以外への対策、インデントで本来のテキストを左画面外の左999pxに飛ばしています
-------------------------------- */
.content-right2 li a 
{
	display: block;
	width: 207px;
	height: 44px;
	text-decoration: none;
	text-indent: -9000px;
}    
	
/* 各listタグにidをつけ個々に背景画像を指定、画像はマウスオフ、マウスオンを
上下につないだものを使いました
-------------------------------- */
.content-right2 .dog a 
{
	background-image: url(img/top_dog.gif);
}

.content-right2 .cat a 
{
	background-image: url(img/top_cat.gif);
}
/* マウスオンすると重なった57px下の画像が出てきます
-------------------------------- */
.content-right2 li a:hover 
{
	background-position: 0 -44px;
}
/* ここまでmenu部分
-------------------------------- */



/****************************************************/
/* トップページメニューロールオーバー用 */
/****************************************************/	
/* 背景にmenu_bg.gifを横繰り返し、高さは画像と同じサイズ
-------------------------------- */
.menu-top ul 
{
/*background-image: url(img/menu_bg.gif);
background-repeat: repeat-x;
background-position: 0 0;
position:relative;
height:57px;*/
	padding: 0px;
	margin: 0px;
}


/* listタグをfloatで左に回り込ませていますサイズも指定
-------------------------------- */
.menu-top li 
{
/*	width: 279px;*/
	height: 58px;
	list-style-type:none;
	padding: 0px;
	margin: 0px;
	float: left;
}

	
	
/* 各listタグにidをつけ個々に背景画像を指定、画像はマウスオフ、マウスオンを
上下につないだものを使いました
-------------------------------- */
.menu-top li.menu01 a 
{
width: 112px;
	display: block;
	height: 58px;
	text-decoration: none;
	text-indent: -9000px;
/*		padding: 0px;
	margin: 0px;
	float: left;*/
	background-image: url(img/top_menu01.gif);
}

.menu-top li.menu02 a 
{
	width: 105px;
	display: block;
	height: 58px;
	text-decoration: none;
	text-indent: -9000px;
/*	padding: 0px;
	margin: 0px;
	float: left;*/
	background-image: url(img/top_menu02.gif);
}

.menu-top li.menu03 a 
{
	width: 105px;
	display: block;
	height: 58px;
	text-decoration: none;
	text-indent: -9000px;
/*	padding: 0px;
	margin: 0px;
	float: left;*/
	background-image: url(img/top_menu03.gif);
}

.menu-top li.menu04 a 
{
	width: 106px;
	display: block;
	height: 58px;
	text-decoration: none;
	text-indent: -9000px;
/*	padding: 0px;
	margin: 0px;
	float: left;*/
	background-image: url(img/top_menu04.gif);
}

.menu-top li.menu05 a 
{
	width: 217px;
	display: block;
	height: 58px;
	text-decoration: none;
	text-indent: -9000px;
/*	padding: 0px;
	margin: 0px;
	float: left;*/
	background-image: url(img/top_menu05.gif);
}
.menu-top li.menu06 a 
{
	width: 211px;
	display: block;
	height: 58px;
	text-decoration: none;
	text-indent: -9000px;
/*	padding: 0px;
	margin: 0px;
	float: left;*/
	background-image: url(img/top_menu06.gif);
}
/* マウスオンすると重なった58px下の画像が出てきます
-------------------------------- */
.menu-top li a:hover 
{
	background-position: 0 -58px;
}
/* ここまでmenu部分
-------------------------------- */



/****************************************************/
/* セカンドページメニューロールオーバー用 */
/****************************************************/	
.menu-second ul 
{
/*background-image: url(img/menu_bg.gif);
background-repeat: repeat-x;
background-position: 0 0;
position:relative;*/
height:41px;
	padding: 0px;
	margin: 0px;
}


/* listタグをfloatで左に回り込ませていますサイズも指定
-------------------------------- */
.menu-second li 
{
/*	width: 150px;
	height: 41px;*/
	list-style-type:none;
	float: left;
	padding: 0px;
	margin: 0px;
}


	
/* 各listタグにidをつけ個々に背景画像を指定、画像はマウスオフ、マウスオンを
上下につないだものを使いました
-------------------------------- */
.menu-second li.menu01 a 
{
	width: 133px;
	display: block;
	height: 41px;
	text-decoration: none;
	text-indent: -9000px;
/*		padding: 0px;
	margin: 0px;
	float: left;*/
	background-image: url(img/second_menu01.gif);
}

.menu-second li.menu02 a 
{
	width: 117px;
	display: block;
	height: 41px;
	text-decoration: none;
	text-indent: -9000px;
/*		padding: 0px;
	margin: 0px;
	float: left;*/
	background-image: url(img/second_menu02.gif);
}

.menu-second li.menu03 a 
{
	width: 161px;
	display: block;
	height: 41px;
	text-decoration: none;
	text-indent: -9000px;
/*		padding: 0px;
	margin: 0px;
	float: left;*/
	background-image: url(img/second_menu03.gif);
}

.menu-second li.menu04 a 
{
	width: 75px;
	display: block;
	height: 41px;
	text-decoration: none;
	text-indent: -9000px;
/*		padding: 0px;
	margin: 0px;
	float: left;*/
	background-image: url(img/second_menu04.gif);
}

.menu-second li.menu05 a 
{
	width: 251px;
	display: block;
	height: 41px;
	text-decoration: none;
	text-indent: -9000px;
/*		padding: 0px;
	margin: 0px;
	float: left;*/
	background-image: url(img/second_menu05.gif);
}

/* マウスオンすると重なった57px下の画像が出てきます
-------------------------------- */
.menu-second li a:hover 
{
	background-position: 0 -41px;
}
/* ここまでmenu部分
-------------------------------- */



/****************************************************/
/* セカンドページ右サイドメニューロールオーバー用  */
/****************************************************/	
.secondsidemenu ul 
{
/*background-image: url(img/menu_bg.gif);
background-repeat: repeat-x;
background-position: 0 0;
position:relative;
	clear:both;
height:48px;*/
	padding: 0px;
	margin: 0px;
}


/* listタグをfloatで左に回り込ませていますサイズも指定
-------------------------------- */
.secondsidemenu li 
{
/*	width: 150px;
	height: 41px;*/
	list-style-type:none;
	float: left;
	padding: 0px;
	margin: 0px;
}


	
/* 各listタグにidをつけ個々に背景画像を指定、画像はマウスオフ、マウスオンを
上下につないだものを使いました
-------------------------------- */
.secondsidemenu li.dog a 
{
	width: 205px;
	display: block;
	height: 48px;
	text-decoration: none;
	text-indent: -9000px;
	margin: 0px 0px 1px 0px;
/*		padding: 0px;
	float: left;*/
	background-image: url(img/second_menu_dog.gif);
}

.secondsidemenu li.cat a 
{
	width: 205px;
	display: block;
	height: 48px;
	text-decoration: none;
	text-indent: -9000px;
	margin: 0px 0px 3px 0px;
/*		padding: 0px;
	margin: 0px;
	float: left;*/
	background-image: url(img/second_menu_cat.gif);
}
.secondsidemenu li.donation a 
{
	width: 205px;
	display: block;
	height: 70px;
	text-decoration: none;
	text-indent: -9000px;
	margin: 0px 0px 20px 0px;
/*		padding: 0px;
	margin: 0px;
	float: left;*/
	background-image: url(img/second_d_banner.gif);
}

.secondsidemenu li.bbs a 
{
	width: 205px;
	display: block;
	height: 48px;
	text-decoration: none;
	text-indent: -9000px;
	margin: 0px 0px 3px 0px;
/*		padding: 0px;
	margin: 0px;
	float: left;*/
	background-image: url(img/second_menu_bbs.gif);
}

.secondsidemenu li.blog a 
{
	width: 205px;
	display: block;
	height: 65px;
	text-decoration: none;
	text-indent: -9000px;
	margin: 0px 0px 3px 0px;
/*		padding: 0px;
	margin: 0px;
	float: left;*/
	background-image: url(img/second_menu_blog.gif);
}


/* マウスオンすると重なった57px下の画像が出てきます
-------------------------------- */
.secondsidemenu li.dog a:hover 
{
	background-position: 0 -48px;
}
.secondsidemenu li.cat a:hover 
{
	background-position: 0 -48px;
}
.secondsidemenu li.donation a:hover 
{
	background-position: 0 -70px;
}
.secondsidemenu li.bbs a:hover 
{
	background-position: 0 -48px;
}
.secondsidemenu li.blog a:hover 
{
	background-position: 0 -65px;
}
/* ここまでmenu部分
-------------------------------- */

/****************************************************/
/* セカンドページ里親ＦＡＸ・ネットメニューロールオーバー用  */
/****************************************************/	
.faxnetmenu ul 
{
/*background-image: url(img/menu_bg.gif);
background-repeat: repeat-x;
background-position: 0 0;
position:relative;
	clear:both;
height:48px;*/
	padding: 0px;
	margin: 0px;
}


/* listタグをfloatで左に回り込ませていますサイズも指定
-------------------------------- */
.faxnetmenu li 
{
/*	width: 150px;
	height: 41px;*/
	list-style-type:none;
	float: left;
	padding: 0px;
	margin: 0px;
}


	
/* 各listタグにidをつけ個々に背景画像を指定、画像はマウスオフ、マウスオンを
上下につないだものを使いました
-------------------------------- */
.faxnetmenu li.net a 
{
	width: 264px;
	display: block;
	height: 125px;
	text-decoration: none;
	text-indent: -9000px;
	margin: 0px 0px 3px 0px;
/*		padding: 0px;
	float: left;*/
	background-image: url(img/faxnetmenunet.gif);
}

.faxnetmenu li.fax a 
{
	width: 264px;
	display: block;
	height: 125px;
	text-decoration: none;
	text-indent: -9000px;
	margin: 0px 0px 3px 0px;
/*		padding: 0px;
	margin: 0px;
	float: left;*/
	background-image: url(img/faxnetmenufax.gif);
}


/* マウスオンすると重なった画像が出てきます
-------------------------------- */
.faxnetmenu li.net a:hover 
{
	background-position: 0 -125px;
}
.faxnetmenu li.fax a:hover 
{
	background-position: 0 -125px;
}
/* ここまでmenu部分
-------------------------------- */


/****************************************************/
/* ﾄｯﾌﾟﾊﾞﾅｰロールオーバー用  */
/****************************************************/	
.toprightbanner ul 
{
	padding: 0px;
	margin: 0px;
}

.toprightbanner li 
{
	list-style-type:none;
	float: left;
	padding: 0px;
	margin: 0px;
}
	
.toprightbanner li a 
{
	width: 305px;
	display: block;
	height: 70px;
	text-decoration: none;
	text-indent: -9000px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: left;
	background-image: url(img/top_d_banner.gif);
}


.toprightbanner li a:hover 
{
	background-position: 0 -70px;
}

.toprightbanner {
	width: 322px;
	margin: 0px;
	padding: 0px 0px 0px 7px;
}




/****************************************************/
/* 簡単お知らせビューア用スタイルシート */
/****************************************************/	

div#INFO form {
	margin: 0px;
}
div#INFO a:link, a:visited {
	color: #336699;
	text-decoration: none;
}
div#INFO a:hover {
	color: #CC3366;
	text-decoration: none;
}
div#Layout {
	margin-right: auto;
	margin-left: auto;
	padding-right: 0px;
	padding-left: 0px;
/*	width: 100px;*/
}
div#Input th {
	font-weight: normal;
	padding: 2px;
}
div#Input td {
	padding: 2px;
}
div#Input h1 {
	font-size: 14px;
	margin: 0px;
	text-align: center;
}
div#Input h2 {
	font-size: 12px;
	border: 1px solid #CCCCCC;
	margin: 2px;
	background: #FFFFFF;
	text-align: center;
}
div#Input table {
	border: 1px solid #CCCCCC;
	width: 100%;
}
div#Input #Err {
	color: #FF0000;
}
div#Data {
	padding-top: 8px;
}
div#Data th {
	font-weight: normal;
	padding: 4px;
}
div#Data table {
	width: 100%;
	border: 1px solid #CCCCCC;
}
div#Data .Line table {
	margin: 0px;
	border: none;
}
div#Data .Line td {
	padding: 2px 4px;
	border-bottom: 1px dotted #EEEEEE;
}
#text {
	font-size: 12px;
}

/* 著作権表記用 */
div#Copyright {
	text-align: right;
	margin-top: 2px;
	font-size: 10px;
}
div#Copyright a:link, div#Copyright a:visited {

	color: #999999;
	text-decoration: none;
}
div#Copyright a:hover {
	text-decoration: underline;
}


div#INFO p {
	margin: 5px;
	padding-bottom: 10px;
	background-color: #FFEAF1; 
}
div#INFO {
	width: 305px;
/*	height: 870px;*/
/**/	height: 200px;
	overflow: auto;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	line-height: 140%;
	text-align: left;
	background-color: #FFEAF1; 
/*	border: 0px solid #3366CC;
	background-color: #FFFFFF; */
	float: left;
}



/****************************************************/
/* フォトギャラリーページ用 */
/****************************************************/	


.photobox {
	width: 600px;
	margin: 0px 0px 0px 35px;
	padding: 0px;
/*	font-size: 90%;
	line-height: 120%;*/
	text-align: center;
	clear:both;
/*	float: left;
	clear:both;*/

/*	color: #000000;
	background-color: #FFFFFF; */
}


.photohalf {
	width: 300px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	float: left;
}


.photo03 {
	width: 200px;
	margin: 0px;
	padding: 0px;
	font-size: 90%;
	line-height: 120%;
	text-align: center;
	float: left;
/*	color: #000000;
	background-color: #FFFFFF; */
}

.photo02 {
	width: 300px;
	margin: 0px;
	padding: 0px;
/*	font-size: 90%;
	line-height: 120%;*/
	text-align: center;
/*	float: left;
	color: #000000;
	background-color: #FFFFFF; */
}


.photo01 {
	width: 600px;
	margin: 0px;
	padding: 0px;
/*	font-size: 90%;
	line-height: 120%;*/
	text-align: center;
	float: left;
/*	color: #000000;
	background-color: #FFFFFF; */
}


.photo02 p {
	font-size: 80%;
	line-height: 150%;
	margin: 0px;
	padding: 5px;
}

.photo01 p {
	font-size: 80%;
	line-height: 150%;
	margin: 0px;
	padding: 5px;
}


/****************************************************/
/* RSS Feed 用スタイルシート*/
/****************************************************/

.rss_box {
	 margin: 5px;
	 width: 405px;
	 background-color: #FFFFFF;
	 border: 1px solid #999999;
	line-height: 110%;
	padding:7px;
	float: left;
}
.rss_items {
	margin-top:0px;
	padding:0px;
	margin-left:0px;
	color:#999999;
}
p.rss_title {
	padding:5px;
}
.rss_title {
	font-size: 8pt;
	background-color: silver;
	color: #666666;
	font-weight:bold;
	text-align: left;
}

.rss_item  {
  font-size: 7pt;
  list-style:none;
  padding-top:5px;
  padding-bottom:5px;
	color:#666666;
}

.rss_item a {
	color:#666666;
	font-size: 9pt;
	font-weight:bold;
	}
	
.rss_item a:link {
	color: #666666;
}

.rss_item a:visited {
	color: #666666;
}

.rss_item a:hover {
	color: #FF6600;
}

.rss_item a:active {
	color: #666666;
}

.rss_date {
	font-size: 7pt;
	color: #FF6600;
	}

/**********************************/
.webrss {
  font-size: 12px;
  color: #006666;
  text-align: right;
	width: 400px;
}
.webrss ul {
 	width: 400px;
 padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
.webrss ul li {
	width: 400px;

  list-style:  url(img/arrow.gif) ;
  line-height: 130%;
  padding: 0px 0px 7px 0px;
  margin: 0px 0px 7px 20px;
  text-align: left;
  border-style:dotted;
  border-color:#AEAEAE;
  border-left-width:0px;
  border-right-width:0px;
  border-bottom-width:1px;
  border-top-width:0px;
  color:#907212;
}
.webrss ul li a:link{
  text-decoration: underline;
  color:#907212;
}
.webrss ul li a:visited{
  text-decoration: underline;
  color: #907212;
}

.webrss ul li a:hover{
  text-decoration: none;
  color: #98BE07;
}

.webrss ul li a:active{
  text-decoration: none;
  color: #907212;
}

.rsss {
  width: 290px;
/*  height: 230px;*/
  float: left;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 10px 0px;
  clear:both;
}

.rsss2 {
  width: 290px;
  height: 110px;
  float: left;
  padding: 5px 5px 0px 0px;
  margin: 0px 0px 10px 0px;
/*  background-image: url(http://speakeasy.jp/img/toptitle_blogpic.gif);
  background-color: #31291C;*/
  text-align:right;
  clear:both;
}

	
	
	

/******************************************************/
/*  汎用                                          ***/
/******************************************************/

.tex7pt	{
	FONT-SIZE: 7px;
}
.tex9pt	{
	FONT-SIZE: 9px;
}
.tex11pt	{
	FONT-SIZE: 11px;
}
.tex70	{
	FONT-SIZE: 70%;
	font-weight: normal;
}
.tex80	{
	FONT-SIZE: 80%;
	font-weight: normal;
	line-height: 160%;
}
.tex90	{
	FONT-SIZE: 90%;
	font-weight: normal;
}
.tex150	{
	FONT-SIZE: 150%;
	line-height: 120%;

}
.tex100	{
	FONT-SIZE: 100%;
	font-weight: normal;
}
.tex7010px	{
	FONT-SIZE: 70%;
	line-height: 110%;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}
.tex70wide	{
	FONT-SIZE: 70%;
	font-weight: normal;
	line-height: 150%;
}
.tex80wide	{
	FONT-SIZE: 80%;
	font-weight: normal;
	line-height: 150%;
}
.tex85wide	{
	FONT-SIZE: 85%;
	font-weight: normal;
	line-height: 180%;
}
.tex8015px	{
	FONT-SIZE: 80%;
	line-height: 110%;
	margin: 10px 15px 15px 15px;
}
.tex8010px	{
	FONT-SIZE: 80%;
	line-height: 110%;
	PADDING-LEFT: 10px; 
	PADDING-RIGHT: 10px; 
}
.tex8010px a:link {
	color: #FF6600;
	text-decoration: underline;
}
.tex8010px a:visited {
	color: #FF6600;
	text-decoration: underline;
}
.tex8010px a:hover {
	color: #FF6600;
	text-decoration: underline overline;
}
.tex8010px a:active {
	color: #FF6600;
	text-decoration: none;
}
.tex90wide	{
	FONT-SIZE: 90%;
	font-weight: normal;
	line-height: 150%;
}
.tex90wide10px	{
	FONT-SIZE: 90%;
	font-weight: normal;
	line-height: 150%;
	PADDING-LEFT: 10px; 
	PADDING-RIGHT: 10px; 
}
.tex100wide	{
	FONT-SIZE: 100%;
	font-weight: normal;
	line-height: 150%;
}


.btn {
	width: 95%;
	height:auto;
	margin: 10px 0px 10px 5px ;
	padding: 7px;
	background: #FFF8E8;
	border: 2px solid #FCC7DC;
	color: #232323;
	font-weight:bold;
	display:block;
	font-size:100%;
	text-align:inherit;
	border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
	text-align:center;
	float:left;
}
.btn:hover {
	background-color:#FEEFF5;
	border: 2px solid #FFF;
	color: #242424;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.btn,
.btn::before,
.btn::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.content-right iframe {
	margin: 0px 0px 0px 5px ;

	}