@charset "utf-8";
body  {
	font: 12px "ＭＳ ゴシック",Osaka, Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #0A519F;
	line-height:1.4em;
}
dl,dt,dd,h1,h2,h3,h4,p,ul,li,table,th,td,a,img{
	margin:0px;
	padding:0px;
	}
h1,h2,h3,h4,h5,h6 {
 font-style: normal;
 font-weight: normal;
 font-size: 1.0em;
 }
img{
	border:none;
	}
a {	color: #0A519F; text-decoration: none;}
a:link {color: #0A519F; text-decoration: none;}
a:visited {	color: #0A519F; text-decoration: none;}
a:hover {color: #3399FF; text-decoration: underline; }

.twoColHybLtHdr #container { 
	width: 900px;  /* これにより、幅がブラウザの幅の 900px のコンテナが設定されます */
	background: #EDEDED;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
} 
.twoColHybLtHdr #header { 
	background: #F4F4F4; 
	padding: 0px;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
	height:90px;
} 
.twoColHybLtHdr #header h1 {
	margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
	padding-top: 24px;
	padding-left: 38px; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
	width:407px;
	height:59px;
	float:left;
 }
.twoColHybLtHdr #header .logo-e {
	margin:0;
	padding-right:18px;
	padding-top:5px;
	float:right;
	}
.twoColHybLtHdr #header .logo {
	margin:0;
	padding-right:0px;
	padding-top:10px;
	float:right;
	}
.twoColHybLtHdr #header .menu{
	margin:0;
	height:41px;
	padding:0;
}
.menu li{
	padding: 0px; 
	margin: 0px;
	float:left;
	list-style-type:none;
	}
/*----------------
トップページ
------------------*/
#top_mainContent{
	width:550px;
	margin:0px;
	padding:0px 0px 15px 40px;
	float:left;
	}
#top_mainContent .acnavi dt{
	margin:10px 5px;
	clear:left;
		}
#top_mainContent .acnavi dt img{
	float:left;
	margin-right:5px;
	margin-top:5px;
	border-right:#0A519F solid 2px;
	}
#top_mainContent .acnavi dd{
	padding:6px 10px;
	color:#666666;
	font-size:0.8em;
	line-height:1.3em;

	}
#top_mainContent .newrelease{
	margin-left:30px;
	font-size:100%;
	width:480px;
	margin-bottom:30px;
}
#top_mainContent .newrelease th{
	color:#555555;
	padding:5px;
	font-weight:normal;
	border-bottom:#0A519F dashed 1px;
}
#top_mainContent .newrelease td{
	padding:5px;
	font-weight:bold;
	line-height:1.4em;
	border-bottom:#0A519F dashed 1px;
}
#top_mainContent .newrelease td p{
	font-weight:normal;
	padding:5px 0px;
	line-height:1.4em;
	color:#555555;
}


#sidebar2{
	text-align:center;
	margin:0px;
	padding:0px;
	width:250px;
	padding-right:40px;
	float:right;
}
#sidebar2 img{
	margin-bottom:10px;
}
#sidebar2 .headline_news{
	background:#FAFAFA;
	color:#666666;
	margin:20px 0px;	
		
	}
#sidebar2 .headline_news dt{
	text-align:left;
	font-weight:bold;
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
	padding-left:30px;
	float:none;
	}
#sidebar2 .headline_news dd{
	background:url(../img/headline_news_arrow.jpg) no-repeat 10px top;
	text-align:left;
	padding-left:40px;
	padding-bottom:10px;
	margin-right:10px;
	margin-top:5px;
	border-bottom:1px #666666 dashed;
	}
#sidebar2 .headline_news .last_headline{
	text-align:left;
	padding-left:40px;
	padding-bottom:10px;
	border-bottom:none;
	}	
/*----------------
お問い合せ(メール送信完了画面)
------------------*/
#inquiry{
	text-align:center;
	}	
#inquiry h3{
	padding-top:30px;
	padding-bottom:20px;
	}		
#inquiry p{
	color:#666666;	
	}
/*----------------
お問い合せ 個人情報について
サイトマップ
------------------*/
#inquiry_privacy h3{
	padding-top:30px;
	padding-bottom:20px;
	font-weight:bold;
}
#inquiry_privacy{
	margin:20px 150px;
	color:#666666;
	}
#sitemap {
	margin:20px 200px;
	color:#666666;
	}
#inquiry_privacy p{
	font-weight:bold;
/*	text-align:right;
	color:#0A519F;*/
	}
