@charset "utf-8";
/*全体----------------------------------------------------------------------------------------------------------------------------*/
/*▼ここから　外枠*/

#container{
	width:1000px;
	margin:0 auto;
	background-color:#FFFFFF;
}
#header{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
#footer{
	clear:both;
	padding:3px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	border-top:2px solid #000000;
	text-align:center;
}
/*▼ここから　１カラムの場合*/
#top_content{
	clear:both;
	float:left;
	padding:15px 10px 0px 10px;
	margin:0px 0px 0px 0px;
}

/*▼ここから　２カラムの場合*/
#content{
	float:left;
	width:700px;
	padding:0px 30px 0px 30px;
	margin:0px 0px 0px 0px;
}
#side{
	float:right;
	width:230px;
	padding:5px 5px 5px 5px;
	margin:0px 0px 20px 0px;
	background-color:#cccccc;
}

/*▼ここから　パンくずリスト*/
#path{
	clear:both;
	padding:5px 0px 10px 5px;
	margin:0px 0px 0px 0px;
}
#path a{
	text-decoration:none;
	color:#0000FF;
}
#path a:hover{
	text-decoration:underline;
	color:#0000FF;
}

/*▼ここから　全ページ共通*/
h1{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:medium;
	font-weight:normal;
}
h2{	
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:medium;
	font-weight:normal;
}
h3{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:medium;
	font-weight:normal;
}
h4{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	margin:0px;
	font-size:medium;
	font-weight:normal;
}
h5{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:medium;
	font-weight:normal;
}
p{
	padding:0px;
	margin:0px;
	line-height:140%;
}
ul{
	padding:0px;
	margin:0px;
	list-style:none;
	line-height:120%;
}
li{
	padding:0px;
	margin:0px 0px 3px 0px;
	line-height:120%;
}
.title{
	clear:both;
	margin:0px 0px 20px 0px;
}
.subtitle{
	clear:both;
	margin:0px 0px 20px 0px;
}
.pagetop{
	clear:both;
	margin:10px 0px 15px 0px;
	width:700px;
	text-align:right;
}
.pagetop a{
	clear:both;
	color:#00628d;
	text-decoration:none;
}
.pagetop a:hover{
	color:#00628d;
	text-decoration:underline;
}
a img{
	border:none;
}
/*テンプレート-templete.dwt-------------------------------------------------------------------------------------------------------*/
/*▼ここから　ヘッダー*/
#head_logo{
	float:left;
	padding:0px 0px 0px 10px;
}
#head_right{
	float:right;
	width:630px;
}
#head_right p{
	padding:10px 10px 5px 0px;
	text-align:right;
}
#headmenu{
	float:right;
	margin:20px 0px 5px 0px;
	width:500px;
	font-size:12px;
}
#headmenu ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#headmenu li{
	float:right;
}
#headmenu li a{
	color:#000000;
	text-decoration:none;
}
#headmenu li a:hover{
	color:#0000FF;
	text-decoration:underline;
}

