@charset "utf-8";

body { background-color: #1d1d1d; 
color: #333; 
background-image: url(../images/back_head.jpg); 
background-repeat: repeat-x;
background-attachment: fixed;
background-position: left top;
font-family:Helvetica, Arial,
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;
 }
#mainVisual { /*background-color: #4e4e4e;  */background: url(../images/es1_main_back.jpg) #000 top center no-repeat; }
#header { /*background-color: #333; */border-bottom:#4e4e4d 1px solid;}

/* header */
#header #headerTitle { float: left; padding-top: 2em; width: 100%; }

/* news */
#sub #news .section a {  text-decoration: none; }
#main .headline .post p.date, #sub #news .headline .post p.date { color: #777; }

/* link */

a { color: #ff7100; text-decoration: underline; }
a:visited { color: #FFFFFF; text-decoration: underline; }
#header #headerTitle #siteTitle a { text-decoration: none; /*font-family: "Times New Roman", Times, serif; */}
.topicPath p a:hover,
.topicPath p a:focus { text-decoration: underline; color: #333;  }

/* フォント指定 */
#main .section .sectionHeader h1, #sub #news .section .sectionHeader h1, #Works .article .articleHeader .title a { color: #ddd;
font-family:Helvetica, Arial,
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif; }
#main .posts .post .postHeader .title a,
#main .posts .post .postHeader .title a:visited { font-weight: normal; color: #ddd;    }
h1{color:#fff;}
h1.categoryTitle{ color:#333}
h3, h4 { color: #f05d24;
 font-size:18px!important;
}
#Home .sectionContents h1 { color: #333; }

/* border-color */

#footer,
#main .categoryHeader,
#main .article .articleHeader .articleHeaderInner,
#main .section .sectionHeaderInner,
#sub #news .section .sectionHeaderInner,
#main .posts .post .postHeaderInner,
#main #commentFb h1,
#main #BlogComment h4,
#sub .widget-local-navi h2,
#sub .widget,
.freetxt h3,
.freetxt .lv3,
.freetxt hr,
.freetxt .box01,
#Home #main #topSummary .post a .postContents h1
{ /*border-color: #ff7100; */ }

.freetxt h3{
border-bottom:#CCC 1px dashed;
}

.radius{
padding:15px;
border:#bcbcbb 1px solid;
border-radius: 4px;        /* CSS3草案 */  
-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 4px;   /* Firefox用 */ 

}

#footer{
border-color: #ff7100; 
}
#sub #news .sectionContents article.post { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #666; }

/* background-color */

#header #headerNav ul li a:hover,
#header #headerNav ul li a:focus,
#globalNav ul li ul,
#globalNav ul li ul li a,
#main .posts .post .postContents p.more,
#main .section .search-result,
#sub .widget-local-navi ul li a:hover,
#sub .widget-local-navi ul li a:focus,
#sub .widget-local-navi ul li.current a:link,
#sub .widget-local-navi ul li.current a:visited,
#sub .widget,
.freetxt h2,
.freetxt .lv2,
.freetxt table tbody th,
.freetxt .box02,
.freetxt blockquote,
#Home #main #pickup .post,
#Home #main #topSummary .sectionContents .post a:hover,
#Home #main #headline .post
{  }

#main .headline .postHover,
#Home #main #pickup .postHover,
#sub #news .headline .postHover
{ background-color: #EEEADC; }

/* 新着ポスト一覧の背景をゼブラ柄にする場合は消す。 */
#main .headline .post,
#sub #news .headline .post{background: transparent;}

#main .headline .postHover,
#Home #main #pickup .postHover,
#sub #news .headline .postHover
{ background-color: #EEEADC;}

/* title */

#main .section .sectionHeaderInner,
#sub #news .section .sectionHeaderInner,
#main .article .articleHeader .articleHeaderInner,
#main .posts .post .postHeaderInner{
/*
  background: #343332;
border-bottom-color: #110C00;
border-bottom-width: 2px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#221C15), to(#443C35));
  background-image: -webkit-linear-gradient(top, #221C15, #443C35);
  background-image: -moz-linear-gradient(top, #221C15, #443C35);
  background-image: -ms-linear-gradient(top, #221C15, #443C35);
  background-image: -o-linear-gradient(top, #221C15, #443C35);
  background-image: linear-gradient(top, #221C15, #443C35);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#221C15, endcolorstr=#443C35));
  -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#221C15, endcolorstr=#443C35))";
*/
}
#main .article .articleHeader .articleHeaderInner .title { font-weight: normal; }
.freetxt h2   { font-family: "Times New Roman", Times, serif; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999; background-color: transparent; font-size: 200%; }

/* globalNavi */

#globalNav ul li a { /*font-family: "Times New Roman", Times, serif;*/
color: #e4e2e1;
}
#globalNav ul li a:hover,
#globalNav ul li a:focus,
#globalNav ul li.stay a:link,
#globalNav ul li.stay a:visited { color:#ef701b; }

/*widget_menu*/
.global-w-menu{
height:auto;
}

.sectionContents{

}
.sectionContents UL.litype{
padding:0px;
margin-left:28px;
}
.sectionContents UL.litype li{
list-style-type:decimal;

color:#FFF;
font-size:15px;
line-height:22px;

}

.sectionContents UL.litype_flow{

margin-left:3px;
}
.sectionContents UL.litype_flow li{
list-style-type:none;
margin:15px 0px;
color:#cacaca;
font-size:15px;
line-height:22px;

}

.sectionContents UL.litype_flow li p.top_flow1{
padding:10px 0 15px 75px;
color:#FFF;
background:url(../images/home/n1.png) 8px 3px no-repeat;
border:#bcbcbb 1px solid;
border-radius: 4px;        /* CSS3草案 */  
-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 4px;   /* Firefox用 */ 
}

.sectionContents UL.litype_flow li p.top_flow2{
padding:10px 0 15px 75px;
color:#FFF;
background:url(../images/home/n2.png)  8px 3px no-repeat;
border:#bcbcbb 1px solid;
border-radius: 4px;        /* CSS3草案 */  
-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 4px;   /* Firefox用 */ 
}

.sectionContents UL.litype_flow li p.top_flow3{
padding:10px 0 15px 75px;
color:#FFF;
background:url(../images/home/n3.png)  8px 3px no-repeat;
border:#bcbcbb 1px solid;
border-radius: 4px;        /* CSS3草案 */  
-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 4px;   /* Firefox用 */ 
}

.sectionContents UL.litype_flow li p.top_flow4{
padding:10px 0 15px 75px;
color:#FFF;
background:url(../images/home/n4.png)  8px 3px no-repeat;
border:#bcbcbb 1px solid;
border-radius: 4px;        /* CSS3草案 */  
-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 4px;   /* Firefox用 */ 
}

.sectionContents UL.litype_flow li p.top_flow5{
padding:10px 0 15px 75px;
color:#FFF;
background:url(../images/home/n5.png)  8px 3px no-repeat;
border:#bcbcbb 1px solid;
border-radius: 4px;        /* CSS3草案 */  
-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 4px;   /* Firefox用 */ 
}










/* footer */

#footer,
.freetxt table thead th,
#main #BlogComment #BlogCommentList .comment
{ background-color: #333; }

#footer #footerNav ul li a,
#footer #footerNav ul li a:visited { color: #dbd9d9;  text-decoration: none;}
#footer #footerNav ul li a:hover {text-decoration: underline; /*color:#C9AF74*/ }

#footerContents p.copyright{
color: #dbd9d9;
}

/* top maincontents */

#main #topSummary .post a { color: #666; }


/* icons */

#main .posts .post .postContents p.more a,
.freetxt a.linkBtn:before,
#Home #main #pickup .post .postContents p.moreLink b,
#Home #main #topSummary .post .postContents p.moreLink b
{ background-image: url(../images/base/arrow_01_harley.png); }

#main .search .post p.permalink a,
.widget-local-navi ul li a
{ background-image: url(../images/base/arrow_02_gold.png); }

.freetxt h3,
.freetxt .lv3
{/* background-image: url(../images/base/bullet_02_orange.png); text-indent:6px;*/}

.freetxt ul li
{ background-image: url(../images/base/bullet_01_gold.png); }

/* 画像に縁と背景色をつける */
#main .freetxt img.photo { background-color: #FFF; border: 5px solid #FFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }


/* gmap */

h2#newsHead01{
color:#000;
}
#service-area-title h2{
color:#FFF;
font-size:220%;
}

#map { color:#333;}

/* blog */
  #main .posts .post .postHeader .date,
#main .categoryHeader .categoryDesc {
    color: #666;
  }
#Works .freetxt img { border: 1px solid #999; }

#sub #news .headline .post p.date { background-image: url(../images/arrow.png); background-repeat: no-repeat; background-position: left top; padding-left: 15px; padding-top: 1px; }
#sub #news .headline .post h1 { padding-left: 15px; }



@media only screen and (max-width: 723px) {
h1.categoryTitle{
 font-size:100%!important;
}
h3{ 
 font-size:100%!important;
}
div.price strong{
font-size:100%!important;
}

img{
float:none!important;
margin:auto!important;
width:100%!important;
height:auto;
}

div#headerTitle{
width:100%!important;
}


/* footer menu */

#footer #footerNav ul li a,
#footer #footerNav ul li a:link,
#footer #footerNav ul li a:visited { background-color: transparent; border-top-color: #666; border-right-color: #666; border-bottom-color: #666; border-left-color: #666; }
}