/*
Theme Name: 島司法書士事務所
Author: TAG PANDA
Author URI: http://www.tagpanda.co.jp/
Version: 1.0
*/

/********************************************************
	TAG PANDA Template
	This stylesheet provides styles for all HTML layout.
	
	[style.css]
	
	Last renewal date: 2010/03/01
*********************************************************/


/*--------------------------------------------------
	01. Div
--------------------------------------------------*/

#wrapper {
	width:100%;
	text-align:center;
	background:#f6f5f5;
	color:#000;
}
* html #wrapper {margin-top:20px;}
*:first-child+html #wrapper {margin-top:20px;}
#container {
	width:100%;
	text-align:center;
		background:#f6f5f5;
	background:#000;
}
#mainarea {
	width:820px;
	margin:20px auto 0 auto;
	text-align:left;
	background:#000;
	color:#fff;
}
* html #mainarea {margin-top:0;}
*:first-child+html #mainarea {margin-top:0;}

#contents {
	margin-top:10px;
}

#footer {
	width:100%;
	text-align:left;
	background:#000;
	color:#000;
	margin-top:15px;
}
#copy {
	width:100%;
	height:20px;
	margin:0 auto;
	color:#000;
	background:#f6f5f5;
	text-indent:-9999px;
}

#info {
	width:209px;
	height:203px;
	margin-bottom:20px;
	background:#000 url(../../images/top_09.gif) no-repeat;
	color:#fff;
}

.linkbox {
	width:231px;
	height:278px;
	padding:10px 29px;
	background:#fff url(../../images/clmbox.gif) no-repeat 0 0;
	color:#000;
	float:left;
	margin-left:15px;
}

* html .linkbox {margin-left:12px;padding:0;	height:298px;}
#leftmenu {
	float:left;
}

#rightmenu {
	margin-left:212px;
}
#mainclm {
	margin-top:10px;
	background:#fff url(../../common/images/bg2.gif) repeat-y top left;
	color:#000;
}
#lfclm {
	width:323px;
	float:left;
	margin:0 25px 45px 58px;
}
* html #lfclm {margin:31px 0px 45px 30px;}
#rtclm {
	width:323px;
	float:right;
	margin:0 58px 45px 25px;
}
* html #rtclm {margin:31px 30px 45px 0px;}
.clmx {
	margin-bottom:35px;
	font-size:12px;
}

#lcon {
	width:212px;
	height:240px;
	float:left;
	margin-bottom:38px;
}
* html #lcon {margin:0;}
*:first-child+html #lcon {margin:0;}
#rcon {
	width:482px;
	height:240px;
	background:#fff url(../../office/images/of-bg.gif) no-repeat;
	float:right;
	margin-bottom:38px;
}
* html #rcon {margin:0;}
*:first-child+html #rcon {margin:0;}
.col2 {
	width:704px;
	height:100%;
	font-size:12px;
	margin:0 auto 48px;
}

.col3 {
	width:704px;
	height:450px;
	margin:0 auto 40px;
	font-size:12px;
	background:#fff url(../../office/images/shimafirm-map.gif) no-repeat 100% 100%;
}
.col4 {
	width:704px;
	height:100%;
	font-size:12px;
	margin:0 auto 10px;
}


/*--------------------------------------------------
	02. P
--------------------------------------------------*/
#tel {
	width:272px;
	height:69px;
	background:#000 url(../../common/images/top_05.gif);
	text-indent:-9999px;
	margin-left:548px;
}
* html #tel {margin-top:-60px;}
*:first-child+html #tel {margin-top:-60px;float:left;}

.linkbox p {
	color:#000;
	font-size:12px;
}
* html .linkbox p{margin:10px 15px 15px 29px;width:240px;}
#info p {
	height:25px;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	padding-top:5px;
}
#right {
	width:820px;
	margin:0 auto;
	background:#f6f5f5 url(../../common/images/top_25.gif) no-repeat top right;
}
.indent {
	text-indent:-9999px;
}
#lfclm p {
	color:#000;
	font-size:12px;
}

#mainclm p {
	color:#000;
}
.name {
	font-weight:bold;
	font-size:20px;
	margin:5px 0;
}

