@charset "UTF-8";
/*初期状態でもっているmarginとpaddingを0にしてレイアウトに影響しないように設定*/
body, h1, h2, h3, ul, li , h4.news{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: “Times New Roman”, “游明朝”, YuMincho, “ヒラギノ明朝 ProN W3”, “Hiragino Mincho ProN”, “メイリオ”, Meiryo, serif;
}

/*ページの表示大きさを固定。PCとスマホでの文字の大きさが勝手に変わらないようにする*/
body{
	overflow:scroll;
   -webkit-text-size-adjust: 100%;
}


/*全体を包むラッパー*/
#wrapper {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	/*左右のmrginをautoにすることで全体がブラウザ中央配置される*/
	background-color: #FFFFFF;
}


/*全体に共通の大見出しのスタイル*/
h1 {
	color: #666666;
	font-size: 21px;
	margin-top: 15px;
	border-left: 8px solid #9966cc;
	border-bottom: 1px solid #CCCCCC;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
}
/*中見出し*/
h2 {
	color: #9966cc;
	font-size : 18px;
	margin-top: 0px;
	padding-left: 10px;
	padding-top: 10px;
}

/*小見出し*/
h3 {
	color: #666666;
	font-size: 15px;
	margin-top: 10px;
	font-weight: bold;	
	padding-left: 10px;
}

/*本文パラグラフ書式の設定*/
p {
	color: #666;
	margin-top: 5px;
	margin-bottom: 15px;
	padding-left: 25px;
	clear: both;
}
/*本文パラグラフ書式に準じたインテンドのクラス　写真などに。*/
.p {
	padding-left: 25px;	
}

/*Div要素以外の、フロート解除*/
.clear{
	clear:both;
}


/*画像イメージのフロート設定　左寄せ*/

img.left	{
	float	:	left;
	padding-right	:	10px;
	padding-left	:	25px;
	
}

/*画像イメージのフロート設定　右寄せ*/

img.right	{
	float	:	right;
	padding-left	:	10px;
	
}


/*ヘッダの開始位置*/
#wrapper header {
	margin-top: 20px;
}

/*ヘッダロゴを置く場合にその大きさを指定*/
header #header_main h1 {
	padding-left: 20px;
	padding-top: 10px;
	margin-top: 20px;
	float: left;
}

/*ヘッダメインイメージ部の指定*/
#header_main   {
	width: 960px;
	height: 380px;
	clear: both;
}


/*ヘッダの小さなメニューの指定*/
#header_menu nav .topmenu {
	list-style-type: none;
}
/*メニューはブロックになっていてボックスは横幅いっぱい*/
.topmenu{
	width: 960px;
}
/*そのボックスの中で右フロートになっている、htmlで書いた順に右から左に掲載される*/
.topmenu li {
	float: right;
	text-align: center;
	margin-top: 40px;
}
/*オンマウスではない、通常の見え方*/
.topmenu  li a {
	display: block;
	padding: 5px 5px;
	background-color: #ffffff;
	text-decoration: none;
	color: #999;	
}

/*ホバー状態でアンダーラインを出す*/
.topmenu li a:hover {
	background-color: #FFFFFF;
	padding: 5px 5px;
	text-decoration: none;
	color: #666;
	border-bottom: thin solid #006633;
}

/*文章を意識して左端からスタートさせたいときのクラス*/
.start{
	/*display:block;*/
	float:left;
	margin-left:0px;
	
}

/*文章を意識して真ん中あたりからスタートさせたいときのクラス*/
.half{
	/*display:block;*/
	float:left;
	margin-left:400px;
}

/*通常ニュースの部分の指定（現在使用していない）

#wrapper #news {
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	border: 1px solid #CCCCCC;
	clear: both;
}


.newsbox	{content: "";
		display: block; 
		clear:both; 
		border: 0px solid #CCCCCC;
}
（使用していない）*/

/*ニュースフィードとタイムラインを包むボックス*/	

#wrapper #t_news {
	margin-top: 40px;
	float: left; 
	width: 70%;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	border: 1px solid #CCCCCC;
	clear: both;
}

/*（つかっていない）
#wrapper #news h1 {
	color: #f08300;
	font-size: 18px;
	margin-top: 0px;
	border-left: 4px solid #f08300;
	border-bottom: 1px solid #CCCCCC;
	padding-top: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}

#news .news li {
	margin-left: 30px;
	list-style-type: none;
	color: #666666;	
}

.news li strong {
	padding-right: 16px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-weight: normal;
}
（ここまで使っていない）*/

/*ニュースフィードとタイムラインをそれぞれ別ボックスにした。そのタイムライン*/
#wrapper #tl{
	margin-top: 40px;
	float:right;
} 
	

/*本文記事のスタイル,レイアウトを囲む罫がない*/
#wrapper #kiji {
	margin-top: 40px;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
		clear: both;
}


/*トップページのリンクバナー設置用のボックス*/
#wrapper .boxBanner{
	float:right;
	width:150px;
	height:40px;
	margin-left:20px;
