@charset "utf-8";

* {
	margin:0;
	padding:0;
	font-size:100%;
	}
html{
	overflow:scroll;
	height:100%;
	margin-bottom:1px;
	color:#ffffff;
	}

body {
	margin:0;
	padding:0;
	font-size:80%;
	font-family: "メイリオ", "ＭＳ Ｐゴシック", Verdana;
	line-height: 1.62;
	background: #000000;
	}
a{
        text-decoration: none;
	color:#ffffff;
	outline: 0;
	}

a:hover {
	text-decoration: underline;
 	} 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;} 
ol,ul{list-style-type: none; list-style-image:none;} 
em,address{
	font-style: normal;
	}
a img{
	border:none;
	}
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> LAYOUT <<<<<*/

#header {
        height:238px;
        width:820px;
	}

div#main {
        width:820px;
	padding-top:10px;
	padding-bottom:20px;
	margin: 0 auto;
	color:#ffffff;
	background: #f39800;
	background: url(img/bg.gif);
	}

div#main_work {
        width:820px;
	height:428px;
	margin: 0 auto;
	color:#ffffff;
	background: #f39800;
	background: url(img/work.gif);
	}
div#main_work h2,div#main_work p{
	text-indent: -9999px;
	}

div#footer{
	width:820px;
	height:198px;
	background: url(img/footer.jpg) no-repeat;
        margin:0 auto;
	}
div#copyright{
	width:820px;
        margin:0 auto;
	background: #800000;
	}
div#copyright p{
	float:right;
	}
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> HEADER <<<<<*/
#header {
        margin:0 auto;
	}

#header{
        height:232px;
        width:820px;
	background: url(img/title.jpg);
}
#header-sp{
        height:200px;
        width:820px;
}
#header h1,#header p{
	text-indent: -9999px;
}

#home-main{
        width:760px;
        margin:0 auto;
	line-height: 140%;
}

#home-left{
        width:400px;
	float:left;
	}

#home-news_bg{
        height:221px;
        width:400px;
	background: url(img/news_bg.gif);
	margin-bottom:20px;
	}

#home-news_bg h2{
        height:60px;
        width:100px;
	display:block;
	position: relative;
	float:left;
	top:-20px;
	left:-10px;
	background: url(img/news.gif) ;
	}

#familial a{
	width:400px;
	height:145px;
	display:block;
	background: url(img/familial.jpg);
	text-indent: -9999px;	
	}

#home-right{
        width:340px;
	float:right;
	}

#home-news_bg h2,#blog-1 h2,#blog-2 h2,#address h2,#hours h2{
	text-indent: -9999px;
	}

#blog-1 {
        height:109px;
        width:340px;
	background: url(img/blog1.gif) no-repeat;
	margin-bottom:13px;
	}

#blog-2 {
        height:99px;
        width:340px;
	margin-bottom:20px;
	}

#blog-2 a{
        height:99px;
        width:340px;
	display:block;
	background: url(img/kingparts.png) no-repeat;
	text-indent: -9999px;
	}

#blog-1 li,#blog-2 li{
	line-height:27px;
	padding-left:20px;
	}
#blog-2 li img{
	width:80px;
	}

#blog-2 li:after {
	content: ".";  
	display: block;  
	clear: both;
	height: 0;
	visibility: hidden;
}
#campaign a{
        height:145px;
        width:340px;
	display:block;
	background: url(img/campaign.gif) no-repeat;
	text-indent: -9999px;	
	}

#news_top {
        height:155px;
        width:290px;
	padding-top:30px;
	padding-right:10px;
	line-height:22px;
	font-size:13px;
	float:right;
	overflow: hidden;
	}
#news_top a{
	display:block;
	padding-bottom:15px;
	font-weight: bold;
	font-size:18px;
	color:#000000;
	}

#news_top p{
	line-height: 20px;
	color:#000000;
	}

#news_top .rss_date {
	display:inline;
	color:#000000;
	font:9px arial;
	line-height:22px;
}
.blog1 .rss_date,#blog2 .rss_date {
	display:inline;
	color:#ffffff;
	font:10px arial;
	line-height:22px;
}

#blog-1 .blog1 ul{
	margin-top:5px;
}

.rmore{
        width:400px;
 	display:block;
	}

