/* CSS Document */
/* ---------------------------------------------------------------- *
	トップページ（個人のお客さま）　及び　各ページ共通の設定
 * ---------------------------------------------------------------- */


/* ---------------------------------------------------------------- *
	背景の設定
 * ---------------------------------------------------------------- */
body{
	background-image:url(/contents/images/background.gif);
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}

/* ---------------------------------------------------------------- *
	共通の設定
 * ---------------------------------------------------------------- */
img {
	border: none;
	vertical-align:middle;
	margin:0;
	padding:0;
}
a:link {
	color:#1e50a2;
}
a:visited {
	color:#800080;
}
a:hover {
	color:#d9333f;
}
a:active {
	color:#224488;
}
.cler{
	clear:both;
}
.position-left{
	text-align:left;
}
.position-right{
	text-align:right;
	margin:0 1em 0 0;
}
.position-center{
	text-align:center;
}
.pdf-filesize{
	font-size:0.8em;
	color: #df0000;
	margin:0;
	padding:0;
}
.word-filesize{
	font-size:0.8em;
	color: #003366;
	margin:0;
	padding:0;
}
.page-top{
	float:right;
	text-align:right;
	margin:3em 5px 0 0;
}
.page-back{
	float:right;
	text-align:right;
	margin:3em 1em 0 0;
}
.indent-left{
	margin:0 7px 0 1.5em;
}
.indent-left2{
	margin:0 7px 0 3em;
}
.indent-left3{
	margin:0 7px 0 4em;
}
.indent-left4{
	margin:0 7px 0 5.5em;
}
.indent-left5{
	margin:0 7px 0 6.5em;
}
.indent-left6{
	margin:0 7px 0 7.5em;
}
.indent-left7{
	margin:0 7px 0 8.5em;
}
.align-right{
	text-align:right;
	padding:0 5px 0 0;
}
.img-h4{
	margin:10px 0;
}
.font-14px-bold{
	font-size:14px;
	line-height:17px;
	font-weight:bold;
}
.font-red-bold{
	font-size:1.2em;
	color:#FF0000;
	font-weight:bold;
}
.font-large-bold{
	font-size:1.4em;
	font-weight:bold;
	line-height:1.5em;
}
.font-small{
	font-size:0.8em;
}
.mojisage-1em{
	text-indent:-1em;
	margin-left:1em;
}
.buntousage-1em{
	text-indent:1em;
}
.line-position-top{
	vertical-align:top;
}

/*------------------------------------- *
商品サービスについてのお知らせボタンが
無いときに適用
/*------------------------------------- */
.dummy-block-28px{
	height: 28px;
}



/*----------------------------------------------------------------- *

　　ページの両端に影をつけるための設定

 * ---------------------------------------------------------------- */

 

#wrapper{

	background:url(/contents/images/background_shadow.png) repeat-y center;	

}



/* ---------------------------------------------------------------- *

	ページの囲みの設定（ブラウザの真ん中に表示）

 * ---------------------------------------------------------------- */	

#container {

	border-top:5px solid #df0000;

  	background: #FFFFFF;

  	width: 760px;

  	margin: 0 auto;

}



/* ---------------------------------------------------------------- *

	ヘッダ部分の設定

 * ---------------------------------------------------------------- */



#header {

  	background: #FFFFFF;

  	margin-top: 0;

  	margin-bottom: 0;

  	padding:0;

  	width:100%;

  	height:71px;

	float:left;

}

#headerlogo{

	width:23%;

	height:58px;

	float:left;

	padding:5px;

}

#headerfunction{

	width:75%;

	height:58px;

	float:left;

}



/*----Englishとサイトマップ----*/

#other-link{

	width:95%;

	height:23px;

	padding:5px 0;

	float:left;

}

#other-link li{

	list-style:none;

	display:block;

	float:right;

}



/*リンクの前に表示する画像*/

#sitemap{

	background:url(/contents/images/ico_list_tr.gif) no-repeat left center;

	padding:0 0 0 10px;

}

#english{

	background:url(/contents/images/ico_list_tr.gif) no-repeat left center;

	padding:0 10px 0 10px;

}



/*----フォントサイズ変更の設定----*/

#fontsize {

	width:200px;

	height:23px;

	float:left;

}

#fonttext {

	padding: 0px 6px 0px 0px;

	float:left;

}



/*----サイト内検索----*/

#search{

	width:340px;

	height:23px;

	float:left;

	text-align:right;

}



/* ---------------------------------------------------------------- *

	ヘッダナビ部分の設定

 * ---------------------------------------------------------------- */



