<?php
/*
Template Name: branch.css
*/
?>
<?php get_header() ?>


@charset "utf-8";
/* CSS Document */

#mainimageinner{
	height:200px;
	overflow:hidden;
}
#contentinner{
	margin-bottom:0;
	padding-bottom:3em;
	background-image:url(img/contentinner_bg_b.jpg);
}

#contentinner h4{
	margin-bottom:20px;
}

#maincontent{
	width:633px;
	float:left;
	background-image:url(img/head_bg.jpg);
	background-repeat:repeat-x;
}

#sidebar{
	width:316px;
	float:left;
	background-image:url(img/head_bg.jpg);
	background-repeat:repeat-x;
}
#sidebar ul{
	margin:3em;
}
#contentinner #sidebar ul li{
	float:none;
	display:none;
	margin:0;
	padding:0;
}


#maincontent .contentbody{
	line-height:1.5em;
	padding:24px 36px 24px 0;
	margin-left:90px;
	width:500px;
	overflow:hidden;
}

#foot{
	margin:0;
	padding:0;
}

/*categorypage*/
#nav-above{
	height:1.4em;
	margin-bottom:2em;
}

#nav-above .nav-next{
	text-align:right;
	margin-left:100px;
	margin-top:-1.4em;
}

#nav-below{
	margin-top:2em;
}
#nav-below .nav-next{
	text-align:right;
	margin-left:100px;
	margin-top:-1.5em;
}


.entry-title{
	font-size:1em;
	font-weight:bold;
	background-image:url(img/separate_dot.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	padding:2px;
}
.entry-date{
	font-weight:normal;
	font-size:0.7em;
}


/*singlepage*/

.caseimage{
	margin-top:0.5em;
}
.caseimage img{
	padding:2px;
	border:1px solid #CCCCCC;
}
.caseurl{
	margin:0.5em 0 1em 0;
}

/*worktab*/

#contentinner #tababout.about{
	margin:1em 0 -215px -2em;
	position:relative;
	zoom:1;
}
#contentinner #tababout.about img{
	position:relative;
}

#contentinner #tab.work{
	margin:1em 0 -168px -2em;
	position:relative;
	zoom:1;
}
#contentinner #tab.work img{
	position:relative;
}

#contentinner .contentbody li{
	font-size:1em;
}

#contentinner #tab.work li,
#contentinner #tababout.about li{
	float:none;
	margin:0;
	padding:0;
	font-size:1em;
}
#contentinner #tab.work li a span,
#contentinner #tababout.about li a span{
	display:none;
}
#contentinner #tab1 dt,
#contentinner #tab2 dt,
#contentinner #tab3 dt,
#contentinner #tab4 dt{
	background-image:none;
	font-weight:bold;
}


/*work*/
/*tab1*/
#contentinner #tab.work li a#tab_1{
	display:block;
	width:98px;
	height:46px;
	background-image:url(img/work_tab_1.png);
	_background-image:url(img/work_tab_1.gif);
	outline:none;

}
#contentinner #tab.work li.selected a#tab_1{
	background-image:url(img/work_tab_1_f2.png);
	_background-image:url(img/work_tab_1_f2.gif);
	border:none;
}
#contentinner #tab.work li.selected a#tab_1:hover{
	background-image:url(img/work_tab_1_f2.png);
	_background-image:url(img/work_tab_1_f2.gif);
	border:none;
}
#contentinner #tab.work li a#tab_1:hover{
	background-image:url(img/work_tab_1.png);
	_background-image:url(img/work_tab_1.gif);
}

/*tab2*/
#contentinner #tab.work li a#tab_2{
	display:block;
	width:98px;
	height:46px;
	background-image:url(img/work_tab_2.png);
	_background-image:url(img/work_tab_2.gif);
	outline:none;

}
#contentinner #tab.work li.selected a#tab_2{
	background-image:url(img/work_tab_2_f2.png);
	_background-image:url(img/work_tab_2_f2.gif);
	border:none;
}
#contentinner #tab.work li.selected a#tab_2:hover{
	background-image:url(img/work_tab_2_f2.png);
	_background-image:url(img/work_tab_2_f2.gif);
	border:none;
}
#contentinner #tab.work li a#tab_2:hover{
	background-image:url(img/work_tab_2.png);
	_background-image:url(img/work_tab_2.gif);
}