.rmore a{
        width:100px;
	height: 20px;
	display:block;
	background: url(img/sp.gif) no-repeat;
	color:#800000;
	float:right;
	padding:9px 10px 0 0;
	}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> メインメニュー <<<<<*/
div#menu,div#footer ul{
        width:820px;
        height:20px;
        margin:0 auto;
	}
div#menu ul{
        width:480px;
        height:20px;
	float:right;
	}
div#menu li{
	float:left;
	padding-left:10px;
	font-size:14px;
	}
div#footer li{
	float:left;
	padding-left:10px;
	font-size:14px;
	}

div#menu li a,div#footer li a{
	display:block; 
	color:#ffffff;
	} 
div#footer ul{
	padding-top:35px;
	}
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> footer <<<<<*/
#footer a{
        text-decoration: none;
	color:#ffffff;
	}

#footer a:hover {
	text-decoration: underline;
 	}
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> info <<<<<*/
div#info{
	width:760px;
	padding-bottom:20px;
	margin: 0 auto;
	}

div#address{
	width:370px;
        height:174px;
	float:left;
	background: url(img/address.gif) no-repeat;
	}

div#hours{
	width:370px;
        height:174px;
	float:right;
	background: url(img/hours.gif) no-repeat;
	}

.map-sp{
	padding:15px;
	}
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> clearfix <<<<<*/

.clearfix:after {
	content: ".";  
	display: block;  
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
  /**/
}

/*    Top Post   */
/*---------------*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> NEWS <<<<<*/
div#main_news {
        width:820px;
	padding-top:10px;
	padding-bottom:20px;
	margin: 0 auto;
	color:#ffffff;
	background: #f39800;
	background: url(img/bg.gif);
	}
#news_page{
	width: 550px;
	height:90px;
	background:url("img/news_h2.gif") no-repeat;
	text-indent: -9999px;
	}

#news{
	float:left;
	padding:0;
	margin: 0 0 10px 0;
	width: 550px;
	}

#news .h2_bg{
	width: 550px;
	height:23px;
	background:url("img/news_article_top.gif") no-repeat;
	}

#news .entry {
	width: 550px;
	background:url("img/news_article_center.gif") repeat-y;
}

#news h2.title,#news h2.title a{
	color: #000000;
	font-size: 20px ;
	margin-left: 60px;
}

#news .datepost{
	color: #000000;
	font: 15px Arial ;
	margin-left: 10px;
}

#news .entry p{
	color: #000000;
	font-size: 15px ;
	margin-top:10px;
	margin-left:130px;
}

#news .entry_bottom {
	width: 550px;
	height:12px;
	margin-bottom:20px;
	background:url("img/news_article_bottom.gif") no-repeat;
}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> BLOG <<<<<*/
div#main_blog {
        width:820px;
	padding-top:10px;
	padding-bottom:20px;
	margin: 0 auto;
	color:#ffffff;
	background: #f39800;
	background: url(img/blog_bg.gif);
	}

#blog{
	float:left;
	padding:0;
	width: 580px;
	}

div#sidebar{
	width:180px;
	float:right;
	}

.pocket{
	padding:10px;
	}

#junkfreaksblog{
	width: 550px;
	height:60px;
	background:url("img/junkfreaksblog.gif") no-repeat;
	text-indent: -9999px;
	}

#blog #h2_bg{
	width: 550px;
	height:36px;
	padding-top:6px;
	background:url("img/blog_title.gif") no-repeat;
	}


#blog h2.title a{
	color: #993399;
	font-size: 18px;
	line-height:22px;
	margin-left: 15px;
}

#blog .datepost{
	color: #333333;
	font-size: 12px;
	margin-top: 3px;
	margin-left: 20px;
}

#blog .entry {
	width: 550px;
	margin-top:-2px;
	background:url("img/blog_article_center.gif") repeat-y;
}

#blog .entry_top {
	width: 550px;
	height:14px;
	margin-top:10px;
	background:url("img/blog_article_top.gif") no-repeat;
}

#blog .entry_bottom {
	width: 550px;
	height:14px;
	background:url("img/blog_article_bottom.gif") no-repeat;
}

#blog .entry{
	color:#990066;
	font-size: 15px;
	line-height:22px;
}

