@charset "shift_jis";

@import url("common.css");

/* ソネットヘッダー部分 */

/* common------------------------------------------------------------------------------ */

body{margin:0 !important; padding:0 !important;}

#so-netsite,

#so-netpublication{

	background:#fff;

	color:#333;

	font:small/1.4 "Hiragino Kaku Gothic Pro",Osaka ,Arial, sans-serif;

	width:100%;

	text-align:left;

}



#so-netsite li ,

#so-netpublication li{list-style-type: none;}

#so-netsite img ,

#so-netpublication img{border: 0px;}

#so-netsite a:link,

#so-netpublication a:link,

#so-netsite a:visited,

#so-netpublication a:visited{

	color: #0a54a7; 

	text-decoration:none;

}

#so-netsite a:active,

#so-netsite a:hover{

	color: #f00;

	text-decoration:underline;

}





#so-netsite .width{

	padding:0 10px;

	margin:0 auto;

}

#so-netsite #link{

padding-top:3px;

padding-bottom:3px;

}

#linkElement #h1{

	margin: 0; padding: 0;

	display:inline;

	float:left;

	margin-top:3px;

}

#linkElement h1{

	margin: 0; padding: 0;

	margin-top:15px;

	display:inline;

	float:left;

}

#linkElement span#contentsTit{

	margin: 0; padding: 0;

	margin-top:15px;

	display:inline;

	float:left;

}

#so-netsite #headPr{

background-color:#e9e9e9;

border-bottom:1px solid #bfbfbf;

}

#so-netsite #headPr p{

margin:0;

padding:0;

}

#so-netsite #headPr{

padding:1px 0 2px 0;

}

#so-netsite #headPr #reTop{

float:right;

}



#so-netsite #headPr #prText{

margin-top:4px;

float:left;

}





#so-netpublication  #seachBox2{

padding-top:10px;

padding-bottom:10px;

border-top:1px solid #d0d0d0;

border-bottom:1px solid #d0d0d0;

}



#so-netsite #seachBox form,

#so-netpublication  #seachBox2 form{

margin:0;

}



#so-netsite #seachBox{

float:right;

padding-top:0px;

padding-bottom:0;

}

#so-netsite #seachBox{

width:450px;

}

* html #so-netsite #seachBox{

width:460px;

}





#so-netsite #seachBox #seachMenu,

#so-netpublication  #seachBox2 #seachMenu2{

margin-top:0;margin-bottom:3px;

font-size:x-small;

line-height:1.4;

}

*+html #so-netsite #seachBox #seachMenu,

*+html #so-netpublication  #seachBox2 #seachMenu2{

margin-top:0;margin-bottom:3px;

font-size:70%;

}

* html #so-netsite #seachBox #seachMenu,

* html #so-netpublication  #seachBox2 #seachMenu2{

margin-top:0;margin-bottom:3px;

font-size:70%;

}



#Top #seachBox #seachMenu,

#Top #seachBox2 #seachMenu2{

font-size:small;

}



* html #Top #so-netsite #seachBox #seachMenu,

* html #Top #so-netpublication  #seachBox2 #seachMenu2{

font-size:90%;

}

*+html #Top #so-netsite #seachBox #seachMenu,

*+html #Top #so-netpublication  #seachBox2 #seachMenu2{

font-size:90%;

}



#so-netpublication #seachBox2 #seachMenu2{

float:left;margin-right:10px;

}



#so-netsite #seachBox #seachMenu a,

#so-netpublication  #seachBox2 #seachMenu2 a{

padding:0 3px;

}

* html #so-netsite #seachBox #seachMenu a{

padding-top:2px;

}



#so-netsite #seachBox #seachMenu .sortOn,

#so-netpublication  #seachBox2 #seachMenu2 .sortOn{

background-color:#0e57a8;

}

#so-netsite #seachBox #seachMenu a:link.sortOn,

#so-netsite #seachBox #seachMenu a:visited.sortOn,

#so-netsite #seachBox #seachMenu a:active.sortOn,

#so-netsite #seachBox #seachMenu a:hover.sortOn,

#so-netpublication  #seachBox2 #seachMenu2 a:link.sortOn,

#so-netpublication  #seachBox2 #seachMenu2 a:visited.sortOn,

#so-netpublication  #seachBox2 #seachMenu2 a:active.sortOn,

#so-netpublication  #seachBox2 #seachMenu2 a:hover.sortOn{

color:#fff;

text-decoration:none;

}



#so-netsite #seachBox #seachBoxBody,

#so-netpublication  #seachBox2 #seachBoxBody2{