/*▼　ヘッダーメニューバー*/
#head_menubox{
	clear:both;
	height:40px;
	border-bottom:solid 15px #cccccc;	
}
#head_menubox ul{
	margin:0px 0px 0px 0px;	
	padding:0px 0px 0px 0px;
}
#head_menubox ul li{
	float:left;
	list-style-type:none;
}
#head_menubox ul li a{
	background-repeat:no-repeat;
	display:block;
}
#head_menubox .tmp_home a{
	background-image:url(../images/tmp-menu01.gif);
	width:110px;
	height:40px;
}
#head_menubox .tmp_home a:hover{
	background-image:url(../images/tmp-menu01-on.gif);
	width:110px;
	height:40px;
}
#head_menubox .tmp_greet a{
	background-image:url(../images/tmp-menu02.gif);
	width:105px;
	height:40px;
}
#head_menubox .tmp_greet a:hover{
	background-image:url(../images/tmp-menu02-on.gif);
	width:105px;
	height:40px;
}
#head_menubox .tmp_philo a{
	background-image:url(../images/tmp-menu03.gif);
	width:110px;
	height:40px;
}
#head_menubox .tmp_philo a:hover{
	background-image:url(../images/tmp-menu03-on.gif);
	width:110px;
	height:40px;
}
#head_menubox .tmp_staff a{
	background-image:url(../images/tmp-menu04.gif);
	width:105px;
	height:40px;
}
#head_menubox .tmp_staff a:hover{
	background-image:url(../images/tmp-menu04-on.gif);
	width:105px;
	height:40px;
}
#head_menubox .tmp_csr a{
	background-image:url(../images/tmp-menu05.gif);
	width:140px;
	height:40px;
}
#head_menubox .tmp_csr a:hover{
	background-image:url(../images/tmp-menu05-on.gif);
	width:140px;
	height:40px;
}
#head_menubox .tmp_fact a{
	background-image:url(../images/tmp-menu06.gif);
	width:105px;
	height:40px;
}
#head_menubox .tmp_fact a:hover{
	background-image:url(../images/tmp-menu06-on.gif);
	width:105px;
	height:40px;
}
#head_menubox .tmp_group a{
	background-image:url(../images/tmp-menu07.gif);
	width:110px;
	height:40px;
}
#head_menubox .tmp_group a:hover{
	background-image:url(../images/tmp-menu07-on.gif);
	width:110px;
	height:40px;
}
#head_menubox .tmp_rec a{
	background-image:url(../images/tmp-menu08.gif);
	width:105px;
	height:40px;
}
#head_menubox .tmp_rec a:hover{
	background-image:url(../images/tmp-menu08-on.gif);
	width:105px;
	height:40px;
}
#head_menubox .tmp_contact a{
	background-image:url(../images/tmp-menu09.gif);
	width:110px;
	height:40px;
}
#head_menubox .tmp_contact a:hover{
	background-image:url(../images/tmp-menu09-on.gif);
	width:110px;
	height:40px;
}
#head_menubox span{
	display:none;
}
/*▼ここから　サイド*/
#sidetop h2, #sidetop h3{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.sidebox01{
	padding:5px 10px 5px 5px;
	width:213px;
	border-left:solid 1px #00628d;
	border-right:solid 1px #00628d;
	border-bottom:solid 1px #00628d;
	background-color:#FFFFFF;
	background-image:url(../images/side-bar.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}
