@import url(/fresh/add.css);

body{
	margin: 0;
	padding: 0;
	font-family: verdana,"ＭＳ Ｐゴシック",sans-serif;
	font-size: 80%;
	color: #333;
	line-height: 1.8em;
	background: #eee url(http://www.call-t.co.jp/img3/Background.gif) top center repeat-y;
}

ul{
	list-style: none;
}

/* リンクの設定 */

a{
	color: #2389AF;
}

a:hover{
	color: #FF760D;
}

img{
	border: none;
}

/* おおまかなdivのレイアウト */

div#wrapper{
	margin: 0 auto;
	padding: 0;
	width: 950px;
}

div#header{
	position: relative;
	float: left;
	width: 950px;
	height: 167px;
}

div#container{
	clear: left;
	float: left;
	width: 950px;
}

/* div#headerの中 */

div#header{
	position: relative;
	margin-bottom: 10px;
	height: 162px;
	width: 950px;
	z-index: 9999;
}
div#header img{
	display: inline;
}

div#h_inner{
	height: 162px;
	width: 950px;
	background: url(/images/homepage/parts/head_bg.gif) top left repeat-x;
}

img#logo{
	position: absolute;
	top: 22px;
	left: 32px;
}

ul#homepage_link{
	position: absolute;
	top: 24px;
	left: 235px;
	margin: 0;
	padding: 0;
}

ul#homepage_link li{
	float: left;
	margin-right: 2px;
	vertical-align: center;
}

div#linkshare2{
	position: absolute;
	top: 62px;
	left: 235px;
}

ul#sonystyle_link{
	position: absolute;
	top: 126px;
	left: 235px;
	margin: 0;
	padding: 0;
}

ul#sonystyle_link li{
	float: left;
	margin-right: 2px;
}







#dd {
	position: absolute;
	top: 126px;
	left: 235px;
	z-index: 9999;
	margin: 0;
	padding: 0;
}

#dd li {
  margin: 0 2px 0 0;
  padding: 0;
  list-style: none;
  float: left;
}

#dd li a.menu {
  display: block;
	margin: 0;
	padding: 0;
}

.submenu {
  margin: 0 0 0 -10px;
  padding: 10px;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  background: #fff;
  font-size: 80%;
  visibility: hidden;
  position: absolute;
  top: 37px;
  z-index: 3;
}

.submenu a {
  padding: 5px 10px;
  line-height: 20px;
  color: #2389AF;
}

.submenu a:hover {
  color: #2389AF;
}

.submenu strong{
	display: block;
	margin: 5px;
}









div#top_nav{
	float: left;
	width: 948px;
	line-height: 30px;
	background: #eee;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	border-left: 1px solid #bbb;
}

div#top_nav h1{
	float: left;
	font-size: 12px;
	margin: 0 0 0 100px;
	padding: 0 30px;
}

div#top_nav ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

div#top_nav ul li{
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
	border-left: 1px solid #bbb;
}

div#top_nav ul li a{
	display: block;
	padding: 0 10px;
}

div#top_banner{
	clear: left;
}

img#call_logo{
	position: absolute;
	top: 56px;
	left: 138px;
}

img#banner1{
	position: absolute;
	top: 52px;
	left: 250px;
}

img#banner2{
	position: absolute;
	top: 43px;
	left: 609px;
}

img#bob{
	position: absolute;
	top: 0;
	left: 0;
}

ul#site_nav{
	position: absolute;
	top: 122px;
	left: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 950px;
	background: url(/img3/nav/navbg.gif) top right no-repeat;
}

ul#site_nav li{
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
}

ul#site_nav a{
	display: block;
	overflow: hidden;
	height: 0;
	padding-top: 35px;
}

ul#site_nav a:hover{
	background-position: 0 35px;
}

li#ind a{
	width: 91px;
	background: url(/img3/nav/nav01.gif);
}

li#onl a{
	width: 136px;
	background: url(/img3/nav/nav02.gif);
}

li#caf a{
	width: 84px;
	background: url(/img3/nav/nav03.gif);
}

li#blo a{
	width: 130px;
	background: url(/img3/nav/nav04.gif);
}

li#fre a{
	width: 106px;
	background: url(/img3/nav/nav05.gif);
}

/* div#containerの中 */

/* ブログエントリー*/

div#entries{
	float: left;
	width: 715px;
	background: url(./images/line_555.gif) bottom left repeat-x;
}