height:19px;

}





#so-netsite #seachBox #searchWeb img,

#so-netsite #seachBox #searchImages img,

#so-netsite #seachBox #searchNews img,

#so-netsite #seachBox #searchEJ img,

#so-netsite #seachBox #searchJE img,

#so-netsite #seachBox #searchJapanes img,

#so-netsite #seachBox #searchTranslation img,

#so-netsite #seachBox #searchSonet img,

#so-netsite #seachBox #searchBlog img,

#so-netsite #seachBox #searchTelephone img,

#so-netsite #seachBox #searchCategory img,



#so-netpublication  #seachBox2 #searchWeb2 img,

#so-netpublication  #seachBox2 #searchImages2 img,

#so-netpublication  #seachBox2 #searchNews2 img,

#so-netpublication  #seachBox2 #searchEJ2 img,

#so-netpublication  #seachBox2 #searchJE2 img,

#so-netpublication  #seachBox2 #searchJapanes2 img,

#so-netpublication  #seachBox2 #searchTranslation2 img,

#so-netpublication  #seachBox2 #searchSonet2 img,

#so-netpublication  #seachBox2 #searchBlog2 img,

#so-netpublication  #seachBox2 #searchTelephone2 img,

#so-netpublication  #seachBox2 #searchCategory2 img{

margin-top:0px;

}







#so-netsite #seachBox #searchImages,

#so-netsite #seachBox #searchNews,

#so-netsite #seachBox #searchEJ,

#so-netsite #seachBox #searchJE,

#so-netsite #seachBox #searchJapanes,

#so-netsite #seachBox #searchTranslation,

#so-netsite #seachBox #searchSonet,

#so-netsite #seachBox #searchBlog,

#so-netsite #seachBox #searchTelephone,

#so-netsite #seachBox #searchCategory,





#so-netpublication  #seachBox2 #searchImages2,

#so-netpublication  #seachBox2 #searchNews2,

#so-netpublication  #seachBox2 #searchEJ2,

#so-netpublication  #seachBox2 #searchJE2,

#so-netpublication  #seachBox2 #searchJapanes2,

#so-netpublication  #seachBox2 #searchTranslation2,

#so-netpublication  #seachBox2 #searchSonet2,

#so-netpublication  #seachBox2 #searchBlog2,

#so-netpublication  #seachBox2 #searchTelephone2,

#so-netpublication  #seachBox2 #searchCategory2{

display:none;

}







#so-netsite #seachBox #seachBoxBody #form-search .search-input,

#so-netpublication  #seachBox2 .search-input{

margin-right:5px;

float:left;

border:1px solid #ccc;

width:300px;

}



#so-netpublication  #seachBox2 .search-input{

/*width:280px;*/

}

#so-netpublication #seachBox2 #seachBoxBody2{

vertical-align:middle;

}



#so-netpublication #seachBox2 #seachMenu2{

margin-top:2px;

}



#so-netsite #login{

	height:21px;

	background:url(../images/tools_bg.gif) 0 0 repeat-x;

}

#so-netsite #loginElement{

	height:20px;

	padding-top:0px;

}



/* cgmMenu */

#cgmMenu{

	height:21px;

	background:url(../images/tools_btn_bg.gif) 0 0 no-repeat;

	margin:0;

	float:right;

	width:137px;

	padding:0;

}

#cgmMenu li{

	margin:0;

	padding:0;

	float:left;

}

#cgmMenu li a{

	width:68px;

	height:21px;

	display:block;

}

#cgmMenu li.cgmMenuMail a:hover{

	background:url(../images/tools_btn_bg.gif) 0 -21px no-repeat;

}

#cgmMenu li.cgmMenuBlog a:hover{

	background:url(../images/tools_btn_bg.gif) -68px -21px no-repeat;

}
#cgmMenu li.cgmMenuPhoto a{display:block;}
#cgmMenu li.cgmMenuPhoto a:hover{

	background:url(../images/tools_btn_bg.gif) -136px -21px no-repeat;

}
#cgmMenu li.cgmMenuBuzzmap a{display:block;}
#cgmMenu li.cgmMenuBuzzmap a:hover{

	background:url(../images/tools_btn_bg.gif) -204px -21px no-repeat;

}
#cgmMenu li.cgmMenuSns a{display:block;}
#cgmMenu li.cgmMenuSns a:hover{

	background:url(../images/tools_btn_bg.gif) -272px -21px no-repeat;

}
#cgmMenu li.cgmMenuBlogCruiser a{display:block;}
#cgmMenu li.cgmMenuBlogCruiser a:hover{

	background:url(../images/tools_btn_bg.gif) -340px -21px no-repeat;

}
#cgmMenu li.cgmMenuMySonet a{display:block;}
#cgmMenu li.cgmMenuMySonet a:hover{

	background:url(../images/tools_btn_bg.gif) -408px -21px no-repeat;

}



