@charset "UTF-8";


body {
	font-family		: Arial,"メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	font-size			: 10pt;
	line-height		: 1.5em;
	letter-spacing: 1px;
	color					: #736666;	
	margin				: 0px;
	padding				: 0px;
	text-align		: center;
/*	background 		: #f7f7f2; */
	background 		: #fff;
	_zoom:0.8; 		/* IE print用 */
}



h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form{
	margin					: 0px;
	padding					: 0px;
}

ul{
	list-style-type	: none;
}

img {
	border					: none;
}

.va_middle {
	vertical-align:	middle;		/*バーチカルアラインをミドルにするとき */
}
.va_top {
	vertical-align:	top;		/*バーチカルアラインをトップにするとき */
}
input,textarea,select {
	font-size				: 1em;
}

form {
	margin					: 0px;
}

table {
	border-collapse	:collapse;
	font-size				: 100%;
	border-spacing	: 0;
}

.clear{
	clear : both;
}

/*リンク設定
---------------------------------------------------------------------------*/
a {
	color						: #1A1A1A;
	text-decoration	: none;
}

a:hover {
	color						:	#1A1A1A;
	text-decoration	: underline;
}

a.pdf {
	color						: #2862d0;
	text-decoration	: none;
}

a.pdf:hover {
	color						:	#2862d0;
	text-decoration	: underline;
}



/*回り込み　左
---------------------------------------------------------------------------*/
.alignleft{
  float:left;
  margin-right : 15px;
}

/*回り込み　右
---------------------------------------------------------------------------*/
.alignright{
  float:right;
  margin-left : 15px;
}

/*回り込み　中央
---------------------------------------------------------------------------*/
.aligncenter{
   display:block;
   margin:0 auto;
}



/*　左右共通　バナーエリア
---------------------------------------------------------------------------*/
.banner_area {
	text-align		:center;
	margin-bottom : 20px;
}
.banner_area img{
	margin-bottom : 20px;
}

/*　左右共通　角○のバナーと影
---------------------------------------------------------------------------*/
.rounded-img {
	display: inline-block;
	overflow: hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    -webkit-box-shadow: 0px 1px 5px 0px #d2d2d2;
    -moz-box-shadow: 0px 1px 5px 0px #d2d2d2;
    box-shadow: 0px 1px 5px 0px #d2d2d2; 
}

/*　左右共通　バナーと影
---------------------------------------------------------------------------*/
.shadow-img {
    -webkit-box-shadow: 0px 1px 5px 0px #d2d2d2;
    -moz-box-shadow: 0px 1px 5px 0px #d2d2d2;
    box-shadow: 0px 1px 5px 0px #d2d2d2; 
}



/*コンテナー
---------------------------------------------------------------------------*/
#container {
	background	: none; /* 印刷用 */
}

#container_other {
	background	: none; /* 印刷用 */
}


/*RAPPER
---------------------------------------------------------------------------*/
.rapper{
	text-align		: left;
	width					: 980px;	/*HPの幅*/
	margin-right	: auto;
	margin-left		: auto;
}




/*ヘッダーの定義
---------------------------------------------------------------------------*/
/*ヘッダー
---------------------------------------------------------------------------*/
#header {
	height		: 40px;	
	width			: 100%;
	position	: relative;
}



#header h1 {
	position	: absolute;
	font-size : 90%;
  color 		: #fff;
  left 			: 0px;
  top 			: 2px;
  display   : none;
}

#header #logo {
	position	: absolute;
	left			: 0px;	
	top				: 10px;	
	z-index		:	1;
}

#header #logo2 {
	position	: absolute;
	top				: 20px;
	right			: 0px;			
}

/*検索
--------------------------------------------------------------------*/
#header #search {
	position : absolute;
	top: 50px;
	right: 0px;			
  width : 300px;
  margin : 0px 0px 0px 0px;
  text-align : right;
	vertical-align : top;

	display		:	none;		/* print 非表示 */

}
#header #search form {
  margin : 0px;
  padding : 0px;
	position: relative;
}
#header #search .button01 {
	position: absolute;
	top : 0px;
  width : 200px;
	height : 18px;
	right : 62px;
	color: #746666;		
	font-size: 10pt;	
  text-indent : 2em;
	background: #fff  url(../images/search_back.png) left top no-repeat ;
	border-top : 1px solid #b5b5b5;
	border-right : 1px solid #9f9f9f;
	border-bottom : 1px solid #9f9f9f;
	border-left : 1px solid #b5b5b5;	
}
#header #search .button02 {
	position: absolute;
	top : 0px;
	right : 0px;
	width : 60px;
  height : 22px;
	color: #736666;
	border : 0px;
	font-size: 10pt;	
	background:#ccc4c0;  
	border-top : 1px solid #b5b5b5;
	border-right : 1px solid #9f9f9f;
	border-bottom : 1px solid #9f9f9f;
	border-left : 1px solid #b5b5b5;	
	text-shadow: 1px 1px 3px #fff;  
}