.sidebox02{
	margin:0px 0px 5px 0px;
	padding:5px 10px 5px 5px;
	width:213px;
	border:solid 1px #00628d;
	background-color:#FFFFFF;
}
.sidebox01 ul, .sidebox02 ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.sidebox01 li, .sidebox02 li{
	margin:0px 0px 0px 10px;
	padding:10px 0px 10px 20px;
	background-image:url(../images/side-title-back02.gif);
	background-position:left;
	background-repeat:no-repeat;
	font-size:12px;
	list-style:none;
}
.sidebox01 li a, .sidebox02 li a{
	color:#000000;
	text-decoration:none;
}
.sidebox01 li a:hover, .sidebox02 li a:hover{
	color:#0000FF;
	text-decoration:underline;
}
.sidebox02 p{
	padding:0px 0px 15px 15px;
	width:190px;
}
.side_menu{
	border-bottom:dashed 1px #999999;
}
.side_title{
	margin:20px 0px 10px 0px;
	padding:2px 0px 0px 20px;
	background-image:url(../images/side-title-back01.gif);
	background-position:left;
	background-repeat:no-repeat;
	font-size:14px;
	font-weight:bold;
	
}
.side_name{
	margin:20px 0px 10px 0px;
	padding:0px 0px 0px 15px;
	font-size:14px;
	font-weight:bold;
	
}
/*トップページ-index.html(php)----------------------------------------------------------------------------------------------------*/
/*▼ここから　ヘッダー*/
#top_title{
	color:#CCCCCC;
}
#ind_headmenu{
	float:right;
	margin:0px 0px 5px 0px;
	width:500px;
	font-size:12px;
}
#ind_headmenu ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#ind_headmenu li{
	float:right;
}
#ind_headmenu li a{
	color:#000000;
	text-decoration:none;
}
#ind_headmenu li a:hover{
	color:#0000FF;
	text-decoration:underline;
}
.menu_01{
	padding:0px 10px 0px 10px;
}
.menu_02{
	padding:0px 12px 0px 10px;
	border-right:solid 1px #999999;
}
#flash{
	clear:both;
	border-top:solid 2px #000000;
}
/*▼　メインメニューバー*/
#menubox{
	clear:both;
	height:40px;
}
#menubox ul{
	margin:0px 0px 0px 0px;	
	padding:0px 0px 0px 0px;
}
#menubox ul li{
	float:left;
	list-style-type:none;
}
#menubox ul li a{
	background-repeat:no-repeat;
	display:block;
}
#menubox .home a{
	background-image:url(../images/menu01.gif);
	width:110px;
	height:40px;
}
#menubox .home a:hover{
	background-image:url(../images/menu01-on.gif);
	width:110px;
	height:40px;
}
#menubox .greet a{
	background-image:url(../images/menu02.gif);
	width:105px;
	height:40px;
}
#menubox .greet a:hover{
	background-image:url(../images/menu02-on.gif);
	width:105px;
	height:40px;
}
#menubox .philo a{
	background-image:url(../images/menu03.gif);
	width:110px;
	height:40px;
}
#menubox .philo a:hover{
	background-image:url(../images/menu03-on.gif);
	width:110px;
	height:40px;
}
#menubox .staff a{
	background-image:url(../images/menu04.gif);
	width:105px;
	height:40px;
}
#menubox .staff a:hover{
	background-image:url(../images/menu04-on.gif);
	width:105px;
	height:40px;
}
#menubox .csr a{
	background-image:url(../images/menu05.gif);
	width:140px;
	height:40px;
}
#menubox .csr a:hover{
	background-image:url(../images/menu05-on.gif);
	width:140px;
	height:40px;
}
#menubox .fact a{
	background-image:url(../images/menu06.gif);
	width:105px;
	height:40px;
}
#menubox .fact a:hover{
	background-image:url(../images/menu06-on.gif);
	width:105px;
	height:40px;
}
#menubox .group a{
	background-image:url(../images/menu07.gif);
	width:110px;
	height:40px;
}
#menubox .group a:hover{
	background-image:url(../images/menu07-on.gif);
	width:110px;
	height:40px;
}
#menubox .rec a{
	background-image:url(../images/menu08.gif);
	width:105px;
	height:40px;
}
#menubox .rec a:hover{
	background-image:url(../images/menu08-on.gif);
	width:105px;
	height:40px;
}
#menubox .contact a{
	background-image:url(../images/menu09.gif);
	width:110px;
	height:40px;
}
#menubox .contact a:hover{
	background-image:url(../images/menu09-on.gif);
	width:110px;
	height:40px;
}
#menubox span{
	display:none;
}

/*▼　メインコンテンツ*/
.top_banner01{
	float:left;
	text-align:right;
	padding:0px 5px 5px 0px;
	width:195px;
}
.top_banner02{
	clear:both;
	float:left;
	text-align:right;
	width:195px;
	padding:0px 5px 5px 0px;
}
#top_bannerbox{
	width:400px;
	height:auto;
	float:right;