.cgmMenuMySonet{display:none;}
.cgmMenuMySonet a{display:none;}

#cgmMenu li span{

	display:none;

}



#so-netsite #loginElement iframe{

	height:19px;

}



.login-status {

	overflow:hidden;

	font-size:10px;

	background:url(../images/login_sts_bg.gif);

	width:462px;

	height:19px;

	line-height:19px;

	border-top:1px solid #cbcbcb;

}







/* point */

#myPoint{



}

/* point */



/* superAd */

#superAd{

	height:90px;

	margin-bottom:6px;

}

#superAdimg{

	text-align:center;

}

/* superAd */



/* type:cgm */

#linkElement #toolMenu a{

	line-height:1.0;

}

#linkElement #toolMenu{

	margin-top:15px;

	float:right;

}

#linkElement #toolMenu li{

	font-size:small;

	line-height:1.2;

	float:left;

	padding-left:6px;

}

#linkElement #toolMenu li.nob{

	border-left:none;

}

#cgmtoolLogo{

	padding-left:10px;

	float:right;

}







/* ヘッダー種類------------------------------------------------------------------------------ */

/* width */

.w950{

	width:950px;

}

.w770{

	width:770px;

}

.liquid{

	min-width:770px;

	width:auto;

}

.w881{

	width:881px;

}



/* type ------------------------------------------------------------------------------*/

/* Top */

#Top #login{

margin-bottom:6px;

}



/* Common Portal  */

.A-1 #login,

.A-2 #login,

.A-0 #login{

margin-bottom:6px;

}





/* Common Simple */

.B-1 #login,

.B-2 #login{

margin-bottom:6px;

}









/* myCgmMenu ------------------------------------------------------------------------------ */



.C-1 #login,

.C-2 #login{

margin-bottom:6px;

}



#myCgmMenu{

	height:30px;

	background:url(../images/cgm_bg.gif) repeat-x #eee;

	margin-bottom:8px;

}

#myCgmMenu  ul{

	margin:0;

	padding:0;

	padding-top:3px;

}

#myCgmMenu .myCgmMenuQA{

	float:right;

}

#myCgmMenu  li{

	margin-right:2px;

	height:27px;

	float:left;

}

#myCgmMenu  li span{

	display:none;

}

#myCgmMenu  li a{

	height:27px;

	display:block;

}

.myCgmMenuQA a{

	width:80px;

	background:url(../images/myqa_off.gif) 0 4px no-repeat;

}

.myCgmMenuQA a:hover{

	background:url(../images/myqa_on.gif) 0 4px no-repeat;

}

.myCgmMenuMySonet a{

	width:90px;

	background:url(../images/mysonet_off.gif) 10px 7px no-repeat;

}

.myCgmMenuMySonet a.focus{

	background:url(../images/mysonet_on.gif) 0 0 no-repeat;

}

.myCgmMenuMySonet a.focus:hover{

	background:url(../images/mysonet_on.gif) 0 0 no-repeat;

}

.myCgmMenuMySonet a:hover{

	background:url(../images/mysonet_ov.gif) 10px 7px no-repeat;

}

.myCgmMenuBlog a{

	width:83px;

	background:url(../images/myblog_off.gif) 11px 7px no-repeat;

}

.myCgmMenuBlog a.focus{

	background:url(../images/myblog_on.gif) 0 0 no-repeat;

}

.myCgmMenuBlog a.focus:hover{

	background:url(../images/myblog_on.gif) 0 0 no-repeat;

}

.myCgmMenuBlog a:hover{

	width:83px;

	background:url(../images/myblog_ov.gif) 11px 7px no-repeat;

}

.myCgmMenuPhoto a{

	width:81px;

	background:url(../images/myphoto_off.gif) 12px 7px no-repeat;

}

.myCgmMenuPhoto a.focus{

	background:url(../images/myphoto_on.gif) 0 0 no-repeat;

}

.myCgmMenuPhoto a.focus:hover{

	background:url(../images/myphoto_on.gif) 0 0 no-repeat;

}

.myCgmMenuPhoto a:hover{

	width:81px;

	background:url(../images/myphoto_ov.gif) 12px 7px no-repeat;

}

