/* CSS Document */

/*===================== 以下の順序でCSSを指定　=====================

色指定
基本必須フォーマット
リンク指定
トップページレイアウト


/* ===================== 色指定 =====================  

リンク赤：#bf0000
水色：#2882ca

*/

/* ==========================  基本必須フォーマット ==========================  */

*{						/*ブラウザデフォルト打消し*/
	padding:0;
	margin:0;
}

body {
	text-align:center;			/*IE5.5以下とIE6Qurksモード用：中央揃え指定*/
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#333;
	font-weight:normal;
	background-color:#d4d4d4;
	font-size:80%;
	line-height:135%;
}


h1,h2,h3,h4,h5,h6,img{				
	margin:0;
	padding:0;
	font-size:100%;
}

p.eng{
	font-size:85%;
}

.clear{
	clear:both;
}

.strong{
	font-weight:bold;
}

img, a img, :link img, :visited img {
	border: 0;
}

a:link, a:hover, a:active, a:visited{
	font-size:10px;
	text-decoration:none;
	color:#333;
}

table, tr, th, td {
	font-size:100%;
}

/* --- 全体枠　--- */	

div.outline{
 	margin-top:0px;
 	margin-left:auto;
 	margin-right:auto;
	border-bottom:1px solid #d4d4d4;
	width:820px;
	text-align:center;
	color:inherit;
	background-color:transparent;
	background-image:url(../img/bk_outline.gif); 
	background-repeat:repeat-y;
	background-position:center;
}

div.grayArea{
	margin-left:auto;		
	margin-right:auto;
	width:774px;
	text-align:left;
}


/* --- ヘッダーロゴエリア　--- */	
div.header{
	width:774px;
}

div.headerTitle{
	width:577px;
	background-image:url(../img/bk_header.jpg); 
	border-bottom:1px solid #fff;
	float:left;
	background-color:#ccc;
}

div.headerSubNavi{
	background-image:url(../img/bk_header.jpg); 
	border-bottom:1px solid #fff;
	float:left;
	width:197px;
	height:77px;
}

ul.headerSubNavi{
	padding-top:29px;
	list-style:none;
}

ul.headerSubNavi li{
	float:left;
	padding-left:5px;
}

div.headerBar{
	width:772px;
	margin:auto;
	clear:left;
}

div.mainNavi{
	margin-left:-7px;
	height:35px;
	padding:0px;
	clear:left;
}

ul.mainNavi{
	padding:0px;
	list-style:none;
}

ul.mainNavi li{
	float:left;
	padding:0px;
	display:inline;
}

div.topFlash{
	width:774px;
	background-color:#FFFFFF;
	text-align:center;
}

div.headerBar2{
	width:772px; 
	margin:0px auto 0px auto;
	padding:0px;
	clear:left;
}


/* --- コンテンツエリア　--- */	

div.contents{
	background-color:#fff;
	width:774px;
	overflow:visivble;
	z-index:1
}

/* --- コンテンツエリア左　左幅合計497px--- */	

div.contentsServices{
	margin-top:15px;
	margin-left:15px;
	display:inline;
	float:left;
	width:482px;			/* --- タイトルバーと同じ幅　--- */	
	background-color:#fff;
}

div.contentsServices h2{
	padding-bottom:3px;
}

div.contentsServicesEach{
	margin-top:10px;
	width:482px;			/* --- 左余白を引いた分　--- */
}

div.contentsServicesIcon{
	margin-bottom:9px;
	margin-left:12px;
	width:72px;
	float:left;
	display:inline;
}
div.contentsServicesText{
	margin-bottom:9px;
	margin-left:10px;
	width:376px;
	float:left;
}

/*--- 2009/10 ADD START ---*/
div.contentsServicesText h3 {
	margin:0px auto 0px 0px;
	padding-left:18px;
	background-image:url(../img/btn_arrow1.jpg);
	background-repeat:no-repeat;
	background-position:left;
}

a:link.reg, a:visited.reg{
	color:#333;	
	font-size:12px;
}
/*--- 2009/10 ADD END ---*/
	
div.contentsServicesDivider{
	width:482px;			/* --- 左余白を引いた分　--- */
	clear:left;
	background-color:#CCCCCC;
}


/* --- コンテンツエリア右　--- */	

div.contentsRight{
	margin-top:15px;
	margin-left:12px;
	display:inline;
	width:248px;
	float:left;
	background-color:#fff;
}

div.contentsContact{
	width:248px;
}

div.contentsAbout{
	width:248px;
	height:275px;
	margin:7px 0px 0px 0px;
	padding:0px;
	background-image:url(../img/bk_top_about.jpg);
	background-repeat:no-repeat;
	text-align:center;
}

div.contentsAboutTitle{
	width:224px;
	margin:0px 0px 0px 5px;
 	padding-top:10px; 
}

div.contentsAbout p{
	width:210px;
	margin:15px auto 0px auto;
	font-size:12px;
	line-height:18px;
	text-align:left;
}

div.contentsAbout p.add{
	width:210px;
	margin:10px 0px 0px auto;	
	font-size:10px;
	line-height:12px;
	text-align:right;

}

div.contentsBanner{
	width:210px;
	padding-top:8px;
	padding-bottom:10px;
}

/* --- フッターエリア　--- */	

div.footer{
	height:22px;
	clear:both;
	background-image:url(../img/bk_footer.jpg);
	background-repeat:no-repeat;
	margin-left:-3px;
	width:774px;
	text-align:left;
}

div.footerNavi{
	width:774px;
	text-align:center;
}

ul.footerNavi{
	margin-right:auto;
	margin-left:auto;
	width:80%;
	list-style:none;
	text-align:left;
}

ul.footerNavi li{
	padding:0 30px 0 0;
	font-size:10px;
	float:left;
	color:#333333;
	text-decoration:none;
}

ul.footerNavi li img.arrow{
	padding-top:6px;
	padding-right:5px;
}

div.footerBar{
	width:772px;
	margin:auto;
	clear:left;
}

div.copyright{
	width:772px;
	height:32px;
	margin:auto;
	background-image:url(../img/bk_copyright.jpg);
	background-repeat:no-repeat;
	border-left:1px solid #e6e6e6;
	border-right:1px solid #e6e6e6;
	text-align:right;
}

div.copyright p{
	width:757px;
	padding-top:3px;
	padding-right:15px;	

}