body {
    font-size: 14px;
    line-height: 160%;
    text-align: center;
    margin-top: 0px;
    margin: 0px;
    font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

a:hover img{opacity:0.8;filter:alpha(opacity=70);-ms-filter: "alpha( opacity=70 )";}



#wrapper {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    height: auto;
    float: center;
    position:relative;
	background-color:#FFF;
}

#wrapper2 {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    height: auto;
    float: center;
    position:relative;
}

h1{
	font-size:10px;
	line-height:12px;
	color: #999;
}



#header{
	height:80px;
	width:1000px;
	margin:0px auto;
	}

#title-logo{
	width:280px;
	float:left;
}

#title-tel{
	width:310px;
	float:right;
}


/***** ヘッダーメニュー *****/


.menu{
	background-image:url(/answer/img/me-bk.png);
	margin:0px 0px 0px 0px;
	padding:0px;
	overflow:hidden;
	height:56px;
}

.menu ul{
	padding:0px;
	margin:0px auto;
	list-style-type: none;
	background-repeat:repeat-x;
	height:56px;
	width:1008px;
	clear:both;
}

.menu li{
	list-style:none;
	float:left;
	width:252px;
	line-height:56px;
	padding:0px 0px 0px 0px;
	display:inline-block;
}

.menu li a{
	float:left;
	color:#333;
	font-size:12px;
	width:252px;
	line-height:56px;
	text-decoration:none;
	display:inline-block;
}


.menu li a:hover{
	float:left;
	color:#999;
	width:252px;
	line-height:56px;
	position:relative;
	text-decoration:underline;
	display:inline-block;
}
.me1{
	background-image:url(/answer/img/m1.png);
}

.me1 a:hover{
	background-image:url(/answer/img/m1-2.png);
}

.me4{
	background-image:url(/answer/img/m4.png);
}

.me4 a:hover{
	background-image:url(/answer/img/m4-2.png);
}

.me5{
	background-image:url(/answer/img/m5.png);
}

.me5 a:hover{
	background-image:url(/answer/img/m5-2.png);
}

.me6{
	background-image:url(/answer/img/m6.png);
}

.me6 a:hover{
	background-image:url(/answer/img/m6-2.png);
}



#main-bk{
	background:url(img/gatag-00003171.jpg);
	height:300px;
    clear:both;
}

#main-img{
	margin:0px auto;
	padding-top:10px;
}

/***** 流れるテキスト *****/

#maq{
	background-color:#11518B;
	height:24px;
	line-height:24px;
	color:#FFF;
}


/***** サイドメニュー *****/
#side{
	width:360px;
	height:auto;
	float:left;
	}


.side-company{
	width:300px;
	height:auto;
	margin-top:15px;
	background-color:#EEEEEE;
	}

ul.side-company{
	list-style-type:none;
	width:280px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
}

.company-title{
	text-align:center;
	background-image:url('http://takasago-law.chintaihakase.com/img/company-title-bk.png');
	height:64px;
	font-size:18px;
	font-weight:bold;
	line-height:64px;
}


ul.side-list{
	list-style-type: none;
	margin:0px;
	padding:0px;
}

ul.side-list li{
	margin-top:15px;
	width:300px;
}

/***** サイド プロフィール *****/
#profile{
	width:360px;
	height:765px;
	background-image:url(http://takasago-law.chintaihakase.com/img/pro-bk.png);
	border:1px solid #F5D8CE;
}

#pro-ti{
	width:340px;
	height:50px;
	background-image:url(http://takasago-law.chintaihakase.com/img/profile-bk.png);
	font-size:16px;
	font-weight:bold;
	line-height:50px;
	color:#D96640;
	text-indent:50px;
	margin-top:10px;
}
	
#pro-in{
	width:340px;
	height:745px;
	background-color:#FFF;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:10px;
}

#pro-name{
	width:340px;
	height:40px;
	text-indent:20px;
	font-size:18px;
	font-weight:bold;
	line-height:40px;
}

#pro-img{
	width:170px;
	height:180px;
	float:left;
	text-align:center;
	padding-top:10px;
}

#pro-kei{
	width:170px;
	float:right;
	font-size:12px;
}

#pro-more{
	width:340px;
	clear:both;
	margin-top:10px;
}

.pro-com{
	width:330px;
	padding-left:5px;
	clear:both;
}

.pro-com_2{
	width:330px;
	padding-left:15px;
	clear:both;
	font-size:12px;
	padding-bottom:15px;
}


/***** サイド インフォメーション *****/
#info{
	width:360px;
	height:200px;
	border:1px #CCC solid;
}

#info-ti{
	width:360px;
	height:50px;
	background-image:url(http://takasago-law.chintaihakase.com/img/cms-title1-bk.png);
	text-indent:50px;
	line-height:50px;
	font-size:16px;
	font-weight:bold;
	color:#000;
}

#info-in{
	width:350px;
	height:140px;
	font-size:12px;
	margin-left:auto;
	margin-right:left;
	padding:5px;
}

