/*
Theme Name: crow studio
Author: Atech
Author URL: http://www.atech.ne.jp
Version: 1.0
*/

@import url(roomdata.css);
@import url(cc.css);
@import url(asaichi.css);
@charset "utf-8";

/* リセット
----------------------------------------------------*/
html {
	overflow-y: scroll;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
table tr td{
    vertical-align:top;
}
caption,th {
	text-align: left;
}
q:before,q:after {
	content: '';
}
object,
embed {
	vertical-align: top;
}
hr,legend {
	display: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
img,abbr,acronym,fieldset {
	border: 0;
}
li {
	list-style-type: none;
}

/* デフォルト
----------------------------------------------------*/
body {
	background: #000000;
	color: #000;
	font-size: small;
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif,"メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka;
	line-height: 1.5;
	font-size: 62.5%;
}


/* 基本設定、リンクカラーなど
----------------------------------------------------*/
body {
    background: #FFF;
	text-align: center;
}

a:link {color: #00ACF6;}
a:visited {color: #00ACF6;}
a:hover {color: #77D7FF;}
a:active {color: #00ACF6;}


/* body_bg
----------------------------------------------------*/
body#conts{
    background:url(/img/common/header_bg.jpg) repeat-x;    
}

body#top{
    background:url(/img/top/header_bg.jpg) repeat-x;    
}

/* header
----------------------------------------------------*/
#header{
    width: 952px;
    height: 69px;
	margin: 0 auto;
	text-align:left;
}

#header .shape{
    position:relative;
	top: 0;
	left: 0;
}

#header .shape h1{
    position:absolute;
	top: 24px;
	left: 24px;
}


/* flashcontent
----------------------------------------------------*/
#flashcontent h1 {
          display: none;

}


/* wrap
----------------------------------------------------*/
#wrap{
	width: 952px;
	margin: 0 auto;
	text-align:left;
}

body#top #wrap{
    width: 952px;
    margin: 1px auto 0;
	text-align:center
}

/* grobal
----------------------------------------------------*/
#grobal{
    float:left;
	width:217px;
    padding: 20px 0 0 0;
}

#grobal #navi{
    background:url(/img/common/navi_bg.jpg) no-repeat;
	height: 242px;
}

#grobal #space{
    padding: 35px 0 0 11px;
}

#grobal #space .banner{
    padding: 0 0 8px 0;
}

/* main
----------------------------------------------------*/
#main{
    float: right;
	width: 735px;
	position:relative;
	top: 0;
	left: 0;
	font-size: 1.25em;
}

#main #blog_head{
    height: 90px;
	padding: 0 30px 0;
	background:url(/img/common/page_bg.jpg) no-repeat;
}

#main #blog_head #directory_link{
	font-size: 1.1em;
	position:absolute;
	top: 125px;
	left: 36px;
}


#main p.page_top{
	text-align: right;
	background:url(/img/common/page_top.gif) top right no-repeat;
	padding: 0 20px 0 0;
}

#main #bottom{
    margin: 80px 0 0 30px;
}

#main #bottom #bottom_bg{
    //height: 3px;
    //background:url(/img/common/bottom_bg.gif) repeat-x;
      widtdh: 735px;
      height: 50px;
      margin: -50px 0 0 -30px;

      background:url(/img/common/tele_num.gif) no-repeat;
}

#main #bottom #bottom_bg h3{
      text-indent: -9999px;
}

#main img.image{
    padding: 5px;
	background:url(/img/common/img_bg.gif);
}

/* blog
----------------------------------------------------*/
#blog{
    padding: 0 30px;
}

#blog h2{
    font-size: 1.5em;
	line-height: 27px;
	padding: 0 0 0 35px;
	margin: 0 0 15px 0;
	background:url(/img/common/blog_mark.gif) no-repeat;
}

#blog img{
	margin: 10px 0;
	padding: 5px;
	background:url(/img/common/img_bg.gif);
}

#blog p {
	margin: 10px 0;
}


/* section
----------------------------------------------------*/
.section{
    border-bottom:#C8C8B0 solid 1px;
    margin: 0 0 30px 30px;
    padding: 0 0 26px 0;
}

#main .section h2{
	margin: 0 0 20px 0;
}



/* company
----------------------------------------------------*/
#company .section h2{
    font-size: 0px;
	margin: 0 0 20px 0;
}

