@charset "Shift_JIS";


/*=====================================
common
=====================================*/

* {
margin:0;
padding:0;
}


body{
margin:0;
padding:0;
}

.clear{
clear:both;
}
/*=====================================
トップページ用ヘッダー
=====================================*/

#banner_area{
width:715px;
/*height:125px;
padding:10px;
overflow:hidden;*/
}
#banner_area2{
width:715px;
margin:10px 0 40px 0;
}
.banner_big{
float:left;
}
.banner_s{
margin:0 0 5px 15px;
float:left;
}
#copy_area{
width:695px;
margin:10px 0 10px 10px;
padding:10px;
overflow:hidden;
}
.copy_txt{
width:420px;
/*width:660px;*/
margin:0 20px 0 0;
float:left;
}
#web_mail{
width: 198px;
background-color:#F4F5EF;
float:left;
margin: 0;
padding: 15px 15px 10px 15px;
}
#web_mail h2{
width: 157px;
height: 21px;
background: url(../img/webmail_title.gif) top left no-repeat;
text-indent:-9999px;
overflow:hidden;
margin:0 auto 25px auto;
padding: 0;
}
.web_guide{
margin:0 0 4px 22px;
}
.web_btn{
margin:15px 2px 0 0;
}
.web_login{
margin:0 0 0 14px;
}
/*=====================================
トップページ用メインコンテンツ
=====================================*/
#top_main{
width:715px;
padding:10px;
overflow: hidden;
}
#top_menu_01{
display: block;
width: 191px;
height: 101px;
background: url(../img/top_bflets.jpg) top left no-repeat;
margin: 0;
padding: 80px 0 0 25px;
float:left;
text-decoration:none;
color:#34363E;
font-size:12px;
}
#top_menu_01:hover {
background-position: bottom;
color:#8C8E87;
}
#top_menu_02{
display: block;
width: 162px;
height: 103px;
background: url(../img/top_adsl.jpg) top left no-repeat;
margin: 6px 0 0 11px;
padding: 72px 30px 0 25px;
float:left;
text-decoration:none;
color:#34363E;
font-size:12px;
}
#top_menu_02:hover {
background-position: bottom;
color:#8C8E87;
}
#top_menu_03{
display: block;
width: 130px;
height: 124px;
background: url(../img/top_isdn.jpg) top left no-repeat;
margin: 6px 0 0 11px;
padding: 70px 100px 0 25px;
float:left;
text-decoration:none;
color:#34363E;
font-size:12px;
}
#top_menu_03:hover {
background-position: bottom;
color:#8C8E87;
}
#top_menu_04{
display: block;
width: 160px;
height: 103px;
background: url(../img/top_du.jpg) top left no-repeat;
margin: 0;
padding: 72px 30px 0 25px;
float:left;
text-decoration:none;
color:#34363E;
font-size:12px;
}
#top_menu_04:hover {
background-position: bottom;
color:#8C8E87;
}
#top_menu_05{
display: block;
width: 166px;
height: 137px;
background: url(../img/top_air.jpg) top left no-repeat;
margin: 0 0 0 12px;
padding: 72px 30px 0 25px;
float:left;
text-decoration:none;
color:#34363E;
font-size:12px;
}
#top_menu_05:hover {
background-position: bottom;
color:#8C8E87;
}
#top_menu_06{
display: block;
width: 171px;
height: 154px;
background: url(../img/top_ip.jpg) top left no-repeat;
margin: 6px 0 30px 0;
padding: 55px 20px 0 30px;
float:left;
text-decoration:none;
color:#34363E;
font-size:12px;
}
#top_menu_06:hover {
background-position: bottom;
color:#8C8E87;
}


#option{
clear:both;
width:625px;
margin:0 0 0 10px;
padding:20px;
background-color:#F4F5EF;
overflow:hidden;
}
#option h2{
width: 268px;
height: 23px;
background: url(../img/top_option_title.gif) top left no-repeat;
text-indent:-9999px;
overflow:hidden;
margin:0;
padding: 0;
}
#option h3{
width: 423px;
height: 33px;
background: url(../img/top_option_sub.gif) top left no-repeat;
text-indent:-9999px;
overflow:hidden;
margin:10px 0 25px 8px;
padding: 0;
}

#option ul{
margin:0 0 0 2px;
}

#option li{
list-style-type:none;
height:85px;
border-right:1px solid #DCDBCF;
border-left:1px solid #FFFFFF;
float:left;
}

#option_01{
display: block;
width: 46px;
height: 77px;
background: url(../img/top_option_01.gif) top left no-repeat;
text-indent:-9999px;
overflow:hidden;
margin: 2px 17px 0 17px;
padding: 0;
}
#option_01:hover {
background-position: bottom;
padding: 0;
}
#option_02{
display: block;
width: 120px;
height: 83px;
background: url(../img/top_option_02.gif) top center no-repeat;
text-indent:-9999px;
overflow:hidden;
margin: 0 17px 0 17px;
padding: 0;
}
#option_02:hover {
background-position: bottom;
}
#option_03{
display: block;
width: 120px;
height: 73px;
background: url(../img/top_option_03.gif) top center no-repeat;
text-indent:-9999px;
overflow:hidden;
margin: 8px 17px 0 17px;
_margin: 8px 8px 0 8px;
padding: 0;
float:left;
}
#option_03:hover {
background-position: bottom;
}
#option_04{
display: block;
width: 120px;
height: 67px;
background: url(../img/top_option_04.gif) top center no-repeat;
text-indent:-9999px;
overflow:hidden;
margin: 8px 17px 0 17px;
_margin: 8px 8px 0 8px;
padding: 0;
float:left;
}
#option_04:hover {
background-position: bottom;
}
#option_05{
display: block;
width: 120px;
height: 74px;
background: url(../img/top_option_05.gif) top center no-repeat;
text-indent:-9999px;
overflow:hidden;
margin: 2px 12px 0 12px;
_margin: 2px 6px 0 6px;
padding: 0;
float:left;
}
#option_05:hover {
background-position: bottom;
}
#option_06{
display: block;
width: 120px;
height: 71px;
background: url(../img/top_option_06.gif) top center no-repeat;
text-indent:-9999px;
overflow:hidden;
margin: 2px 12px 0 12px;
_margin: 2px 6px 0 6px;
padding: 0;
float:left;
}
#option_06:hover {
background-position: bottom;
}

#adspace{
width:625px;
margin:0 0 30px 10px;
padding:20px;
background-color:#F4F5EF;
overflow:hidden;
color:#8C8E87;
font-size:12px;
}
#adspace p{
padding:0 0 0 8px;
}
#adspace_header{
clear:both;
width:625px;
margin:20px 0 0 10px;
padding:0;
position:relative;
}
#adspace h2{
width: 158px;
height: 23px;
background: url(../img/top_ad_title.gif) top left no-repeat;
text-indent:-9999px;
overflow:hidden;
margin:0;
padding: 0;
}
#adspace h3{
width: 423px;
height: 15px;
background: url(../img/top_ad_sub.gif) top left no-repeat;
text-indent:-9999px;
overflow:hidden;
margin:10px 0 15px 8px;
padding: 0;
}
#adspace_flower{
display:block;
width:122px;
height:99px;
background:url(../img/top_ad_flower.png) no-repeat top left;
behavior: expression(IEPNGFIX.fix(this));
top:-15px;
left:590px;
text-indent:-9999px;
overflow:hidden;
position:absolute;
}

/*=====================================
会社概要
=====================================*/

#co_main{
clear:both;
width:715px;
margin:0 0 0 5px;
padding:10px;
}