@charset "utf-8";

*{
margin:0;padding:0;
}

body{
color:#000;background-color:#fff;
font-size:14px;
text-align:center;
font-family:"ＭＳ Ｐゴシック",Osaka,sans-serif;
}

/* ----- 基本レイアウト ----- */

div#maincontainer{
margin-left:auto;margin-right:auto;
text-align:left;
width:905px;
background:url(index_maincontainer_bg.gif) repeat-y 0% 0%;
}

div#leftmenu{
width:130px;
float:left;
}

div#group{
width:775px;
float:right;
}

div#footer{
clear:both;
padding:10px 10px 10px 140px;
text-align:center;
}

/* ----- ヘッダ ----- */

div#header{
background:url(index_justheading.gif) no-repeat 0% 0%;
}

div#headerblk{
height:100px;
}

div#header div#headerblk h1{
width:375px;height:100px;
float:left;
background-color:transparent;
text-indent:-9999px;
}

div#header div#headerblk div{
width:400px;height:100px;	/* IEのみ別ファイルで指定あり  width:220px;height:60px;*/
float:right;
}


div#header div#headerblk address{
padding:5px 10px;
background-color:transparent;
color:#fff;font-size:12px;
font-style:normal;
line-height:120%;
text-align:right;
}

div#header div#headerblk form#sitesearch p{
padding:5px 10px;
background-color:transparent;
color:#fff;font-size:12px;
line-height:120%;
text-align:right;
}

div#header div#headerblk form#sitesearch input{
vertical-align:middle;
margin-left:0.3em;
}

div#header div#headerblk ul{
height:20px;overflow:hidden;
}

div#header div#headerblk ul#addfavorites li{
list-style-type:none;
float:right;
margin:0 8px;
}


	/* --- ヘッダーメニュー --- */

div#header ul#headermenu{
height:30px;
margin:0 5px 0 6px;
clear:both;
background:url(header_menu_bg.gif) repeat-x 0% 0%;
}

div#header ul#headermenu li{
list-style-type:none;
float:left;
margin:5px 6px;
}


p#deptenter{
text-align:center;
}



/* ----- 左メニュー ----- */


div#leftmenu h4{
margin:10px 0px 5px 0px;font-size:12px;
}

div#leftmenu div#leftmenulist h4{
width:130px;height:24px;
text-indent:-9999px;
}


div#leftmenu div#leftmenulist h4#print{
background:url(leftmenu_heading_print.gif) no-repeat 50% 0%;
}

div#leftmenu div#leftmenulist h4#bcardsystem{
background:url(leftmenu_heading_bcardsystem.gif) no-repeat 50% 0%;
}

div#leftmenu div#leftmenulist h4#materialsell{
background:url(leftmenu_heading_material.gif) no-repeat 50% 0%;
}


div#leftmenu div#leftmenulist ul{
width:129px;
list-style-type:none;
font-size:12px;
margin-bottom:15px;
}


div#leftmenu div#leftmenulist ul li{
line-height:120%;
min-height:20px;	/* 最低高さ確保、IEのみ別ファイルで高さ指定あり height:20px; */
background-repeat:no-repeat;
background-position:5px 5px;
border-bottom:solid 1px #aaa;
}


div#leftmenu div#leftmenulist ul li a{
display:block;
width:104px;	/* IEのみ別ファイルで幅指定あり width:130px; */
min-height:12px;	/* 最低高さ確保、IEのみ別ファイルで高さ指定あり height:20px; */
padding:3px 5px 3px 20px;
}

div#leftmenu div#leftmenulist ul li a:link,
div#leftmenu div#leftmenulist ul li a:visited{
color:#fff;text-decoration:none;
background-color:transparent;
}

div#leftmenu div#leftmenulist ul li a:hover{
color:#00f;text-decoration:underline;
}

div#leftmenu div#leftmenulist ul#printmenu li{
background-image:url(leftmenu_listmarker_print.gif);
}

div#leftmenu div#leftmenulist ul#bcardsystemmenu li{
background-image:url(leftmenu_listmarker_bcardsystem.gif);
}