#header  #search .button02:hover,
#header  #search .button02:focus {
    background-position:left -22px;
		cursor: pointer;　/* カーソルを指マークに Operaはなぜか効かない*/
}


/*メインメニューs
---------------------------------------------------------------------------*/
#header ul#menu {
	position	: absolute;
	left			: 0px;
	top				: 100px;
  border-top		:	#7ab200 solid 3px;
	list-style-type	: none;
	display		:	none;		/* print 非表示 */
}

#header ul#menu li {
	margin-top		:	22px;
	height				: 54px;
	float					: left;
}

#header ul#menu li.last {
}


/*　メイン画像 
---------------------------------------------------------------------------*/
/*メイン画像
---------------------------------------------------------------------------*/
#mainimg {
  height 				: 330px;
  margin-bottom : 30px;
}


/*コンテンツ（左右ブロックを囲むボックス）
---------------------------------------------------------------------------*/
#contents {
	clear					: both;
	width					: 100%;
	background		:	#fff;
}



/*メインコンテンツ（左ブロック）
---------------------------------------------------------------------------*/
#main {
	width		: 710px;	
	float		: left;
	display	: inline;
  margin 	: 00px 0px 40px 0px;
}

#main h2 {
	font-size		: 160%;	
	color				: #202020;	
	padding-top  :	37px;
	padding-left	:	50px;
/*	padding-bottom:	2px; */
}
#main h2 .index {
	padding 		: 0px;
  background 	: none;
}
#main .subtitle{
	margin-left	:	54px;
	font-size 	:	80%;
	color 			:	#b6a6a6;
}


#main h3 {
	font-size		: 100%;	
	font-weight : bold;
	padding 		: 5px;
	margin			: 30px 0px 0.5em 0px;
  background 	: #fff;
  border-left	:	5px solid #dbdbdb;
}

#main h4 {
	font-size		: 100%;	
	color				: #666666;
	background 	: #fff;
	margin 			: 5px 0px;
	font-weight : normal;
	padding 		: 3px 0px 0px 1em ;
	border-left-width	: 5px;
	border-left-style	: solid;
	border-left-color	: #b0d166;
}
#main p {
	padding-top		: 0.5em;
	padding-bottom: 1em;
}



/*　BOX
-------------------------------------------------------*/
/*　BOX1　h2見出しで使う、一番上の大きい箱
-------------------------------------------------------*/
/*　タイトル部分  */
#main .box1_title{
  background 	: url(../images/box1_title.jpg) left top no-repeat;
	height			:	108px;
}
/*　内容部分  */
#main .box1{
	border-left 	: #ddd9d6 solid 1px;
	border-right 	: #ddd9d6 solid 1px;
	border-bottom : #ddd9d6 solid 1px;
	padding 			:	0px 20px	20px 20px;
	margin-bottom : 20px;
  background : #fff;
}
#main .box1 p{
	margin	:	0px;
	padding	:	0px;
}
#main .box1_top{
	border-top 	: #ddd9d6 solid 1px;
}
/*　BOX2　BOX1の中に入る、緑の箱
-------------------------------------------------------*/
/*　タイトル部分  */
#main .box2_title{
  background 	: url(../images/box2_title.jpg) left top no-repeat;
	width				:	324px;
	height			:	42px;
	padding			:	0px;		
}
#main .box2_title p{
  padding			:	13px	0px	0px	30px;
	color				:	#fff;		
}
#main .box2_title a {
	color						: #fff;
	text-decoration	: none;
}