#inquiry_privacy li{
	margin-bottom:15px;
}
#sitemap h3{
	background:url(../img/sitemap_h3_bg.jpg) repeat-y;
	padding:5px;
	color:#FFFFFF;
	font-weight:bold;
	}
#sitemap ul{
	list-style-type:none;
	margin:5px 0px 10px 15px;
	padding-left: 15px;
	}
#sitemap li{
	list-style-type:none;
	background:url(../img/003_62.png) no-repeat center left;
	margin:5px 0px 10px 15px;
	padding-left: 15px;
	}
#sitemap .sub{
	list-style-type:none;
	background:url(../img/005a_62.png) no-repeat top left;
	margin:5px 0px 10px 15px;
	padding-left: 15px;
	}
/*----------------
お問い合せ
------------------*/
.inquiry_table{
	border-top:1px solid #888888;
	border-left:1px solid #888888;
	margin-left:40px;
	font-size:100%;	
}
.inquiry_table th{
	background:#FEE4A9;
	padding:10px;
	border-bottom:1px solid #888888;
	border-right:1px solid #888888;
	text-align:left;
	}
.inquiry_table td{
	background:#ffffff;
	padding:10px;
	border-bottom:1px solid #888888;
	border-right:1px solid #888888;
	text-align:left;
	color:#666666;
	}
/*　送信ボタンと戻るボタン　
.f_l input{
	float:right;
	margin-right:120px;
}
.f_i input{
	float:left;
	margin-left:120px;
}

*/
/* #sidebar1 に関するヒント：
1. 単位は相対単位であるため、サイドバーで余白を使用することは回避してください。標準に準拠したブラウザでは、余白は全体の幅に追加されるため、実際の幅が不特定の幅になります。 
2. サイドバーの値の単位として em が使用されているので、その幅が初期設定のテキストサイズに応じて変化することに注意してください。
3. 「.twoColHybLtHdr #sidebar1 p」ルールで見られるように、div の端と div に含まれるエレメントの間のスペースは、エレメントに左マージンと右マージンを適用することによって設定できます。
*/
.twoColHybLtHdr #sidebar1 {
	float: left; 
	background: #EDEDED; /* 背景色は、列内のコンテンツの長さにわたって表示されます */
	padding-top: 30px;
	padding-left:30px;
	padding-right:10px;
}

.twoColHybLtHdr #sidebar1 h3, .twoColHybLtHdr #sidebar1 p {
	/*margin-left: 10px; /* サイドバーに配置されるすべてのエレメントに左マージンと右マージンが設定されている必要があります */
	/*margin-right: 10px;*/
}
.twoColHybLtHdr #sidebar1 ul{
	background:#fcfcfc;
	border-bottom:#0A519F dashed 1px;
	width:200px;
	}
.twoColHybLtHdr #sidebar1 li{
	border-top:#0A519F dashed 1px;
	list-style:none;
	padding:10px 10px 10px 15px;
	font-weight:bold;
	line-height:1.4em;
	font-size:1.2em;
	}	
.twoColHybLtHdr #sidebar1 li a{ color: #0A519F; text-decoration: none; padding-left:15px;display:block;}
.twoColHybLtHdr #sidebar1 li a:link { color: #0A519F; text-decoration: none;	padding-left:15px;}
.twoColHybLtHdr #sidebar1 li a:visited { color: #0A519F; text-decoration: none; padding-left:15px;}
.twoColHybLtHdr #sidebar1 li a:hover {
	padding-left: 15px;
	color: #3399FF;
	text-decoration: underline;
	background:url(../img/sidebar_bg.jpg) no-repeat left center;
	}
/* #mainContent に関するヒント：
1. #mainContent と #sidebar1 の間のスペースは、#mainContent div の左マージンによって設定されます。#sidebar1 div に含まれるコンテンツの量に関係なく、#sidebar1 div のスペースは維持されます。#sidebar1 のコンテンツが終了した後のスペースに #mainContent div のテキストを挿入するには、この左マージンを削除します。
2. #mainContent div の幅より広いエレメントが #mainContent div 内に配置されると、フローティングエレメントの落下（フローティング状態ではない #mainContent 領域がサイドバーの下に配置されること）が発生する可能性があります。ハイブリッドレイアウトの場合（全体の幅の単位はパーセント、サイドバーの単位は em）、使用可能な幅を正確に計算できない場合があります。ユーザーのテキストサイズが平均よりも大きい場合、#sidebar1 div が広くなるため、#mainContent div のスペースが狭くなります。クライアントが Contribute を使用してコンテンツを追加する予定である場合は、この制限に注意してください。
3. 下の Internet Explorer の条件分岐コメントでは、#mainContent に「hasLayout」を設定するのにズームプロパティが使用されます。これにより、いくつかの IE 固有のバグを回避できます。
*/
.twoColHybLtHdr #mainContent { 
	margin: 0px 10px 0 0; /* 右マージンは、パーセントまたはピクセルで設定できます。これにより、ページの右側にスペースが設定されます。 */
	float:right;
	text-align:center;
	width:640px;
} 
.twoColHybLtHdr #mainContent h2,h3{
	margin-top:30px;
	margin-bottom:15px;
	}
