/*
Theme Name: senben
Theme URI: http://senben.org/
Description: 仙台弁護士会オリジナルテーマ
Author: digitalhands design studio
Author URI: http://www.digitalhands.jp/
Version: 1.0
Tags: yellow, custom header, fixed width, three columns, widgets
*/


/* 共通要素の設定 */
body {
	text-align: center;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	background:#ffffff url(images/bg.gif) repeat-x;
	height: 100%;
}

* {
	margin: 0px;
	padding: 0px;
}

ol, ul {
	list-style-type: none;
}

a:link { 
	color: #cc7733;
	text-decoration: none;
}
a:active { 
	color: #0066CC;
	text-decoration: underline;
}
a:visited { 
	color: #cc7777;
	text-decoration: none;
}
a:hover { 
	color: #cc9900;
	text-decoration: underline;
}

form {
	display: inline;
}

hr {
	display: none;
}

img {
	border: 0px;	
}

h2 {
	font-size: 1.25em;
	}

h2.pagetitle {
	font-size: 1.25em;
	}

table {
	width: 490px;
	background-color: #d0d9d0;
	} 

td, tr {
	padding: 2px 0px 2px 6px;
	background-color: #eeffe1;
	} 

.clear {
	 clear: both;
	} 

/* HEADERの設定 */
#header {
	position: relative;
	margin: 0px auto;
	height: 90px;
	padding: 0px 0px 0px 0px;
	width: 960px;
	text-align: left;
	text-indent: -9999px;
	}

#headerNavi {
	width: 920px;
	height:20px;
	text-align: right;
	float:right;
	}

#navi{
	width: 235px;
	list-style: none;
	float: right;
	margin: 4px 0px 0px 0px;
	}

#navi li {
	list-style: none;
	float: left;
	}

#navi a{
	display:block;
	height: 16px;
	text-indent: -9999px;
	background-image: url(images/navi.gif);
	overflow:hidden;
	}

a.home{
	width: 41px;
	background-position:0px 0px;
	}

a:hover.home{
	background-position:0px -16px;
	}

a.access{
	width: 54px;
	background-position:-41px 0px;
	}

a:hover.access{
	background-position: -41px -16px;
	}

a.link1{
	width: 64px;
	background-position:-95px 0px;
	}

a:hover.link1{
	background-position:-95px -16px;
	}

a.sitemap1{
	width: 71px;
	background-position:-159px 0px;
	}

a:hover.sitemap1{
	background-position:-159px -16px;
	}

#header div.logo {
	position: absolute;
	top: 32px;
	left: 0px;
}

#header h1 {
	background: url(images/logo.gif) no-repeat top left;
	height: 55px !important;
	width: 230px;
	overflow: hidden;
}

#search {
	position: absolute;
	top: 45px;
	left: 710px;
	width: 310px;
	text-indent: 0px;
}

#search p {
	background: url(images/bg_search.gif) no-repeat 0px 4px;
	padding-top: 8px;
	width: 52px;
	height: 13px;
	float: left;
}

#search input {
	vertical-align: middle;
	margin-left: 6px;
}

#search input.text {
	width: 160px;
}

.sbm_p {
	background: url(images/sbm_point.gif) no-repeat top left;
	height: 10px !important;
	width: 13px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
}

/* レイアウト --------------------------------------------------------- */

#pageBody {
	position: relative;
	padding: 5px 0px 0px 0px;
}

#contents {
	position: relative;
	margin: 0px auto 10px;
	padding: 10px 0px 0px 0px;
	width: 960px;
	text-align: left;
	overflow: hidden;
	background: transparent url(images/alpha_bg.gif) repeat-y scroll right top;
	}

#leftContent {
	position: relative;
	display: inline;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width: 210px;
	float: left;
	color: #666666;
	}

#naviArea {
	position: relative;
	margin: 0px;
	padding: 0px 0px 30px 0px;
	width: 210px;
	color: #666666;
	}

.asset-body {
	height: 100%;
	line-height: 1.6em; 
	color: #666666;
	}

.asset-body img {
	float: right;
	margin: 0px 5px 20px 15px;
	padding: 1px 1px 1px 1px;
	}


/* FOOTERの設定 ----------------------------------------------------------- */

#footer {
	position: relative;
	margin: 0px auto;
	padding: 0px 0px;
	width: 960px;
	text-align: right;
	font-size: 10px;
	text-indent: -9999px;
	clear: both;
	border-top: solid 1px #dfdfdf;
}

#footer div.copyright {
	position: absolute;
	top: 12px;
	left: 670px;
}

#footer div.copyright p {
	background: url(images/copyright.gif) no-repeat top left;
	height: 0px !important;
	height /**/: 9px;
	padding-top: 10px;
	overflow: hidden;
	width: 290px;
}

#footer div.catch {
	position: absolute;
	top: 35px;
	left: 710px;
}

#footer div.catch p {
	background: url(images/catch.gif) no-repeat top left;
	height: 0px !important;
	height /**/: 40px;
	padding-top: 40px;
	overflow: hidden;
	width: 240px;
}