#info-more{
	
}


/***** サイド ニュース *****/

#news{
	width:610px;
	height:200px;
	border:1px #CCC solid;
}

#news-in{
	width:600px;
	height:180px;
	margin:0px auto;
}

#news-ti{
	width:610px;
	height:50px;
	line-height:50px;
	font-size:16px;
	line-height:50px;
	font-weight:bold;
	text-indent:50px;
	background-image:url(http://takasago-law.chintaihakase.com/img/cms-title2-bk.png);
}


/*メインコンテンツ*/

#main-con{
	width:640px;
	height:auto;
	float:right;
	padding:0px;
	margin-bottom:50px;
}

#main-in{
	width:610px;
	margin-left:20px;
	margin-bottom:50px;
	}

#kaitou{
	width:100%;
	margin:0px auto;
	margin-top:15px;
	float:left;
	border:1px #CCC solid;
}

#kaitou-in{
	width:600px;
	height:auto;
	margin-left:5px;
	margin-right:5px;
	margin-top:5px;
	margin-bottom:5px;
}
	
#kaitou-title{
	width:610px;
	height:50px;
	line-height:50px;
	font-size:16px;
	line-height:50px;
	font-weight:bold;
	text-indent:50px;
	background-image:url(http://takasago-law.chintaihakase.com/img/kaito-bk.png);
}


/***** フッター　*****/

#footer{
	background-color:#006500;
	height:170px;
	clear:both;
}

.footer-in{
	background-color:#006500;
	width:1000px;
	color:#FFF;
	font-size:12px;
	margin:0px auto;
	padding-top:30px;

}

.footer-menu{
	width:1000px;
	color:#FFF;
	font-size:14px;
	text-align:left;
	clear:both;
}

.footer-menu a{
	width:auto:
	display: inline-block;
	color:#FFF;
	text-decoration:none;
}

.footer-menu a:hover{
	display: inline-block;
	width:auto;
	color:#FFF;
	text-decoration:underline;
}

.footer-company{
	width:1000px;
	font-size: 16px;
	line-height:160%;
	color:#FFF;
	float:left;
	padding:10px 5px;
}

.footer-title{
	width:190px;
	float:left;
	text-align:left;
	font-size:18px;
}

.footer-add{
	width:420px;
	float:left;
	font-size:13px;
	color:#FFF;
	text-align:left;
}


/*背景カラー*/
.bk-g{
	background: #999;
}

.bk-bl {
    background: #000080;
}

.bk-red {
    background: #FF0000;
}

.bk-mizu {
    background: #BFDFFF;
}

.bk-mizu2 {
    background: #E5F2FF;
}

.bk-pin {
    background: #FFEAE3;
}

.bk-be{
    background: #F7F7F1;
}

.bk-ye{
    background: #FFFFE5;
}

.bk-ye2{
   background: #FFCC00;
}

.bk-ye3{
	background:#FFFF73;
}

.bk-gre{
	background:#59B200;
}

.bk-gre2{
	background:#E6FFDD;
}


/*文字カラー*/
.f-w {
    color: #FFF;
}

.f-bl {
    color: #000080;
}

.f-bl2 {
    color: #008FBF;
}

.f-mizu {
    color: #BFDFFF;
}

.f-red {
    color: #FF0000;
}

.f-ore {
    color: #FF3300;
}

.f-gre {
    color: #2DB200;
}

.f-g {
    color: #666;
}

/*サイズ*/

.f11 {
    font-size: 11px;
    line-height: 180%;
}

.f11b {
    font-size: 11px;
    line-height: 180%;
    font-weight: bold;
}

.f12 {
    font-size: 12px;
    line-height: 180%;
}

.f12b {
    font-size: 12px;
    line-height: 180%;
    font-weight: bold;
}

.f13 {
    font-size: 13px;
    line-height: 180%;
}

.f13b {
    font-size: 13px;
    line-height: 180%;
    font-weight: bold;
}

.f14 {
    font-size: 14px;
    line-height: 180%;
}

.f14b {
    font-size: 14px;
    line-height: 180%;
    font-weight: bold;
}

.f15 {
    font-size: 15px;
    line-height: 180%;
}

.f15b {
    font-size: 15px;
    line-height: 180%;
    font-weight: bold;
}

.f16 {
    font-size: 16px;
    line-height: 180%;
}

.f16b {
    font-size: 16px;
    line-height: 180%;
    font-weight: bold;
}

.f18 {
    font-size: 18px;
    line-height: 180%;
}

.f18b {
    font-size: 18px;
    line-height: 180%;
    font-weight: bold;
}

.f20 {
    font-size: 20px;
    line-height: 180%;
}

.f20b {
    font-size: 20px;
    line-height: 180%;
    font-weight: bold;
}


.f24 {
    font-size: 24px;
    line-height: 180%;
}

.f20b {
    font-size: 24px;
    line-height: 180%;
    font-weight: bold;
}

