@charset "utf-8";

/*--------------------------------------------------
  == Nifty Biz Module Style ==
  --------------------------------------------------
  File       : mod.css
  Date       : 2009.02.13
  Last Update: 2009.07.29
  
  更新履歴:
  -- 2009.04.08　　list-notice-01 を整理
  -- 2009.07.29    index.htm用のcssを作成

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

/* index.htm用
--------------------------------------------------*/

/*ヘッダー画像*/
#main_header{
padding:15px 9px;
display:block;
height:196px;
background:url(../images/top/header_bk.gif) repeat-x bottom;
border-top:solid 1px #ffffff;
border-bottom:solid 1px #CCCCCC;
border-left:solid 1px #bababa;
border-right:solid 1px #bababa;
}

#main_header div{
float:left;
}

#main_header ul{
margin-right:8px;
_margin-right:4px;
float:left;
width:235px;
}

/* 旧Flash枠 */
#slideshow { width:506px; height:198px; float:right; position:relative; overflow:hidden; background:url(../images/topfla/img/img_loading.gif) 0 0 no-repeat #f5f5f5; }
#slideshow ul { height:198px; position:relative; margin:0; padding:0; }
#slideshow ul li { position:absolute; top:0; left:0; }

#slideshow #paging { position:absolute; top:2px; right:5px; }
#slideshow #paging li { display:inline; }
#slideshow #paging a { display:block; float:left; padding:0 5px; margin-left:2px; font-size:80%; font-weight:bold; background-color:#333; color:#fff; }
#slideshow a.active,
#slideshow a:hover { color:#4EA407 !important; }


/*新着情報*/

#main_new{
margin-bottom:15px;
background-color:#eee;
}

#main_new #title{
width:95px;
/* padding-top:0.5em; */
padding-top:1.6em;
/* padding-top:2.5em; */
text-align:center;
font-weight:bold;
float:left;
}

#main_new ul{
float:left;
width:453px;
padding:3px 6px;
background-color:#fff;
}

#main_new li{
padding:3px 5px;
background:url(../images/common/line_01.gif) repeat-x 0 100%;
}


/*探す*/
.ico{
vertical-align:middle;
}


#main_box{
margin-bottom:30px;
background:url(../images/top/mainbox_bk.gif) no-repeat bottom;
}

#main_box .contents{
width:280px;
float:left;
}

#main_box .in{
width:260px;
}

#main_box .service{
padding:5px 10px;
}

#main_box .in li{
padding-left:12px;
line-height:1.5em;
background:url(../images/top/main_box_arrow.gif) no-repeat 0 0.2em;
}

#main_box .purpose{
padding:5px 7px 5px 13px;
}

#main_box table,
#main_box th,
#main_box td{
margin:0;
padding:0;
border-collapse:collapse;
border:none;
}

#main_box th{
text-align:left;
}

#main_box th img{
margin:0 8px 2px 0;
}

#main_box td{
vertical-align:middle;
}

/*
#main_box .purpose li{
margin-bottom:3px;
}

#main_box .purpose li img{
margin-right:5px;
vertical-align:middle;
}

#main_box .purpose .p_01{
background: url(../images/top/p_ico01.gif) no-repeat 0 0.2em;
}
*/

/*
#main_box a{
padding-left:15px;
background: url(../images/top/main_box_arrow.gif) no-repeat 0 3px;
}*/

#main_box .asp{
margin-left:15px;
}

#main_box .list{
margin-top:5px;
padding:5px;
background:url(../images/common/line_01.gif) repeat-x top;
text-align:right;
}

#main_box .list img{
vertical-align:middle;
}

.link-pagetop-01 a{
padding-left:14px;
background:url(../images/common/blt_arrow_03.gif) no-repeat 0 45%;
}


/*コラム*/

#main_column {
margin-bottom:10px;
padding:0 10px;
}

#main_column .cbox{
margin-right:4px;
padding:5px;
display:block;
width:165px;
float:left;
/*border: 1px solid #cccccc;*/
}

#main_column .mr0{
margin-right:0px !important;}

#main_column .cbox img{
float:left;
margin-right:5px;
height:54px;
width:54px;
}

#main_column_other{
margin:0 10px 30px 10px;
padding:3px 10px;
background:#eeeeee;
}

/* トップページ1カラム
--------------------------------------------------*/

.toplay_col1_on{
display:block;
width:560px;
height:10px;
background:url(../images/common/toplay_col1_on.gif) top;
}

.toplay_col1_under{
margin-bottom:10px;
padding: 0 10px 10px 10px;
width:540px;
background:url(../images/common/toplay_col1_under.gif) bottom;
}

/*-- asptop --*/
.toplay_col1_under .threesec_h3{
width:303px;
float:left;
}

.toplay_col1_under .threesec_list{
padding-top:5px;
width:237px;
float:left;
}

/*-- リスト --*/
.toplay_col1_under li{
display:block;
float:left;
margin:6px 6px 0 0;
width:85px;
height:40px;
}

.toplay_col1_under .mr{
margin-right:0 !important;
}

.toplay_col1_line{
margin-bottom:6px;
padding-bottom:10px;
width:540px;
background:url(../images/common/line.gif) repeat-x bottom;
}


/* トップページ2カラム
--------------------------------------------------*/

.toplay_col2_on{
display:block;
width:560px;
height:10px;
background:url(../images/common/toplay_col2_on.gif) top;
}

.toplay_col2_under{
clear:both;
margin-bottom:10px;
padding: 0 10px 10px 10px;
width:540px;
background:url(../images/common/toplay_col2_under.gif) bottom;
}

.toplay_col2_under h3{
margin-bottom:10px;
}

.toplay_col2_under .Lbox{
display:block;
float:left;
margin-right:15px;
width:255px;
}

.toplay_col2_under .Rbox{
display:block;
float:left;
margin-left:15px;
width:255px;
}


/* メルソルトップ
--------------------------------------------------*/
.toplay_mailsol, .toplay-mailasp { margin-bottom:2em; }
.toplay_mailsol .inner, .toplay-mailasp .inner { padding:0 5px; }

.toplay_mailsol .img_text    { margin-right:8px; float:left; }
.toplay_mailsol .inner2 p { width:49%; padding-right:5px; float:left; }

.toplay-mailasp img { display:block; vertical-align:bottom; }
.toplay-mailasp .inner-l,
.toplay-mailasp .inner-r { width:269px; float:left; }
.toplay-mailasp .inner-l { margin-right:10px; padding-right:10px; border-right:1px #ccc dotted; }

.toplay-mailasp .li-mgw li{ margin-right:1px; float:left; }



/* メ-ルアウトトップ
--------------------------------------------------*/
#toplay_mailout{
margin-bottom:10px;
}

#toplay_mailout h2{
margin:0px;
padding:0px;
}

#toplay_mailout_bk {
display:block;
padding:8px 10px 0px 16px;
width:534px;
height:91px;
background:url(../mailout/images/title03.gif) top no-repeat;
}

#toplay_hosting_bk li,
#toplay_mailout_bk li{
margin-right:6px;
_margin-right:4px;
float:left;
}

/* ビジホストップ
--------------------------------------------------*/
#toplay_hosting_bk {
display:block;
padding:8px 10px 0px 16px;
width:534px;
height:91px;
background:url(../hosting/images/title03.gif) top no-repeat;
}