/* CONTENTSの設定 */

#subContent {
	padding: 5px 0px 0px 0px;
	width: 200px;
	float: left;
}

#informationArea {
	padding: 0px 0px 50px 18px;
	width: 190px;
	color: #666666;
	float: left !important;
	float /**/: none;
	font-size: 11px;
	line-height: 140%;
}

#mainContent {
	width: 522px;
	padding: 5px 0px 0px 18px;
	float: left;
}
*html #mainContent {
	padding: 0px 0px 0px 9px;
}

#mainImageArea {
	position: relative;
	padding: 0px 0px 0px 12px;
	width: 510px;
	height: 220px;
}

#mainImageArea div {
	padding: 10px 0px 0px 10px;
	height: 100%;
}

#newsArea {
	padding: 20px 0px 0px 10px;
	width: 507px;
	float: right;
	font-size: 11px;
}

#news {
	padding: 15px 0px 10px 15px;
	width: 492px;
	float: right;
	font-size: 11px;
	color:#666666;
}

#news .entry {
	padding: 6px 0px 0px 0px;
	float: left;
	font-size: 1.0em;
	_font-size: 0.9em;
	line-height: 1.3em;
	color:#666666;
}

#topnews {
	padding: 10px 0px 5px 0px;
	width: 486px;
	float: left;
	font-size: 1.0em;
	_font-size: 0.9em;
	line-height: 1.5em; 
	color:#666666;
}

#topnews .entry {
	padding: 0px 0px 6px 0px;
	line-height: 1.2em; 
	color:#666666;
}

#topnews p {
	padding: 2px 0px 2px 0px;
}

#newshold {
	padding: 1px 0px 3px 0px;
	clear: both;
}

.entry a.more-link {
	padding: 1px 6px 1px 6px;
	background:#cc8844;
	color: #ffffff;
	font-size:0.85em;
	}

.entry a.more-link:hover {
	background: #E8aa88;;
	color:#333333;
}

.entry p {
	line-height: 1.5em;
}

#headline {
	padding: 0px 0px 2px 0px;
	margin: 3px 0px 0px 0px;
	width: 485px;
	color:#666666;
	border-bottom: solid 1px #cfcfcf;
	clear: both;
}

/* 所在地案内マップ ------------------------------------------------------- */

ul#map {
	padding: 8px 0px 10px 0px;
	width: 210px;
	float: left;
	font-size: 11px;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
}

ul#map li{
	float: left;
	width: 210px;
	}

ul#map li img{
	float: left;
	margin: 1px 0px 0px 0px;
	}

/* サブメニュー ------------------------------------------------------- */

ul#info {
	padding: 10px 0px 5px 0px;
	width: 180px;
	float: left;
	font-size: 11px;
}

ul#info {
	list-style-type: none;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

ul#info li{
	list-style: none;
	float: left;
	width: 180px;
	}

ul#info li img{
	list-style: none;
	float: left;
	margin: 1px 0px 0px 0px;
	}

ul#info2{
	list-style-type:none;
	margin:10px 0px 0px 0px;
	padding:10;
	color:#bf8b31;
}

ul#info2 li{
	list-style: none;
	float: left;
	width: 180px;
	padding: 0px 0px 0px 0px;
	background-image:url(images/arrow_01.gif) no-repeat;
	}

ul#info2 li img{
	list-style: none;
	float: left;
	margin: 1px 0px 0px 0px;
	}

ul#info3 {
	padding: 10px 0px 5px 0px;
	width: 180px;
	float: left;
	font-size: 11px;
	line-height: 1.1em;
}

ul#info3 li{
	list-style: none;
	float: left;
	width: 180px;
	padding: 1px 0px 3px 0px;
	}

ul#info3 li img{
	list-style: none;
	float: left;
	margin: 0px 0px 0px 0px;
	}


ul#address{
	list-style-type:none;
	margin:15px 0px 0px 0px;
	padding: 0px;
}

ul#address li{
	list-style: none;
	float: left;
	width: 180px;
	}

ul#address li img{
	list-style: none;
	float: left;
	margin: 1px 0px 4px 0px;
	}



/* ナビゲーション ------------------------------------------------------- */


ul#members_btn {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

ul#members_btn li {
	list-style: none;
	float: left;
	width: 210px;
	margin: 0px 0px 0px 0px;
	}

ul#members_btn li img {
	list-style: none;
	float: left;
	margin: 0px 0px 0px 0px;
	}

ul#members_btn a {
	display: block;
	width: 210px;
	height: 44px;
	text-indent: -9999px;
	overflow: hidden;
	}

ul#banner {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

ul#banner li {
	list-style: none;
	float: left;
	width: 210px;
	margin: 1px 0px 0px 0px;
	}

ul#banner li img {
	list-style: none;
	float: left;
	margin: 2px 0px 2px 0px;
	}