#access {
	font-weight:bold;
	margin:43px 0 0 25px;
}
/*--------------------------------------------------
	03. Body, Anchor, Headline
--------------------------------------------------*/

body {
	background:#f6f5f5;
	color:#000;
	text-align:center;
	font-size:12px;
}
a,
a:link{
	color:#666;
	text-decoration:none;
}
a:visited{
	color:#666;
	text-decoration:none;
}

a:hover,
a:active,
a:focus{
	color:#00469d;
	text-decoration:none;
}

h1 {
	width:600px;
	height:70px;
	float:left;
	color:#fff;
}
#fds {
	width:820px;
	height:70px;
	background:url(../../fudousan/images/fd-title.gif) no-repeat;
	text-indent:-9999px;
	margin-bottom:31px;
}
#sgt {
	width:820px;
	height:70px;
	background:url(../../shougyou/images/sg-title.gif) no-repeat;
	text-indent:-9999px;
	margin-bottom:31px;
}
#off1 {
	width:820px;
	height:70px;
	background:url(../../office/images/of-title.gif) no-repeat;
	text-indent:-9999px;
	margin-bottom:31px;
}
* html #fds {margin:0;}
* html #sgt {margin:0;}
* html #off1 {margin:0;}
h2 {
	width:289px;
	height:24px;
	margin-bottom:17px;
	color:#000;
	font-weight:bold;
	font-size:16px;
}
* html h2{margin:10px 0px 15px 29px;width:257px;}
.clmx h3 {
	width:323px;
	border-bottom:1px solid #999;
	margin-bottom:4px;
	font-size:14px;
	font-weight:bold;
	color:#000;
}
* html h3{margin:0;}

.col2 h3 {
	width:704px;
	border-bottom:1px solid;
	font-size:14px;
	font-weight:bold;
	margin-bottom:25px;
}

.col3 h3 {
	width:704px;
	border-bottom:1px solid;
	font-size:14px;
	font-weight:bold;
	margin-bottom:25px;
}
.col4 h3 {
	width:704px;
	border-bottom:1px solid;
	font-size:14px;
	font-weight:bold;
	margin-bottom:25px;
}


/*--------------------------------------------------
	04. Ul, List
--------------------------------------------------*/
#nav {
	text-align:left;
	margin:10px 0 0;
}
#nav li {
	display:inline;
	float:left;
	width:205px;
	height:39px;
	list-style:none;
	font-size:1em;
	text-indent:-9999px;
}
* html #nav {width:821px;}
#nav li.home a {
	width:204px;
	height:39px;
	background:url(../../common/images/shimafirm-sprite.gif) no-repeat;
	display:block;
	background-position:0 -1px;
}
#nav li.home a:hover {
	width:204px;
	height:39px;
	background:url(../../common/images/shimafirm-sprite.gif) no-repeat;
	display:block;
	background-position:0 -90px;
}
#nav li.sgt a {
	width:205px;
	height:39px;
	background:url(../../common/images/shimafirm-sprite.gif) no-repeat;
	display:block;
	background-position:-205px -1px;
}
#nav li.sgt a:hover {
	width:205px;
	height:39px;
	background:url(../../common/images/shimafirm-sprite.gif) no-repeat;
	display:block;
	background-position:-205px -90px;
}
#nav li.fds a {
	width:205px;
	height:39px;
	background:url(../../common/images/shimafirm-sprite.gif) no-repeat;
	display:block;
	background-position:-410px -1px;
}
#nav li.fds a:hover {
	width:205px;
	height:39px;
	background:url(../../common/images/shimafirm-sprite.gif) no-repeat;
	display:block;
	background-position:-410px -90px;
}
#nav li.inq a {
	width:206px;
	height:39px;
	background:url(../../common/images/shimafirm-sprite.gif) no-repeat;
	display:block;
	background-position:-615px -1px;
}
#nav li.inq a:hover {
	width:206px;
	height:39px;
	background:url(../../common/images/shimafirm-sprite.gif) no-repeat;
	display:block;
	background-position:-615px -90px;
}

