@charset "UTF-8";

/* =================================================================
	RESET setting
================================================================= */
*{ margin:0; padding:0;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, 
pre, code, form, fieldset, legend, input, textarea, 
p, blockquote, th, td{margin:0;padding:0;}
ul{list-style-type: none;}
a {outline: none; color:#0059A5;}
img { border:none }

/* Clearfix
----------------------------------------------------------*/
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clear { clear:both; }
.margin {
	margin-top:40px;

}

/* =================================================================
	基本設定
================================================================= */
* {
 margin: 0;
 padding: 0;
}
html,body {
 font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
 font-size: 13px;
 line-height: 140%;
 color: #333333; /*全体の文字色*/
 height: 100%;
 overflow: auto;
 background-color: #F2F2F2;
 text-align: center;
 margin: 0 auto;
}
div#container {
 width: 100%;
 height: auto !important;
 min-height: 100%;
 text-align: left;
 position: relative;
 background:url(../../images/common/container_bg.png) 50% repeat-y;
 /*background-color:#f2f2f2;*/
 margin: 0 auto;
}
body > #container {
 height: auto;
}
#container #inner{
 width:1010px;
 border-top:#00499D 6px solid; /*画面上部のライン色*/
 margin:0 auto;
}


/* =================================================================
	ヘッダー
================================================================= */
/* ヘッダーエリア */
#header{
 width:1010px;
 height:90px;
 background:url(../../images/common/header.png) repeat-x;
 /*background-color:#fff;*/
 position: relative;
 margin:0 auto;
}
#header img#logo {
 position: absolute;
 top: 30px;
 left:25px;
}

#header div#logo {
 position: absolute;
 top: 40px;	/* ヘッダーに対してサイト名ロゴを上から30pxの位置に配置 */
 color:#575757;
 font-size:26px;
 font-weight:bold;
 padding-left:15px;
}
#header #tel{
 font-size:20px;
 width:210px;
 height:52px;
 color:#FFFF00;
 text-align:center;
 position: absolute;
 background:url(../../images/common/header_tel.png) no-repeat;
 top: 0;	/* ヘッダーに対して電話番号を上から17pxの位置に配置 */
 right:15px;	/* ヘッダーに対して電話番号を右から0pxの位置に配置 */
 padding:8px 0 0 50px;
}
#header #tel #hours{
 font-size:15px;
 color:#fff;
 margin-top:4px;
}
#header #admin_logo {
 position: absolute;
 top: 30px;
 left:25px;
}
#header #user {
 float:right;
 margin-right:10px;
 padding-top:5px;
}

.tel_back {
	background:#00499D;	/*個別*/
}

.tel_deco {
	color:#FFFF00;
}

/* =================================================================
	グローバルメニュー
================================================================= */
#nav{
 width:1010px;
 height:50px;
 margin:0 auto;
}
#nav li {
 float: left;
 line-height: 50px;
 height: 50px;
}
#nav li a {
 width: 168px; /* メニュー１個あたりの幅 */
 background:#00499D;
 color: #fff; /*文字色*/
 display: block;
 height: 50px;
 text-decoration: none;
 text-align: center;
 font-size: 14px; /* 文字サイズ */
}
#nav li:last-of-type a {
 width: 170px;
}
#nav li a.no_edit{
background:#00336A;
color:#DFDFDF;

}

#nav a:hover {
 background:#00336A;
}

/* メインビジュアル
------------------------------------------------------------------*/
#main_visual{
 background:#000;
 padding:20px 15px 15px 15px;
}

/* =================================================================
	メイン
================================================================= */
/* 左右ブロックを囲むボックス */
#contents {
 width: 980px;
 height: auto;
 padding-bottom:200px;
 margin:10px auto 0 auto;
}

/* 左エリア
------------------------------------------------------------------*/
#contents #contents_main{
 float: left;
 width: 680px;	/*幅*/
 display: inline;
 margin-top:15px;
}
#contents #contents_main h2 {
 font-size: 100%;
 height:31px;
 color: #00489D; /* h2タグ（SIDE MENUとか入っている所）の文字色 */
 background:url(../../images/common/h2_bg.png) no-repeat;
 padding:13px 0 0px 35px;
}

