/*
ここは消さないで下さい!
CSSLicense: Tsunehisa Hazama
*/

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	background-color: #FFFFFF;
	margin : 0px;
	background: url("http://hot-relief.com/img/back.gif");
	color:#333333;
	font-size: 13px;
	line-height: 150%;
}


/* 画像の属性 */
img {
	border-style: none;
}

/* strongの色 */
strong {
	color: #FF0000;
	font-size:14px;
}
	
/*フィールド属性 */
fieldset {
	font-size:12px;
	line-height: 150%;
	color: #333333;
	margin : 5px 0px 5px 5px;
	padding: 5px;
	text-align: left;
	text-valign: top;
}

legend {
	font-size: 14px;
	font-weight: bold;
	color : #990073;
	clear: both;		
}

/*その他*/
.detail {
	text-align:right;
	font-size: 10px;
	margin : 0px;
	padding :0px 10px 0px 10px;
}

.magmag{
	padding :0px 10px 10px 10px;
	font-size: 10px;
	line-height: 150%;
}

/* リンクの属性（未指定時） */

a:link {
	color: blue;
}

a:hover {
	color: #cc0000;
	background-color: #FFFF00;
}

/* --------- 基本設定 ----------------------------------　*/
#base
{
	width: 765px;
	margin-top : 0px;
	margin-left: auto;
	margin-right: auto;
	background-color:white;
}

#wrapper
{
	width: 765px;
	border-left: 1px solid #BBB;
	border-right: 1px solid #BBB;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background: url("http://hot-relief.com/img/top01.gif");
	background-repeat: no-repeat;
}
/*------------------------------------------------------ */

/* ブログの枠等の属性 */

#container{
	width:765px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
		
/*ヘッダー部分*/

		

/*-----サイド(left)--------*/

#sidebar {
	width: 185PX;
	float: left;
	margin: 0px;
	color: #666;
	font-size: 12px;
	line-height;150%;
}

/*フィールド属性 otherpage  */
#sidebar fieldset {
	font-size:10px;
	line-height: 130%;
	color: #333333;
	margin : 0px 0px 5px 5px;
	padding: 5px;
	text-align: left;
	text-valign: top;
}

#sidebar legend {
	font-size: 12px;
	color : blue;
}

#sidebar .box1{
	width: 170px;
	height: 90px;
	display: block;
	margin: 5px 2px 3px 3px;
	padding: 5px;
	color : #FFF;
	background-image: url("http://hot-relief.com/img/s_box01.gif");
	background-repeat: no-repeat;
}

#sidebar .box2{
	width: 170px;
	height: 260px;
	display: block;
	margin: 5px 2px 3px 3px;
	padding: 5px;
	color : #FFF;
	background-image: url("http://hot-relief.com/img/s_box02.gif");
	background-repeat: no-repeat;
}

#sidebar .box222{
	width: 170px;
	height: 160px;
	display: block;
	margin: 5px 2px 15px 3px;
	padding: 5px;
	color : #FFF;
border-color: #a9a9a9;
border-width: 1px 1px 1px 1px;
border-style: solid;

}
#sidebar .box333{
	width: 170px;
	height: 130px;
	display: block;
	margin: 5px 2px 15px 3px;
	padding: 5px;
	color : #FFF;
border-color: #a9a9a9;
border-width: 1px 1px 1px 1px;
border-style: solid;

}
#sidebar .box2 a:link,#sidebar .box2 a:visited {
	color: #FFF;
}

#sidebar .box2 a:hover {
	color: #CC0000;
	background-color: #FFFF00;
}


#sidebar h2 {
	font-size: 12px;
	font-family: Verdana,Helvetica,sans-serif;
	border-style: solid;
	border-color: #FF80C0;
	border-width: 0px 0px 1px 10px;
	color: #8080C0;
	background-color: #DCDCED;
	margin-top : 5px;
	margin-bottom: 5px;
}

#sidebar h3 {
	font-size: 12px;
	font-family: Verdana,Helvetica,sans-serif;
	color: #666;
	margin: 2px 5px 2px 5px;
}

#sidebar p {
	color:#666;
}

dt {
	margin-left : 10Px;
}