div#leftmenu div#leftmenulist ul#materialsellmenu li{
background-image:url(leftmenu_listmarker_material.gif);
}


div#leftmenu p{
font-size:10px;
padding:5px;
text-align:justify;
}

div#leftmenu p.image{
margin:8px 0;
padding:0;
text-align:center;
}

div#leftmenu p.image img{
margin:2px 0;
}


div#leftmenu div#qrcode h4,
div#leftmenu div#aboutsite h4,
div#leftmenu div#affiliate h4,
div#leftmenu div#groupsitelinks h4{
width:130px;height:24px;
text-indent:-9999px;
background-repeat:no-repeat;
background-position:50% 0%;
}


div#leftmenu div#qrcode h4{
background-image:url(leftmenu_heading_qrcode.gif);
}

div#leftmenu div#aboutsite h4{
background-image:url(leftmenu_heading_siteinfo.gif);
}

div#leftmenu div#groupsitelinks h4{
background-image:url(leftmenu_heading_groupsite.gif);
}


div#leftmenu div#groupsitelinks ul{
list-style-type:none;
margin-left:15px;
}

div#leftmenu div#groupsitelinks ul li{
float:left;
width:50px;height:50px;
text-align:center;
}

div#leftmenu div#groupsitelinks ul li img{
background-color:#fff;
}


div#leftmenu p#privacymark{
text-align:center;
margin:0 !important;
}

div#leftmenu p#privacymark img{
background-color:#fff;
}





/* ----- 本文領域 ----- */

div#contents{
clear:both;
}

div#contentszone{
margin:10px;
}


/* ----- フッタ ----- */

div#footer p{
padding:3px 0;
}

div#footer p#footersiteinfo{
font-size:12px;
}


div#footer h4{
height:20px;clear:both;
margin-top:10px;
background:#7facef url(footer_sitesheading.gif) 50% 50% no-repeat;
color:#fff;text-align:center;font-size:14px;
text-indent:-9999px;
}


div#footer div#footerlinksmenu ul{
list-style-type:none;
text-align:center;
font-size:12px;
margin:5px 15px;
line-height:1.8;
}

div#footer div#footerlinksmenu ul li{
display:inline;
padding:2px 5px;
border-left:solid 1px #000;
}

div#footer div#footerlinksmenu ul li.lastlink{
border-right:solid 1px #000;
}


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


p{
line-height:135%;
}


ul{

}



a img{
border:none;
}

.floatleft{float:left;}
.floatright{float:right;}
.clearfloat{clear:both;}

img.floatleft{
float:left;
margin:0 10px 10px 0;
}

img.floatleft{
float:left;
margin:0 10px 10px 0;
}

img.floatright{
float:left;
margin:0 0 10px 10px;
}


/* ----- TOPページ大バナー ----- */

div#largebanners{
border:solid 2px #ccc;
margin:0 15px 10px 15px;
padding:0 10px 5px 10px;
background-color:#ffe;
}

div#largebanners h3{
margin-top:10px !important;
}

div#largebanners p{
text-align:center;
}


/* ----- TOPページバナーリスト ----- */

ul#justmenus{	/* メニューの数に対応して高さ設定を変更する */
width:640px;
margin:15px 50px 15px 60px !important;
list-style-type:none;
}

ul#justmenus li{
width:160px;height:100px;float:left;
/*text-align:center;*/
}


/* ----- TOPページ新着情報 ----- */

div#information{
/*background:url(information_tab.gif) no-repeat 0 0;
padding-top:20px;*/
margin:20px;
clear:both;
}

div#information ul{
border:solid 2px #005adf;
padding:5px 15px;margin:0 !important;
list-style-type:none;
}

div#information ul li{
line-height:135%;
padding:2px 0 2px 160px;
text-indent:-160px;
}

div#information ul li img{
margin-left:5px;margin-right:5px;
position:relative;top:2px;left:0;
}

div#information h2{
background:url(information_tab.gif) no-repeat 0 0;
height:20px;
margin:0 !important;padding:0 !important;
text-indent:-9999px;
border:none !important;
}


/* ----- TOPページフッターバナー ----- */

div#footerbanners p{
text-align:center;
}