/* ::::: CSS初期化処理 ::::: */

*{
	margin:0;
	padding:0;
	border:0;
	text-decoration:none;
	line-height:1;
	font-size:100%;
	font-style:normal;
	font-weight:normal;
}

body {
	background-image: url(images/back.png);
	background-repeat: repeat-x;
	background-color: #edf5fa;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333;
	width: 100%;
	height: 100%;
}

h1, h2, h3 { margin: 0px; padding: 0px; font-weight: normal; }

p{
	letter-spacing: 0.15em;
	font-size: 12px;
	line-height: 20px;
}

p a:link,p a:visited{
	color: #3896D3;
}

p a:hover,p a:active{
	color: #F60;
}

p b{
	font-weight: bold;
}

img,a img{
  vertical-align:bottom;
  border:none;
  background:transparent;
}

.importance{
	overflow: hidden;
	display: block;
	height: 1px;
	font-size: 1px;
	text-indent: -9999px;
	color: #000000;
	position: absolute;
	visibility: hidden;
	bottom: 10000px;
}

.smalltext{
	font-size: 10px;
}

.midtext{
	font-size: 12px;
}

.bigtext{
	font-size: 21px;
	line-height: 28px;
}

.textright{
	text-align: right;
}

.center{
	text-align: center;
}

.right{
	float: right;
}

.left{
	float: left;
}

.leftimg{
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

.rightimg{
	float: right;
	margin-bottom: 15px;
	margin-left: 15px;
}

.red{
	color: #F63;
}

.blue{
	color: #409ED9;
}

.green{
	color: #77DD06;
}

.clear{
	clear: both;
	font-size: 0px;
	line-height: 0px;
	height: 0px;
	width: 0px;
}

.mgtop{
	margin-top: 20px;
}

.mgbtm{
	margin-bottom: 20px;
}

.mglr{
	margin-right: 20px;
	margin-left: 20px;
}

.fade{
	filter: alpha(opacity=0);
	-moz-opacity:0.0;
	opacity:0.0;
}

.photo{
	background-color: #FFF;
	padding: 4px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #EEE;
	border-right-color: #AAA;
	border-bottom-color: #AAA;
	border-left-color: #EEE;
}

.shadow{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #EEE;
	border-bottom-color: #EEE;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-left-color: #CCC;
	background-image: url(images/shadow.png);
	background-repeat: repeat-x;
	padding: 10px;
}

.alist{
	list-style-type: disc;
	margin-left: 40px;
}
	   
.textbox{
	background-color: #FFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #888;
	border-right-color: #AAA;
	border-bottom-color: #AAA;
	border-left-color: #888;
	font-size: 12px;
	line-height: 20px;
	height: 20px;
}

.textareabox{
	background-color: #FFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #888;
	border-right-color: #AAA;
	border-bottom-color: #AAA;
	border-left-color: #888;
	font-size: 12px;
}

.textarea280{
	width: 280px;
}

.submitbtn{
	background: url(images/submit.png) 0px 0px no-repeat;
	font-size: 12px;
	line-height: 24px;
	text-align: center;
	height: 24px;
	width: 66px;
	color: #333;
	cursor: pointer;
}

.submitbtn:hover{
	background: url(images/submit.png) 0px -24px no-repeat;
	color: #F60;
}

/* ::::: CSS設定 ::::: */
#container{
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/container.png);
	background-repeat: repeat-y;
}

#header {
	background-image: url(images/header.png);
	background-repeat: no-repeat;
	height: 190px;
	width: 950px;
}

#fontsize{
	width: 171px;
	list-style-type: none;
	z-index: 2;
	position: absolute;
	top: 44px;
	margin-left: 756px;
}

#fontsize li{
	float: left;
	background-repeat: no-repeat;
}

#fontsize01{
	background: url(images/fontsize.png) 0px 0px no-repeat;
	width: 57px;
	height: 36px;
}

#fontsize01h{
	background: url(images/fontsize.png) 0px -36px no-repeat;
	filter: alpha(opacity=0);
	-moz-opacity:0.0;
	opacity:0.0;
	width: 57px;
	height: 36px;
	cursor: pointer;
}

