@charset "utf-8";
@import url("common.css");

/* *****************************************************
 *	top.css_index
 * 	Copyright (c) 2010 HamadaMasayoshi All Rights Reserved.
 *  1.whatsnew
 * *****************************************************/

#top #primary #bloghead {
	width: 660px; height:auto;
	background:url(../img/common/bg15.gif) ;
	padding:5px 0;
	}

#top #primary #bloghead .head {
	background:url(../img/common/ti02.jpg) no-repeat;
	width: 650px; height: 47px;
	position:relative;
	margin: 0 0 0 5px;}

#top #primary #bloghead .head h2 { text-indent: -9999px;}

#top #primary #bloghead .head p {
	position:absolute;
	top: 8px; left:613px;}

#top #primary #bloghead #box {
	background: #FFFFFF;
	width: 650px; height:auto;
	margin: 0 0 0 5px;
	padding-bottom: 15px;}

#top #primary #bloghead #box .left {
	width: auto; height:auto;
	margin: 15px 0 0 13px;
	padding-bottom: 15px;}

#top #primary #bloghead #box .left h3 {
	font-size: 110%;
	line-height: 140%;
	border-left: 2px solid #cccccc;
	text-align:justify;
	padding-left: 3px;}

#top #primary #bloghead #box .left h3 a { text-decoration:none;}
#top #primary #bloghead #box .left h3 a:hover { text-decoration: underline;}

#top #primary #bloghead #box .left p {
	text-align:justify;
	font-size: 90%;
	margin: 0 0 0 2px;}

#top #primary #bloghead #box .left p.time { margin-top: 10px; font-weight:bold; color:#666666;}
#top #primary #bloghead #box .left p.time span { font-weight :normal;}

#top #primary #bloghead #box .right {
	width: 270px; height:auto;
	margin-top: 15px;
	padding-bottom: 15px;
	}


#top #primary #bloghead #box .right img{
	padding:2px;
	background:#ffffff;
	margin-right:15px;
	border:1px solid #cccccc;}



#top #primary #bloghead #box #head {
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	width:620px; height: 38px;
	position:relative;
	margin: 10px 0 0 15px;}


#top #primary #bloghead #box #head h3{
	margin: 9px 0 0 10px;
	font-size: 110%;
	border-left: 2px solid #999999;
	padding-left: 5px;}

#top #primary #bloghead #box #head p {
position:absolute;
	top: 7px; left:480px;}



#top #primary #bloghead #box .topics { 
	position:relative;
	background: #F9F9F9;
	padding: 10px 0;
	margin: 0 0 0 15px;
	width: 620px; height: 180px;
	font-size: 85%;
	overflow:auto;}

#top #primary #bloghead .topics dl { 
	width: 580px; height: auto;
	margin: 10px 0 0 10px;
	line-height:150%;
	background:url(../img/common/li01.gif) repeat-x left bottom;
	padding-bottom: 10px;
	}
#top #primary #bloghead .topics dl dt { 
	margin : 0 0 0 3px;
	padding-left: 8px;
	font-weight:bold;
	background:url(../img/common/ex05.gif) no-repeat left; }
#top #primary #bloghead .topics dl dd { margin : -18px 0 0 10.8em;}
















/* *****************************************************
 *  1.whatsnew
 * *****************************************************/

#top #primary #boxgreen {
	width: 660px; height:auto;
	margin-top: 20px;
	padding-bottom: 4px;
	background:url(../img/common/bg16.jpg) repeat-y top ;
	}

#top #primary #boxgreen .head {
	width: 660px; height:44px;
	background:url(../img/common/bg17jpg.jpg) no-repeat top;
	position:relative;}

#top #primary #boxgreen .head h3 {
	position:absolute;
	top: 11px; left:13px;}
#top #primary #boxgreen .head p {
	position:absolute;
	top: 10px; left: 517px;}



#top #primary #boxgreen ul { 
	width: 647px; height: 90px;
	margin: 0 0 10px 13px;}


#top #primary #boxgreen ul li {
	display: inline;
    list-item-position: inside;
	margin: 0 5px 0 0;
	}

/* *****************************************************
 *  1.whatsnew
 * *****************************************************/




#top #primary #news {
	width: 660px; height:auto;
	background:url(../img/common/bg15.gif) ;
	margin-top: 20px;
	padding:5px 0;
	}

#top #primary #news .head {
	background: url(../img/common/ti05.jpg) no-repeat;
	width: 650px; height: 55px;
	position:relative;
	margin: 0 0 0 5px;}

#top #primary #news .head h2 { text-indent: -9999px;}

#top #primary #news .head p {
	position:absolute;
	top: 8px; left:613px;}

#top #primary #news #box1 {
	background: #FFFFFF;
	width: 650px; height:auto;
	margin: 0 0 0 5px;
	padding-bottom: 15px;}





#top #primary #news .topics { 
	position:relative;
	background: #F9F9F9;
	padding: 10px 0;
	margin: 0 0 0 5px;
	width: 640px; height: 330px;
	font-size: 90%;
	overflow:auto;}

#top #primary #news .topics dl { 
	width: 580px; height: auto;
	margin: 10px 0 0 10px;
	line-height:150%;
	background:url(../img/common/li01.gif) repeat-x left bottom;
	padding-bottom: 10px;
	}
#top #primary #news .topics dl dt { 
	margin : 0 0 0 3px;
	padding-left: 8px;
	font-weight:bold;
	background:url(../img/common/ex05.gif) no-repeat left; }
#top #primary #news .topics dl dd { margin : -18px 0 0 10.8em;}