dd {
	margin-left : 40px;
}


.headlines_ads{
	width:166px;
	margin: 5px 2px 15px 3px;
	padding: 5px;
font-size: x-small;
text-align: center;
line-height: 1.166;
border: 1px solid #b3b3b3 ; /* 枠線 */
	background-color: #ffffff;
	height: 635px;

}

.headlines_ads h4{
font-weight: bold ;
	margin: 0px 35px 10px 0px;
	padding: 5px 0px 5px 0px;
font-size: 120%;
	width:165px;

	background-color: #fff0f5;
}

.headlines_ads img{
padding: 0px 0px 2px 0px;
margin: 4px 0px 1px 0px ;
border: none ;
}



/*------メニュー部分------*/

.menu a	{
	color:#444;
	text-decoration:none;
	width:180px;
	height:25px;
	background-image: url("http://hot-relief.com/img/menu01.gif");
	background-repeat: no-repeat;
	text-indent: 15px;
	text-valign: center;
	display: block;
	font-size: 12px;
	padding-top: 5px;
	margin: 1px 2px 1px 3px;
}
		
.menu a:hover{
	color:#444;
	background-image: url("http://hot-relief.com/img/menu02.gif");
	background-repeat: no-repeat;
	background-color: #FFF;
}

#searchform	{
	margin-top: 5px;
}
		
#searchform p	{
	margin-top: 2px;
	margin-bottom: 2px;
}


/*エントリー部分*/
#content {
	width: 560px;
	float: right;
	margin : 15px 5px 0px 5px ;
	font-size: 13px;
	line-height :150%;
}

#content p {
	clear: both;
	color:#333333;
	margin: 5px 5px 0px 15px;
	font-size: 14px;
	line-height: 130%;
}

#content h2 {
	border-style: solid;
	border-color: #2BA94F;
	border-width: 0px 0px 1px 10px;
	margin: 10px 10px 5px 10px;
	padding-left:5px;
	font-size:17px;
	font-weight:bold;
color:#666666;

}

#content h3 {
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana,Helvetica,sans-serif;
	border-bottom: 1px solid #CCC;
	color: #333333;
	margin: 10px 0px 2px 15px;
}



#content a {
	color: blue;
}

		
#content a:hover {
	color : #FF6600;
}		




/*記事枠の設定*/

#content .box1{
	float: left;
	width: 250px;
	height: 250px;
	background-image: url("http://hot-relief.com/img/box01.gif");
	background-repeat: no-repeat;
	margin: 5px 0px 0px 3px;
	padding: 10px;
	color: #333333;
	font-size: 12px;
	display: block;
}

#content .box2{
	float: right;
	width: 250px;
	height: 250px;
	background-image: url("http://hot-relief.com/img/box02.gif");
	background-repeat: no-repeat;
	margin: 5px 0px 0px 3px;
	padding: 10px;
	color: #333333;
	font-size: 12px;
	display: block;
}

#content .box222{
	float: right;
	width: 250px;
	height: 250px;

	background-repeat: no-repeat;
	margin: 5px 0px 0px 3px;
	padding: 10px;
	color: #333333;
	font-size: 12px;
	display: block;
}
#content .box333{
	float: right;
	width: 250px;
	height: 200px;

	background-repeat: no-repeat;
	margin: 5px 0px 0px 3px;
	padding: 10px;
	color: #333333;
	font-size: 12px;
	display: block;
}
#content .box3{
	float: left;
	width: 538px;
	height: 235px;
	background-image: url("http://hot-relief.com/img/img20714785.gif");
	background-repeat: no-repeat;
	margin: 2px 0px 0px 3px;
	padding: 10px;
	color: #000000;
	font-size: 13px;
	display: block;
}

#content .ads-box{
	float: left;
	width: 538px;
	height: 100px;
	background-image: url("http://hot-relief.com/img/img20714786.gif");
	background-repeat: no-repeat;
	margin: 5px 10px 0px 3px;

	color: #000000;
	font-size: 13px;
	display: block;
	padding: 5px 10px 0px 10px;
}