#header-navi{
	width:100%;
	float:left;
}
#header-navi-main{
	width:100%;
	height:27px;
	background:#ffffff;
}

#header-navi-main ul{
	margin:0 0 0 8px;
}
#header-navi-main li{
	float:left;
}
#header-navi-main a{
	/*text-decoration:none;
	font-size:14px;
	color:#666666;*/
	display:block;
}







/* ---------------------------------------------------------------- *

	ヘッダナビサブ部分の設定

 * ---------------------------------------------------------------- */

 

#header-navi-sub{

	float:left;

	width:100%;

	background:url(/contents/images/headernavi_sub_back.png) repeat-x;

}

/*ニュースリリース等のサブメニュー（メニュー表示なし）*/

#header-navi-sub-none{

	float:left;

	height:26px;

	width:100%;

	background:url(/contents/images/headernavi_sub_back.png) repeat-x;

}

#header-navi-sub li{

	list-style:none;

	float:left;

}



#header-navi-sub a{

	display:block;

	color:#fff;

	float:left;

	height:19px;

	padding:6px 15px 0px 15px;

	text-align:center;

}

#header-navi-sub a:hover{

	background:url(/contents/images/navi_hover_back.gif);

	color:#000000;

}

/* ---------------------------------------------------------------- *

	法人用ヘッダナビサブ部分の設定

 * ---------------------------------------------------------------- */

#header-navi-sub-houjin{

	float:left;

	width:100%;

	height:3em;

	background:url(/contents/images/headernavi_sub_houjin_back.png) repeat-x bottom;

}

#header-navi-sub-houjin li{

	list-style:none;

	float:left;

}



#header-navi-sub-houjin a{

	display:block;

	color:#fff;

	float:left;

	height:2.5em;

	padding:6px 15px 0px 15px;

	/*text-align:center;*/

}

#header-navi-sub-houjin a:hover{

	background:url(/contents/images/navi_hover_back.gif);

	color:#000000;

}





/* ---------------------------------------------------------------- *

	パンくずリスト部分の設定

 * ---------------------------------------------------------------- */

#pankuzu{

	float:left;

	width:100%;

	margin:0;

	padding:4px 0 17px 0;

}

#pankuzu p{

	font-size:90%;

	line-height:13pt;

	margin:0 10px;

}



/* ---------------------------------------------------------------- *

	高さ揃えるテスト用

 * ---------------------------------------------------------------- */

/*#main-container{

	overflow:hidden;

	float:left;

	width:100%;

	padding:0;

	background:#FFCC99;

}

#sidenavi{

	width:167px;

	margin-left:2px;

	float:left;

	padding-bottom: 32768px;

	margin-bottom: -32768px;

}

#main{

	width:573px;

	float:left;

	margin-left:11px;

	line-height:1.3em;

	padding-bottom: 32768px;

	margin-bottom: -32768px;

}*/



/* ---------------------------------------------------------------- *

	左メニュー部分の設定

 * ---------------------------------------------------------------- */



#sidenavi{

	width:167px;

	margin:0 0 0 2px;

	float:left;

}





/*---つないでネット、AB-web、wingweb24　箱---*/

.web-box{

	width:163px;

	margin:0 3px 3px 3px;

	background:url(/contents/images/sidenavi_bg_bottom.gif) no-repeat bottom;

	padding-bottom: 9px;

}

.web-box .web-box-inner{

	background: url(/contents/images/sidenavi_bg_top.gif) no-repeat;

	padding-top: 9px;

}

.web-box .web-box-inner .box-line	{

	background: url(/contents/images/sidenavi_bg_center.gif) repeat-y;

	padding: 0;

	margin:0;

}

.net-banking{

	background:url(/contents/images/ico_list_tr.gif) no-repeat left top;

	margin:5px 3px 30px 7px;

	padding:3px 5px 0 8px;

	line-height:1.1em;

}



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

.sidenavi-box{

	width:163px;

	margin:0px 3px 3px 3px;

	background:url(/contents/images/sidenavi_bg_bottom.gif) no-repeat bottom;

	padding-bottom: 9px;

}

.sidenavi-box .sidenabi-box-inner{

	background: url(/contents/images/sidenavi_bg_top.gif) no-repeat;

	padding-top: 9px;

}

.sidenavi-box .sidenabi-box-inner .sidenavi-container	{

	background: url(/contents/images/sidenavi_bg_center.gif) repeat-y;

	padding: 0;

	margin:0;

}

.box-line img{

	padding-bottom:2px;

}