/****** 管理者編集メッセージ表示エリア*******/
#contents #contents_main h2 #hello_msg, #contents #contents_main h2 #topimg_msg,
#contents #contents_main h2 #news_msg, #contents #contents_main h2 .updated,
#contents #contents_main h2 #prof_msg {
	float:right;
	margin-right:20px;
}
#contents #contents_main h3 {
 font-size: 100%;
 height:20px;
/* color: #FFFFFF; /* h2タグ（SIDE MENUとか入っている所）の文字色 */
 margin-top:10px;
 background-color: #DFDFDF;	/* 背景色 */
 border-left:#999 1px solid;
 border-right:#999 1px solid;
 border-top:1px solid #888;
 border-bottom:3px solid #888;
 padding:5px 0 9px 10px;
}
#contents #contents_main h3:hover {
	background-color:#FFBF00;
	cursor:pointer;
}
/* 左エリア ボックス */
#contents #contents_main .contents_main_box{
 width: 648px;
 border:#DBDBDB 1px solid;
 background:#fff;
 padding:15px;
 margin-bottom:15px;
}
/* ここ修正した */
.contents_main_box dl {
 padding:0;
 margin-top:-10px;
}
.contents_main_box dt {
 float:left;
 width:10%;
 padding:10px 0 10px 0;
 border-top:1px dotted #888;
}
.contents_main_box dd {
 float:left;
 width:87%;
 padding:10px 0 10px 18px;
 border-top:1px dotted #888;
}
.contents_main_box dt:first-of-type, .contents_main_box dd:first-of-type {
	border-top:none;
} 
.contents_main_box dt:last-of-type, .contents_main_box dd:last-of-type {
/*	border-bottom:1px dotted #888;*/
} 
.contents_main_box ul li {
	padding:3px;
}
.contents_main_box ul li.title_line {
	border-top:1px solid #888;
	padding-top:10px;
}
.contents_main_box #top_image img{
	width:640px;
	padding:4px;
	border:1px solid #D3D3D3;
	border-radius:2px;
}
#contents_main table{
	width: 100%;
	border-collapse:collapse;
	border: 1px solid #DBDBDB;	/*線の色*/
	margin-bottom:15px;
}
#contents_main table.contact th{
 padding:13px 5px;
}
#contents_main table.meta th.second_th{
 border-left:1px solid #DFDFDF;
}
#contents_main table.meta td textarea{
 padding:7px;
}
#contents_main table.meta td input[type="text"]{
 padding-left:7px ;
}
#contents_main table th{
/*	border: 1px solid #DFDFDF;	/*線の色*/
/*	border-left: 1px solid #999;	/*線の色*/
	padding: 6px;	/*テーブル内の余白*/
}
#contents_main table td{
/*	border: 1px solid #DFDFDF;	/*線の色*/
	border-left: 1px solid #DFDFDF;	/*線の色*/
	padding: 8px 6px 14px 6px;	/*テーブル内の余白*/
}
#contents_main table td .err_msg{
	color:red;
	float:right;
	padding-top:5px;
	padding-right:10px;
}
#contents_main table tr{
	border-bottom: 1px solid #DFDFDF;	/*線の色*/
}
#contents_main table tr:last-of-type{
	border-bottom: 1px solid #DBDBDB;	/*線の色*/
}
#contents_main table th{
	background-color: #fafafa;	/*左側thタグの背景色*/
	width: 150px;	/*左側thタグの幅*/
	text-align: center;	/*センタリング*/
}
#contents_main #password table th{
	background-color: #fafafa;	/*左側thタグの背景色*/
	width: 190px;	/*左側thタグの幅*/
	text-align: center;	/*センタリング*/
}
/*
#contents_main table.office_edit_tbl td input[type='text'] {
	padding-left:5px;
	width:280px;
}

#contents_main table.office_edit_tbl td input[type='text']#address,
#contents_main table.office_edit_tbl td input[type='text']#staff
 {
	width:420px;
}
*/
/****ラジオボタン****/
/*
#contents_main table.office_edit_tbl td label {
	margin:0 7px;

}
*/

