/* global    共通CSS  */

body { 
margin:0;
padding:0;
}

table {
border-style:none;
border-collapse:collapse;
}

td {
vertical-align:top;
}

img {
border-style:none;
margin:0;
padding:0;
}

li {
list-style:none;
}

a:link {
text-decoration:none;
}

a:visited {
text-decoration:none;
}

h1 {
margin:0;
padding:0;
}

h3 {
margin:0;
padding:10px 0 0 0;
color:#666;
font:normal 12px "MSゴシック",sans-serif;
border-top:2px dotted #ccc;
}

.tab_info {
margin:10px 0px 5px 0;
padding:0;
font:bold 12px "MSゴシック",sans-serif;
color:#cc0000;
}

#wrapper {
margin:0;
padding:0;
background-image:url(../images/global/body_bg_bottom.jpg);
background-position:bottom;
background-repeat:repeat-x;
width:100%;
}

.wra_top {
background-image:url(../images/global/body_bg_top.gif);
background-repeat:repeat-x;
width:100%;
}

#container {
margin:0 auto;
padding:0;
width:980px;
}

#container_s {
margin:0;
padding:0;
width:900px;
}

.head {
margin:0;
padding:0;
background-image:url(../images/global/head_bg.gif);
background-repeat:no-repeat;
}

/*　トップメニュー　*/
#top_menu,top_menu ul{
margin:0;
paddingu:0;
height:38px;
position:relative;
}

li.top_menu_cont {
background-image:url(../images/global/top_menu_off.gif);
background-repeat:no-repeat;
width:111px;
height:26px;
margin:5px 1px 0 1px;
padding:0;
color:#fff;
font:bold 12px "MSゴシック",sans-serif;
text-align:center;
line-height:26px;
float:left;
position:relative;
display: inline 
}

.top_menu_cont a:link,.top_menu_cont a:visited {
color:#fff;
text-decoration:none;
display:block;
}

.top_menu_cont a:hover {
color:#000099;
text-decoration:none;
display:block;
}

.top_menu_cont:hover {
background-image:url(../images/global/top_menu_on.gif);
background-repeat:no-repeat;
width:111px;
height:26px;
color:#000099;
}

/* ドロップダウンメニュー　*/
#top_menu ul {
width:190px;
position:absolute;
top:26px;
left:-40px;
display:none;
}

#top_menu ul li a {
width:180px;
display:block;
padding:0 5px;
border:1px solid #006633;
background-color:#fff;
color:#006633;
text-decoration:none;
}

#top_menu ul li a:hover {
background-color:#006633;
color:#fff;
}

#top_menu ul li.first a {
background-color:#fff;
padding:0 5px;
color:#006633;
}

#top_menu ul li.first a:hover {
background-color:#006633;
color:#fff;
}



/* バナーBOX */
#banner_box {
margin:20px 0 10px 0;
padding:5px 0 10px 0;
border-top:2px dotted #ccc;
width:975px;
height:200px;
display:block;
}

.banner_box_bottom {
width:975px;
margin:5px 0;
padding:5px 0;
}


/* NPインフォ他　用　*/
.banner_box_side {
width:210px;
margin:0 0 10px 0;
padding:0;
}

img.banner {
border:2px solid #ccc;
margin:0 10px 0 0;
float:left;
}

img.banner a:link{
border:2px solid #ccc;
}

img.banner a:visited,img.banner a:active{
border:2px solid #ccc;
}

a:hover img.banner{
border:2px solid #cc0000;
}

.group_title {
margin:0 0 15px 0;
padding:2px 0px 0px 2px;
color:#333;
font:bold 14px "MSゴシック",sans-serif;
border-bottom:2px solid #000099;
background-color:#e6e6fa;
width:975px;
}

.group_title span {
margin:0;
padding:2px 0px 0px 20px;
color:#cc0000;
font:normal 12px "MSゴシック",sans-serif;
}

.group_title_npinfo {
margin:0 0 15px 0;
padding:2px 0px 0px 2px;
color:#333;
font:bold 14px "MSゴシック",sans-serif;
border-bottom:2px solid #000099;
background-color:#e6e6fa;
width:210px;
}

/*  代理店バナー　home  */
.banner_title {
margin:0;
padding:0;
color:#000099;
font:bold 12px "MSゴシック",sans-serif;
text-decoration:none;
}

.banner_title a:link,.banner_title a:visited,.banner_title a:active{
color:#000099;
text-decoration:none;
}

a:hover .banner_title{
color:#cc0000;
text-decoration:underline;
}

.banner_comm {
margin:5px 0 0 0;
padding:0;
color:#000;
font:normal 12px "MSゴシック",sans-serif;
line-height:120%;
}

/* 天気予報　下バナー　*/
img.banner_etc {
border:2px solid #ccc;
margin:3px 0 0 0;
float:left;
}

img.banner_etc a:link{
border:2px solid #ccc;
}

img.banner_etc a:visited,img.banner_etc a:active{
border:2px solid #ccc;
}

a:hover img.banner_etc{
border:2px solid #cc0000;
}



/* 業務紹介　矢印　*/
img.ya {
margin:80px 0 0 0;
padding:0;
}

/* ページトップへ　*/
.pagetop {
margin:0;
padding:0;
color:#666;
font:normal 12px "MSゴシック",sans-serif;
text-align:right;
}

.pagetop a:link,.pagetop a:visited,.pagetop a:active{
color:#666;
text-decoration:none;
}

.pagetop a:hover {
color:#000;
text-decoration:underline;
}

/*　bottom メニューボタンbox */
.box_bottom_menu {
margin:5px auto;
padding:0

}


/* パンくず  */
.pan {
margin:5px 0;
padding:0;
font:normal 12px "MSゴシック",sans-serif;
color:#666;
}

.pan a:link,.pan a:visited,.pan  a:active{
color:#000;
text-decoration:none;
}

.pan  a:hover {
color:#000;
text-decoration:underline;
}

/* footer */
.bottom {
clear:both;
margin:0;
padding:0;
background-image:url(../images/global/bottom_bg.gif);
background-repeat:no-repeat;
height:102px;
}

.privacy {
padding:30px 0 0 0;
margin:0;
color:#666;
font:normal 12px "MSゴシック",sans-serif;
text-align:right;
}

.privacy a:link,.privacy a:visited,.privacy a:active{
color:#666;
text-decoration:none;
}

.privacy a:hover {
color:#000;
text-decoration:underline;
}

.copy {
padding:15px 0 0 150px;
margin:0;
color:#fff;
font:normal 12px "MSゴシック",sans-serif;
text-align:left;
}

.foot_logo {
margin:0;
padding:0;
color:#fff;
font:bold 12px "MSゴシック",sans-serif;
text-align:right;
}

/* 機能紹介ページ　◎　*/
.maru {
margin:0;
padding:0;
color:#000;
font:normal 14px "MSゴシック",sans-serif;
text-align:right;
}

.maru span {
font:normal 20px "MSゴシック",sans-serif;
color:#000;
}