#content .box4{
	float: left;
	width: 111px;
	height: 230px;
	background-image: url("http://sample.jp-soft.com/12/img/box04.gif");
	background-repeat: no-repeat;
	margin: 10px 0px 10px 5px;
	padding: 11px;
	color: #666666;
	font-size: 10px;
	display: block;
}

#content .box41{
	float: left;
	width: 113px;
	height: 230px;
	background-image: url("http://sample.jp-soft.com/12/img/box04.gif");
	background-repeat: no-repeat;
	margin: 10px 0px 10px 5px;
	padding: 10px;
	color: #2BA94F;
	font-size: 10px;
	display: block;
}

#content .box42{
	float: left;
	width: 113px;
	height: 230px;
	background-image: url("http://sample.jp-soft.com/12/img/box04.gif");
	background-repeat: no-repeat;
	margin: 10px 0px 10px 5px;
	padding: 10px;
	color: #F2984C;
	font-size: 10px;
	display: block;
}

#content .box43{
	float: left;
	width: 113px;
	height: 230px;
	background-image: url("http://sample.jp-soft.com/12/img/box04.gif");
	background-repeat: no-repeat;
	margin: 10px 0px 10px 5px;
	padding: 10px;
	color: #3D81EE;
	font-size: 10px;
	display: block;
}

#content .box5{
	float: left;
	width: 532px;
	height: 400px;
border: 1px solid #b3b3b3 ; /* 枠線 */
	background-repeat: no-repeat;
	margin: 5px 0px 20px 3px;
	padding: 10px;
	color: #000000;
	font-size: 10px;
	display: block;
}


#content .kigyou{
	float: left;
	width: 532px;
	height: 120px;
border: 1px solid #b3b3b3 ; /* 枠線 */
	background-repeat: no-repeat;
	margin: 5px 0px 20px 3px;
	padding: 10px;
	color: #000000;
	font-size: 10px;
	display: block;
}


/*trackbacks & Comments*/

#content .post1 {
	border-top: solid 1px #AAAAFF;
	font-size: 10px;
	padding-top: 6px;
	margin-bottom: 30px;
}

#content #trackbackdata h3{
	font-size: 10px;
	color: #888;
	margin-bottom: 0px;
}

#content #tbdata. #content #commentdata p{
	font-size: 10px;
	color: #888;
	margin-top: 0px;
	margin-bottom: 0px;
}

#content #commentdata .post2 p{
	margin-bottom: 20px;
	font-size:10px;
	text-align: right;
}
#content .error {
	font-size : 14px;
	color: red;
	border: 1px solid red;
	padding: 5px;
	text-align: center;
}

		
/*フッター部分*/
#footer {
	width : 760px;
	clear: both;
	margin: 0px;

}
		
#footer p {
	font-size: 10px;
}


#footer #link{
	font-size:10px;
	color:#666;
	margin-top:5px;
	margin-bottom:5px;
}

#footer a{
		color: blue;
}

#footer a:hover{
		color : #FF6600;
}		

.copyrights {
	border-top : 1px solid #BBB;
	border-bottom : 1px solid #BBB;
	width : 765px;
	clear: both;		
	font-size: 10px;
    text-align: center;
	height: 20px;
	margin: 10px 0px 0px 0px;
}

#copyrights p	{
	background: url("http://hot-relief.com/img/footer.gif");
	font-size: 10px;
	line-height: 170%;
	margin-top: 0;
	margin-bottom: 0;
	color: #666666;
}

/*  ナビボタン  */

#navi {
	background: url("http://hot-relief.com/img/navi.gif");
	background-repeat: repeat-x;
	width : 720px;
	clear: both;		
	font-size: 10px;
	height: 20px;
	margin: 0;
}	

.navi1 {
	float : left;
	padding : 0px 10px 0px 10px;
	border-right:dotted 1px #8080C0;
}

.navi1 a:link, .navi1 a:visited, .navi1 a:active {
	color: blue;
	text-decoration: none;
	}

.navi1 a:hover {
	color: #FF0000;
	}

/*  ページナビ  */
.navi2 {
	border-top : 1px solid #BBB;
	border-bottom : 1px solid #BBB;
	font-size: 12px;
	color:#8b0000;
	margin : 0px;
	padding : 2px 10px 2px 10px;
}