#company #isms {
    font-size: 1.7em;
	line-height: 27px;
	padding: 0 0 0 5px;
	margin: 0 0 5px 0;
}

#company_head{
    height: 90px;
	padding: 0 30px 0;
	background:url(/img/company/page_bg.gif) no-repeat;
}

#company_head #directory_link{
	font-size: 1.1em;
	position:absolute;
	top: 125px;
	left: 36px;
}

#company #info_box{
    background:url(/img/company/bldg.jpg) no-repeat top right;
	min-height: 220px;
}

#company #info_box .info{
    clear:both;
    margin: 0 0 7px 0;
}

#company #info_box .info_l{
    float:left;
    width: 90px;
}
#company #info_box .info_r{
    float: right;
    width: 585px;
}

#company .section h3{
    clear:both;
	padding:20px 0 5px 0;
}

#company .info #map_l{
    float:left;
    width: 130px;
}
#company .info #map_r{
    float: right;
    width: 545px;
}
#company .section ul#listtab{
    margin: 0 0 10px 0;
}
#company .section ul#listtab li#t1 {
    float: left;
	margin: 0 3px 0 0;
	height: 30px;
}
#company .section ul#listtab li#t2 {
    float: left;
	margin: 0 3px 0 0;
	height: 30px;
}
#company .section ul#listtab li#t3 {
    float: left;
	margin: 0 3px 0 0;
	height: 30px;
}
#company .section ul#listtab li#t4 {
    float: left;
	margin: 0 0 0 0;
	height: 30px;
}
#company .section ul#listtab li a {
    display: block;
	outline: 0;
	width: 174px;
	height: 30px;
	overflow:hidden;
	text-indent:-9999px;
	background: url(/img/company/btn_listtab.gif) no-repeat;
}
#company .section ul#listtab li#t1 a {background-position: 0px -30px;}
#company .section ul#listtab li#t2 a {background-position: -177px -30px;}
#company .section ul#listtab li#t3 a {background-position: -354px -30px;}
#company .section ul#listtab li#t4 a {background-position: -531px -30px;}
#company .section ul#listtab li#t1.on a {background-position: 0px 0px;}
#company .section ul#listtab li#t2.on a {background-position: -177px 0px;}
#company .section ul#listtab li#t3.on a {background-position: -354px 0px;}
#company .section ul#listtab li#t4.on a {background-position: -531px 0px;}
#company .section ul#listtab li#t1 a:hover {background-position: 0px 0px;}
#company .section ul#listtab li#t2 a:hover {background-position: -177px 0px;}
#company .section ul#listtab li#t3 a:hover {background-position: -354px 0px;}
#company .section ul#listtab li#t4 a:hover {background-position: -531px 0px;}



#company .section .tab_contents #pdf{
    background:url(/img/company/pdficon.gif) no-repeat top left;
	margin: 10px 0 15px 0;
	padding: 0 0 0 37px;
	line-height: 32px;
}


/* privacy
----------------------------------------------------*/
#privacy_head{
    height: 90px;
	padding: 0 30px 0;
	background:url(/img/privacy/page_bg.gif) no-repeat;
}

#privacy_head #directory_link{
	font-size: 1.1em;
	position:absolute;
	top: 125px;
	left: 36px;
}

#privacy h1,h2,h3 {
      color:#575757;
      margin: 20px;
}

#privacy h1 {
      font-size: large;
}

#privacy p {
      margin: 5px 20px 20px 20px;
}

#privacy h3 {
      margin: 20px 20px 5px 20px;
}


/* Not Found
----------------------------------------------------*/
#notfound_head{
    height: 90px;
	padding: 0 30px 0;
	background:url(/img/notfound/page_bg.gif) no-repeat;
}

#notfound_head #directory_link{
	font-size: 1.1em;
	position:absolute;
	top: 125px;
	left: 36px;
}

#notfound h1 {
      color:#575757;
      font-size: large;
      margin: 10px;
}

#notfound h3 {
      font-size: small;
      margin-top: -15px;
}


#notfound p {
      margin: 5px 20px 20px 20px;
}

#notfound h3 {
      margin: 20px 20px 5px 20px;
}



/* recruit	
----------------------------------------------------*/
#recruit h2{
    font-size: 1.5em;
	line-height: 27px;
	padding: 0 0 0 35px;
	margin: 0 0 15px 0;
	background:url(/img/common/blog_mark.gif) no-repeat;
}
#recruit_head{
    height: 90px;
	padding: 0 30px 0;
	background:url(/img/recruit/page_bg.gif) no-repeat;
}