/*枠*/

.waku-mizu {
    border: solid 2px #99CCFF;
}

.waku-mizu5 {
	border: solid 5px #D6EBFF;
}

.waku-bl {
    border: solid 2px #001E40;
}

.waku-g {
    border: solid 2px #999;
}

.waku-dot {
    border: dotted 1px #777;
}

.waku-all {
    border: dotted 1px #666;
    padding: 5px;
}

.waku-all-r {
    border: solid 2px #FF0000;
}

.waku-us{
	border-top: dotted 1px #99CCFF;
	border-bottom: dotted 1px #99CCFF;
}

.waku-us2{
	border-top: dotted 1px #FFB973;;
}

.waku-green{
	border: solid 3px #7CCD28;
}

.waku-pink{
	border: solid 3px #FF8787;
}

.waku-ore{
	border: solid 5px #FF9326;
}


/*角丸ライン影つき*/

.maru{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 8px 6px -6px #777;
	-moz-box-shadow: 0 8px 6px -6px #777;
	box-shadow: 0 8px 6px -6px #777;
}

.maru2{
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 8px 6px -6px #777;
	-moz-box-shadow: 0 8px 6px -6px #777;
	box-shadow: 0 8px 6px -6px #777;
}


/*上下線ライン*/
.tu {
    border-bottom: dotted 1px #999;
	border-top: dotted 1px #999;
}

	
/*下線ライン*/

.dot1 {
    border-bottom: dotted 1px #999;
}

.dot2 {
    border-bottom: dotted 2px #999;
}

.dot-r2 {
    border-bottom: dotted 2px #FF0000;
}

.sol-r2{
	border-bottom: solid 2px #FF0000;
}

.sol-g2{
	border-bottom: solid 2px #EEEEEE;
}

.sol-m2{
	border-bottom: solid 2px #99CCFF;
}

.answer{
	border-bottom: solid 5px #FFB973;
	text-indent: 3px;
	color:#FF4000;
	padding-top: 10px;
	font-size:16px;
	font-weight:bold;
	line-height:110%;
}

.sol-gre3{
	border-bottom: solid 3px #7CCD28;
}

/*縦ライン*/

.tate-r{
	border-right: 1px dotted #999;
}

.tate-l{
	border-left: 1px dotted #999;
}


.mar-t10{
	margin-top:10px;
}

.mar-t15{
	margin-top:15px:
}

.mar-t20{
	margin-top:20px;
}

.mar-b10{
	margin-bottom:10px;
}

.mar-b15{
	margin-bottom:15px;
}

.mar-b20{
	margin-bottom:20px;
}

.bor-t3-mizu{
	border-top:3px solid #86B0DA;
}

.bor-t3-ye{
	border-top:3px solid #F7CC49;
}

.f-left{
	float:left;
}

.f-right{
	float:right;
}

.c-both{
	clear:both;
}

/***** プロフィール　*****/

#m-pro{
	width:100%;
	margin:0px auto;
	float:left;
	border:1px #CCC solid;
}

#m-pro-in{
	width:600px;
	height:auto;
	margin-left:5px;
	margin-right:5px;
	margin-top:5px;
	margin-bottom:5px;
}
	
#m-pro-title{
	width:610px;
	height:50px;
	line-height:50px;
	font-size:16px;
	line-height:50px;
	font-weight:bold;
	text-indent:50px;
	background-image:url(../img/m-pro-bk.png);
}

/******　アクセスマップ　******/

#map{
	width:100%;
	margin:0px auto;
	float:left;
	border:1px #CCC solid;
}

#map-in{
	width:600px;
	height:700px;
	margin-left:5px;
	margin-right:5px;
	margin-top:5px;
	margin-bottom:5px;
}
	
#map-title{
	width:610px;
	height:50px;
	line-height:50px;
	font-size:16px;
	line-height:50px;
	font-weight:bold;
	text-indent:50px;
	background-image:url(../img/map-bk.png);
}


/******　運営サイト　******/

.fot-site{
	width:1000px;
	height:70px;
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;
	margin:0px auto;
}

ul.fot-site{
	margin-left:auto;
	margin-right:auto;
}

ul.fot-site li{
	width:190px;
	float:left;
	font-size:11px;
	color:#333;
	list-style-type: none;
}

ul.fot-site a{
	width:190px;
	float:left;
	font-size:11px;
	color:#333;
	list-style-type: none;
}

ul.fot-site a:hover{
	width:190px;
	float:left;
	font-size:11px;
	color:blue;
	list-style-type: underline;
}



/******　ＣＭＳ関係　******/

.info-group {
	margin:3px;
}

.info-group img{
	width:auto;
	height:160px;
}

.cms-pan{
	line-height:130%;
	margin:10px 0px;
	text-indent:30px;
	font-size:13px;
	color:#999;
}

.cms-newsin{
	width:580px;
	font-size:14px;
	text-align:left;
}