@charset "utf-8";

/* 基本構造 レイアウトのためのもの
---------------------------------------------------------------------*/
body  {
	font-size:100%;
	font-family:"メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	background: #ffffff;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
}

#container { 
	width: 1000px;  
	background: #FFFFFF;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
} 

#header { 
	width:1000px;
	height:215px;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
	margin-top:30px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	border-top:#003300 solid 2px;
	border-bottom:#003300 solid 2px;
} 

#logo {
	margin:0px;
	padding:0px;
	width:275px;
	float:left;
	overflow:hidden;
		}
	
#mainphoto {
	margin:0px;
	padding:0px;
	width:720px;
	height:215px;
	float:right;
				}


#header #logo h1 {
	margin: 0px; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
	padding:0px;
	}

#header #logo h1 .logo01{
	margin-bottom:0px;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	padding:0px; 
	float:right;
	}
	
#header #logo h1 .logo02{
	margin-bottom:0px;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	padding:0px; 
	width:275px;
	height:95px;
	vertical-align:bottom;
	float:left;
	}


#header #logo table{
	margin-bottom:0px;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	padding:0px; 
	vertical-align:bottom;
	width:295px;
	height:105px;
	float:left;
	}

#header #mainphoto .main01 {
	margin-bottom:-15px;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	padding:0px;
	}


#header #mainphoto .main02{
	margin-bottom:-10px;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	padding:0px;
	}

#header #mainphoto .main03{
	margin-bottom:-10px;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	padding:0px;
	position:absolute;
	}

/* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */

#sidebar1 { 
	float:left; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	width:275px; /* 標準に準拠したブラウザまたは Internet Explorer の標準モードでは、この div の実際の幅には、幅に加えて余白と境界線も含まれます */
				}

/* 以下印刷用CSSIE6以下サイドメニュー表示せず */
* html #sidebar1 { 
	float:left;
	width:275px; 
	display:none;
				}

#mainContent { 
	margin-left:275px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
		 /* この div エレメントの右マージンと左マージンにより、ページの両側に 2 つのサイドバーが設定されます。#sidebar1 div と #sidebar2 div に含まれるコンテンツの量に関係なく、列のスペースは維持されます。サイドバーのコンテンツが終了した後のスペースに #mainContent div のテキストを挿入するには、このマージンを削除します。 */
	padding: 0; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	} 
	
/* 以下印刷用CSSIE6以下左よせに */
* html #mainContent { 
	margin-left:0px;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	padding: 0; 
	width:720px;
	} 




#footer { 
	padding: 0 5px 0 10px; 
   border-top:#999999 1px solid;
	margin-top:5px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:50px;
} 

.ftmenu{
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding-top: 0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
	width:350px;
	float:left;
		
}

.ftmenu li {
	margin-bottom:0px;
	margin-left:0px;
	margin-top:5px;
	margin-right:15px;
	list-style:none;
	color:#666666;
	font-size:60%;
	float:left;
	
	}

.ftmenu a {
	display:block;
	text-decoration:none;
	}

.ftmenu a:link {
	color:#333333;	
		}
	

.ftmenu a:visited {
	color:#333333;	
		}

.ftmenu a:hover {
	color:#999999;
			}

.ftmenu a:active {
	color:#999999;	
		}
		
.rights{
	float:right;
	margin-top:5px;
	margin-right:10px;
	margin-bottom:0px;
	margin-left:0px;
	}


.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltrt02 { /* マージン設定なし。幅指定*/
	float: right;
	width: 250px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 8px;
}

.fltlft02 { /* マージン設定なし、幅指定 */
	float: left;
	width:250px;
}

.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size: 1px; 
    line-height: 0px;
}



		
/* 共通書式設定
---------------------------------------------------------------------*/		
h2 {
	margin:0px;
	padding:0px;
	}

h4 {
	font-size: 95%;
	font-weight:normal;
	color:#003300;
	border-bottom:#003300 solid 2px;
	margin-left:20px;
	margin-top:30px;
	margin-right:20px;
	margin-bottom:20px;
	padding-left:38px;
	padding-top:5px;
	padding-right:0px;
	padding-bottom:0px;

display: list-item;
list-style-image: url(images/bud.gif);
list-style-position: inside;

	/* 背景画像表示消す
---------------------------------------------------------------------
	background-image:url(images/bud.gif);
	background-position:bottom left;
	background-repeat:no-repeat;

*/
	}
	
h5 {
	font-size: 80%;
	font-weight:bold;
	margin:0px;
	}

h6 {
	font-size: 75%;
	font-weight:bold;
	margin-top:15px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:5px;
	padding:0px;
	}


p {
	font-size:75%;
	margin-left:40px;
	margin-top:0px;
	margin-right:10px;
	margin-bottom:20px;
	}
	