#nav2 {
	margin:5px 14px 14px;
}
#nav2 li {
	width:181px;
	height:27px;
	margin-top:4px;
	list-style:none;
	font-size:1em;
	text-indent:-9999px;
}
#nav2 li.prof a {
	width:181px;
	height:27px;
	background:url(../../common/images/shimafirm-sprite.gif) no-repeat;
	display:block;
	background-position:-13px -233px;
}
#nav2 li.prof a:hover {
	width:181px;
	height:27px;
	background:url(../../common/images/shimafirm-sprite.gif) no-repeat;
	display:block;
	background-position:-225px -233px;
}
#nav2 li.off a {
	width:181px;
	height:27px;
	background:url(../../common/images/shimafirm-sprite.gif) no-repeat;
	display:block;
	background-position:-13px -264px;
}
#nav2 li.off a:hover {
	width:181px;
	height:27px;
	background:url(../../common/images/shimafirm-sprite.gif) no-repeat;
	display:block;
	background-position:-225px -264px;
}
#nav2 li.acc a {
	width:181px;
	height:27px;
	background:url(../../common/images/shimafirm-sprite.gif) no-repeat;
	display:block;
	background-position:-13px -296px;
}
#nav2 li.acc a:hover {
	width:181px;
	height:27px;
	background:url(../../common/images/shimafirm-sprite.gif) no-repeat;
	display:block;
	background-position:-225px -296px;
}

#nav3 {
	margin-top:7px;
}
#nav3 li {
	text-indent:-9999px;
}
#nav3 li.gpc a {
	width:209px;
	height:15px;
	background:url(../../common/images/shimafirm-sprite.gif) no-repeat;
	display:block;
	background-position:0 -331px;
}

#nav3 li.gpc a:hover {
	width:209px;
	height:15px;
	background:url(../../common/images/shimafirm-sprite.gif) no-repeat;
	display:block;
	background-position:-281px -331px;
}
#nav3 li.bnb a {
	width:209px;
	height:15px;
	background:url(../../common/images/shimafirm-sprite.gif) no-repeat;
	display:block;
	background-position:0 -349px;
}
#nav3 li.bnb a:hover {
	width:209px;
	height:15px;
	background:url(../../common/images/shimafirm-sprite.gif) no-repeat;
	display:block;
	background-position:-281px -349px;
}
#inquiry {
	margin:10px 0 0 9px;
	text-align:left;
	height:148px;
}
#inquiry li {
	display:inline;
	height:100px;
	float:left;
	margin-top:4px;
	list-style:none;
	font-size:1em;
	text-indent:-9999px;
}
#inquiry li.denwa {
	width:220px;
	height:100px;
	background:url(../../office/images/of-navi.gif) no-repeat;
	display:block;
	background-position:-6px -9px;
}
#inquiry li.fax {
	width:222px;
	height:100px;
	background:url(../../office/images/of-navi.gif) no-repeat;
	display:block;
	background-position:-232px -9px;
}
#inquiry li.mail a{
	width:243px;
	height:100px;
	background:url(../../office/images/of-navi.gif) no-repeat;
	display:block;
	background-position:-458px -9px;
}

/*--------------------------------------------------
	05. 
--------------------------------------------------*/
.mt10 {
	margin-top:10px;
}
.mt40 {
	margin-top:40px;
}
.mb25 {
	margin-bottom:25px;
}

address {
	width:820px;
	height:61px;
	margin:0 auto;
	background:#000;
	color:#fff;
	background:#000 url(../../common/images/top_21.gif) no-repeat;
	text-indent:-9999px;
}
.hovering {
	border-color: #ccc;
	cursor:pointer;
}
.center {
	text-align:center;
}

.check input {
	margin:100px auto;
}
#profile {
	margin:14px 0 0 40px;
	font-size:11px;
}

.h20 {height:20px;vertical-align:bottom;}
.w50 {
	width:55px;
	height:20px;
}
.top {
	vertical-align:top;
	width:55px;
	height:72px;
}
.bottom {
	vertical-align:bottom;
}

* html #profile {
	font-size:9px;
}
*:first-child+html #profile {
	font-size:9px;
}
* html .bottom {
	height:52px;
	margin-top:30px;
}
*:first-child+html .bottom {
	height:52px;
	margin-top:30px;
}
* html .top {
	height:62px;
}
*:first-child+html .top {
	height:62px;
}

.txt-top { vertical-align:top; }