* {
	margin: 0;
	padding: 0;
}

div,img,h1,h2,h3,h4,h5,h6,form,input,table{
	margin: 0px;
	padding: 0px;
}
img { border:0px; }

li { list-style:none; }

ul {
   margin-bottom: 20px;
}

li {
   margin-bottom: 10px;
}
p {
   margin: 10px 0px;
}
.clear {
	clear: both;
	font: 0/0 sans-serif;
}

body {
	color:#000;
        background: url(http://re-homme.com/rayout/back.gif) repeat-x;
　　　　background-position: 0px 0px;
	background-color:#FFF;
	font-size: 12px;
	line-height:160%;
         font-family: "ＭＳ Ｐゴシック", "Arial",Osaka,"ＭＳ ゴシック","Osaka",sans-serif;
}

a:link    {color:#3399cc; text-decoration:none;}
a:visited {color:#3399cc; text-decoration:none;}
a:active  {color:#3399cc; text-decoration:underline;}
a:hover   {color:#3399cc; text-decoration:underline;}




/* =================================== */
/* メインエリア */
/* =================================== */
h2.q {
   font-size: 16px;
   height: 30px;
   background :url(http://re-homme.com/rayout/q.gif) no-repeat;
   background-position: left top; 
   padding-left: 70px;
   margin-bottom: 50px;
}
h2.a{
   font-size: 16px;
   height: 30px;
   background :url(http://re-homme.com/rayout/a.gif) no-repeat;
   background-position: left bottom;
   padding-left: 70px;
   margin-bottom: 50px;
}
h3 {
   font-size: 100%;
}  

.box {
	width:470px;
        margin-top:50px;
	margin-bottom:10px;
	background:#FFF url(./back_center.gif) repeat-y left top;
}

.box_top {
	width:470px;
	background:transparent url(./back_head.gif) no-repeat left top;
}

.box_btm {
	width:420px;
	background:transparent url(./back_bottom.gif) no-repeat left bottom;
	padding:25px 30px 25px 20px;
}


.box2 {
	width:780px;
	margin-bottom:20px;
	background:#FFF url(./back2_center.gif) repeat-y left top;
}

.box2_top {
	width:780px;
	background:transparent url(./back2_head.gif) no-repeat left top;
}

.box2_btm {
	width:780px;
	background:transparent url(./back2_bottom.gif) no-repeat left bottom;
	padding:25px 30px 25px 20px;
}

#entry_navi .box_btm { text-align:center; font-size:11px;padding:15px 30px 25px 20px;}

.menu {
	text-align: center;
}

#pager {
	margin: 0px 20px;
}



/* =================================== */
/* エントリー */
/* =================================== */

.entry_date {
	font-family: "Verdana";
	font-size: 14px;
	font-weight: bolder;
	color: #414D7B;
	padding-bottom: 3px;
	
	margin:15px 0px;
}

.entry_title {
	font-weight: bolder;
	color: #000000;
	margin-bottom:15px;
        border-bottom: 1px solid #CCCCCC;
	}

.entry_body {
	line-height: 170%;
	}

.entry_more {
	color: #333;
	margin-top:15px;
	}

.entry_state {
	font-size: 10px;
	color: #999;
	margin: 10px 0px 25px 0px;
	}

.entry_tag {
	margin:0 5px 10px 0;
	text-align:right;
	font-size:10px;
}

.entry_navi {
	margin:0 0 10px 0;
	text-align:center;
	font-size:10px;
}


.entry_list {
	line-height:200%;
}




.entry_list_description {
	margin: 5px 0px 10px;
	padding:10px;
	font-size:10px;
	border-left:1px solid #FFE77E;
}

.com_close {
	margin:0 0 10px 0;
	text-align:right;
}

.lightup {
	background-color: #FFFFF0;
	cursor: pointer;
}

blockquote {
	font-size: 11px;
	color: #333;
	margin: 20px 10px 20px 10px;
	padding: 10px;
	border: 1px solid;
	border-color: #FEC254 #FFE77E #FFE77E #FEC254;
}

.pict {
	border-width: 1px;
	border-style: solid;
	border-color: #FEC254 #FFE77E #FFE77E #FEC254;
}



.comment {
	margin: 10px 5px 30px;
}

.comment_body {
	margin: 5px 0px;
}

.comment_state {
	font-size: 10px;
	border-bottom: 1px dotted #CCC;
}



.form_line {
	margin-top: 5px;
	margin-right: 5px;
	padding: 3px;
	border: 1px #CCC solid;
	background-color: #fff;
	font-size:11px;
	color: #555;
}


.form_box {
	margin-top: 5px;
	margin-right: 5px;
	padding: 3px;
	border: 1px #CCC solid;
	background-color: #fff;
	font-size:11px;
	color: #555;
}

.form_btn {
	padding: 2px;
	margin-top: 5px;
	color: #555;
	font-size : 11px;
	border: 1px #CCC solid;
	background-color: #fff;
}





/* =================================== */
/* ナビゲーション */
/* =================================== */

#navbar {
 　width: 780px;
   height:30px;
   margin: 0px;
   padding: 0px;
   border-left:1px solid #ccc;
   position: absolute;
   top: 80px;
   left: 0px;
   
}
#navbar ul{
  list-style-type: none;
}
#navbar li{
 　width: 154px;
   float: left;
   text-align: center;
   line-height: 30px;
   font-size: 12px;
   border-right:1px solid #ccc;
   text-align: center;
   margin-bottom: 0px;
}
#navbar li a{ 
   color: #fff;
   font-weight: bold;
   display: block;
   width: 154px;
   text-decoration: none;
}
#navbar li a:hover{ 
  color: #ccc;
}


/* =================================== */
/* レイアウト */
/* =================================== */

#wrapper {
	width:780px;
        margin:0px auto;
        position:relative;
}