.postmetadata{
	width:550px;
}
.postmetadata p{
	margin-top:5px;
	margin-right:20px;
	text-align:right;
	margin-bottom:25px;
}
/*>>> blogsidebar <<<<<*/
#main_blog #sidebar ul li{
	margin:0;
	padding:0;
	list-style-type: disc;
	list-style-position: inside;
}

#main_blog h3#lastestentry{
	width: 180px;
	height:35px;
	margin-top:20px;
	text-indent: -9999px;
	background:url("img/lastestentry.gif") no-repeat;
}

#main_blog h3#archive{
	width: 180px;
	height:35px;
	text-indent: -9999px;
	background:url("img/archive.gif") no-repeat;
}

#main_blog h3#sidecomment{
	width: 180px;
	height:35px;
	text-indent: -9999px;
	background:url("img/comment.gif") no-repeat;
}

#main_blog h3#bookmark{
	width: 180px;
	height:34px;
	text-indent: -9999px;
	background:url("img/bookmark.gif") no-repeat;
}
.blog_side_center{
	width: 180px;
	padding:0 10px;
	background:url("img/blog_side_center.gif") repeat-y;
}

.blog_side_bottom{
	width: 180px;
	height:11px;
	margin-bottom:20px;
	text-indent: -9999px;
	background:url("img/blog_side_bottom.gif") no-repeat;
}

.blog_side_center li a, .blog_side_center p a, .blog_side_center{
	width: 160px;
	font-size: 11px;
	color:#92308d;
}
/*>>> newssidebar <<<<*/
#main_news #sidebar ul li{
	margin:0;
	padding:0;
	list-style-type: disc;
	list-style-position: inside;
}

#main_news #sidebar h3#lastestentry{
	width: 180px;
	height:35px;
	margin-top:20px;
	text-indent: -9999px;
	background:url("img/news_lastestentry.gif") no-repeat;
}

#main_news #sidebar h3#archive{
	width: 180px;
	height:35px;
	text-indent: -9999px;
	background:url("img/news_archive.gif") no-repeat;
}

.news_side_center{
	width: 180px;
	padding:0 10px;
	background:url("img/news_side_center.gif") repeat-y;
}

.news_side_bottom{
	width: 180px;
	height:11px;
	margin-bottom:20px;
	text-indent: -9999px;
	background:url("img/news_side_bottom.gif") no-repeat;
}

.news_side_center li a, .news_side_center p a, .news_side_center{
	width: 160px;
	font-size: 11px;
	color:#993333;
}
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> FORSALES <<<<<*/
div#main_forsales {
        width:820px;
	padding-top:10px;
	padding-bottom:20px;
	margin: 0 auto;
	color:#ffffff;
	background: #f39800;
	background: url(img/forsales_bg.gif);
	}

#forsale{
	padding:0;
	margin: 0 auto;
	width: 760px;
	}

#forsales_bg{
	width: 760px;
	height:44px;
	display:block;
	background:url("img/forsales.gif") no-repeat;
	text-indent: -9999px;
	}

#forsale #h2_bg{
	margin-top: 15px;
	width:760px;
	height:25px;
	background:#CCCCCC;
	display:block;
}

#forsale h2.title a{
	float:left;
	display:inline;
	color: #0033CC;
	font-size: 20px;
	font-weight: bold;
	line-height:22px;
	margin-left: 15px;
}

.forsales_contact{
	float:right;
	background:#0033CC;
	margin-right: 15px;
	margin-top: 4px;
}

.forsales_contact a{
	display:block;
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
	padding: 0px 15px;
}
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> キャンペーン <<<<<*/
div#main_chamaign {
        width:820px;
	padding-top:10px;
	padding-bottom:20px;
	margin: 0 auto;
	color:#ffffff;
	background: #f39800;
	background: url(img/bg.gif);
	}

#chamaign{
	padding:0;
	margin: 0 auto;
	width: 760px;
	}

#chamaign_bg{
	width: 760px;
	height:239px;
	display:block;
	background:url("img/chamaign.gif") no-repeat;
	text-indent: -9999px;
	}

#chamaign h2.title{
	text-indent: -9999px;
}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> キャンペーン <<<<<*/
.pocket a img {
	padding: 5px;
	border: 0px;
}



.meta_inf {
	width: 450px;
	height: 22px;
}
.meta_inf a{
	color:#F0A13B;
}	

.meta_date {
	float: left;
	display:inline;
	padding-left: 5px;
	font:10px arial;
	line-height:22px;
}