/*tab3*/
#contentinner #tab.work li a#tab_3{
	display:block;
	width:98px;
	height:46px;
	background-image:url(img/work_tab_3.png);
	_background-image:url(img/work_tab_3.gif);
	outline:none;

}
#contentinner #tab.work li.selected a#tab_3{
	background-image:url(img/work_tab_3_f2.png);
	_background-image:url(img/work_tab_3_f2.gif);
	border:none;
}
#contentinner #tab.work li.selected a#tab_3:hover{
	background-image:url(img/work_tab_3_f2.png);
	_background-image:url(img/work_tab_3_f2.gif);
	border:none;
}
#contentinner #tab.work li a#tab_3:hover{
	background-image:url(img/work_tab_3.png);
	_background-image:url(img/work_tab_3.gif);
}



/*about*/
/*tab1*/
#contentinner #tababout.about li a#tab_1{
	display:block;
	width:98px;
	height:46px;
	background-image:url(img/about_tab_2.png);
	_background-image:url(img/about_tab_2.gif);
	outline:none;

}
#contentinner #tababout.about li.selected a#tab_1{
	background-image:url(img/about_tab_2_f2.png);
	_background-image:url(img/about_tab_2_f2.gif);
	border:none;
}
#contentinner #tababout.about li.selected a#tab_1:hover{
	background-image:url(img/about_tab_2_f2.png);
	_background-image:url(img/about_tab_2_f2.gif);
	border:none;
}
#contentinner #tababout.about li a#tab_1:hover{
	background-image:url(img/about_tab_2.png);
	_background-image:url(img/about_tab_2.gif);
}



#contentinner dl.recruitbody{
	margin:0 0 2em 0;
}

#contentinner div#tab2.outline dt,
#contentinner dl.recruitbody dt{
	margin:0;
	padding:0.2em;
	height:1.4em;
	width:10em;
	background-image:none;
}
#contentinner div#tab2.outline dd,
#contentinner dl.recruitbody dd{
	margin:-1.8em 10px 2px 11em;
	padding:0.2em 0.2em 0.2em 0.5em;
	border-left:2px solid #CCCCCC;
	background-color:#F7F7F7;
}
#contentinner div#tab2.outline ul,
#contentinner div#tab2.outline li{
	margin:0;
	padding:0;

}

/*tab2*/
#contentinner #tababout.about li a#tab_2{
	display:block;
	width:98px;
	height:46px;
	background-image:url(img/about_tab_1.png);
	_background-image:url(img/about_tab_1.gif);
	outline:none;

}
#contentinner #tababout.about li.selected a#tab_2{
	background-image:url(img/about_tab_1_f2.png);
	_background-image:url(img/about_tab_1_f2.gif);
	border:none;
}
#contentinner #tababout.about li.selected a#tab_2:hover{
	background-image:url(img/about_tab_1_f2.png);
	_background-image:url(img/about_tab_1_f2.gif);
	border:none;
}
#contentinner #tababout.about li a#tab_2:hover{
	background-image:url(img/about_tab_1.png);
	_background-image:url(img/about_tab_1.gif);
}

/*tab3*/
#contentinner #tababout.about li a#tab_3{
	display:block;
	width:98px;
	height:46px;
	background-image:url(img/about_tab_3.png);
	_background-image:url(img/about_tab_3.gif);
	outline:none;

}
#contentinner #tababout.about li.selected a#tab_3{
	background-image:url(img/about_tab_3_f2.png);
	_background-image:url(img/about_tab_3_f2.gif);
	border:none;
}
#contentinner #tababout.about li.selected a#tab_3:hover{
	background-image:url(img/about_tab_3_f2.png);
	_background-image:url(img/about_tab_3_f2.gif);
	border:none;
}
#contentinner #tababout.about li a#tab_3:hover{
	background-image:url(img/about_tab_3.png);
	_background-image:url(img/about_tab_3.gif);
}