#main { width:470px; float:left; padding-bottom:20px;}
#main_cloud { width:780px; float:left; padding-bottom:20px;}
#sidebar { width:250px; float:right; padding-bottom:20px;margin-top:150px;}
#footer { width:780px; height:30px; clear:both; position:relative;}



/* =================================== */
/* ヘッダー */
/* =================================== */

#header {
   width: 776px;
   height: 80px;
   background:url(http://re-homme.com/rayout/header.gif) no-repeat;
   background-position: right center;
   margin-bottom: 0px;
　 clear:left;
}

#header h1 a{
   width:285px;
   font-size: 12px;
   font-weight: bold;
   text-align: left;
   background: url(http://re-homme.com/rayout/logo.gif) no-repeat;
   background-position: center left;
   color:#000000;
   height: 80px;
   display: block;
   text-indent:-9999px;
   text-decoration: none;
   margin: 0px;
　 float: left; 
}

/* =================================== */
/* フッター */
/* =================================== */

#footer {
   width:780px;
   background-color: #fff; 
   margin: auto;
   clear:both; 
   padding-top: 30px;
   border-top: 1px solid #ccc;
   margin-top: 40px;
}
#footer ul {
   margin: auto;
   width:400px;  
   text-align:center;
   line-height:1em;
}
#footer li {
   font-size: 12px;
   font-weight: normal;
   float:left;
   width: 99px;
   border-left: 1px solid #666;
}
#footer li a {
   color: #3399cc;
   padding-right: 0px;
   text-decoration: underline;
   line-height: 1em;  
}
#footer li a:hover{
   text-decoration: none;
}
address {
   font-family: "ＭＳ Ｐゴシック", "Arial",Osaka,"ＭＳ ゴシック","Osaka",sans-serif;
   font-style: normal; 
   color: #ccc;
   line-height: 2em;
   background-color : #fff;
   font-weight: normal;
    font-size: 100%;
   text-align: center;
   padding-top:20px;
   clear: both;
}	


/* =================================== */
/* サイドメニュー */
/* =================================== */

dl#links {
	margin-left:0px;
}

dl#links dt {
	background: url(http://re-homme.com/rayout/bar12.gif) no-repeat;
	line-height: 30px;
        padding-left: 25px;
	color:#fff;
	font-weight:bolder;
}

dl#links dd {
	margin: 10px 0px 20px 0px;
}
dl#links dd ul { margin-bottom:5px; margin-left:0px;}
dl#links dd li { 
   background: url(http://re-homme.com/rayout/sidelist4.gif) no-repeat;
   background-position: center left;
   padding-left: 15px;
   line-height: 42px;
   margin-bottom: 5px;
}



/* =================================== */
/* 検索 */
/* =================================== */

#sidebar #search {
	font-size:10px;
}

#sidebar #search input.keyword { vertical-align:middle; width:150px; margin-right:5px;}
#sidebar #search input.btn { vertical-align:middle;}

.search_area { 
	margin-bottom:20px;
	font-size: 11px;
}

.search_area p.title { 
	font-size: 10.5px;
}

.search_area input.s_box {
	width:100px;
	margin-right: 5px;
	padding: 3px;
	border: 1px #CCC solid;
	background-color: #fff;
	font-size:11px;
	color: #555;
}

.search_area input.s_btn {
	padding: 2px;
	margin-right: 5px;
	color: #555;
	font-size : 11px;
	border: 1px #CCC solid;
	background-color: #fff;
}



/* =================================== */
/* その他設定 */
/* =================================== */

.template {
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 10px;
	color: #333333;
	line-height: 170%;
	margin: 0px;
}

ul.navi {
	margin: 30px 0 0;
	list-style: none;
	text-align:center;
	font-size:10.5px;
}

ul.navi  li{
	display:inline;
}

ul.entry_state_ul {
	font-size:10.5px;
}

.description {
     text-indent:-9999px;
     margin:0px; 
     padding: 0px;
}




/* =================================== */
/* clouds */

/* =================================== */

.ul_cloud {
	margin:0px 0;
	padding:0px;
	list-style-type: none;
	line-height:200%;
}

.li_cloud {
	margin-right: 10px; 
	display: inline;
}
#top{
   width: 780px;
   height: 350px;
   margin: 0px;
   background: url(http://re-homme.com/image/topimage1.gif) no-repeat; 
   background-position: left top;
   text-align: left;
}
#top img {
   margin-top: 100px;
   margin-bottom: 10px;
   margin-left: 330px;
}
#top p {
   margin-left: 330px;
   margin-top: 20px;
}
img.left {
   float: left;
   margin:20px 20px 20px 0px;
}
img.right {
   float: right;
   margin:20px 0px 20px 20px;
}
#contents h2 {
   border-left: 5px solid #3399cc;
   padding-left: 10px;
   font-size: 120%;
}
#contents h3 {
   font-size: 100%;
}
/* =================================== */
/* テーブルレイアウト */
/* =================================== */

table td{
   border: 2px #ccc solid;
}
table {
   width: 96%;
   margin-bottom: 20px;
}
td {
   line-height: 2em;
   text-align: left;
   vertical-align: top;
}
td.left {
   width: 170px;
   color: #000;
   background-color: #ccc;
}
td.left1 {
   width: 100px;
   color: #000;
   background-color: #ccc;
}