.meta_comments {
	float: right;
	font:10px arial;
	padding-left: 16px;
	height:22px;
	line-height:22px;
}

.top_titles a{
	color: #E98E26;
	text-decoration: none;
	font: bold 18px arial;
}

.top_entry {
	text-align:justify;
	color: #808080;
	width: 450px;
	padding: 1px 10px 0 12px;
	clear:both;
	font: 12px Arial;
	margin-top:-60px;
	overflow: hidden;
}

.top_entry blockquote {
	border-left: 7px solid #efefef;
	font-style:italic;
	padding:0 0 0 15px;
	margin: 0px 15px;
}

.top_entry a {
	color: #E98E26;
	text-decoration: none;
}

.top_entry a:hover {
	text-decoration: underline;
}

.top_entry img {
	padding: 5px;
	border: 0px;
}

.post_bottom {
	width: 450px;
	padding-top: 14px;
	line-height: 22px;
	height: 20px;
	font: 11px Arial;
	color: #cccccc;	
}

.post_cat {
	padding-left: 14px;
	line-height: 22px;
	font: 11px Arial;
	color: #cccccc;	
}

.post_cat a {
	color: #F0A13B;
}

/*    コメント   */
/*---------------*/

h3#from_comment{
	font-size: 20px;
	color:#009900;
	}

h3#comments {
	background:#009900;
	width:550px;
	border:1px solid #606060;
}

#commentform input{
	border:1px solid #606060;
	background:#ffffff;
}

#commentform #submit{
	margin-top:10px;
	border:1px solid #909090;
	border-style:outset;
	background:#ffffff;
	font-size: 15px;
	color:#666666;
}

.comments li{
	font-size: 12px;
	color: #ffffff;
	width: 550px;
	background:#996699;
}

.comments ol {
	margin: 10px 0;
}
.comments ol ul {
	margin-top: 20px;
}
.comments ol li {
	margin: 10px 0;
	line-height:18px;
	padding: 5px;
}
.comments ol li.alt {
	margin: 10px 0;
	background: #eeeeee;
	color: #000;
}
.comments ol li a {
	color: #E98E26;
	text-decoration: none;
}

.comments ol li a:hover {
	text-decoration: underline;
}



.comments ol li cite {
	color: #f39800;
	font-style: normal;
	font-weight: bold;
}

.comments ol li cite a {
	color: #606060;
	text-decoration: none;
}

.comments ol li cite a:hover {
	text-decoration: underline;
}

.comments ol li .commentmetadata a {
	color: #aaaaaa;
	text-decoration: none;
}

.comments ol li .commentmetadata a:hover {
	text-decoration: underline;
}
#commentform {
	font-size: 11px;
	color: #909090;
	width: 550px;
	margin: 0;
}

#commentform a {
	color: #E98E26;
	text-decoration: none;
}

#commentform a:hover {
	text-decoration: underline;
}
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> GALLERY <<<<<*/
div#main_gallery {
        width:820px;
	padding-top:10px;
	padding-bottom:20px;
	margin: 0 auto;
	color:#ffffff;
	background:url("img/gallery_bg.gif");
	}

#gallery_title{
	width: 760px;
	height:56px;
	display:block;
	background:url("img/gallery_title.gif") no-repeat;
	text-indent: -9999px;
	}

/* -----------------------GoogleMap----------------------------- */
#map{
	width: 760px;
	height: 560px;
	color:#666;
	border: 1px #9d1503 solid;
}
/* -----------------------メールフォーム----------------------------- */
#mailform{
	float:left;
}

#mailform_right{
	width:385px;
        height:268px;
	margin-top:30px;
	float:right;
	background: url("img/mailform.jpg");
}
/* -----------------------カレンダー----------------------------- */
#rss a{
	width: 40px;
	height: 40px;
	background: url(img/rssicon1-trans.png );
	outline: none;
	text-indent: -9999px;
        position:absolute;
        top:305px;
	left:777px;
	z-index:102;
}
p img {
    padding: 0;
    max-width: 100%;
}
img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}
img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}
.alignright {
    float: right;
}
.alignleft {
    float: left;
}

img.wp-smiley {
	position: relative;
	top: 2px;
}

.random_banner{
	margin:20px 0;
	padding:0;
	}