/*tab4*/
#contentinner #tababout.about li a#tab_4{
	display:block;
	width:98px;
	height:46px;
	background-image:url(img/about_tab_4.png);
	_background-image:url(img/about_tab_4.gif);
	outline:none;

}
#contentinner #tababout.about li.selected a#tab_4{
	background-image:url(img/about_tab_4_f2.png);
	_background-image:url(img/about_tab_4_f2.gif);
	border:none;
}
#contentinner #tababout.about li.selected a#tab_4:hover{
	background-image:url(img/about_tab_4_f2.png);
	_background-image:url(img/about_tab_4_f2.gif);
	border:none;
}
#contentinner #tababout.about li a#tab_4:hover{
	background-image:url(img/about_tab_4.png);
	_background-image:url(img/about_tab_4.gif);
}


#contentinner ul.clientwork,
#contentinner ul.clientwork li{
	margin:0;
	margin-left:15px;
	padding:0;
	list-style-type:disc;
}

#contentinner ul#officephoto{
}

#contentinner ul#officephoto{
	margin:0;
	padding:0;
}
#contentinner ul#officephoto li{
	float:left;
	display:inline;
	margin:0 4px 4px 0px;
	padding:0;
}
#contentinner ul#officephoto li img{
	border:1px solid #CCCCCC;
	padding:2px;
	vertical-align:bottom;
}



#contentinner .office p{
	margin:0;
	padding:0;
	margin-bottom:1em;
}

.clientsep{
	clear:both;
	background-image:url(img/separate_dot.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}

#contentinner #maincontent .clientwork dl.case,
#contentinner #maincontent .worksshowcase dl.case{
	width:250px;
	float:left;
	padding:1em 0 1em 0;
	background-image:none;
}
#contentinner #maincontent .worksshowcase dl.case{
	width:240px;
}

#contentinner #maincontent .clientwork dl.case dd{
	padding:0px;
}
#contentinner #maincontent .clientwork dd.casettl{
	margin-left:120px;
	margin-top:-75px;
	font-weight:bold;
}
#contentinner #maincontent .clientwork dd.casedesc{
	margin-left:120px;
}
#contentinner #maincontent .clientwork dd.casedetail{
	text-align:right;
}
#contentinner #maincontent .clientwork dd.casedesc p{
	margin:0;
	padding:0;
}

#contentinner #maincontent .clientwork dt.caseimage,
#contentinner #maincontent .worksshowcase dt.caseimage{
	margin:0 1em 0.3em 10px;
	border:1px solid #cccccc;	
	padding:2px;
	width:100px;
	height:70px;
	overflow:hidden;
	background-image:none;
}

#contentinner #maincontent .clientwork dt.caseimage a img,
#contentinner #maincontent .worksshowcase dt.caseimage a img{
	border:none;
	padding:0;
	margin:0;	
}

/*フォーム関連*/
table{
	margin-top:2em;
}
.tbl{
	width:420px;
}
th{
	text-align:right;
	vertical-align:top;
	padding-right:1em;
	width:90px;
}
td.inputarea input,
td.inputarea textarea{
	padding:0;
	margin:0;
	width:330px;
}
td.btn{
	text-align:right;
	padding:0;
	margin:0;
}
#b{
	border: 0px;
	width: 100px;
	height: 30px;
	background: url(img/contact_btn.jpg) left top no-repeat;
	text-indent: -7777px;　　 /*　「送信」のテキストを飛ばす　*/
}
.ajax-loader{
	width:0px;
}


/*ページャー関連*/

.wp-pagenavi {
	clear: both;
	margin-top:20px;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 3px 5px;
	margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
}

.wp-pagenavi span.current {
	font-weight: bold;
}