#recruit_head #directory_link{
	font-size: 1.1em;
	position:absolute;
	top: 125px;
	left: 36px;
}


/* news
----------------------------------------------------*/
#news h2{
    font-size: 1.5em;
	line-height: 27px;
	padding: 0 0 0 35px;
	margin: 0 0 5px 0;
	background:url(/img/common/blog_mark.gif) no-repeat;
}

#news h5{
    font-size: 1.1em;
    color:#AAA;
	padding: 0 0 0 0px;
	margin: -20px 0 0 35px;
}


#news_head{
    height: 179px;
	padding: 0 30px 0;
	background:url(/img/news/news.jpg) no-repeat;
}

#news_head #directory_link{
	font-size: 1.1em;
	position:absolute;
	top: 125px;
	left: 36px;
}

#news img{
	margin: 10px 0;
	padding: 5px;
	background:url(/img/common/img_bg.gif);
}

#news p {
	margin: 10px 0;
}






/* contact
----------------------------------------------------*/
#contact #explain{
    margin: 0 0 30px 30px;
    padding: 0 0 26px 0;
}
#contact h2{
    font-size: 0px;
	margin: 0 0 20px 0;
}
#contact_head{
    height: 179px;
	padding: 0 30px 0;
	background:url(/img/contact/contact.jpg) no-repeat;
}

#contact_head #directory_link{
	font-size: 1.1em;
	position:absolute;
	top: 125px;
	left: 36px;
}
#contact #copy{
    padding:0 0 10px 0;
    border-bottom: #C8C8B0 solid 1px;
}
#contact .form{
    clear:both;
    padding: 0 0 18px 30px;
}

#contact .formlast{
    clear:both;
    padding: 0 0 8px 30px;
}

#contact .form .box_l{
    float:left;
    width: 120px;
}
#contact .form .box_r{
    float:right;
    width: 585px;
}

#contact form input{
    width:210px;
	background:#EEE;
	border-top:#DDD solid 1px;
	border-left:#DDD solid 1px;
}

#contact form input#btn {
	background:transparent none repeat scroll 0%;
	border:medium none;
	height:30px;
	width:120px;
}

#contact form textarea{
    width:420px;
	height:150px;
	background:#EEE;
	border-top:#DDD solid 1px;
	border-left:#DDD solid 1px;
	border-right:none;
	border-bottom:none;
}

.wpcf7-not-valid-tip-no-ajax{
	display: block;
}
.wpcf7-response-output{
	margin: 0 0 0 150px;
}
.wpcf7-validation-errors{
}

/* service_list
----------------------------------------------------*/
#service_list h2{
    font-size: 1.5em;
	line-height: 27px;
	padding: 0 0 0 35px;
	margin: 0 0 15px 0;
	background:url(/img/common/blog_mark.gif) no-repeat;
}
#service_list h3{
    font-size:0px;
	margin: 0 0 15px 0;
}
#service_list_head{
    height: 179px;
	padding: 0 30px 0;
	background:url(/img/service/service_list.jpg) no-repeat;
}

#service_list_head #directory_link{
 	font-size: 1.1em;
	position:absolute;
	top: 125px;
	left: 36px;
}
#service_list .list{
    clear:both;
    padding: 0 30px 30px 30px;
}
#service_list .list .box01,
#service_list .list .box02{
    clear:both;
}
#service_list .list .box01 .b_l{
    float:left;
	width: 260px;
}
#service_list .list .box01 .b_r{
    float:right;
	width: 415px;
}
#service_list .list .box02 .b_l{
    float:left;
	width: 400px;
}
#service_list .list .box02 .b_r{
    float:right;
	width: 260px;
}
#service_list td.name{
    background:url(/img/service/arrow.gif) no-repeat;
	padding: 0 0 0 20px;
	line-height: 13px;
}
#service_list .email{
    background:url(/img/service/mail.gif) no-repeat;
	padding: 0 0 0 20px;
	line-height:30px;
}
#service_list .email a{
    text-decoration: none;
}
#service_list .caption{
    padding: 0 0 0 20px;
}



/* footer
----------------------------------------------------*/
#footer a:link {color: #666666;}
#footer a:visited {color: #666666;}
#footer a:hover {color: #D9D9D9;}
#footer a:active {color: #666666;}