img#fresh_banner{
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 3px solid #333;
	border-left: 1px solid #999;
}

div.entry-title{
	clear: left;
	margin-top: 20px;
	padding: 0 10px 10px 10px;
	background: url(./images/line_555.gif) bottom left repeat-x;
}

div.entry-title h2{
	margin: 0;
	padding-left: 23px;
	font-size: 140%;
	background: url(./images/yajirushi_midashi.gif) center left no-repeat;
}

div.entry-title p{
	margin: 0 0 0 23px;
	padding: 0;
}

div.entry-body{
	padding: 0 33px;
}

div.more{
	padding: 20px;
	background: url(./images/line_999.gif) bottom left repeat-x;
}

div.more p{
	margin: 0;
	padding: 0;
}

div.more p a{
	padding-left: 13px;
	background: url(./images/yajirushi_mini_gray.gif) 0 50% no-repeat;
	font-weight: bold;
}

div.more p a:hover{
	background: url(./images/yajirushi_mini_orange.gif) 0 50% no-repeat ;
}

div.recommend{
	float :left;
	margin: 20px 10px 30px 10px;
}

div.recommend h3{
	margin: 0;
	padding: 0 0 0 16px;
	background: url(./images/yajirushi_chuumoku.gif) left center no-repeat;
	font-size: 100%;
	color: #e10000;
}

div.recommend dl{
	margin: 0 0 0 16px;
	padding: 0;
}

div.recommend dl dt{
	margin: 0;
	padding: 0;
}

div.recommend dl dt a{
	display: block;
	margin: 0;
	padding: 0 0 0 13px;
	background: url(./images/yajirushi_mini_gray.gif) 0 50% no-repeat;

}

div.recommend dl dt a:hover{
	color: #e10000;
	background: url(./images/yajirushi_mini_red.gif) 0 50% no-repeat;
}

div.recommend dl dd{
	margin: 0 0 10px 0;
	padding: 0 0 0 13px;
	font-size: 80%;
	line-height: 1em;
}

/* 次のページ設定 */

p#pagebute{
	clear: both;
	margin: 30px 0 0 0;
	padding: 10px;
	background: url(./images/line_555.gif) top left repeat-x;
	text-align: center;
	font-size: 120%;
	font-weight: bold;
}


/* sidebar */

div#sidebar{
	float: left;
	margin-left: 10px;
	width: 225px;
}

dl#fresh_entry{
	margin: 0 0 20px 0;
	padding: 0;
}

dl#fresh_entry dt{
	background: #ff760d
}

dl#fresh_entry dt span{
	display: block;
	margin: 0;
	padding-left: 33px;
	line-height: 30px;
	color: #fff;
	font-weight: bold;
	background: url(./images/yajirushi_sidebar.gif) 10px 50% no-repeat;
}

dl#fresh_entry dd{
	margin: 0 10px;
	padding: 10px 10px 10px 10px;
	line-height: 1.4em;
	background: url(./images/line_999.gif) bottom left repeat-x;
}

dl#fresh_entry dd a{
	display: block;
	padding-left: 13px;
	background: url(./images/yajirushi_mini_gray.gif) 0 6px no-repeat;
}

dl#fresh_entry dd a:hover{
	background: url(./images/yajirushi_mini_orange.gif) 0 6px no-repeat;
}

dl#fresh_category{
	margin: 0;
	padding: 0;
}

dl#fresh_category dt{
	background: #ff760d;
}

dl#fresh_category dt span{
	margin: 0;
	padding-left: 33px;
	line-height: 30px;
	color: #fff;
	font-weight: bold;
	background: url(./images/yajirushi_sidebar.gif) 10px 50% no-repeat;
}

dl#fresh_category dd{
	margin: 0 10px;
	padding: 10px 10px 10px 10px;
	line-height: 1.4em;
	background: url(./images/line_999.gif) bottom left repeat-x;
}

dl#fresh_category dd a{
	display: block;
	padding-left: 13px;
	background: url(./images/yajirushi_mini_gray.gif) 0 6px no-repeat;
}

dl#fresh_category dd a:hover{
	background: url(./images/yajirushi_mini_orange.gif) 0 6px no-repeat;
}

/* ページ最下部 */

div#footer{
	clear: both;
	float: left;
	width: 100%;
	margin-top: 20px;
	background: #ff760d;
	line-height: 50px;
}

div#footer p{
	margin: 10px 0;
	color: #fff;
	font-size: 140%;
	font-weight: bold;
	text-align: center;
}