　padding:0px;
 background-color:#ccc;
	border-bottom-color:#999;
}
.boxBannerContainer{
	overflow:hidden;
	/*width:800px;*/
	margin-top:20px;
	margin-bottom:20px;
}

/*clearfix*/
.boxBannerContainer:before,
.boxBannerContainer:after {
	content: "";
	display:table;
}

.boxBannerContainer {
	clear:both;
}


/*for IE6/7 (trigger haslayout)*/
.boxBannerContainer{
	zoom: 1;
}


/*kijiのなかにリストスタイルをつかって表組みを作るときのスタイル*/
#kiji ul {
		list-style:none;
		padding-left:20px;
		margin-top:20px;
		margin-bottom:20px;
	
}

#kiji li  {
	color:#666;
	margin-top:20px;
	border-bottom:1px dotted #ccc;

}

/*左端、左から250pxではじまるテキスト*/
span.dan{
	float:left;
	font-size:14px;	
	}
span.dan2{
	display:block;
	margin-left:250px;
	font-size:14px;	
}


/*kijiの中のフォームのスタイル*/
.formbox{
	font-size:15px;
	font-weight:normal;
	color:#666;
	margin-left: auto;
	margin-right: auto;
}

.formbox th, .formbox td{
	text-align:left;
	
}
	
.formbox .txt input,
.formbox .txt textarea,
.formbox .txt select {
	padding: 10px;
	
}	
	
	.formbox .txt select{
		-webkit-appearance: none;
		
}
		
	
	
	.formbox {
	border-top: 1px solid #ccc;
	
}
	
	.formbox th {
	width: 25%;
	padding:10px;
	font-weight:bold;
	background:#9966cc;
	border-bottom:1px solid #ccc;
	color: #fff;
	
}
	
	.formbox th span {
		color:#fff;
		
}
		
	.formbox .txt {
		width:55%;
	
}
		
	.formbox td {
		padding:10px;
		border-bottom:1px solid #ccc;
	
}
	
 .btn{
	text-align: center;
	margin:20px 0;	 
	 
}
	 
 button{
 -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
  border: 1px solid #ccc;
  padding: 5px 25px;
  cursor: pointer;
  background-color: #ddd;
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
  text-shadow: 0.1px 0.1px 1px rgba(21, 21, 21, 0.5);
}
button:hover {
  background-color: #ccc;
}



/*グローバルナビゲーション*/
#wrapper #mainnav {
	margin-top: 20px;
	width: 960	px;
	margin-left: auto;
	margin-right: auto;
	/* [disabled]list-style-type: none; */
}

#mainnav ul li {
	width:192PX;
	float: left;
	text-align:center;
	list-style-type: none;
	
}

#mainnav ul li a{
	width:auto;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	text-shadow:0 -1px 0px #333.0 1px 0px #555;
	padding:10px 0;
	text-decoration:none;
	display:block;
	background:#9966cc;
	border:solid 1px  #FFFFFF;
}	

/*#mainav li :first-child a {
	border-radius:5px 0 0 5px;
	border-left:0;
	box-shadow: -1px 0px 0px rgba(225,225,225,.3)  inset,
		0px 1px 1px rgba(0,0,0,0.1) inset,
		0px -1px 1px rgba(0,0,0,0.3)inset,
		0px 1px 3px #666;
} */

/*#mainav li :last-child a {
	border-radius:0 5px 5px 0;
	box-shadow: 1px 0px 0px rgba(225,225,225,0.3)  inset,
		0px 1px 1px rgba(0,0,0,0.1) inset,
		0px -1px 1px rgba(0,0,0,0.3)inset,
		0px 1px 3px #666;
} */

#mainnav ul li a:hover{
	background:#6600cc;
	/*background-image: -moz-linear-gradient(top, #e17a00 0%, #d07100 50%,  #c76b00 50%, #d07100 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e17a00), color-stop(0.50,#d07100),color-stop( 0.50, #c76b00),color-stop(1, #d07100));
	box-shadow: 1px 0px 0px rgba(225,225,225,0.3)  inset,
			-1px 0px 0px rgba(225,225,225,0.3) inset,
		0px 1px 1px rgba(0,0,0,0.1) inset,
		0px -1px 1px rgba(0,0,0,0.3) inset,
		0px 1px 3px #666;  */
}

/*フッター部*/

body footer {
	background-color: #9966cc;
	height:30px;
	color: #fff;
	margin-top:15px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	clear: both;
}

#footernav{
	 
 float:right;
/* width:600px;*/
	
}
	
#footernav ul li{
	float:left;
	list-style-type:none;
}

#footernav ul li a{
	color:#FFFFFF;
	font-size:12px;
	text-decoration:none;
	color:ffffff;
	margin-right:12px
	;
}

#footernav ul li a;hover{
	text-decoration:none;
	color:#fff;
}


#wrapper footer h3 {
	color: #FFFFFF;
	text-align: left;
	text-indent: 2px;
	float: left;
	width:280px;
}
.text-bottom{
	vertivcal-align:text-bottom;
}