/*	background:pink;
	border:black solid;*/
}
#top_contentbox{
	padding-bottom:20px;
	height:330px;
}	
#top_contentbox01{
	height:auto;
	padding:10px 0px;
}
#top_contentbox01 h2{
	margin:0px 0px 20px 0px;
	width:480px;
	height:40px;
	background-image:url(../images/ind-title01.gif);
}
#top_contentbox01 h2 span{
	display:none;
}
#top_contentbox01 p{
	margin:0px 0px 20px 0px;
	font-size:12px;
}
#top_contentbox02{
	width:200px;
	float:left;
	padding-right:10px;
}
#top_contentbox03{
	width:220px;
	float:right;
	
}
#top_bnr{
	clear:both;
	padding-bottom:20px;
	padding-left:15px;
	overflow:auto;
}	
#top_bnr p{
	float:left;
	padding-right:10px;
}	
.twtr-timeline{
height:160px!important;
}
#twtr-widget-1 .twtr-doc, #twtr-widget-1 .twtr-hd a, #twtr-widget-1 h3, #twtr-widget-1 h4, #twtr-widget-1 .twtr-popular {
background-color:#297793 !important;
color:#FFFFFF !important;
}
#twtr-widget-1 .twtr-new-results, #twtr-widget-1 .twtr-results-inner, #twtr-widget-1 .twtr-timeline {
background:none repeat scroll 0 0 #FFFFFF !important;
}
#twtr-widget-1 .twtr-bd, #twtr-widget-1 .twtr-timeline i a, #twtr-widget-1 .twtr-bd p {
color:#000000 !important;
}
/*グローバルナビ　2010/09/11追加　*/
#navbox{
	float:left;
	width:1000px;
}
#navbox li{
	float:left;
}
#navbox .nav01 a{
	width:210px;
	height:40px;
	background-image:url(../images/nav01.gif);
	display:block;
}
#navbox .nav01 a:hover{
	width:210px;
	height:40px;
	background-image:url(../images/nav01-on.gif);
	display:block;
}
#navbox .nav02 a{
	width:170px;
	height:40px;
	background-image:url(../images/nav02.gif);
	display:block;
}
#navbox .nav02 a:hover{
	width:170px;
	height:40px;
	background-image:url(../images/nav02-on.gif);
	display:block;
}
#navbox .nav03 a{
	width:250px;
	height:40px;
	background-image:url(../images/nav03.gif);
	display:block;
}
#navbox .nav03 a:hover{
	width:250px;
	height:40px;
	background-image:url(../images/nav03-on.gif);
	display:block;
}
#navbox .nav04 a{
	width:160px;
	height:40px;
	background-image:url(../images/nav04.gif);
	display:block;
}
#navbox .nav04 a:hover{
	width:160px;
	height:40px;
	background-image:url(../images/nav04-on.gif);
	display:block;
}
#navbox .nav05 a{
	width:210px;
	height:40px;
	background-image:url(../images/nav05.gif);
	display:block;
}
#navbox .nav05 a:hover{
	width:210px;
	height:40px;
	background-image:url(../images/nav05-on.gif);
	display:block;
}
#navbox span{
	display:none;
}

/*グローバルナビ　2010/09/11追加　*/


/*フットナビ　2010/09/11追加　*/
*html body #footnav{
	clear:both;
	float:left;
	padding:10px 0px 10px 40px;
	width:940px;
	font-size:12px;
}
#footnav{
	clear:both;
	float:left;
	padding:10px 0px 10px 40px;
	width:940px;
	font-size:12px;
}
#footnav li{
	float:left;
	padding:0px 10px 0px 10px;
	border-right:solid 1px #999999;
}
#footnav li.bnone{
	border-right:none;
}
#footnav li a{
	text-decoration:none;
	color:#000000;
}
#footnav li a:hover{
	text-decoration:underline;
	color:#0000FF;
}


/*フットナビ　2010/09/11追加　*/
/*震災　2011/04/06追加*/
#ind_info01{
	padding:10px 0px 0px 0px;
	clear:both;
}	
/*新着ボタン　2011/12/9追加　*/
#ind_bt01{
	float:right;
	padding-left:10px;
}
#ind_bt01 a:hover{
	opacity:0.6;
}	
#ind_bt02{
	float:right;
}
#ind_bt02 a:hover{
	opacity:0.6;
}