@charset "utf-8";
/* 小泉司法書士事務所　CSS Document */
/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:1em; background: url(images/bg2.jpg) repeat-x top #ddcfb5}
.tail-bottom { background:url(images/tail-bottom.gif) left bottom repeat-x;}
html, input, textarea	{	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "MS Pゴシック", sans-serif; 
		color:#958274;	}	

.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
div.container {	overflow:hidden; width: 100%;}
a img{ border:0px}
img{ vertical-align:top;  }
object { vertical-align:top;}

a{color:#8d4517; text-decoration:underline} 
a:hover{text-decoration:none}

.link{color:#7f7d7c; text-decoration:none; }
.link:hover{text-decoration:underline }

#content .go{color:#fff; text-transform:uppercase; font-weight:bold; background:url(images/bg_ok.gif) top left no-repeat; padding:3px 9px 5px 11px;text-decoration:none}
#content .go:hover{text-decoration:underline }

ul{margin:0; padding:0; list-style:none;}
/*ul li{background:url(images/marker1.gif) top left no-repeat; background-position:0 10px; margin:0px; padding-left:15px; }*/
ul li a{color:#8d4517; text-decoration: underline; line-height:2em} 
ul li a:hover { text-decoration:none; }

.link-1 { display:block; float:left; background:url(images/link_bg.gif) left top repeat-x; color:#3f322a; text-decoration:none; }
.link-1 em { display:block; background:url(images/link_left.gif) no-repeat left top;}
.link-1  b { display:block; background:url(images/link_right.gif) no-repeat right top; padding:2px 12px 7px 12px; font-weight:normal; font-style:normal;}
.link-1:hover{ text-decoration:none; color:#000000}


/*header2*/

#header2 h1,#header2 p{font-size: 12px; font-weight: normal; color: #7f6957; float: left;	position: relative; padding-bottom: 2px;
	text-decoration: none;}
#header2 h1{margin-right: 20px; position: relative; left: 10px;}
#header2 p{ float: none;}
#header2 a{ color: #758BA4; text-decoration: none;}
#header2 {font-size:0.75em; color:#7f6957 }
#header2 .logo{ margin:54px 0 0 369px }
#header2 .flash{ padding:34px 0 0 0px; position:relative }

#header2 .indent1{ position:absolute; padding:7px 52px 0 39px; width:890px; z-index:10;}
#header2 .go{color:#eed7c8; background:url(images/go.gif) top left no-repeat; padding:2px 5px 3px 5px; text-decoration:none;  }
#header2 .go:hover{text-decoration:underline }
#header2 a{color:#7f6957; text-decoration:none} 
#header2 a:hover{text-decoration:underline}



/*content*/
#content{
	text-align:left;
	width:100%;
	font-size: 13px;
	line-height: 18px;
	font-weight: normal;
}
#content .bg-cont{ background:url(images/bg_cont.png); width:980px;}
#content .indent-main{padding:21px 76px 32px 61px}
#content .indent-main1{padding:41px 62px 47px 61px}
#content .indent-col1{padding:25px 0 0 24px}
#content .indent-col2{padding:10px 0 0 0}
#content .indent-col3{padding:0 20px 0 0}
#content .indent-col4{padding:0 0 0 20px}
#content .indent-col5{padding:0 20px 0 20px}
#content .title{  margin-bottom:16px}
#content .title1{  margin-bottom:32px}
#content .title2{  margin-bottom:9px}
#content .img-left{ float:left; margin:0px 20px 0 0}
#content .img-left1{ float:left; margin:0px 20px 19px 0}
#content .img-right{ float:right; margin:0px 0 16px 10px}
#content .img-indent{ margin:0px 0 16px 0}
#page7 #content p{ margin:0px 0 17px 0}
#content .p{ margin:0}
#content .p1{ margin:0px 0 17px 0}
#content h4{ font-weight:normal; margin-bottom:9px;  }
#content .tail{ background:url(images/tail.gif) repeat-x bottom; padding-bottom:9px; margin-bottom:9px}
#content .indent{padding:32px 0 0 0}
#content .indent2{padding:22px 0 0 0}
#page1 #content .indent-1{padding:0 0 0 249px}
#page2 #content .indent-1{padding:0 0 0 249px}
#page4 #content .indent-1{padding:0 0 0 249px}

/*box*/
.box{ background:url(images/bg_box.jpg) no-repeat top left #382b23; width:100%;}
.box .indent-box{ padding:37px 20px 29px 27px; }
/*box1*/
.box1{ background:#fff; border:1px solid #d9d9d9; color:#7f7d7c; font-size:.916em; line-height:1.27em}
.box1 .indent-box1{ padding:19px 20px 24px 22px; }
#content .box1 p{ margin:0px 0 7px 0}
/*box1*/
.box2{ background:#f7f7f5; width:100%; color:#7f7d7c; line-height:1.27em}
.box2 .indent-box2{ padding:30px 20px 24px 25px; }



/*footer*/
#footer { color:#958274; font-size:0.75em; background:url(images/bot.gif) no-repeat top left }
#footer .indent-footer{
	background-image: url(images/tail-bottom.gif);
	background-repeat: repeat-x;
	padding-right: 30px;
	padding-left: 83px;
	height: 142px;
}
	
#footer .indent-footer li {
	float: left;
	font-size:12px;
	margin-top: 23px;
	margin-right:2px;
	margin-bottom:1px;
	color: #FFFFFF;}

#footer .indent-footer p {
	width: 900px;
	clear: both;
	}	
	
#footer a {color:#958274; text-decoration:none}  
#footer a:hover {  text-decoration:underline}


.jamp{ width:86px; margin-right:12px}
.jamp1{ width:53px; margin-right:11px}
.jamp2{ width:59px; margin:0}
.jamp3{ width:136px; margin:0}
select{ color:#d1b7a6; color:#2d3331; height:20px;	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "MS Pゴシック", sans-serif; border-left:1px solid #372a22; border-top:1px solid #372a22; border-right:1px solid #5b483e; border-bottom:1px solid #5b483e; background:#41332a;color:#d1b7a6; font-size:12px }




.indent-2{ position:relative; padding-left:5px; float:left}
.h{ height:30px}
.h1{ height:32px}
.block-contact span{ float:right; margin-right:110px}
.block-contact1 span{ float:right; margin-right:10px}

.input{
	border-left:1px solid #b1a07b; 
   	border-top:1px solid #b1a07b; 
   	border-right:1px solid #e2d6bb; 
   	border-bottom:1px solid #e2d6bb; 
	background:#c2b291;
	color:#695749;
	width:164px; height:19px;
	font-size:1em;
	padding-top:0px;
	vertical-align:middle;
	padding-left:5px;}
.input1{
	border-left:1px solid #372a22; 
   	border-top:1px solid #372a22; 
   	border-right:1px solid #5b483e; 
   	border-bottom:1px solid #5b483e; 
	background:#41332a;
	color:#d1b7a6;
	width:212px; height:17px;
	font-size:1em;
	padding-top:2px;
	padding-top:0px;
	vertical-align:middle;
	padding-left:10px;
}

.input2{
	border:1px solid #dbd5ca; 
	background:#fff;
	color:#695749;
	width:184px; height:21px;
	font-size:1em;
	padding-top:0px;
	vertical-align:middle;
	padding-left:5px;}
.textarea{
   	border-left:1px solid #372a22; 
   	border-top:1px solid #372a22; 
   	border-right:1px solid #5b483e; 
   	border-bottom:1px solid #5b483e; 
	background:#41332a;
	color:#d1b7a6;
	width:212px; height:148px;
	font-size:1em;
	padding-left:10px;
	margin-bottom:17px;
	overflow:auto}
.textarea1{
   	border-left:1px solid #372a22; 
   	border-top:1px solid #372a22; 
   	border-right:1px solid #5b483e; 
   	border-bottom:1px solid #5b483e; 
	background:#41332a;
	color:#d1b7a6;
	width:212px; height:248px;
	font-size:1em;
	padding-left:10px;
	margin-bottom:17px;
	overflow:auto}
input{
	border-left:1px solid #404040; 
   	border-top:1px solid #404040; 
   	border-right:1px solid #d4d0c8; 
   	border-bottom:1px solid #d4d0c8; 

   	border:1px solid #000000; 
	background:#FFFFFF;
	width:193px; height:18px;
	font-size:1em;
	padding-left:5px;
	padding-top:2px
}
textarea{
   	border:1px solid #000000; 
	background:#FFFFFF;
	width:193px; height:152px;
	font-size:1em;
	padding-left:5px;
	margin-bottom:11px;
	overflow:auto}
	
/*-----------------------------------------------------
左アイコン
-----------------------------------------------------*/

.icon_daiya{
	background-image: url(common_img/1809_s.gif);
	background-repeat: no-repeat;
	text-indent: 28px;
	background-position: left center;
	text-align: left;
	line-height: 25px;	
}

.icon_puzzle{
	background-image: url(common_img/1820_s.gif);
	background-repeat: no-repeat;
	text-indent: 28px;
	background-position: left center;
	text-align: left;
	line-height: 25px;			
}

.icon_book{
	background-image: url(common_img/1816_s.gif);
	background-repeat: no-repeat;
	text-indent: 28px;
	background-position: left center;
	text-align: left;
	line-height: 25px;		
}

.icon_pen{
	background-image: url(common_img/1823_s.gif);
	background-repeat: no-repeat;
	text-indent: 28px;
	background-position: left center;
	text-align: left;
	line-height: 25px;		
}

.icon_note{
	background-image: url(common_img/1831_s.gif);
	background-repeat: no-repeat;
	text-indent: 28px;
	background-position: left center;
	text-align: left;
	line-height: 25px;		
}

.icon_check{
	background-image: url(common_img/1836_s.gif);
	background-repeat: no-repeat;
	text-indent: 28px;
	background-position: left center;
	text-align: left;
	line-height: 25px;		
}

.icon_graph{
	background-image: url(common_img/1838_s.gif);
	background-repeat: no-repeat;
	text-indent: 28px;
	background-position: left center;
	text-align: left;
	line-height: 25px;		
}

.icon_daiya_big{
	background-image: url(common_img/1809.gif);
	background-repeat: no-repeat;
	text-indent: 58px;
	background-position: left center;
	text-align: left;
	line-height: 50px;
	font-size: 30px;	
}

.blue_1{
	background-image: url(common_img/blue_1.gif);
	background-repeat: no-repeat;
	text-indent: 15px;
	background-position: left center;
	text-align: left;
}

.blue_2{
	background-image: url(common_img/blue_2.gif);
	background-repeat: no-repeat;
	text-indent: 10px;
	background-position: left center;
	text-align: left;
}


.black_1{
	background-image: url(common_img/black_1.gif);
	background-repeat: no-repeat;
	text-indent: 15px;
	background-position: left center;
	text-align: left;
}

.black_2{
	background-image: url(common_img/black_2.gif);
	background-repeat: no-repeat;
	text-indent: 10px;
	background-position: left center;
	text-align: left;
}

.green_1{
	background-image: url(common_img/green_1.gif);
	background-repeat: no-repeat;
	text-indent: 15px;
	background-position: left center;
	text-align: left;
}

.green_2{
	background-image: url(common_img/green_2.gif);
	background-repeat: no-repeat;
	text-indent: 10px;
	background-position: left center;
	text-align: left;
}

.yellow_1{
	background-image: url(common_img/yellow_1.gif);
	background-repeat: no-repeat;
	text-indent: 15px;
	background-position: left center;
	text-align: left;
}

.yellow_2{
	background-image: url(common_img/yellow_2.gif);
	background-repeat: no-repeat;
	text-indent: 10px;
	background-position: left center;
	text-align: left;
}

.red_1{
	background-image: url(common_img/red_1.gif);
	background-repeat: no-repeat;
	text-indent: 15px;
	background-position: left center;
	text-align: left;
}

.red_2{
	background-image: url(common_img/red_2.gif);
	background-repeat: no-repeat;
	text-indent: 10px;
	background-position: left center;
	text-align: left;
}

.dot_1{
	background-image: url(common_img/dot.gif);
	background-repeat: no-repeat;
	text-indent: 15px;
	background-position: left center;
	text-align: left;
}

.dot_red{
	background-image: url(common_img/dot_red.gif);
	background-repeat: no-repeat;
	text-indent: 10px;
	background-position: left center;
	text-align: left;
}

.list_icon{
	background-image: url(common_img/list_icon.gif);
	background-repeat: no-repeat;
	text-indent: 15px;
	background-position: left center;
	text-align: left;
	font-size: 12px;
	color: #63554B;
}

.bule_list {
	background: url(images/marker.gif) no-repeat 7px 9px;
	padding: 0 0 0 21px;
	line-height: 2.083em;
}

.m-30{
	margin-top: 30px;
}

.m-20{
	margin-top: 20px;
}

.m-15{
	margin-top: 15px;
}

.m-10{
	margin-top: 10px;
}

.m-5{
	margin-top: 5px;
}

.m-l-5{
	margin-left: 5px;
}

.m-l-10{
	margin-left: 10px;
}

.m-l-15{
	margin-left: 15px;
}

.m-l-20{
	margin-left: 20px;
}

.m-btm-30{
	margin-bottom: 30px;
}

.m-btm-20{
	margin-bottom: 20px;
}

.m-btm-15{
	margin-bottom: 15px;
}

.m-btm-10{
	margin-bottom: 10px;
}

.m-r-30{
	margin-right: 30px;
}



.inline{
	display: inline;
}

.frame{
	width: 500px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	border: 1px dotted #FF9900;
}

.frame2{
	width:240px;
	margin-right:48px;
	color: #996600;
	font-size: 12px;
	line-height: 18px;
	margin-top: 30px;
	border: 1px solid #996600;
	float: left;
}

/*-----------------------------------------------------
フォントパターン
-----------------------------------------------------*/
.blue_S{
	color: #0000FF;
	font-size: 125%;
}

.blue_L{
	color: #0000FF;
	font-size: 170%;
}


.red_S{
	color: #FF0000;
	font-size: 125%;
}

.red_L{
	color: #FF0000;
	font-size: 170%;
}

.green_S{
	color: #669900;
	font-size: 125%;
}

.green_L{
	color: #669900;
	font-size: 170%;
}

.pink_S{
	color: #FF3399;
	font-size: 125%;
}

.pink_L{
	color: #FF3399;
	font-size: 170%;
}

.red{
	color: #FF0000;
}

.bule{
	color: #0000FF;
}

.white{
	color: #FFFFFF;
}

.liteblue{
	color: #336699;
}

.18size{
	font-size: 18px;
	line-height: 1.2em;
}

.next_page{
	font-size: 12px;
	color: #669933;
}

.next_page a{
	font-size: 12px;
	color: #669933;
}

.kouza_info{
	font-size: 12px;
	line-height: 18px;
	color: #FFFFFF;
}

/*---<オレンジ修正>-------------------------------------------------------*/

.box {
	width: 400px;
	font-size: 10px;
	color: #FFFFFF;
	margin-top: 15px;
	line-height: 13px;
}

.box .box-indent {
	padding: 18px 23px 18px 23px;
}

.box .corner-top-left2 {
	background: #ffa734 url(images/corner-top-left2.gif) no-repeat 0% 0%;
}

.box .corner-top-right2 {
	background: url(images/corner-top-right2.gif) no-repeat 100% 0%;
}

.box .corner-bot-left2 {
	background: url(images/corner-bot-left2.gif) no-repeat 0% 100%;
}

.box .corner-bot-right2 {
	background: url(images/corner-bot-right2.gif) no-repeat 100% 100%;
	width: 100%;
}

/*-------------------------------------------------------------------------*/

.title_big{
	font-size: 20px;
	line-height: 22px;
	color: #343232;
	background-image: url(common_img/title_big_352x43.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
	text-indent: 70px;
	height: 31px;
	width: 357px;
	padding-top: 12px;
	font-weight: normal;
}

.title_small_1{
	font-size: 13px;
	line-height: 22px;
	color: #63554B;
	background-image: url(common_img/title_small_250x31.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
	text-indent: 50px;
	height: 31px;
	width: 250px;
	padding-top: 5px;
	font-weight: normal;
}

.title_small_2{
	font-size: 13px;
	line-height: 22px;
	color: #606000;
	background-image: url(common_img/title_small_2_250x31.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
	text-indent: 50px;
	height: 31px;
	width: 250px;
	padding-top: 5px;
	margin-top: 15px;
	font-weight: normal;
}

/*サイドバー*/


.indent-col2 .p1 li{
	width: 232px;
	height:98px;
	text-indent: -9999px;
	margin-left: 22px;
	margin-bottom: 22px;
}

#button_1 a{
	width: 232px;
	height:98px;
	display:block;
	overflow:hidden;
	text-decoration:none;
	background-image: url(images/box_1_btn.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	background-position:0 0;
}

#button_1 a:hover{
	background-position:0 -98px;
}

#button_2 a{
	width: 232px;
	height:98px;
	display:block;
	overflow:hidden;
	text-decoration:none;
	background-image: url(images/box_2_btn.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	background-position:0 0;
}

#button_2 a:hover{
	background-position:0 -98px;
}

#button_3 a{
	width: 232px;
	height:98px;
	display:block;
	overflow:hidden;
	text-decoration:none;
	background-image: url(images/box_3_btn.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	background-position:0 0;
}

#button_3 a:hover{
	background-position:0 -98px;
}

#button_4 a{
	width: 232px;
	height:98px;
	display:block;
	overflow:hidden;
	text-decoration:none;
	background-image: url(images/box_4_btn.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	background-position:0 0;
}

#button_4 a:hover{
	background-position:0 -98px;
}

#button_5 a{
	width: 232px;
	height:98px;
	display:block;
	overflow:hidden;
	text-decoration:none;
	background-image: url(images/box_5_btn.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	background-position:0 0;
}

#button_5 a:hover{
	background-position:0 -98px;
}


#button_6 a{
	width: 232px;
	height:98px;
	display:block;
	overflow:hidden;
	text-decoration:none;
	background-image: url(images/box_6_btn.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	background-position:0 0;
}

#button_6 a:hover{
	background-position:0 -98px;
}

.wrapper { width:100%; overflow:hidden;}
.link1 {
	display:block;
	float:left;
	color:#fff;
	text-decoration:none;
	font-size:.92em;
	line-height:.92em;
	background-image: url(img/link1-bgd.gif);
	background-repeat: repeat-x;
	background-position: top;
}
.link1 em { display:block; background:url(img/link1-left.gif) no-repeat left top;}
.link1 b { display:block; background:url(img/link1-right.gif) no-repeat right top; padding:7px 12px 7px 12px; font-style:normal;}
.link1:hover { text-decoration:underline;}

/*マップ*/
.mapwide{
	width: 530px;
	clear: both;
	margin-top: 10px;
}

.map{
	float: left;
}

.map_right{
	float: right;
	width: 253px;
	font-size: 10px;
}

.map_under{
	width: 530px;
	clear: both;
}

.trhight{
	line-height: 15px;
	height: 15px;
}

.trmg{
	padding-top: 5px;
}