.navi2 a:link, .navi2 a:visited, .navi2 a:active {
	color: blue;
}

.navi2 a:hover {
	color: #FF0000;
}

#footer2
{
    position: relative;
    width: 728px; 
    height: 58px;
    background: #a3b8cc;
}

#footer-inner
{
    line-height: 58px;
    font-size: 0.8em;
    text-align: center;
    color: #666;
}

#footer-inner a
{
    color: #666;
    text-decoration: none;
}

#footer-inner a:hover
{
    color: #fff;
    text-decoration: none;
}

.footer-navi2
{ 
   width: 538px;
   background: #ffffff;
   font-size: 13px;
text-align: right;
   line-height: 20px;
   clear: both;
padding : 10px 1px 1px 10px;
}

.footer-navi
{ 
   width: 530px;
   background: #ffffff;
   font-size: 12px;

   line-height: 20px;
   clear: both;
padding : 1px 1px 1px 10px;
}


.footer-navi3
{ 
   width: 538px;
	background-image: url("http://hot-relief.com/img/tor2630s.jpg");
   font-size: 13px;
text-align: right;
   line-height: 20px;
   clear: both;
padding : 10px 1px 1px 10px;
}


.footer-navi4
{ 
   width: 552px;
   background: #ffffff;
   font-size: 12px;

   line-height: 20px;
   clear: both;
padding : 1px 1px 1px 10px;
}





.comments-head{ margin: 10px 10px 10px 5px; font-size: 14px; font-weight: bold; color: #4A4A97; } .comment-content{ margin: 10px 0px 10px 10px; font-size: 12px; color: #666; line-height: 155%; } .comment-view{ margin: 0px 0px 10px 10px; font-size: 12px; color: #4A4A97; line-height: 155%; } 

#seoblog-inducement{
margin: 30px 50px 5px 50px;
padding: 10px 5px 5px 10px;
border-color: #000000;
border-width: 1px 2px 3px 1px;
border-style: solid;
font-size: 80%;
}
#seoblog-inducement h3{
margin: 0px !important;
padding: 16px 0px 16px 145px !important;
font-size: 135%;
background-image: url(http://hot-relief.com/img/top.jpg); /* 背景画像 */
background-position: left center;
background-repeat:no-repeat;
background-color: #FFFFFF;
border: none;
}
#seoblog-inducement p{
margin: 10px 10px 10px 10px !important;
line-height: 1.5em;
}


#header{
margin: 0; /* 外の隙間 ピッチリ合わせている */
width: 765px; /* containerにいっぱいいっぱい表示 */
	margin-bottom: 15px;
height: 135px; /* サイトロゴの高さ */
	background: #FFF url("http://hot-relief.com/img/top01.gif") no-repeat;background-position:right top; /* 背景画像の表示のさせ方 右・上に合わせている */
background-repeat:no-repeat; /* 背景画像の表示のさせ方 繰り返しなし */
padding: 2px 0px 0px 0px;
}

/*  ヘッダー  */
#header h1{ /* ページタイトル */
margin: 30px 0px 0px 0px; /* サイトトピックの上に表示 */
padding: 27px 10px 12px 270px;
text-align: center;
font-size: 120%;
z-index: 10; /* サイトロゴの上に被って表示 */
	color: #6B5900;

}

#header h2{ /* サイト名 */
margin: -92px 0px 0px 0px; /* サイトトピックの上に表示 */
padding: 2px 10px 10px 270px;
text-align: center;
font-size: 111%;
z-index: 10; /* サイトロゴの上に被って表示 */
}

#header p{ /* ページトピック */
margin: 0px 0px 0px 0px; /* サイト名の下に表示 */
padding: 0px 10px 6px 270px;
text-align: center;
font-size: 95%;
z-index: 5; /* サイトロゴの上に被って表示 */
}

#header img{ /* サイトロゴ */
float: left; /* ヘッダの左に動かす */
position: absolute; /* ヘッダの左上に表示する仕掛け */
top: 2px; /* ヘッダの左上に表示する仕掛け */


margin: 0px;
z-index: 1; /* サイトロゴをテキストの後ろに表示 */
padding: 10px 10px 5px 7px;
}