@charset "utf-8";
@import "mainmenu_tmp.css";
/***********************
skype main css
***********************/
/**********
>>defaults
**********/
body{
font-size:100%;
color:#666666;
padding:0;
margin:0;
text-align:center;
background:url('http://image.excite.co.jp/jp/skype/bg_head01.png') repeat-x center top;
z-index:0;
behavior:url("/js/csshover.htc");
}
*{
font-family:"Verdana","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","sans-serif";
word-break:break-all;
}

a{
cursor:pointer;
}
a:link,a:visited{
color:#666666;
text-decoration:underline;
}
a:active,a:hover{
color:#00AFF0;
text-decoration:none;
}
h1,h2,h3,h4,h5,p,dl,dt,dd,table,tr,td,form,input,textarea,ul,li,ol,hr,span,hr,code{
padding:0;
margin:0;
line-height:100%;
}
ul,ol{
list-style:none;
}
img{
border:none;
}

/**********
<<defaults
**********/
/**********
>>shared class
**********/
.disp,
.disp a{
display:block;
font-size:0;
line-height:0;
text-indent:-9999px;
outline:none;
}
.clear{
clear:both;
}

.clearfix{ display:inline-block;}
.clearfix:after{
content: ".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.floatleft{
float:left;
}
.floatright{
float:right;
}
.sp10{
height:10px;
font-size:0;
line-height:0;
}
.sp20{
height:20px;
font-size:0;
line-height:0;
}
.sp40{
height:40px;
font-size:0;
line-height:0;
}

/*--------------------------------------------------------------ノーマルボタン-*/
.normal-btn a{
font-size:14px;
font-weight:bold;
line-height:330%;
color:#FFFFFF;
text-decoration:none;
text-align:center;
display:block;
height:47px;
width:200px;
margin:30px auto;
background:url(http://image.excite.co.jp/jp/skype/skype_btn_back.png) no-repeat top;
}
.normal-btn a:hover{
background-position:bottom;
color:#FEDC00;
text-decoration:none;
}


/*-----------------------------------------------------------skype creditなど購入に使うボタン-*/
.btn-credit{
text-align:left;
margin:20px 0;
}

.btn-credit a{
background:url(http://image.excite.co.jp/jp/skype/features/main/more/btn_credit_off.png) no-repeat;
height:30px;
width:245px;
display:block;
padding-left:20px;
font-size:12px;
font-weight:bold;
color:#3D6B9E;
text-decoration:none;
line-height:230%;
text-align:left;
}

.btn-credit a:visited{
text-decoration:none;
color:#3D6B9E;
}

.btn-credit a:hover{
background:url(http://image.excite.co.jp/jp/skype/features/main/more/btn_credit_on.png) no-repeat;
text-decoration:none;
color:#FFFFFF;
width:245px;
}

.btn-credit a:active{
text-decoration:none;
color:#FFFFFF;
}

/*-----------------------------------------------------------ダウンロードボタン-*/
.btn-download{
width:270px;
margin:20px auto 0;
}
.btn-download a{
display:block;
height:65px;
width:195px;
padding-top:15px;
padding-left:75px;
background:url(http://image.excite.co.jp/jp/skype/features/scene/btn_download.png) no-repeat top;
font-weight:bold;
text-decoration:none;
font-size:80%;
line-height:140%;
text-align:left;
}
.btn-download span{
font-size:85%;
font-weight:normal;
line-height:150%;
}
.btn-download a:hover{
background:url(http://image.excite.co.jp/jp/skype/features/scene/btn_download.png) no-repeat bottom;
text-decoration:underline;
color:#666666;
}

.red{color:#FF0000;}

/*------------------------------------------------------------エモーティコン*/
.emo19{
height:19px;
width:19px;
margin:0 1px;
/*background:url(http://image.excite.co.jp/jp/skype/emoticons_webmatrix.png) no-repeat;*/
}
.smile{ background-position:0 0}
.sadsmile{ background-position:0 19px;}
.bigsmile{ background-position:38px 0}
.cool{ background-position:0 0}
.surprised{ background-position:0 0}
.wink{ background-position:0 0}
.crying{ background-position:0 0}
.sweating{ background-position:0 0}
.speechless{ background-position:0 0}
.kiss{ background-position:0 0}
.tongueout{ background-position:0 0}
.blush{ background-position:0 0}
.wondering{ background-position:0 0}
.sleepy{ background-position:0 0}
.dull{ background-position:0 0}
.inlove{ background-position:0 0}
.evilgrin{ background-position:0 0}
.talking{ background-position:0 0}
.yawn{ background-position:0 0}
.puke{ background-position:0 0}
.doh{ background-position:0 0}
.angry{ background-position:0 0}
.itwasntme{ background-position:0 0}
.party{ background-position:0 0}
.worried{ background-position:0 0}
.mmm{ background-position:0 0}
.nerd{ background-position:0 0}
.lipssealed{ background-position:0 0}
.hi{ background-position:0 0}
.call{ background-position:0 0}
.devil{ background-position:0 0}
.angel{ background-position:0 0}
.envy{ background-position:0 0}
.wait{ background-position:0 0}
.bear{ background-position:0 0}
.makeup{ background-position:0 0}
.giggle{ background-position:0 0}
.clapping{ background-position:0 0}
.thinking{ background-position:0 0}
.bow{ background-position:0 0}
.yes{ background-position:0 0}
.no{ background-position:0 0}
.handshake{ background-position:0 0}
.skype{ background-position:0 0}
.heart{ background-position:0 0}
.brokenheart{ background-position:0 0}
.mail{ background-position:0 0}
.flower{ background-position:0 0}
.rain{ background-position:0 0}
.sun{ background-position:0 0}
.time{ background-position:0 0}
.music{ background-position:0 0}
.movie{ background-position:0 0}
.phone{ background-position:0 0}
.coffee{ background-position:0 0}
.pizza{ background-position:0 0}
.cash{ background-position:0 0}
.muscle{ background-position:0 0}
.cake{ background-position:0 0}
.beer{ background-position:0 0}
.drink{ background-position:0 0}
.dance{ background-position:0 0}
.ninja{ background-position:0 0}
.star{ background-position:0 0}
.mooning{ background-position:0 0}
.middlefinger{ background-position:0 0}
.bandit{ background-position:0 0}
.drunk{ background-position:0 0}
.smoke{ background-position:0 0}
.toivo{ background-position:0 0}
.rock{ background-position:0 0}
.headbang{ background-position:0 0}

.version-attention {
margin:5px 0;
padding:8px 15px;
background:#e7f6f7;
}
.version-attention img{
float:left;
width:41px;
margin-right:10px;
}
.version-attention p{
font-size:84%;
line-height:150%;
text-align:left;
}

/**********
<<shared class
**********/
/**********
>>header
**********/
#head{
background:url('http://image.excite.co.jp/jp/skype/bg_head02.png') no-repeat right top;
z-index:1;
}
#head,
#mainmanu,
#content,
#foot{
width:920px;
margin:0 auto;
}
#content{
width:910px;
}
#head h1,
#head h1 a{
display:block;
float:left;
background:url("http://image.excite.co.jp/jp/skype/logo_245x47.png") no-repeat left top; height:47px; width:245px;
}
#head h1{}

/* for defelt logo
background:url("http://image.excite.co.jp/jp/skype/logo_245x47.png") no-repeat left top; height:47px; width:245px;*/

/* for 2008 halloween logo
background:url("http://image.excite.co.jp/jp/skype/logo_halloween.png") no-repeat left top; height:48px; width:281px;*/

/* for 2008 spring logo
background:url("http://image.excite.co.jp/jp/skype/logo_spring.png") no-repeat left top; height:62px; width:253px;*/

/* for 2008 christmas logo
background:url(http://image.excite.co.jp/jp/skype/logo_christmas.png) no-repeat bottom; height:63px; width:330px;*/

/* for 2008 newyear logo
background:url("http://image.excite.co.jp/jp/skype/logo_newyear.png") no-repeat left top; height:63px; width:330px;*/

#submenu{
float:right;
padding-top:19px;
width:485px;
_width:510px;
}
#submenu ul{
float:left;
width:290px;
_width:310px;
}
#submenu li{
margin-left:10px;
float:left;
}
#submenu li,
#submenu li a{height:24px;}
#sm01,
#sm01 a{width:96px;}
#sm01{background:url("http://image.excite.co.jp/jp/skype/submenu01.png") no-repeat left top;}
#sm02,
#sm02 a{width:105px;}
#sm02{background:url("http://image.excite.co.jp/jp/skype/submenu02.png") no-repeat left top;}
#sm03,
#sm03 a{width:95px;}
#sm03{background:url("http://image.excite.co.jp/jp/skype/submenu03.png") no-repeat left top;}
#sm04,
#sm04 a{width:160px;}
#sm04{background:url("http://image.excite.co.jp/jp/skype/submenu04.png") no-repeat left top;}
#sm05,
#sm05 a{width:110px;}
#sm05{background:url("http://image.excite.co.jp/jp/skype/submenu05.png") no-repeat left top;}

