/*
Theme Name: dearrts
Theme URI: 
Description:dearrts web 
Version: 1
Author: dearrts
Author URI: 
*/

/*リセット*/
 h1, h2, h3, h4, h5, h6, p, address, ul, ol, li, dl, dt, dd, table, caption, th, td, img, form { 
                          margin: 0; 
                          padding: 0;
                          border: none; 
                          font-style: normal; 
                          font-weight: normal;
                          font-size: 100%;
                          text-align: left;
                          list-style-type: none; 
                         } 
                         
html,body {
           margin:0 auto;width:100%;
           height: 100%;
            }
           
body      {
           width:100%;
           margin:0 auto;
           position: relative;
           background-color: #fff;
           font: 0.8em/1.5 verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
           color: #656565;
           } 

 
a  {
 text-decoration: none;
 }
 
a:link { color: #16753b; }
a:visited { color: #16753b; }
a:hover { color: #7d7d7d; }
a:active { color: #7d7d7d; }

/*トップ*/
#dummy{
float: left;
width: 1px; height: 50%;
margin-bottom: -280px;
}


div#top_body  {
 width: 960px;
 height: 560px;
 clear: left;
margin: 0 auto;

 }
 
div#top_body img.top_bg  {
overflow: visible;
margin-top: -280px;
margin-left: -70px;
position: relative;
 z-index: 1;
 
 }
 
div#top_main  {
 width: 960px;
 margin: 0 auto;
 overflow: hidden;
 position: relative;
 zoom:1;
 z-index: 2;margin-top:-300px;
 } 
 
h1#top_h1  {
 width: 324px;
 margin: 0 auto;
 }

div#top_nav  {
 width: 350px;
 margin: 0 auto;
 margin-top: 210px;
 }

div#top_body ul#nav1  {
 width: 220px;
 height: 24px;
 margin: 0 auto;
 float: left;
 display: inline;
 position: relative;
 border-bottom:solid 1px #000;
 }
 
div#top_body ul#nav2  {
 width: 130px;
 height: 24px;
 margin: 0 auto;float:left;
display:inline;
position: relative;
 border-bottom:solid 1px #000;
 }
 
div#top_body ul#nav1 li {
 float: right;
  margin-left: 1em;
 display: inline;
 } 
 
div#top_body ul#nav2 li {
 float: left;
  margin-left: 1em;
 display: inline;
 } 
 
div#top_body p  {
 width: 380px;text-align: center;
 margin: 0 auto;
 padding-top: 110px;
 }
 
/*ページ共通*/
div#all_body  {
 width:960px;
 margin: 0 auto;
 height: auto;
 min-height: 100%;
 }
 
div#all_body img.page_bg  {
overflow: visible;
margin-top: -110px;
margin-left: -100px;
position: relative;z-index: 1;
 }

div#my_body {
 width: 960px;
 height:100%;
 margin: 0 auto;padding-bottom: 96px;margin-bottom: 40px;
 margin-top:-205px;
 overflow: hidden;
 position: relative;
 zoom:1;
 z-index: 1;
 }
 
/*ヘッダー*/
div#header  {
 width: 960px;
 margin: 0 auto;
 margin-top:67px;z-index: 3;
 }

div#logo  {
 width: 149px;
 margin-left: 78px;
 
 }
 


 
/*メイン*/
div#main  {
width: 960px;
height: 100%;
min-height: 100%;
margin-top: 80px;padding-bottom: 96px;
 }
 
/*サイド*/
div#side  {
width: 280px;
float: left;
 }
 
div#page_nav  {
 margin-left: 80px;
 }
 
div#page_nav ul li  {
 margin-top: 1.6em;
 }


/*コンテンツ*/
div#conts  {
width: 660px;
float: right;
 }

div#conts h2  {
 margin-bottom: 20px;
 }

div.conts_main  {
 width:600px;
 margin-left:1em;
 }

/*フッター*/
div#foot  {
 overflow: hidden;
 position: relative;
 zoom:1;
 width:100%;
 height:96px;
 margin-top: -96px;
 background-image: url(images/bg_foot.png);
 background-repeat: repeat-x;
 }

div#footer  {
 width: 960px;
 margin: 0 auto;
 }
 
div#footer ul {
width: 430px;
float: left;
display: inline;
margin-top: 66px;
margin-left: 80px;
}
 
div#footer ul li {
 display: inline;
 color:#93d653;
 }
 
div#footer ul li a:link { color: #93d653;font-weight: bold; }
div#footer ul li a:visited { color: #93d653; }
div#footer ul li a:hover { color: #ffffff; }
div#footer ul li a:active { color: #ffffff; }