#main .box2_title a:hover {
	color						:	#fff;
	text-decoration	: underline;
}
/*　内容部分  */
#main .box2{
	border-left 	: #ddd9d6 solid 1px;
	border-right 	: #ddd9d6 solid 1px;
	border-bottom : #ddd9d6 solid 1px;
	margin-bottom : 0px;
  background 		: #fff;
	font-size			:	90%;
	height 				:	150px;
}
#main .box2 p{
	margin	:	0px;
	padding	:	15px;
}
/* リスト　h2の中に入る緑の箱を横並びに */
#main ul.box2_ul{
	margin	:	30px	0px	0px	0px;
	padding :	0px;
	list-style-type	: none;
}
#main ul.box2_ul li{
	margin	:	0px	0px	20px	0px;
	padding	:	0px;
	float		:	left;
	width		:	324px;
}
#main ul.box2_ul li.left{
	margin-right	:	20px;			/* 左側のリスト */
}
#main ul.box2_ul li.right{
	margin-right	:	0px;			/* 右側のリスト */
}
#main ul.box2_ul li.under{
	margin-bottom	:	0px;			/* 下にくるリストのマージンをゼロに */
}
/*　グレーの枠  */
#main .box2_gray{
	border-left 	: #ddd9d6 solid 1px;
	border-right 	: #ddd9d6 solid 1px;
	border-bottom : #ddd9d6 solid 1px;
	margin-bottom : 0px;
  background 		: #F7F5F5;
	font-size			:	90%;
	height 				:	45px;
}
/*　グレーの枠の中のテーブル  */
#main table.box2_table{
	margin				:	0px	15px;
}
#main table.box2_table td{
		height 				:	45px;
}
#main table.box2_table td img{
	margin-right	:	0.5em;
}

/*　BOX3　BOX1の中に入る、グレーの箱
-------------------------------------------------------*/
/*　タイトル部分  */
#main .box3_title{
	margin-top	:	30px;
  background 	: url(../images/box3_title.jpg) left top no-repeat;
	width				:	668px;
	height			:	39px;
	padding			:	0px;		
}
#main .box3_title p{
	padding-top	:	5px;	
}
#main .box3_title span{
  padding			:	5px	10px;
	color				:	#fff;
	background	:	#4d4445;	
	font-size		:	110%;
}
/*　内容部分  */
#main .box3{
	border-left 	: #ccc4c1 solid 1px;
	border-right 	: #ccc4c1 solid 1px;
	border-bottom : #ccc4c1 solid 1px;
	margin-bottom : 0px;
  background 		: #F7F5F5;
	font-size			:	90%;
}
#main .box3 p{
	margin	:	0px;
	padding	:	0px	15px	15px	15px;
}

/*　BOX4
-------------------------------------------------------*/
/*　タイトル部分  */
#main .box4_title{
  background 	: url(../images/box4_title.jpg) left top no-repeat;
	width				:	710px;
	height			:	50px;
	padding			:	0px;
	margin-bottom : 20px;
	margin-top	:	30px;

}
#main .box4_title p{
	padding			:	16px 0px 0px 30px;
}
#main span.box4_title1{
	font-size		:	120%;
	font-weight : bold;
	color				: #202020;	
}

/*　BOX5
-------------------------------------------------------*/
/*　タイトル部分  */
#main .box5_title{
	margin-top	:	30px;
  background 	: url(../images/box5_title.jpg) left top no-repeat;
	width				:	710px;
	height			:	50px;
	padding			:	0px;		
}
#main .box5_title p{
	padding			:	16px 0px 0px 30px;
}
#main span.box5_title1{
	font-size		:	120%;
	font-weight : bold;
}

/*　BOX6
-------------------------------------------------------*/
/*　タイトル部分  */
#main .box6_title{
  background 	: url(../images/box6_title.jpg) left top no-repeat;
	width				:	710px;
	height			:	34px;
	padding			:	0px;		
}
#main .box6_title p{
	padding			:	10px 0px 0px 30px;
	font-size		:	110%;
	color 			:	#202020;
}

/*　BOX7
-------------------------------------------------------*/
/*　タイトル部分  */
#main .box7_title{
  background 	: url(../images/box1_title.jpg) left top no-repeat;
	height			:	108px;
}
/*　内容部分  */
#main .box7{
	border-left 	: #ddd9d6 solid 1px;
	border-right 	: #ddd9d6 solid 1px;
	border-bottom : #ddd9d6 solid 1px;
	padding 			:	0px 30px	20px 50px;
	margin-bottom : 20px;
  background : #fff;
  position: relative;
}
#main .box7 p{
	margin	:	0px;
	padding	:	0px;
}
#main .box7 input{
	float:right;
	width: 510px;
	height: 20px;
	margin: 5px 0 0 0;
	background-color: #e9e9e9;
	border:solid 1px #d3d3d3;
	line-height: 20px;
}
#main .box7_top{
	border-top 	: #ddd9d6 solid 1px;
}
#main span.box7_item{
	float:left;
	background 	: url(../images/box7_item.png) left center no-repeat;
	padding: 0 0 0 15px;
	line-height: 30px;
	font-size		:	120%;
	font-weight : bold;
	color				: #202020;	
}
#main p.box7_list{
	background 	: url(../images/box7_list.png) left center no-repeat;
	padding: 0 0 0 15px;
}
#main p.box7_list a{
	color: green;
}
#main span.box7_login{
	float:left;
	margin: 8px 0 0 113px;
	font-size: 90%;
}
#main a.box7_login{
	margin: 8px 0 0 0 ;
	float:right;
}