/* 右エリア
------------------------------------------------------------------*/
#contents #contents_sub{
 float: right;
 width: 280px;	/*幅*/
 display: inline;
 margin:5px 0 0 20px;
}
#contents #contents_sub h3 {
 font-size: 100%;
 height:20px;
 color: #FFFFFF; /* h3タグ（SIDE MENUとか入っている所）の文字色 */
 /*background-color: #103447;	/* 背景色 */
 background-color: #00499D;	/* 背景色 */
 padding:6px 0 4px 10px;
 margin-top:10px;
}
/* 右エリア ボックス */
#contents #contents_sub .contents_sub_box{
 width: 258px;
 border-top:#0985E0 3px solid;
 background:#00499D;
 padding:5px 10px;
 margin:10px 0 15px 0;
 overflow:hidden;	/*テーマ後の追加*/
}
/* サイドメニュー */
#contents #contents_sub .contents_sub_box ul.sidemenu a {
 width: 230px;
 height:21px;
 color:#00499D;
 font-weight:bold;
 display: block;
 text-decoration: none; 
 background:url(../../images/common/sidemenu_li_bg.png) no-repeat;
 padding:10px 0 5px 28px;
}
#contents #contents_sub .contents_sub_box ul.sidemenu li {
 border:0;
 margin-bottom: 7px;	/*メニュー同士の余白*/
}
#contents #contents_sub .contents_sub_box ul.sidemenu a:hover {
/* background-color: #DFDFDF;	/*カーソルオーバー時の背景色*/
 text-decoration: underline;
 background:url(../../images/common/sidemenu_li_bg_on.png) no-repeat;
}
/*テーマ後の追加*/
#contents #contents_sub .contents_sub_box img {
	float:left;
	width:120px;
	padding:3px;
}
#contents #contents_sub .contents_sub_box .swrap{
	background:#FFF;
}
#contents #contents_sub .contents_sub_box .swrap #str_area li{
	padding:8px 0 1px 135px;
	font-weight:bold;
}
#contents #contents_sub .contents_sub_box .swrap #str_area li:nth-of-type(2){
	padding-top:15px;
	font-size:13px;
	font-weight:normal;
}
#contents #contents_sub .contents_sub_box .swrap #str_area li:last-of-type{
	font-size:14px;
	padding-left:145px;
}
#contents #contents_sub .contents_sub_box a img{
	margin-top:8px;
	border:none;
}

/*		CSSのみでのプロフィールボタン
#contents #contents_sub .contents_sub_box a.prof_button {
	float:left;
	text-decoration:none;
	font-size:115%;
	font-weight:bold;
	margin:10px 0 0 5px;
	padding:10px 13px;
	border:1px solid #888;
	border-radius:6px;
	background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#DFDFDF));　/* Safari,Google Chrome用 */  
/*	background: -moz-linear-gradient(left top, #EEE, #DFDFDF);　/* Firefox用 */  
/*	text-shadow:1px 2px 1px #888;
	box-shadow:1px 2px 1px #DFDFDF;
}
#contents #contents_sub .contents_sub_box a.prof_button:hover {
	color:red;
	background: -webkit-gradient(linear, left top, left bottom, from(#DFDFDF), to(#EEE));　/* Safari,Google Chrome用 */  
/*}
*/

/* =================================================================
	各種設定画面config
================================================================= */
#contents_main .contents_main_box #logo_area img{
 /*width:300px;*/
/* height:30px;*/
 color:red;
 /*background: #DFDFDF;	/* 背景色 */
 margin-bottom:15px;
}
#contents_main .contents_main_box #logo_announce {
	float:right;
	width:180px;
/*	background:red;*/
}

/* =================================================================
	リンク生成画面
================================================================= */