.twoColHybLtHdr #mainContent .left{
	margin-bottom:15px;
	margin-left:15px;
	float:left;
	}
.twoColHybLtHdr #mainContent h4{
	margin-top:15px;
	margin-bottom:10px;
	border-bottom:#0A519F solid 1px;
	text-align:left;
	margin-left:30px;
	}
.twoColHybLtHdr .iza{
	padding-top:20px;
	margin-left:35px;
}
/*---------------
ニュース見出し用

.twoColHybLtHdr #sidebar1 h2{
	border:#0A519F dashed 1px;
	width:190px;
	text-align:center;
	padding:3px;
	color:#000000;
	font-weight:bold;
	margin-bottom:10px;
	}

変更前
---------------*/




.twoColHybLtHdr #sidebar1 h2{
	margin-bottom:5px;
}
.news{
	margin-bottom:20px;
}
.twoColHybLtHdr #sidebar1 .info ul{
	border-top:#3A2A90 dashed 1px;	
}
.twoColHybLtHdr #sidebar1 .info  a { color: #3A2A90; text-decoration: none; padding-left:15px;display:block;}
.twoColHybLtHdr #sidebar1 .info  a:link { color: #3A2A90; text-decoration: none;	padding-left:15px;}
.twoColHybLtHdr #sidebar1 .info  a:visited { color: #3A2A90; text-decoration: none; padding-left:15px;}
.twoColHybLtHdr #sidebar1 .info  a:hover {
	padding-left: 15px;
	color: #6600ff;
	text-decoration: underline;
	background:url(../img/news/info_bg.jpg) no-repeat left center;
	}
.twoColHybLtHdr #sidebar1 .info  a[name]:hover {
	padding-left: 15px;
	color: #6600ff;
	text-decoration: underline;
	background:url(../img/news/info_bg.jpg) no-repeat left center;
	}
.twoColHybLtHdr #mainContent_news{
	margin: 0px 30px 0 0; /* 右マージンは、パーセントまたはピクセルで設定できます。これにより、ページの右側にスペースが設定されます。 */
	padding-right:20px;
	float:right;
	text-align:left;
	width:560px;
	}
.twoColHybLtHdr #mainContent_news h3{
	margin-bottom:0px;
	}
/*---------------
ニュース1件
----------------*/
.news_area .news_title, .news_area .news_title{
	text-align:left;
	color:#0A519F;
	border-top:#0A519F solid 1px;
	border-bottom:#0A519F solid 1px;
	width:560px;
	margin-left:3px;
	margin-top:10px;
	}
.news_area .news_title h4{
	margin-left:3px;
	margin-top:10px;
	font-size:1.4em;
	line-height:1.2em;
	font-weight:bold;
	padding-top:10px;
	width:430px;
	float:left;	
	}
	
.news_area .news_title .date{
 	text-align:right;
	vertical-align:bottom;
	padding-bottom:5px;
	clear:both;
}
.news_contents, .info_contents{
	margin-left:23px;
	color:#666666;
	margin-top:10px;
	margin-bottom:15px;
	}
.news_contents img, .info_contents img{
	float:right;
	margin-left:10px;
	}
/*---------------
お知らせ1件
----------------*/
.info_area .info_title{
	text-align:left;
	color:#3A2A90;
	border-top:#3A2A90 solid 1px;
	border-bottom:#3A2A90 solid 1px;
	width:560px;
	margin-left:3px;
	margin-top:10px;
	}
.info_area .info_title a{
	color:#3A2A90;
	}
.info_area .info_title h4{
	margin-left:3px;
	margin-top:10px;
	font-size:1.4em;
	line-height:1.2em;
	font-weight:bold;
	padding-top:10px;
	width:430px;
	float:left;	
	}
	