/*　BOX8
-------------------------------------------------------*/
/*　タイトル部分  */
#main .box8_title{
  background 	: url(../images/box1_title.jpg) left top no-repeat;
	height			:	108px;
}
/*　内容部分  */
#main .box8{
	border-left 	: #ddd9d6 solid 1px;
	border-right 	: #ddd9d6 solid 1px;
	border-bottom : #ddd9d6 solid 1px;
	padding 			:	0px 40px	20px 20px;
	margin-bottom : 20px;
  background : #fff;
}
#main .box8 img{
	float:left;
}
#main .box8 p{
	margin	:	0px;
	padding	:	0px;
}
#main .box8_cont{
	margin-left:50px;
}
#main .box8 p.box8_step{
	background 	: url(../images/box8_step.png) left center no-repeat;
	padding-left:18px;
	font-size		:	170%;
	font-weight : bold;
	color				: #202020;	
}
#main .box8 p.box8_subs{
	font-size		:	120%;
	font-weight : bold;
	margin-top:15px;
	padding-left: 18px;
}
#main .box8 p.box8_item{
	text-indent:-18px;
	padding-left:36px;
	margin-top:20px;
}

#main div.box8_hr{
	clear:both;
	border-bottom: solid 1px #dcdcdc;
	width:530px;
	margin: 0px auto 20px auto;
	padding: 10px 0 0 0;
}
#main .box8_top{
	border-top 	: #ddd9d6 solid 1px;
}

/*　TABLE
--------------------------------------------- */
table.table_01 {
    border: 1px #e0d8d6 solid;
    border-collapse: collapse;
    border-spacing: 0;
}


table.table_01 th {
    padding				: 5px 10px;
    border				: #e0d8d6 solid;
    border-width	: 0 0 1px 1px;
    background		: #7bb101;
		color					:	#fff;	
		text-align		:	left;
		font-weight		:	normal;
}
table.table_01 td {
    padding				: 5px 10px;
    border				: 1px #e0d8d6 solid;
    border-width	: 0 0 1px 1px;
}

table.table_01 th.th2 {
	background 			:	#e6e1de;
	color 					:	#4d4545;
}
table.table_01 th.th3 {
	text-align 			:	center;
}

table.table_01 td.td2{
	background 			:	#f7f5f6;
	color 					:	#736666;
	text-align			:	right;
}
table.table_01 td.td3{
	background 			:	#f7f5f6;
	color 					:	#202020;
	text-align			:	left;
}
table.table_01 td.td3 p{

	padding				:	0px;
}

.font_kana{ /*名前のヨミガナ */
	font-size 		:	80%;		
	line-height		: 2em;
}

.font_simei{ /*名前(ご挨拶) */
	font-size 		:	120%;	
	color 				:	#202020;
	font-weight 	: bold;	
}

/*　TABLE2 線ナシ
--------------------------------------------- */
table.table_02 {
    border: none;
}

table.table_02 td {
    border				: none;
    padding				: 0px;
}


/*index 新着情報
--------------------------------------------- */
#main .new{
  width : 690px;
}
#main .new dl {
	width : 690px;

/*	overflow: auto; */		/*この設定でiframeっぽく見える*/
	margin-top : 5px;
	border-bottom	: 1px dashed #ccc;	/*情報ごとに入る下線*/

}

#main .new dt {
	font-weight	: bold;	
	float				: left;		
	line-height	: 1.5em;
	padding			:	15px 0px;
  background 	: url(../images/indexnews_ymd.jpg) 0px 15px no-repeat;
	width				:	110px;
	text-align	:	center;
	color				:	#fff;
}

#main .new dd {
	padding				:	15px 0px	15px 130px;
	border-top	: 1px dashed #ccc;	/*情報ごとに入る下線*/
	line-height		: 1.5em;
}
#main .new .mark{
	vertical-align	:	middle;
	margin-right 		: 1em;
}
#main .new .newitem{
	font-weight : bold;
	color : #F00;
}

#main .new_last {
  margin-top		:	15px;
  text-align		:	right;
  padding-right : 20px;
}


#main ul.new_ul1{
	list-style-type: none;		
}
#main ul.new_ul1 li{
	background : url(../images/news_yajirusi1.png) 0px 2px no-repeat;		/* 矢印のリストマーク */
  padding-left : 20px;
}