#fontsize02{
	background: url(images/fontsize.png) -57px 0px no-repeat;
	width: 57px;
	height: 36px;
}

#fontsize02h{
	background: url(images/fontsize.png) -57px -36px no-repeat;
	filter: alpha(opacity=0);
	-moz-opacity:0.0;
	opacity:0.0;
	width: 57px;
	height: 36px;
	cursor: pointer;
}

#fontsize03{
	background: url(images/fontsize.png) -114px 0px no-repeat;
	width: 57px;
	height: 36px;
}

#fontsize03h{
	background: url(images/fontsize.png) -114px -36px no-repeat;
	filter: alpha(opacity=0);
	-moz-opacity:0.0;
	opacity:0.0;
	width: 57px;
	height: 36px;
	cursor: pointer;
}

#header_searchbox{
	position: absolute;
	top: 95px;
	background-color: #FFF;
	font-size: 14px;
	color: #333;
	margin-left: 650px;
	height: 21px;
	width: 197px;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-left: 5px;
}

#header_submit{
	background: url(images/header_submit.png) 0px 0px no-repeat;
	width: 66px;
	height: 38px;
	position: relative;
	top: 89px;
	left: 860px;
}

#header_submith{
	background: url(images/header_submit.png) 0px -38px no-repeat;
	filter: alpha(opacity=0);
	-moz-opacity:0.0;
	opacity:0.0;
	width: 66px;
	height: 38px;
	cursor: pointer;
}

#top_link{
	list-style-type: none;
	position: absolute;
	width: 700px;
	margin-left: 240px;
	top: 165px;
}

#top_link li{
	float: left;
	padding-right: 25px;
	background-image: url(images/top_arrow.png);
	background-repeat: no-repeat;
	font-size: 11px;
	line-height: 12px;
	padding-left: 18px;
}

#top_link li a:link,#top_link li a:visited{
	color: #666;
	font-size: 11px;
	line-height: 12px;
}

#top_link li a:hover,#top_link li a:active{
	color: #F60;
}

#contents{
	background-image: url(images/contents.png);
	background-repeat: no-repeat;
	width: 950px;
	min-height: 600px;
}

#title_top{
	width: 800px;
	background-image: url(images/title_top.png);
	background-repeat: no-repeat;
	height: 275px;
	margin-bottom: 15px;
	padding: 10px;
}

#title_page{
	width: 800px;
	background-image: url(images/title_page.png);
	background-repeat: no-repeat;
	height: 140px;
	margin-bottom: 15px;
	padding: 10px;
}

#slide_top{
	width: 780px;
	height: 275px;
	font-size: 12px;
	line-height: 275px;
	color: #333;
	text-align: center;
}

#mask_top{
	height: 275px;
	width: 780px;
	margin-top: -275px;
	position: absolute;
}

#title_line{
	background-color: #1C579F;
	height: 0px;
	width: 0px;
	position: absolute;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}

#title_text01{
	position: absolute;
	background-image: url(images/title_text01.png);
	*background-image: url(images/title_text01.gif);
	background-repeat: no-repeat;
	height: 35px;
	width: 390px;
	margin-left: 360px;
	margin-top: 0px;
	filter: alpha(opacity=0);
	-moz-opacity:0.0;
	opacity:0.0;
}

#title_text02{
	position: absolute;
	background-image: url(images/title_text02.png);
	*background-image: url(images/title_text02.gif);
	background-repeat: no-repeat;
	height: 35px;
	width: 460px;
	margin-left: 250px;
	margin-top: -55px;
	filter: alpha(opacity=0);
	-moz-opacity:0.0;
	opacity:0.0;
}

#title_text03{
	position: absolute;
	background-image: url(images/title_text03.png);
	*background-image: url(images/title_text03.gif);
	background-repeat: no-repeat;
	height: 275px;
	width: 35px;
	margin-left: 620px;
	margin-top: -200px;
	filter: alpha(opacity=0);
	-moz-opacity:0.0;
	opacity:0.0;
}