.contents_main_box .name_area {
	float:left;
	height:50px;
/*	width:310px;*/
/*	background:#DFDFDF;*/
}
.contents_main_box input[type="text"].name{
	width:250px;
	margin-left:19px;
/*	margin-right:10px;*/
}
.contents_main_box .url_area {
	float:left;
/*	background:#DFDFDF;*/
	height:50px;
	margin-left:20px;
}
.contents_main_box .name_area p,.contents_main_box .url_area p {
	margin-top:5px;
	text-align:right;
	color:red;
}
.contents_main_box input[type="text"].url{
	width:290px;
	margin-left:10px;
}
.contents_main_box input[type="text"].comment{
	width:600px;
	margin:5px 0 20px 5px;;
}
/*
.contents_main_box ul li {
	border-bottom:1px dotted #888;
	margin-top:5px;
}
*/
.contents_main_box ul li p {
	margin-top:8px;
	margin-bottom:8px;
}
.contents_main_box ul li .control {
	float:right;
}
.control .edit, .control .delete {
	color:blue;
	text-decoration:underline;
	cursor:pointer;
	margin:0 5px;
}

/* =================================================================
	フッター（コピーライトなどが入っている最下部のボックス）
================================================================= */
#footer{
 width:1010px;
 height:136px;
 position: absolute;
 bottom:0px;
 margin:0;
}
/* フッターメニュー */
#footer #footer1{
 width:100%;
 background:#F2F2F2; /*フッター上段の背景色*/
 padding:10px 0 15px 0;
 margin:0;
}
#footer #footer1 #footer1_box{
 text-align:center;
 padding-top:10px;
 margin:0 auto;
}
#footer #footer1 #footer1_box a{
 color:#000;
 text-decoration: none; 
}
#footer #footer1 #footer1_box a:hover{
 color:#000;
 text-decoration: underline; 
}
/* コピーライト */
#footer #footer2{
 width:100%;
 color:#fff;
 text-align:center;
 background:#00499D; /*フッター下段の背景色*/
 padding:15px 0 50px 0;
 margin:0 auto;
}

/* =================================================================
	その他
================================================================= */
.color1 {
	color: #FF0000;
}
.look {
	background-color: #ebebeb;
}
.mb1em {
	margin-bottom: 1em;
}
.pagetop {
	text-align: right;
}

/* =================================================================
	弁護士紹介
================================================================= */
.profile_box{
	margin:5px 8px 15px 8px;
	overflow:hidden;
}
.profile_box .name_space{
	padding:5px 0 10px 0;
	float:left;
}
.profile_box .belong{
	padding:5px 15px 10px 0;
	float:right;
}
.profile_box .blog{
	float:right;
}
.profile_box .image_box img{
	float:left;
	padding:3px;
	margin:0 12px 12px 0;
	width:175px;
	border:1px solid #dfdfdf;
/*	background:red;*/
}
.profile_box .message_box{
//	margin-left:10px;
	padding-bottom:15px;
}
.admin_profile_box .image_box{
/*	clear:both;*/
	float:left;
	margin:0 12px 45px 0;
	width:180px;
/*	height:200px;*/
/*	border:1px solid #dfdfdf;*/
}

.admin_profile_box .image_box input[type="file"]{
	margin-top:15px;
}
 #profile_edit_box {
	height:215px;
	/*overflow:hidden;*/
	margin-bottom:20px;
 }
#contents_sub #profile_edit_box table {
/*	clear:both;*/
	width:450px;
	float:left;
	margin-right:12px;
	border:1px solid #dfdfdf;
/*	background:red;*/
}
#contents_sub #profile_edit_box table th{
	width:30%;

}
.admin_profile_box .message_box{
	float:left;*/
	width:200px;*/
//	margin-left:10px;
	padding-bottom:15px;
}

.message_box textarea{
/*	width:450px;*/
	height:210px;
/*	background:#dfdfdf;*/
}