a:link {
	color: #009d49;
}
a:visited {
	color: #333333;
}
a:hover {
	color: #999999;
}
a:active {
	color: #999999;
}

a img {
	border:none;
	}
	

ol {
	font-size:75%;
	margin-left:45px;
	}

.00 {
	margin:0px;
	padding:0px;
	}
	
.up {
	vertical-align:top;
	}
	
.txtright {
	text-align:right;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:20px;
	margin-top:0px;
	}
.txtright02 {
	text-align:right;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:20px;
	margin-top:-15px;
	}	
	
/* トップページ 下部ページ共通様式
---------------------------------------------------------------------*/



#buttons {
	margin:0px;
	padding:0px;
			}
	
#buttons table{
	margin:0px;
	}

/* レイアウトdivの最初のエレメントに設定しないと隙間が発生。 */

#main {
	float:left;
	width:510px;
	margin:0px;
	padding:0px;
	}

#sub {
	float: right; /* 幅が設定されている必要がある */
	width: 210px; /* 標準に準拠したブラウザまたは Internet Explorer の標準モードでは、この div の実際の幅には、幅に加えて余白と境界線も含まるので注意 */
	margin:0px;
	padding:0px;
	overflow: hidden; 
	
	}
	

/* 以下印刷用CSSIE6以下右サイド表示*/
* html #sub {
	float: right; 
	width: 210px; 
	margin:0px;
	padding:0px;
	overflow:visible;
	}



#sidebar1{
	margin: 0px;
	padding:0px;
	}

#sidebar1 img {
	margin: 0px;
	padding:0px;
	}
	
#menu {
	margin:0px;
	padding-top:0px;
	padding-left:5px;
	padding-right:0px;
	padding-bottom:0px;
	}

#main table{
	margin-bottom:10px;
	margin-left:35px;
	margin-right:0px;
	margin-top:10px;
	font-size:70%;
	border:#CCCCCC solid 1px;
	
	}

#main table th{
	background-color:#ebebeb;
	padding: 1px;
	text-align:center;
	border:#CCCCCC solid 1px;
	}

#main table td{
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	border:#CCCCCC solid 1px;
		}



caption {
	font-size:110%;
	text-align:left;
	font-weight:bold;
	margin-left:40px;
	margin-top:10px;
	}

.banners01 {
	margin-left:30px;
	margin-right:0px;
	margin-top:20px;
	margin-bottom:0px;
	}
 

.banners02 {
	width:220px;
	height:300px;
	margin-top:20px;
	margin-left:35px;
	/*margin-left:25px;
	
	margin-right:25px;*/
	margin-right:15px;
	margin-bottom:0px;
	padding:0px;
	/* iflameを囲むdivへの設定。サイズと余白。。 */
			}

.banners02fl {
	width:220px;
	height:300px;
	/* iflameへの設定。ボーダーを消すため */
	border:hidden;
	margin:0px;
	padding:0px;
		}

.news {
	width:450px;
	/*フレーム取り外しにより削除
	height:180px;*/
	margin-top:0px;
	/*フレーム取り外しにより変更
	margin-left:40px;*/
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	padding:0px;
			}

/*フレーム取り外しのため以下追加*/
.newinfo {
	margin-right:15px;
		}

.newinfo ul {
	margin-bottom:0px;
	line-height:150%;
	}



.newinfo ul li{
	margin-bottom:10px;
	}


/*フレーム取り外しのため以下不必要
.newsfl {
	width:450px;
	height:180px;
	border:hidden;
	margin:0px;
	padding:0px;
		}


.features {
	width:450px;
	height:260px;
	margin-top:0px;
	margin-left:40px;
	margin-right:0px;
	margin-bottom:0px;
	padding:0px;
	
			}


.featuresfl {
	width:450px;
	height:260px;
	border:hidden;
	margin:0px;
	padding:0px;
		}
 ここまで*/

	 
	 
#sub p {
	margin-bottom:10px;
	margin-left:5px;
	margin-right:0px;
	margin-top:0px;
	}

#sub p.caption{
	margin-bottom:20px;
	margin-left:5px;
	margin-right:0px;
	margin-top:0px;
	font-size:70%;
	color:#333333;
	}



#sub p img {
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:40px;
	border:#CCCCCC 1px solid;
	padding:1px;
	}	


#sub ul {
	list-style:square;
	font-size:75%;
	}
	
.project {
	margin:0px;
	padding-bottom:15px;
	padding-top:0px;
	padding-left:0px;
	padding-right:5px;
	border-bottom:#999999 dotted 1px;
		}

.kakomitxt{
	width:155px;
	float:right;
	margin:0px;
		}

.kakomitxt p{
	margin:0px;
	padding:0px;
	font-size:75%;
	}
	
.dwnspace15 {
	margin-bottom:15px;
	}
	