#title_logo{
	position: absolute;
	background-image: url(images/title_logo.png);
	*background-image: url(images/title_logo.gif);
	background-repeat: no-repeat;
	height: 50px;
	width: 375px;
	margin-left: 205px;
	margin-top: -160px;
	filter: alpha(opacity=0);
	-moz-opacity:0.0;
	opacity:0.0;
}

#menu{
	width: 800px;
	list-style-type: none;
	margin-bottom: 20px;
}

#menu li{
	float: left;
	background-repeat: no-repeat;
	height: 55px;
}

#menu01{
	background: url(images/menu.png) 0px 0px no-repeat;
	width: 160px;
}

#menu01h{
	background: url(images/menu.png) 0px -55px no-repeat;
	filter: alpha(opacity=0);
	-moz-opacity:0.0;
	opacity:0.0;
}

#menu02{
	background: url(images/menu.png) -160px 0px no-repeat;
	width: 160px;
}

#menu02h{
	background: url(images/menu.png) -160px -55px no-repeat;
	filter: alpha(opacity=0);
	-moz-opacity:0.0;
	opacity:0.0;
}

#menu03{
	background: url(images/menu.png) -320px 0px no-repeat;
	width: 160px;
}

#menu03h{
	background: url(images/menu.png) -320px -55px no-repeat;
	filter: alpha(opacity=0);
	-moz-opacity:0.0;
	opacity:0.0;
}

#menu04{
	background: url(images/menu.png) -480px 0px no-repeat;
	width: 160px;
}

#menu04h{
	background: url(images/menu.png) -480px -55px no-repeat;
	filter: alpha(opacity=0);
	-moz-opacity:0.0;
	opacity:0.0;
}

#menu05{
	background: url(images/menu.png) -640px 0px no-repeat;
	width: 160px;
}

#menu05h{
	background: url(images/menu.png) -640px -55px no-repeat;
	filter: alpha(opacity=0);
	-moz-opacity:0.0;
	opacity:0.0;
}

#sidemenu{
	border: 1px solid #999;
	margin-bottom: 15px;
	list-style-type: none;
}

#sidemenu li{
	line-height: 32px;
}

#main{
	width: 800px;
	padding-right: 75px;
	padding-left: 75px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
	padding-bottom: 15px;
}

#main_left{
	float: left;
}

#main_left h3{
	padding-right: 15px;
	padding-left: 15px;
	letter-spacing: 0.2em;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}

#main_left p{
	padding-right: 10px;
	padding-left: 10px;
	letter-spacing: 0.2em;
}

#main_left hr{
	margin-top: 20px;
	margin-bottom: 20px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
}

#main_right{
	float: left;
}

#sidebar{
	position: relative;
}

#about{
	letter-spacing: 0.1em;
	border: 1px solid #999;
	margin-bottom: 15px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
}

#about h2{
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #999;
	margin-top: 15px;
}
#about em {
	font-size: 10px;
	line-height: 16px;
}

#about a:link,#about a:visited{
	color: #3896D3;
}

#about a:hover,#about a:active{
	color: #F60;
}

#closer{
	background-image: url(images/closer.png);
	background-repeat: no-repeat;
	height: 10px;
	width: 950px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
}

#footer{
	height: 100px;
	background-image: url(images/footer.png);
	background-repeat: repeat-x;
	background-color: #FDFDFD;
	bottom: 0px;
	width: 100%;
}

#footer_main{
	width: 950px;
	height: 100px;
	margin-right: auto;
	margin-left: auto;
}

#footer_left{
	background-image: url(images/footer_logo.png);
	background-repeat: no-repeat;
	height: 100px;
	width: 240px;
	float: left;
}

#footer_right{
	float: right;
}

#footnavi{
	list-style-type: none;
	padding-top: 25px;
}

#footnavi li{
	float: left;
	list-style-type: none;
	padding-right: 18px;
	background-image: url(images/footer_arrow.png);
	background-repeat: no-repeat;
	font-size: 11px;
	line-height: 13px;
	padding-left: 13px;
}

#footnavi li a:link,#footnavi li a:visited{
	color: #666;
}