.info_area .info_title .date{
 	text-align:right;
	vertical-align:bottom;
	padding-bottom:5px;
	clear:both;
}
.news_contents2{
	margin-top:10px;
	border-top:#0A519F dashed 1px; 
	padding-top:10px;
}
.info_contents2{
	margin-top:10px;
	border-top:#3A2A90 dashed 1px; 
	padding-top:10px;
}
.info_detail_head {
	font-weight:bold;
	margin-top:5px;
	padding:5px;
	border-top:#3A2A90 dashed 1px;
	}
.info_detail {
	padding:5px;	
}
.info_detail2 {
	padding:5px;
	border-top:#3A2A90 dashed 1px;	
}
/*---------------
ニュース1件 bk

.news{
	margin-left:15px;
	color:#666666;
	text-align:left;
}
.news h3 a{
	color:#ffffff;
	font-weight:bold;
	font-size:1.2em;
	text-align:left;

	}
.news h3{
	background:url(../img/news/h3_bg.jpg) repeat-y;
	padding:5px 1.2em;
}
.news .date{
	width:7em;
	float:left;
	padding:3px 1.2em;
	background:#000000;
	color:#FFFFFF;
	}
.news .news_contents2{
	margin-left:130px;
	margin-top:10px;
	border-top:#0A519F dashed 1px; 
	padding-top:10px;
}
.news .news_contents{
	margin-left:130px;
}
.news .news_contents .img_right{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}	
.news .news_contents .img_top{
	margin-left:10px;
	margin-bottom:10px;
}	
.news .news_contents .head{
	font-weight:bold;
	color:#000000;
	}
----------------*/
/*---------------
ニュース　バックナンバー
----------------*/
.backnum{
	text-align:right;
	font-size:0.8em;
	margin:0.4em 0;
}
.backnum a{
	background:url('../img/arrow01.png') no-repeat left 0.25em;
	padding-left:8px;
}
.pagenavi{
	text-align:right;
	font-size:0.8em;
	margin:0.4em 0;
	letter-spacing:0.5em;
}

/*----------------
価格表
----------------*/

table{
	border-collapse:collapse;

	}
.twoColHybLtHdr #mainContent .price{
	width:400px;
	margin-top:20px;
	margin-bottom:10px;
	margin-left:100px;
	border:#888888 1px solid;
	color:#666666;
	}
.twoColHybLtHdr #mainContent .sub_h{	
	background:#CEDDE0;
	border-bottom:#888888 1px solid;
	border-right:#888888 1px solid;
	padding:3px;
	}
.twoColHybLtHdr #mainContent .sub_p{	
	background:#e7ecef;
	border-bottom:#888888 1px solid;
	padding:3px;
	}
.twoColHybLtHdr #mainContent .sub_t{	
	background:#e4f6f8;
	border-bottom:#888888 1px solid;
	border-right:#888888 1px solid;
	padding:3px;
	}
.twoColHybLtHdr #mainContent .sub{	
	background:#ffffff;
	border-bottom:#888888 1px solid;
	padding:3px;
	}
.twoColHybLtHdr #mainContent .t_user{
	background:#34B4D1;
	color:#ffffff;
	padding:3px;
	}
.twoColHybLtHdr #mainContent .t_temp{
	background:#397EB9;
	color:#ffffff;
	padding:3px;
	}
.twoColHybLtHdr #mainContent .t_sarvice{
	background:#0a51a1;
	color:#ffffff;
	padding:3px;
	}
.twoColHybLtHdr #mainContent .flow {
	border:none;
	margin-left:30px;
	text-align:left;
	color:#666666;
	}
.twoColHybLtHdr #mainContent .flow td{
	padding:5px 10px;
	color:#666666;
	}
/*--------------
アクナビ標準テンプレート
----------------*/
.twoColHybLtHdr #mainContent dl{
	border-bottom:#0A519F solid 1px;
	margin-left:70px;
	margin-top:15px;
	margin-bottom:15px;
	text-align:left;
}
.twoColHybLtHdr #mainContent dt{
	border-top:#0A519F solid 1px;
	margin-top:5px;
	padding-top:5px;
	margin-bottom:10px;	
	}
.twoColHybLtHdr #mainContent dt img{
	margin-right:10px;
	float:left;	
	}
.twoColHybLtHdr #mainContent dt p{
	padding-top:4px;	
	}
.twoColHybLtHdr #mainContent dd{
	background:url(../need/img/point.jpg) no-repeat left top;
	margin-left:60px;
	padding-left:60px;	
	margin-bottom:10px;
	padding-top:2px;
	color:#666666;
	}
	
	
	
.twoColHybLtHdr #mainContent .bottom15{
	margin-bottom:15px;
	}