#buttons h3{
	margin-top:10px;
	margin-bottom:10px;
	margin-right:0px;
	margin-left:18px;
	padding-bottom:5px;
	padding-left:20px;
	padding-top:5px;
	padding-right:10px;
	background-color:#333333;
	font-size:95%;
	color:#FFFFFF;
	font-weight:normal;
		}
	
#buttons p{
	margin-top:10px;
	margin-bottom:10px;
	margin-right:0px;
	margin-left:20px;
	font-size:70%;
	}

#buttons ul{
	margin-bottom:15px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	list-style:none;
	}

#buttons ul li {
	border:#CCCCCC solid 1px;
	width:auto;
	zoom:1;
	padding:3px;
	float:left;
	}

/* FAQの文頭に使用。その他数字などにも応用。
---------------------------------------------------------------------*/	

.q {
	font-size:100%;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#FF0000;
	padding-bottom:0px;
	padding-top:0px;
	padding-left:5px;
	padding-right:5px;
	margin-right:5px;
	}
	
.ans {
	font-size:100%;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#666666;
	padding-bottom:0px;
	padding-top:0px;
	padding-left:5px;
	padding-right:5px;
	margin-right:5px;
}

/*　本文の定義リスト設定
---------------------------------------------------------------------*/	

#main dl {
	margin-bottom:0px;
	margin-left:40px;
	margin-right:0px;
	margin-top:20px;
	font-size:75%;
	}

#main dt {
	font-weight:bold;
	border-left:#333333 solid 10px;
	padding-top:3px;
	padding-left:5px;
	margin-bottom:10px;
		}

#main dd {
	margin-bottom:15px;
		}

/* 本文中の写真枠に使用 02は左マージン0
---------------------------------------------------------------------*/	

.waku {
	margin-bottom:0px;
	margin-left:10px;
	margin-right:0px;
	margin-top:20px;
	border:#CCCCCC 1px solid;
	padding:1px;
	}

.waku02 {
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:20px;
	border:#CCCCCC 1px solid;
	padding:1px;
	}

/* サイドバーの中の写真2個目以降に使用 02はｐで挟まない場合
---------------------------------------------------------------------*/	
.waku_side {
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	border:#CCCCCC 1px solid;
	padding:1px;
	}

.waku_side02 {
	margin-bottom:10px;
	margin-left:5px;
	margin-right:0px;
	margin-top:0px;
	border:#CCCCCC 1px solid;
	padding:1px;
	}

/* 本文中の写真キャプションに使用
---------------------------------------------------------------------*/	
.caption02 {
	font-size:70%;
	color:#333333;
	}

.topspace30 {
	margin-top:30px;
	}
	

.whitedl dl{
	margin-bottom:0px;
	margin-left:40px;
	margin-top:0px;
	margin-top:0px;
	font-size:75%;
	}
	
	
.whitedl dt {
	font-weight:bold;
	border-bottom:#CCCCCC dotted 1px;
	margin-right:50px;
			}

.whitedl dd {
	margin-bottom:5px;
	margin-left:80px;
	margin-right:50px;
	margin-top:0px;
		}
		
/* 赤字にしたいときに。オレンジ。
---------------------------------------------------------------------*/	
.red {
	color:#cc3300;
	}
/* キャンペーン　ページ緑の囲み
---------------------------------------------------------------------*/	
.kakomi_green {
	border:#003300 1px double;
	background-color:#f9f9f9;
	margin:40px;
	padding-left:0px;
	padding-right:15px;
	padding-top:15px;
	padding-bottom:15px;
	zoom: 1;
		}

.kakomi_green ul {
	font-size:75%;
	margin-left:-25px;
	zoom: 1;
	display:block;
	}

/* h4の次に目立たせたい時に使用。リードなど
---------------------------------------------------------------------*/		
.title01 {
	font-weight:bold;
	font-size:80%;
	}

/* リストの指定
---------------------------------------------------------------------*/			
#main ul {
	font-size:75%;
	margin-left:30px;
	margin-bottom:30px;
	}
	

/* 下線の指定 点線
---------------------------------------------------------------------*/		

.borderbtm {
	z-index:1;
	border-bottom:#333333 dotted 2px;
	}

/* 文字を１段階小さくする設定
---------------------------------------------------------------------*/		

.smaller {
	font-size:60%
	}
	
/* サイトマップ内設定
---------------------------------------------------------------------*/		

.sitemap ul li{
	margin-left:40px;
	font-size:100%;
	list-style-type:square;
	}
	
.sitemap ul li ul li{
	font-size:120%;
	list-style-type:disc;
	}
	
.sitemap ul li ul li ul li{
	font-size:130%;
	list-style-type:circle;
	}
	