#footnavi li a:hover,#footnavi li a:active{
	color: #F60;
}

#copyright{
	font-size: 0.6em;
	color: #666;
	margin-top: 15px;
	text-align: right;
	padding-right: 20px;
}

.main_560{
	width: 540px;
	list-style-type: none;
	padding-right: 20px;
	padding-bottom: 15px;
}

.main_850{
	width: 800px;
	list-style-type: none;
	padding-right: 20px;
	padding-bottom: 15px;
}

.main_240{
	width: 240px;
}

.bubbleInfo{

}

.trigger{

}

.popup{
	display:none;
	z-index:999;
	position: relative;
	margin-top: -155px;
	padding-left: 10px;
}

.gallery{
	list-style-type: none;
}

.gallery li{
	float: left;
	width: 160px;
	padding: 10px;
}

.gallery img{
	height: 120px;
	width: 140px;
	background-color: #FFF;
	padding: 4px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #EEE;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #EEE;
	margin-bottom: 15px;
}

.gallery_text{
	height: 40px;
	overflow: hidden;
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 0.1em;
	width: 160px;
	text-align: center;
}

.news{
	height: 24px;
	font-size: 12px;
	letter-spacing: 0.1em;
	line-height: 24px;
}

.news_date{
	float: left;
	text-align: center;
	height: 24px;
	line-height: 24px;
	width: 100px;
}

.news_category{
	float: left;
}

.news_title{
	float: left;
	height: 24px;
	line-height: 24px;
	padding-left: 15px;
	width: 350px;
	overflow: hidden;
	white-space: nowrap;
}

.news_title a:link,.news_title a:visited{
	font-size: 12px;
	line-height: 24px;
	color: #555;
}

.news_title a:hover,.news_title a:active{
	color: #F60;
}

.headline{
	background-image: url(images/headline_left.png);
	background-repeat: no-repeat;
	height: 40px;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin-bottom: 20px;
}

.headline img{
	margin-left: 20px;
	float: left;
}

.headline h2{
	float: left;
	font-size: 15px;
	font-weight: bold;
	color: #555;
	line-height: 40px;
	text-shadow: #CCC 2px 2px 6px;
	letter-spacing: 0.1em;
	padding-left: 30px;
}

.headline h3{
	float: right;
	padding-right: 20px;
	background-image: url(images/headline_arrow.png);
	background-repeat: no-repeat;
	padding-left: 15px;
	height: 40px;
}

.headline a:link,.headline a:visited{
	font-size: 11px;
	line-height: 40px;
	color: #555;
}

.headline a:hover,.headline a:active{
	color: #F60;
}

.headline_close{
	background-image: url(images/headline_right.png);
	background-repeat: no-repeat;
	height: 40px;
	width: 10px;
	float: right;
}

.sidetitle{
	height: 32px;
	background-color: #2A8AC7;
	background-image: url(images/side_title.png);
	background-repeat: repeat-x;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	line-height: 32px;
	padding-left: 20px;
	text-shadow: #557 1px 1px 6px;
}

.sidelink{
	height: 32px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
	padding-left: 40px;
	background-image: url(images/sidelink_arrow.png);
	background-repeat: no-repeat;
	font-size: 12px;
	letter-spacing: 0.2em;
}

.sidelink a:link,.sidelink a:visited{
	color: #333;
}

.sidelink a:hover,.sidelink a:active{
	color: #F60;
}

.crectbox{
	margin-bottom: 20px;
	border: 1px solid #BDC0CE;
	margin-right: 5px;
	margin-left: 5px;
	padding: 10px;
}

.crectbox p{
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 0.1em;
}

.crectleft{
	float: left;
	width: 180px;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: center;
}