#main ul.new_ul2{
	list-style-type: none;
}
#main ul.new_ul2 li{
	background : url(../images/news_yajirusi2.png) 0px 2px no-repeat;		/*丸のリストマーク*/
  padding-left : 20px;
}


/*ニュースリリースの更新日付
--------------------------------------------- */
#main .prevnext{
	margin-top 	: 30px;
  padding-top	:	15px;
  /*border-top  : 1px solid #d2d2d2;*/
	text-align	:	center;
}

/*ニュースリリースの更新日付
--------------------------------------------- */
#main p.writedate{
	margin-top		:	1em;
	border-top		:	solid 1px #d2d2d2;
	color 				: #d2d2d2;
  text-align		:	right;
}

/*　リスト
--------------------------------------------- */
#main ul{
	list-style-type	: disc;
	margin 	: 0px 0px 0px 10px;
}

#main ol{
	margin 	: 0px 0px 0px 40px;
}

/*ぱんくず
--------------------------------------------- */
#pankuzu{
	text-align:left;
  margin-top 			: 5px;
	margin-bottom		:	10px;
}
#pankuzu img{
	vertical-align	: -2px;
}

/*サイドコンテンツ（右ブロック）
---------------------------------------------------------------------------*/
#side {
	width		: 250px;
	float		: right;
	display	: inline;
  margin 	: 0px 0px;
	display		:	none;		/* print 非表示 */
}

#side .index{
  margin : 15px 0px;
}

#side .h2_title{
	background 	: url(../images/side_h2_title.jpg) no-repeat;
	height			:	50px;
}
#side h2{
	font-size 	: 120%;
	font-weight : bold;
	padding 		: 18px 0px 0px 35px;
	margin			:	0px;
	color 			:	#fff;
}

#side h3 {
	font-size: 100%;
	color: #333333;	/*背景色*/
	text-align: center;	/*文字をセンタリング*/
	margin-bottom: 1px;	/*下に少し余白*/
	margin-top: 20px;
	text-shadow: 1px 1px 3px #fff;  
}

#side p {
	padding-top: 0.5em;
	padding-bottom: 1em;
}

/*サイドメニュー
--------------------------------------------- */

#side ul.sidemenu  {
	list-style			:	none;
}
#side ul.sidemenu li {
	background	: url(../images/sidemenu_back.jpg) no-repeat;
	height			:	50px;
}
#side ul.sidemenu li p{
	padding 		: 15px 0px 0px 35px;
	font-size		:	110%;	
}
#side ul.sidemenu a {
/*	display					: block; */
	width						: 210px;
	font-weight			:normal;
	font-size				:	110%;	
	line-height			:	45px;
	padding					: 0px 0px 0px 35px;
	font-size				:	110%;	
}

#side ul.sidemenu a:hover {
	font-size				:	110%;	
}







/*フッター
---------------------------------------------------------------------------*/
#footer {
	clear: both;
	text-align: center;	/*センタリング*/
	color: #726666;		/*文字色*/
	background :  none; /* 印刷用 */
	display			:	none;		/* 印刷用 */ 
}

/*ページトップへ
--------------------------------------------- */
.pagetop {
	text-align: right;
}
.pagetop a {
	background : #f7f7f2;

}
.pagetop a:hover {
	background : #f7f7f2;
}

/*h2
--------------------------------------------- */
#footer h2{
	border-left : #726666 solid 5px;
	text-indent :	1em;
	font-size		:	100%;
	margin			:	20px	0px	10px	0px;
}

/*メニュー
--------------------------------------------- */
#footer .menu{
	font-size 		: 100%;
	background		:	url(../images/footer_menu_back.png) 0 0 repeat-y;		
	height 				: 100px;
	margin-bottom :	30px;
}  

#footer .menu ul {
	list-style-type	: none;

}
#footer .menu li {
	background	:	url(../images/footer_menu_li.png) 0px 2px no-repeat; 
  float				:	left;
	width				:	290px;
   /width			: 310px;
	padding 		: 0px 0em 5px 1.3em; 
	display			: inline;
	
	
	 }
	 
#footer .menu li a {
	color 					: #1A1A1A;
}
#footer .menu li a:hover {
	color						:	#1A1A1A;
	text-decoration	: underline;
}


/*住所
--------------------------------------------- */
#footer .addr{
	margin 			: 20px 0px 0px 0px;
	font-size 	: 90%;
	font-weight : normal;
	text-align	:	left;
}


/*コピーライト
--------------------------------------------- */
#footer .copyright{
	margin 				: 20px 0px;
	font-size 		: 80%;
	font-weight 	: normal;
	color 				: #726666;
	text-align		:	right;
	letter-spacing: 0px;

}