#footer{
	text-align:left;
	font-size: 1.25em;
	clear:both;
	padding: 25px 0 0 0;
}

#ft_l{
    float:left;
	width:217px;
}


#ft_r{
    float:right;
	width:735px;
}

#ft_r #cr{
    text-align:right;
	clear:both;
	padding: 30px 0;
}

#ft_r #ft_wrap{
    margin: 0 0 0 30px;
    background:url(/img/common/footer_bg.gif) repeat-y;
}

#ft_r #ft_wrap #ft01{
    float:left;
	width:160px;
}
#ft_r #ft_wrap #ft02{
    float:left;
	width:270px;
}
#ft_r #ft_wrap #ft03{
    float:left;
	width:270px;
}

#ft_r #ft_wrap .box{
    clear: both;
	padding: 0 0 20px 0;
}

#ft_r #ft_wrap .box .b_l{
    float:left;
	width: 100px;
}

#ft_r #ft_wrap .box .b_l span{
    padding: 0 0 0 5px;
}

#ft_r #ft_wrap .box .b_r{
    float:left;
	width:170px;
}

#ft_r #ft_wrap #ft01 .box .b_l ul li{
    padding: 0 0 20px 5px;
}


/*---index部分---*/
body#top #footer{
    padding: 5px 0 0 0;
}
body#top #footer #ft_l{
    background:url(/img/top/ti.gif) no-repeat;
}

body#top #footer #ft_l ul#news{
    padding: 25px 0 0 0;
    margin: 0px 0px 100px 0px;
}

body#top #footer #ft_l ul#news li p.date{
    float: left;
    width: 70px;
}

body#top #footer #ft_l ul#news li p.text{
   float: left;
   width: 147px;
}

/*-------------サムネイル用追加スタイル-------------*/
body#top #footer #ft_l ul#news li .exc p{
    display: none;
}
body#top #footer #ft_l ul#news li .exc .tfe {
	margin: 5px 10px 5px 0px;
	padding: 0;
	float: left;
}
/*--------------------------*/


body#top #footer #ft_l ul#news a {
	text-decoration: none;
}

body#top #footer #ft_l ul#news li{
    border-bottom:#D9D9D9 solid 1px;
	margin: 5px 0 0 0;
    padding:0 0 2px 0;
}

/*
body#top #footer #ft_l ul#bnr{
    padding: 30px 0 0 13px;
}

body#top #footer #ft_l ul#bnr li{
    margin:0 0 5px 0;
	padding:0;
}

body#top #footer #ft_l ul#bnr li img{
    vertical-align:top;
}
*/

body#top #space{
    text-align: left;
	margin: 16px 0 0 0;
	padding:0px 0 0 11px;
	/*background:url(/img/common/img_bg.gif);*/
}

body#top #space .banner{
    float: left;
	width: 188px;
	padding: 0;
}

body#top #space .banner img{
    vertical-align:top;
	margin:0;
	padding:0 0 10px 0;
}

body#top #footer #ft_r_bg{
    margin: 0 0 0 30px;
	padding: 30px 0 0 0;
	background:url(/img/top/ft_r_bg.gif) repeat-x;
}




/*---フッター電話番号---*/
#bottom_bg{
     widtdh: 735px;
     height: 50px;
     margin: -10px 0 30px 0; 
     background:url(/img/common/tele_num.gif) no-repeat;
}

#bottom_bg h3{
     text-indent: -9999px;
}

/*---電話番号---*/
#telephone {
    widtdh: 735px;
     height: 50px;
     margin: 15px 0 25px 0; 
     background:url(/img/common/tele_num.gif) no-repeat;
}

#telephone h3{
     text-indent: -9999px;
}


/*---index部分---*/



/* clearfix
----------------------------------------------------*/
.clearfix{
    zoom: 100%;
}

.clearfix:after{
    content:".";
    display:block;
    visibility:hidden;
    height:0.1px;
    font-size:0.1em;
    line-height:0;
    clear:both;
}



/* sidebar
----------------------------------------------------*/
#sidebar h2 {
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 1.2em;
	}

#sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}

#sidebar {
	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}

#sidebar h2 {
	margin: 5px 0 0;
	padding: 0;
	}

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

/* Begin Sidebar */
#sidebar
{
	padding: 20px 0 10px 0;
	margin-left: 545px;
	width: 190px;
	}

#sidebar form {
	margin: 0;
	}
/* End Sidebar */