/* articleが続く場合は#main #subではなく、こちらを使用すること。
複数回使用のため、＃が使えないため。内容は同じ。
---------------------------------------------------------------------*/			
.mains {
	float:left;
	width:510px;
	margin:0px;
	padding:0px;
	}

.subs {
	float: right; 
	width: 210px; 
	margin:0px;
	padding:0px;
	overflow: hidden; 
	}
	
.mains dl {
	margin-bottom:0px;
	margin-left:40px;
	/*変更20100712
	margin-right:0px;
	*/
	margin-right:20px;
	margin-top:20px;
	font-size:75%;
	}

.mains dt {
	font-weight:bold;
	border-left:#333333 solid 10px;
	padding-top:3px;
	padding-left:5px;
	margin-bottom:10px;
		}

.mains dd {
	margin-bottom:15px;
		}
		
.subs p {
	margin-bottom:10px;
	margin-left:5px;
	margin-right:0px;
	margin-top:0px;
	}

.subs p.caption{
	margin-bottom:20px;
	margin-left:5px;
	margin-right:0px;
	margin-top:0px;
	font-size:70%;
	color:#333333;
	}



.subs p img {
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:40px;
	border:#CCCCCC 1px solid;
	padding:1px;
	}	

/* articleが続く場合は#main #subではなく、こちらを使用すること。
ここまで
---------------------------------------------------------------------*/	

/* インデックス特集flameはずしたため移動
---------------------------------------------------------------------*/
	
.flame {
	width:450px;
	margin-left:40px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	border:none;
	}

dl.top_ft{
		margin:0px;
		width:330px;
		float:right;
	}

dl.top_ft dt.top_ft01{
	margin-left:-20px;
	margin-top:5px;
	margin-right:0px;
	margin-bottom:0px;
	font-weight:bold;
		
	}
	
 dd.top_ft02{
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	zoom: 1;
		}

.feature01 p {
	margin:0px;
	width:80px;
	float:left;
	}


.clear {
	clear:both
	}

/* seemore info関連
---------------------------------------------------------------------*/
.seemore {
	width:170px;
	float:right;
	margin:0px;
	}	
	
	
.nouph4 {
	font-size: 95%;
	font-weight:normal;
	color:#003300;
	border-bottom:#003300 solid 2px;
	margin-left:20px;
	margin-top:0px;
	margin-right:20px;
	margin-bottom:20px;
	padding-left:38px;
	padding-top:5px;
	padding-right:0px;
	padding-bottom:0px;
	background-image:url(images/bud.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	}

/* ページトップ　ナビ、次のページナビ
---------------------------------------------------------------------*/

.topnext {
	width:180px;
	float:right;
	}

.pgtop {
	width:95px;
	float:right;
	}
	
/* 左側のスペース
---------------------------------------------------------------------*/	
.lespace15 {
	margin-left:15px;
	}

.lespace30 {
	margin-left:30px;
	}


.clearfix:after {
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	}

.clearfix {
	display:inline-block;
		}

/* Hides from IE-mac \*/
* html .clearfix { height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac \*/






.maleft35 {
	margin-left:35px;
	}

.mdlbox {
	width:300px;
	float:left;
	}


	
.maright30 {
	margin-right:30px;
	}


/* article クラス内、テーブルの設定
---------------------------------------------------------------------*/	
	
.mains table{
	margin-bottom:10px;
	margin-left:35px;
	margin-right:0px;
	margin-top:10px;
	font-size:70%;
	border:#CCCCCC solid 1px;
	
	}

.mains table th{
	background-color:#ebebeb;
	padding: 1px;
	text-align:center;
	border:#CCCCCC solid 1px;
	}

.mains table td{
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	border:#CCCCCC solid 1px;
		}
		

/* google calenderのためのもの
---------------------------------------------------------------------*/

.gcalender {
	margin-left:17px;
}


/* フォントサイズの調整
---------------------------------------------------------------------*/
.font80 {
	font-size:80%;
}

/* リンクページ、リストの調整
---------------------------------------------------------------------*/

ul.linklist li {
	margin-bottom:20px;
	margin-right:20px;
	margin-left:0px;
	margin-top:0px;
}


/* 参考書籍ページ、リストの調整
---------------------------------------------------------------------*/

ul.booklist {
		font-size:80%;
}

ul.booklist li {
	margin-bottom:0px;
	margin-right:20px;
	margin-left:35px;
	margin-top:0px;
}


/* キャンペーン　ページ緑の囲み
---------------------------------------------------------------------*/	
.kakomi_com {
	border:#E3E3E3 1px solid;
	background-color:#f9f9f9;
	margin-bottom:40px;
	margin-left:80px;
	margin-right:60px;
	margin-top:40px;
	padding-left:0px;
	padding-right:30px;
	padding-top:10px;
	padding-bottom:10px;
	font-size:90%;
	color:#666;
	zoom: 1;
		}