#submenu .search-box{
float:right;
text-align:left;
background:url(http://image.excite.co.jp/jp/skype/ni/back_search.png) no-repeat;
width:189px;
height:28px;
}
#submenu .word{
width:100px;
margin:7px 11px 0 35px;
_margin:7px 8px 0 35px;
border:0 solid #fff;
font-size:12px;
line-height:14px;
float:left;
color:#666;
letter-spacing:0.1em
}
#submenu .search-box a,
#submenu .search-box a:active{
outline:none;
}

/**********
<<header
**********/
/**********
>>mainmenu
**********/

/**********
<<mainmenu
**********/

#content{
padding-top:20px;
}
/*第1階層のレイアウト*/
#cotent_l{
float:left;
width:600px;
}
/*第2階層以降のレイアウト*/
#cotent_ls{
float:right;
width:650px;
}
#cotent_ls .cloud_bg h3{
font-size:160%;
text-align:left;
line-height:120%;
}
/*right cloud*/
#cotent_ls .cloud_bg{
height:70px;
}
#cotent_ls .cloud_bg p{
padding-right:200px;
text-align:left;
font-size:84%;
line-height:120%;
}



#cotent_ls_top{
background:url("http://image.excite.co.jp/jp/skype/bg_cotent_ls_top.png") no-repeat;
width:650px;
height:10px;
overflow:hidden;
}
#cotent_ls_mdd{
background:url("http://image.excite.co.jp/jp/skype/bg_cotent_ls_mdd.png") repeat-y center top;
width:650px;
overflow:hidden
}
#cotent_ls_btm{
background:url("http://image.excite.co.jp/jp/skype/bg_cotent_ls_btm.png") no-repeat;
width:650px;
height:10px;
overflow:hidden;
}


#cotent_r{
float:right;
width:300px;
}

.left_banner img{
margin-top:20px;
}
/**********
footer>>
**********/
#foot{
margin-top:30px;
background-color:#F5F5F5;
}
#foot div{
font-size:60%;
line-height:300%;
padding-top:27px;
background:url("http://image.excite.co.jp/jp/skype/bg_foot01.png") no-repeat center top;
}
#foot div span{
margin-left:20px;
}
/**********
<<footer
**********/