.crectright{
	padding-left: 15px;
	float: left;
	width: 280px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.crectcenter{
	padding-right: 20px;
	padding-left: 20px;
	text-align: center;
}

.cline{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #BDC0CE;
	clear: both;
	font-size: 0px;
	line-height: 0px;
	margin-bottom: 4px;
}

.tips{
	cursor: pointer;
}

.tips a:link,.tips a:visited{
	color: #333;
}

.tips a:hover,.tips a:active{
	color: #333;
}

.drectbox{
	margin-bottom: 20px;
	border: 1px solid #BDC0CE;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 535px;
}

.drectbox p{
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 0.1em;
}

.drectbox dl{


}

.drectbox dt p{
	font-weight: bold;
}

.drectbox dd{
	padding-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	list-style-type: disc;
	background-image: url(images/dot.png);
	background-repeat: no-repeat;
}

.drectleft{
	float: left;
	width: 265px;
}

.drectright{
	float: left;
	width: 265px;
	padding-left: 5px;
}

.drectleft1{
	width: 535px;
}

.drectcenter{
	padding-right: 20px;
	padding-left: 20px;
	text-align: center;
}

.sitemap{
	padding: 20px;
}

.sitemap p{
	font-size: 12px;
	letter-spacing: 0.1em;
}

.sitemap a:link,.sitemap a:visited{
	color: #555;
}

.sitemap a:hover,.sitemap a:active{
	color: #F60;
}

.sitemapleft{
	float: left;
	width: 240px;
}

.sitemapright{
	float: left;
	width: 240px;
	padding-left: 10px;
}

.image_logo{
	background-image: url(images/image_logo.png);
	background-repeat: no-repeat;
	min-height: 140px;
}

.banner{
	height: 90px;
	width: 240px;
	background-image: url(images/banner_back.png);
	background-repeat: no-repeat;
	padding: 5px;
	margin-bottom: 5px;
}

.banner02{
	min-height: 170px;
	width: 240px;
	background-image: url(images/banner_back02.png);
	background-repeat: no-repeat;
	padding: 5px;
	margin-bottom: 5px;
}

.banner_left{
	float: left;
	padding-right: 5px;
	height: 80px;
	width: 80px;
}

.banner_right{
	float: left;
	font-size: 11px;
	letter-spacing: 0.1em;
	line-height: 16px;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 15px;
	width: 125px;
}

.banner_line{
	font-size: 11px;
	letter-spacing: 0.1em;
	border: 1px solid #999;
	text-align: center;
	padding: 10px;
	margin-bottom: 15px;
}

.banner_line a:link,.banner_line a:visited{
	font-size: 11px;
	color: #555;
	letter-spacing: 0.1em;
}

.banner_line a:hover,.banner_line a:active{
	color: #F60;
}

.gototop{
	font-size: 11px;
	text-align: right;
	margin-bottom: 20px;
	padding-right: 20px;
}

.gototop a:link,.gototop a:visited{
	color: #3896D3;
}

.gototop a:hover,.gototop a:active{
	color: #F60;
}

.solar_bg{
	height: 1190px;
	width: 500px;
	background-image: url(images/solar_image02.jpg);
	position: relative;
	background-repeat: no-repeat;
}

.solar01{
	font-size: 12px;
	line-height: 16px;
	width: 230px;
	position: absolute;
	height: 90px;
	z-index: 9999;
	color: #000;
	left: 10px;
	top: 620px;
}

.solar02{
	font-size: 12px;
	line-height: 16px;
	width: 230px;
	position: absolute;
	height: 90px;
	z-index: 9999;
	color: #000;
	left: 260px;
	top: 620px;
}

.solar03{
	font-size: 12px;
	line-height: 16px;
	width: 230px;
	position: absolute;
	height: 70px;
	z-index: 9999;
	color: #000;
	left: 10px;
	top: 890px;
}

.solar04{
	font-size: 12px;
	line-height: 16px;
	width: 230px;
	position: absolute;
	height: 70px;
	z-index: 9999;
	color: #000;
	left: 260px;
	top: 890px;
}

.solar05{
	font-size: 12px;
	line-height: 16px;
	width: 230px;
	position: absolute;
	height: 50px;
	z-index: 9999;
	color: #000;
	left: 10px;
	top: 1140px;
}

.solar06{
	font-size: 12px;
	line-height: 16px;
	width: 230px;
	position: absolute;
	height: 50px;
	z-index: 9999;
	color: #000;
	left: 260px;
	top: 1140px;
}