ul#banner a {
	display: block;
	width: 210px;
	height: 50px;
	text-indent: -9999px;
	overflow: hidden;
	}

ul#banner_l {
	list-style-type: none;
	margin: 5px 0px 0px 0px;
	padding: 0px;
}

ul#banner_l li {
	list-style: none;
	float: left;
	width: 210px;
	margin: 1px 0px 1px 0px;
	}

ul#banner_l li img {
	list-style: none;
	float: left;
	margin: 1px 0px 1px 0px;
	}

ul#banner_l a {
	display:block;
	width: 210px;
	height: 60px;
	text-indent: -9999px;
	overflow: hidden;
	}

ul#banner_m {
	list-style-type: none;
	margin: 5px 0px 0px 0px;
	padding: 0px;
}

ul#banner_m li {
	list-style: none;
	float: left;
	width: 210px;
	margin: 1px 0px 1px 0px;
	}

ul#banner_m li img {
	list-style: none;
	float: left;
	margin: 1px 0px 1px 0px;
	}

ul#banner_m a {
	display:block;
	width: 210px;
	height: 40px;
	text-indent: -9999px;
	overflow: hidden;
	}

ul#banner_s {
	list-style-type: none;
	margin: 5px 0px 0px 0px;
	padding: 0px;
}

ul#banner_s li {
	list-style: none;
	float: left;
	width: 210px;
	margin: 1px 0px 1px 0px;
	}

ul#banner_s li img {
	list-style: none;
	float: left;
	margin: 1px 0px 1px 0px;
	}

ul#banner_s a {
	display:block;
	width: 210px;
	height: 35px;
	text-indent: -9999px;
	overflow: hidden;
	}

a.members {
	background-image: url(images/members.gif);
	width: 210px;
	height: 44px;
	}

a:hover.members {
	background-position: 0px 0px
	}

a.banner_intro {
	background-image: url(images/banner_intro.gif);
	width: 210px;
	}

a:hover.banner_intro {
	background-position: 0px 50px
	}

a.banner_consult {
	background-image: url(images/banner_consult.gif);
	width: 210px;
	}

a:hover.banner_consult {
	background-position: 0px 50px
	}

a.banner_dept {
	background-image: url(images/banner_dept.gif);
	width: 210px;
	}

a:hover.banner_dept {
	background-position: 0px 50px
	}

a.banner_sme {
	background-image: url(images/banner_sme.gif);
	width: 210px;
	}

a:hover.banner_sme {
	background-position: 0px 50px
	}

a.banner_assistance {
	background-image: url(images/banner_assistance.gif);
	width: 210px;
	}

a:hover.banner_assistance {
	background-position: 0px 50px
	}

a.banner_opinion {
	background-image: url(images/banner_opinion.gif);
	width: 210px;
	}

a:hover.banner_opinion {
	background-position: 0px 35px
	}

a.banner_access {
	background-image: url(images/banner_access.gif);
	width: 210px;
	}

a:hover.banner_access {
	background-position: 0px 35px
	}

a.lawyer-search {
	background-image: url(images/lawyer-search.gif);
	width: 210px;
	}

a:hover.lawyer-search {
	background-position: 0px 50px
	}

a.banner_inquiry {
	background-image: url(images/btn_inquiry.gif);
	width: 210px;
	}

a:hover.banner_inquiry {
	background-position: 0px 60px
	}

a.banner_himawari {
	background-image: url(images/banner_himawari.gif);
	width: 210px;
	}

a:hover.banner_himawari {
	background-position: 0px 40px
	}

a.banner_recruit {
	background-image: url(images/banner_recruit.gif);
	width: 210px;
	}

a:hover.banner_recruit {
	background-position: 0px 40px
	}

a.banner_center {
	background-image: url(images/banner_center.gif);
	width: 210px;
	}

a:hover.banner_center {
	background-position: 0px 35px
	}

a.banner_suport {
	background-image: url(images/banner_suport.gif);
	width: 210px;
	}

a:hover.banner_suport {
	background-position: 0px 35px
	}

ul#sub{
	list-style-type: none;
	margin: 0px;
	padding: 0;
}

ul#sub li {
	list-style: none;
	float: left;
	width: 210px;
	}

ul#sub li img {
	list-style: none;
	float: left;
	margin: 4px 0px 2px 0px;
	}

ul#sub a {
	display: block;
	width: 210px;
	height: 2px;
	overflow: hidden;
	}

ul#bottom {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	font-size: 75%;
}

ul#bottom li {
	list-style: none;
	float: left;
	width: 210px;
	margin: 0px 0px 2px 0px;
	}

ul#bottom li img {
	list-style: none;
	float: left;
	margin: 6px 0px 6px 4px;
	}

ul#bottom a {
	display: block;
	width: 200px;
	height: 16px;
	padding: 3px 0px 0px 10px;
	color: #786e5e;
	overflow: hidden;
	}

a.privacy {
	background-color: #efefdf;
	width: 200px;
	}

a:hover.privacy {
	background-color: #faeaca;
	}



.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 30px;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