/* =================================================================
	フォーム送信ボタン
================================================================= */
form input[type="image"], input[type="image"].update_func, input[type="image"].delete_func, input[type="image"]#add_task, #colorSet {
	padding:5px 5px 7px 0;
	float:right;
}
#top_img_button input[type="image"] {
	position:relative;
	top:-40px;
}
#privacy_img_button input[type="image"] {
	position:relative;
	top:-40px;
}
form input[type="image"]:hover , input[type="image"].update_func:hover, input[type="image"].delete_func:hover, input[type="image"]#add_task:hover {
	opacity:0.8;
}
#colorSet:hover {
	opacity:0.8;
}
.admin input {
	font-size:15px;
}
.admin dl {
	overflow:hidden;
	margin-bottom:10px;
}
.admin dl dt {
	float:left;
	clear:both;
	width:110px;
}
.admin dl dt input[type="text"]{
	margin:5px 0 3px 20px;
	width:100px;
}
.admin dl dd {
	width:500px;
}
.admin dl dd input[type="text"]{
	margin:5px 0 3px 20px;
	width:450px;
}
.preview_posi {
	margin:0 10px 0 10px;
}
.manual {
	text-align:right;
	margin:30px 20px 0 0;
}
form input[type="text"], form input[type="password"]  {
/*	width:330px;*/
	height:20px;
}

form input[type="text"]#config_email {
	width:300px;
	padding-left:7px;
}


form textarea {
	font-size:13px;
	width:480px;
	height:170px;
	resize:none;
	padding:5px;
}
/*
.contents_sub_box .page_show label{
	position:relative;
	top:10px;
	left:15px;
}
.contents_main_box .page_show img{
	display:block;
	float:right;
	margin-right:10px;
	cursor:pointer;
}
.contents_main_box .page_show img:hover{
	opacity:0.7;
}
*/
/*****エラーメッセージ*****/
form .error_msg {
	padding-left:15px;
	color:#FF0000;
}

/*****線（ライン）引き*****/
.lines {
	border-top:1px solid #888;
	margin:10px 0;
}

/* =================================================================
	編集用フォームスタイル
================================================================= */
.edit textarea{
	width:650px;
	height:150px;
	resize:none;
	
/*	background:red;*/
}
h3 input[type="text"] {
/*	background:red;*/
/*	margin-bottom:5px;*/
}
.admin ul li {
/*	margin: 7px 0 13px 0;*/
	padding:11px 0 8px 0;
	border-bottom:1px dotted #888;
}
.admin ul li:hover {
/*	background:#F2F2F2;*/
	background:#FFBF00;
	cursor:pointer;
}
.admin ul li .date input[type="text"] {
/*	width:85px;*/
	width:80px;
	height:23px;
	padding-left:5px;
	margin-right:5px;
}
.admin ul li .prof_date input[type="text"] {
	width:100px;
	height:23px;
	padding-left:10px;
}
.admin ul li .comment input[type="text"] {
	width:420px;
	height:23px;
/*	font-size:16px;*/
	padding-left:10px;
	margin-left:5px;
}
.admin ul li .prof_comment input[type="text"] {
	width:470px;
	height:23px;
/*	font-size:16px;*/
	padding-left:10px;
	margin-left:10px;
}
.admin ul li .content {
	margin-left:7px;
/*	background:red;*/
}
.admin ul li .check input[type="checkbox"] {
	margin-left:10px;
/*	vertical-align:middle;*/
}
.contents_sub_box #temp_link {
	margin-top:7px;
}

/* =================================================================
	ログインエリア
================================================================= */
#login_area {
	margin:20px auto 30px auto;
	width:600px;
	height:280px;
	border:1px solid #888;
	font-size:16px;
}
#login_area .forgetArea p{
/*	background:red;*/
	margin-bottom:12px;
	text-align:center;
}
#login_area .forgetArea .links{
	text-align:center;
	margin-top:60px;
/*	margin-bottom:50px;*/
}
#login_area .forget_pass {
	float:right;
	margin-right:20px;
	font-size:14px;
}
/*追加*/
#login_area h2 {
 font-size: 100%;
 height:20px;
 text-align:center;
 color: #FFFFFF; /* h2タグ（SIDE MENUとか入っている所）の文字色 */
 background-color: #00496A;	/* 背景色 */
 padding:6px 0 4px 10px;
 margin-bottom:35px;
}
#login_area dt {
	clear:left;
	float:left;
	padding:10px 0 0 50px;
	width:20%;
}
#login_area dd {
	width:60%;
	float:left;
	padding:10px 0 0 15px;
/*	background:#dfdfdf;*/
#login_area .err_msg {
	background:#dfdfdf;
	color:'red';
	font-size:90%;
}