.sidenavi-box h4{

	text-align:center;

	padding:5px 0 8px 0;

	font-size:14px;

	font-weight:bold;

}



/*---会社情報箱---*/



.company-container li{

	list-style:none;

	display:block;

	padding:3px 0 3px 2px;

	border-top:1px solid #9e9995;

}



.company-box{

	width:163px;

	margin:0 3px 3px 3px;

	background:url(/contents/images/sidenavi_bg_bottom.gif) no-repeat bottom;

	padding-bottom: 9px;

}

.company-box .company-inner{

	background: url(/contents/images/sidenavi_bg_top.gif) no-repeat;

	padding-top: 5px;

}

.company-box .company-inner .company-container	{

	background: url(/contents/images/sidenavi_bg_center.gif) repeat-y;

	padding: 0;

	margin:0;

}



.company-box h4{

	text-align:center;

	padding:0 0 5px 0;

	font-size:12px;

	font-weight:bold;

}



/* ---------------------------------------------------------------- *

	メイン部分の設定

 * ---------------------------------------------------------------- */



#main{

	width:573px;

	float:left;

	margin:0 0 0 11px;

	line-height:1.3em;

	

}

/*-----メインメニュー上下box-----------*/

#mainmenu-top{

	width:100%;

	margin-top:20px;

	float:left;

}

#mainmenu-bottom{

	float:left;

	width:100%;

	margin-top:12px;

}

/*-----メインメニュー個々のbox------*/

.mainmenu-box{

	width:182px;

	margin-right:11px;

	float:left;

}



/*-----（右端配置分）----*/

.mainmenu-box-r{

	width:182px;

	margin:0 0 5px 0;

	float:left;

}



/*------メインメニューリスト枠-----*/

.mainmenu-border{

	width:96%;

	margin:0 auto;

	border:1px dotted #a99e93;

}

/*-----メインメニューリスト部分-----*/

.mainmenu-list{

	line-height: 1.4em;

	height: 9em;

	overflow: hidden;

	margin:3px 10px 0 8px;

	padding: 0px;

}

.mainmenu-list li{

	list-style:none;

	background:url(/contents/images/ico_list_tr.gif) no-repeat left top;

	padding:0 0 0 10px;

}

.mainmenu-img{

	margin:0 3px 10px 3px;

}







	

/*----お知らせ表示枠------*/

#informaision{

	width:100%;

	margin-top:20px;

	padding-top:10px;

}



/*----個々の箱----*/

.info-box{

	width:100%;

	float:left;

	margin:0;

}

.info-inner{

	width:100%;

	border-left:1px dotted #a99e93;

	float:left;

}

/*----お知らせリスト表示部分----*/

.info-container{

	margin:5px 5px 5px 20px;

	padding:0 0 8px 0;

	border-bottom:1px dotted #a99e93;

}

.info-container li{

	list-style:none;

	background:url(/contents/images/ico_list_tr.gif) no-repeat left top;

	padding:0 0 0 8px;

	margin:7px 0;

}

.info-container h3{

	font-size:1.1em;

}

.info-box h2{

	margin:0;

	padding:3px 0 3px 5px;

	font-size:1.1em;

	font-weight:bold;

	border-bottom:1px dotted #df0000;

	border-left:5px solid #df0000;

	background-color:#FEEDED;

} 

.info-more{

	text-align:right;

	padding-bottom:5px;

	padding-right:3px;

}



/* ---------------------------------------------------------------- *

	プラグインの設定

 * ---------------------------------------------------------------- */



#plugin{

	width:100%;

	height: 5em;

	margin:30px 0 10px 0;

}

.plugin-box{

	width:48%;

	float:left;

	margin:0 0 0 10px;

}

.plugin-box-img{

	float:left;

	margin:0 8px 0 0;

}

.plugin-box-p{

	float:left;

	line-height:normal;

	font-size:small;

	color:#666666;

	width:65%;

}



/* ---------------------------------------------------------------- *

	フッターメニューの設定

 * ---------------------------------------------------------------- */



#footermenu{

	margin:5px 0;

	padding:0 0 0 30px;

	height:1em;

	border-top:5px solid #df0000;

}

#footermenu li{

	list-style:none;

	float:left;

}

#footermenu a{

	font-size:12px;

	padding:0 0 2px 40px;

}







/* ---------------------------------------------------------------- *

	フッターの設定です

 * ---------------------------------------------------------------- */



#footer{

	margin:5px 0 15px 0;

	border-top:1px dotted #d3cbc6;

}