.twoColHybLtHdr #mainContent .bottom25{
	margin-bottom:25px;
	}
.twoColHybLtHdr #mainContent .small{
	color:#666666;
	font-size:0.9em;
	text-align:left;
	}
.twoColHybLtHdr #mainContent .gray_text{
	color:#666666;
	text-align:left;
	padding-left:30px;
	padding-right:25px;
	}

.twoColHybLtHdr #mainContent .navi{
	width:270px;
	text-align:left;
	list-style:none;
	float:left;
	}
.twoColHybLtHdr #mainContent .list1{
	padding:15px 10px 40px 70px;
	border-bottom:#0A519F solid 1px;
	background:url(../about/img/1.jpg) 35px 15px no-repeat;
	list-style:none;
	float:left;
	}
.twoColHybLtHdr #mainContent .list2{
	padding:15px 10px 40px 70px;
	border-bottom:#0A519F solid 1px;
	background:url(../about/img/2.jpg) 35px 15px no-repeat;
	list-style:none;
	float:left;
	}
.twoColHybLtHdr #mainContent .list3{
	padding:15px 10px 40px 70px;
	/*border-bottom:#0A519F solid 1px;*/
	background:url(../about/img/3.jpg) 35px 15px no-repeat;
	list-style:none;
	float:left;

	}
.twoColHybLtHdr #mainContent .service {
	color:#666666;
	text-align:left;
	padding-left:45px;
	}
/*
必要性
*/	

.need{
	color:#666666;
	text-align:left;
	padding-left:50px;
	list-style-type:disc;
}
/*
BCP
*/
.twoColHybLtHdr #mainContent #bcp{
	color:#666666;
	text-align:left;
	padding-left:30px;
	}
.twoColHybLtHdr #mainContent #bcp a{
	text-align:left;
	text-decoration:none;
	}
.twoColHybLtHdr #mainContent #bcp ul{
	margin-bottom: 10px;
	margin-left:10px;
	}
/*-------------
このページのトップへ戻る
---------*/
 .gototop{
	color:#666666;
	text-align:right;
	margin-bottom:1.2em;
	}
#mainContent_news .gototop{
	margin-bottom:1.5em;
	margin-top:1.2em;
	}
/*-------------
フッタ
----------------*/
.twoColHybLtHdr #footer { 
	padding: 0 10px; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
	background: #efefef url(../img/foot_bg2.jpg) repeat-x bottom;
	border-top:#0A519F solid 1px;
	margin-top:20px;
	} 
.twoColHybLtHdr #footer .footernav {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding-top: 5px; /*このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
	list-style:none;
	text-align:right;
	color:#666666;
}
.twoColHybLtHdr #footer .footernav a{color:#666666; text-decoration: none;}
.twoColHybLtHdr #footer .footernav a:link {color:#666666; text-decoration: none;}
.twoColHybLtHdr #footer .footernav a:visited {	color:#666666; text-decoration: none;}
.twoColHybLtHdr #footer .footernav a:hover {color:#333333; text-decoration: underline;}

.twoColHybLtHdr #footer .footernav li{
	float:right;
	border-right:dashed 1px #666666;
	padding:0 10px;
	}
.twoColHybLtHdr #footer .footernav .last_nav{
	float:right;
	padding:0 10px;
	border-right:none;
	}
.twoColHybLtHdr #footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 10px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
}
.twoColHybLtHdr #footer img{
	margin-top:10px;
	padding-top:10px;
	padding-left:38px;
	margin-right:20px;
	float:left;
	}
.twoColHybLtHdr #footer .address{
	font-size:1.0em;
	line-height:1.2em;
	margin-top:17px;
	padding-top:17px;
	margin-bottom:18px;
	}
.twoColHybLtHdr #footer .copyright{
	font-size:0.8em;
	text-align:center;
	line-height:1.0em;	
	vertical-align:bottom;
	color:#FFFFFF;
	margin-right:10px;
	}
/* 再使用できる各種クラス */
.twoColHybLtHdr #mainContent .fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	padding:0px;
	margin-top:10px;
}
.twoColHybLtHdr #mainContent .fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin:10px 5px 15px 30px;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.twoColHybLtHdr #mainContent_img{
	margin: 30px 30px 0 0; /* 右マージンは、パーセントまたはピクセルで設定できます。これにより、ページの右側にスペースが設定されます。 */
	padding-right:20px;
	float:right;
	text-align:left;
	width:600px;
}
.twoColHybLtHdr #mainContent_img h2{
	margin-bottom: 20px;
}