div#foot_logo {
 width: 280px;
 float: right;
 display: inline;
 margin-top: 40px;
 }
 div#foot_logo a  {
  margin-left:158px;
 }
 
/*アバウト*/
h3.h3_about  {
 font-weight:bold;
 margin-bottom:4px;
margin-top:3em;
}

p.sp_about  {
 margin-left:1em;
 margin-bottom:0.6em;
}

p.p_about  {
 margin-left:1em;
 margin-bottom:1em
}

ul#about_ul li  {
 list-style-type:disc;
 margin-left:2.4em;color:#656565;
}

/*ワークス*/
p.work_pp span.work_ex  {
 font-weight:bold;
}

p.work_pp a  {
text-decoration: underline;
}

div.work_text  {
 width:456px;
 margin-left:-1em;
 margin-top:4em;
 padding-top:3px;
 border-top:dotted 1px #93d653;
}
div.work_text02  {
 width:456px;
 margin-left:-1em;
 padding-top:3px;
 }


div.work_main  {
 width:456px;
 overflow: hidden;
 position: relative;
 zoom:1;
 z-index: 1;
 margin-top:1em;
 }

p.work_t  {
 text-indent:-1em;
 padding-left:1em;
}

div.work_pic  {
 float:left;
 display:inline;
}
 
div.work_tec  {
 float:left;
 display:inline;
}

div.work_tec p  {
 margin-left:1em;
 }
 

div.work_text img  {
 max-width:100px;
 max-height:100px;
} 


  /*ワークス過去*/
h3.worksago_h3  {
 margin-top:3em;
 padding-top:3px;
 border-top:dotted 1px #93d653;
}

div.work_text img  {
 max-width:450px;
 max-height:450px;
} 

p.ago_p  {
 margin-left:1em;
 margin-bottom:1em;
}

p.ago_w_p  {
 margin-left:1em;
 margin-bottom:1.4em;
}

/*ブログ　アーカイブ　カテゴリー*/
div.blog_all  {
 width:456px;
 float:left;
}

div.conts_blog  {
 width:456px;
 margin-left:1em;
 margin-bottom:60px;
 }

h3.title_blog_h3 {
 width:455px;
 font-size:1.4em;
 font-weight:bold;
 border-bottom:dotted 1px #93d653;margin-bottom:0.4em
}

div.fb-like  {
 margin-bottom:1.8em;
}

div.blog_text  {
 width:455px;
 margin-bottom:3em;
}

div#side_blog  {
 width:174px;
 float:right;
 display:inline;
 }

div#top_side  {
width:174px;
height:28px;
 background-image:url(images/bg_side_top.png);
 background-repeat:no-repeat;
}
div#bot_side  {
width:174px;
height:26px;
 background-image:url(images/bg_side_bot.png);
 background-repeat:no-repeat;
 }


div#inside  {
width:174px;
background-color:#262626;
padding-left:6px;
padding-right:6px;
}

div#inside p.tit_cat {
width:162px;
color:#fff;
border-bottom:solid 1px #414141;
}

div#inside ul.area_cat  {
padding-bottom:2em;
}


div#inside ul.area_cat li a:link { color: #93d653; }
div#inside ul.area_cat li a:visited { color: #93d653; }
div#inside ul.area_cat li a:hover { color: #ffffff; }
div#inside ul.area_cat li a:active { color: #ffffff; }

p.subtit_blog {
 width:455px;
 padding:2px 3px;
 margin-bottom:1em;
 font-size:1em;
 font-weight:bold;
 background-color:#93d653;
}

ul.archive_ul  {
 width:455px;
}

div#blog_text p a img {
 max-width:450px;
 max-height:450px;
}

/*コンタクト*/
div#wpcf7-f24-t1-o1 {
  width:600px;
  margin-top:2em;
}

div#wpcf7-f24-t1-o1 p.con  {
 margin-bottom:1em;
}

div#wpcf7-f24-t1-o1 p span.ex_mark {
 color:#16753b;
 font-size:0.9em
 }

p.con span.wpcf7-not-valid-tip  {
 font-size:0.9em;
 display: block;
    position: static;
    top: 0;
    left: 0;
    border: none;
    color: red;
}

p#thanks_out  {
 margin-top:3em;
 color:#16753b;
}

ul#thanks_ul li {
 margin-left:1em;
 color:#16753b;
}

/*プライバシー*/
h2#privacy_h2  {
 border-bottom:solid 1px #93d653;
}

div.conts_pri  {
 width:590px;
 margin-bottom:30px;
}

h3.privacy_tit  {
 border-bottom:dotted 1px #93d653;
margin-bottom:0.4em;
}
 
div.conts_pri p  {
 margin-left:1em;
}

/*プラグイン*/
div#wppage  {
 margin-top:20px;
}