.myCgmMenuPhoto a{

	width:81px;

	background:url(../images/myphoto_off.gif) 12px 7px no-repeat;

}

.myCgmMenuBuzzmap a{

	width:74px;

	background:url(../images/mybuzzmap_off.gif) 12px 7px no-repeat;

}

.myCgmMenuBuzzmap a.focus{

	background:url(../images/mybuzzmap_on.gif) 0 0 no-repeat;

}

.myCgmMenuBuzzmap a.focus:hover{

	background:url(../images/mybuzzmap_on.gif) 0 0 no-repeat;

}

.myCgmMenuBuzzmap a:hover{

	width:74px;

	background:url(../images/mybuzzmap_ov.gif) 12px 7px no-repeat;

}

.myCgmMenuBlogCruiser a{

	width:113px;

	background:url(../images/myblocru_off.gif) 10px 7px no-repeat;

}

.myCgmMenuBlogCruiser a.focus{

	background:url(../images/myblocru_on.gif) 0 0 no-repeat;

}

.myCgmMenuBlogCruiser a.focus:hover{

	background:url(../images/myblocru_on.gif) 0 0 no-repeat;

}

.myCgmMenuBlogCruiser a:hover{

	width:113px;

	background:url(../images/myblocru_ov.gif) 10px 7px no-repeat;

}



/* myCgmMenu */







/*ソネットトップ-----------------------------------------------------------------*/

.season{

padding-left:33px;

background:url(../images/top/season.gif) 0 50% no-repeat;

}

#Top #Logo{

padding-top:3px;

float:left;

}



*+html #Top #Logo{

padding-top:2px;

float:left;

}

#Top #Logo a{

padding-right:16px;

display: table-cell;

vertical-align:middle;

}

/*for IE6 */

* html #Top #Logo a {

	display: inline;

	zoom: 1;

}

/*for IE7 */

*:first-child+html #Top #Logo a {

	display: inline;

	zoom: 1;

}



#nazonazo{

padding-top:1px;

height:24px;

font-size:small;

clear:both;

float:none;

}



#nazonazo img{

vertical-align:middle;

}







/* so-netpublication L2------------------------------------------------------*/



#so-netpublication{clear:both;

	width:950px;

	margin:10px auto;

	line-height:1.1;

}

#so-netpublication #contentspublicationBody{

padding-top:0px;

margin-bottom:8px;

}

#so-netpublication #so-netpublicationBody{

padding-top:8px;

margin-bottom:8px;

border-top:1px solid #ccc;

}





#so-netpublication .contentspublicationLink,

#so-netpublication .so-netpublicationLink{

float:left;

}



#so-netpublication .contentspublicationLink a,

#so-netpublication .so-netpublicationLink a{

padding-right:10px;

border-right:1px solid #ccc;

margin-right:10px;

}

#so-netpublication .credit{

float:right;

}





/* so-netpublication TOP------------------------------------------------------*/

#Top #so-netpublication{

margin:10px auto;

width:950px;

}

#Top #so-netpublication #publicationBody{

margin-top:10px;

}

#Top #so-netpublication #publicationLink{

width:550px;

float:left;

}

#Top #so-netpublication #publicationLink li a{

line-height:1.7;

padding-right:5px;

margin-right:5px;

border-right:1px solid #d0d0d0;

}

#Top #so-netpublication #publicationLink2{

float:right;

}



#Top #so-netpublication #publicationLink2 table td{

text-align:center;

}

#Top #so-netpublication #publicationLink2 table td img{

margin-right:5px;

}







/* so-netpublication L2 881px------------------------------------------------------*/



#so-netpublication881{clear:both;

	width:881px;

	margin:10px auto;

	line-height:1.1;

}

#so-netpublication881 #contentspublicationBody{

padding-top:0px;

margin-bottom:8px;

}

#so-netpublication881 #so-netpublicationBody{

padding-top:8px;

margin-bottom:8px;

border-top:1px solid #ccc;

}





#so-netpublication881 .contentspublicationLink,

#so-netpublication881 .so-netpublicationLink{

float:left;

}



#so-netpublication881 .contentspublicationLink a,

#so-netpublication881 .so-netpublicationLink a{

padding-right:10px;

border-right:1px solid #ccc;

margin-right:10px;

}

#so-netpublication881 .credit{

float:right;

}

















/* clear */

.clearfix:after{

	content:".";

	display:block;

	visibility:hidden;

	clear:both;

	height:0;

}

.clearfix{

	display:inline-block;

}

/*\*/

* html .clearfix{

	height:1%;

}

.clearfix{

	display:block;

}

/**/