@charset "shift_JIS";
/* 全体設定           */
* {
  margin: 0;
  padding: 0;
  font-style : normal;
  font-weight : normal;
}
/* body              */
body {
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 150%;
	color: #2b2b0e;/*#f1f1d4*/
	font-size:12px;
	background-image: url(../image/bkwht.gif);
	background-repeat: repeat;
}
#wrap {
	background-color: #f1f1d4;
	margin: 0 auto;
	width:760px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #333333;
	border-left-color: #333333;
	padding: 0px;
}

/*	=========== ヘッダー設定　=======================	*/
#header {
	width: 760px;
	/*	background-image: url(../image/header.gif);
	background-repeat: no-repeat;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #666666;*/
	margin:0px;
	padding:0px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #666666;

}

/*
#header a {
	text-decoration: none;
	color:#fff;
}
#header a:hover {
	text-decoration: none;
	color:#ffe282;
}
*/

/*	=========== トップ画像設定　=======================	*/
#topimage {
	width: 300px;
	height: auto;
	border:1px;
	}
#copy {
	width:100px;
	font-size:16px;
}

#frame {
	width:760px;
	background-color:#f1f1d4;
	font-family: "ＭＳ ゴシック", "Hiragino Kaku Gotchic Pro", Osaka;
	font-size: 1em;
}

/*	=========== トップ画像新=======================	*/
.top_img {
	width: 558px;
	height: 280px;
	z-index: 100;
	float: right;
	background-size: cover;
	margin-bottom: 35px;
	background-image: url("../image/top/top_img.jpg")
    
}

/* 中島さん書き込み
.top_img_fit {
	background-image: url("../image/syogatsu2.jpg")
}
*/

h1 {
	font-size: 1.3em;
	padding: 20px 10px 5px;
	color: #e3e3aa;
	letter-spacing: 0.2em;
	font-weight:bolder;
}
h2 {
	font-size: 1.1em;
	letter-spacing: 0.2em;
	font-weight:bold;
	color: #810241;
	margin-top: 20px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 15px;
}

h2 a {
	background-image: url(../image/line-h2.gif);
	background-repeat: repeat-x;
	background-position: 18px 23px;
	padding-bottom: 10px;
	font-weight: bold;
	margin-left: 20px;
	font-size: 16px;
}
h3  {
	background-image: url(../image/stripe.gif);
	background-repeat: repeat-x;
	background-position: 10px -10px;
	color: #333;
	/*	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";	*/
	/*font-style: italic;	*/
	font-weight: bold;
	padding: 0px 0px 3px;
	margin: 20px 20px 10px;
	text-indent: 15px;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/*	font-size: 1em;	*/
}
.title {
	border-bottom: 1px solid #666666;
	border-left: 10px solid #071D83;
	margin-bottom: 10px;
	font-weight: bold;
	text-indent: 5px;
}

.sub-title {
	font-weight: bold;
	text-decoration: underline;
	font-size: 15px;
}





/* 文字の強調 */
.empas {
	font-size: 1.1em;
	font-weight: bold;
	color: #330000;	
}
/*	============ トップページ　======================	*/
/*	挨拶	*/
.greeting {
	background-color:#ffffff;
	margin: 15px 20px 20px 20px;
	padding:0px;
	border: 0px solid #C85606;
	font-size: 14px;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 30px;
}
.greeting p{
	margin:0px;
	padding:0.5em 1em;
	background-color:#ffffff;
	color: #333;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 0.88em;
}
/* 角丸のメッセージbox　img入り
.rtop, .rbottom{
    background:#f1f1d4;
}
.rtop span, .rbottom span{
    display:block;
    height:1px;
    overflow:hidden;
    background-color:#DDD0BF;
}
.r1{margin: 0px 5px;}
.r2{margin: 0px 3px;}
.r3{margin: 0px 2px;}
.r4{margin: 0px 1px; height: 2px;}


.greeting-img {
	float: right;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 3px;
	padding-left: 10px;
}
*/
/*	============ サイドバー設定　======================	*/

#sidebar {
	line-height: 170%;
	margin:0px;
	padding:0px;
	width: 202px;
	float: left;
	text-decoration: none;
}
#sidebar ul {
	margin-left:5px;
}

#sidebar li {
	margin: 4px 0px;
	border: 1px solid #a1acca;
	text-align: left;
	width: 190px;
	height:22px;
	list-style-type: none;
}
#sidebar a{
	color: #2b2b0e;
	display:block;
	width: 190px;
	height:22px;
	font-size: 0.8em;
	font-weight:bold;
	text-decoration: none;
	text-indent: 3px;
	border-left-width: 10px;
	border-left-style: outset;
	border-left-color: #dd6405;
}

#sidebar a:hover {
	color: #FFFFFF;
	text-decoration:none;
	font-size: 0.8em;
	font-weight:bold;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #5ba71d;
	width: 180px;
	background-color: #996666;
}
/*	============ コンテンツ部分　======================	*/
#main{
	width: 558px;

	margin: 0;
	padding: 0;
	float: right;
	background-color: #FFFFFF;
}

.top_img: {
	width: 558px;
	height: auto;
}
.box {		/*	枠無し	*/
	width: 520px;
	float: left;
	background-color: #FFFFFF;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 15px;
	font-size: 13.5px;
}
.con {		/*	枠有り	*/
	width: 500px;
	float: left;
	background-color: #FFFFFF;
	margin: 10px 10px 15px 15px;
	height: 120px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	font-size : 0.9em;
}
.con-title {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
}

.con-img {
	float: left;
	padding:10px;
}


.con1 {
	width: 330px;
	float: left;
	border: 4px dotted #DD6405;
	margin: 30px 0px 30px 15px;
	background-color: #FFFFFF;
}
.con2 {
	width: 330px;
	float: right;
	border: 4px dotted #DD6405;
	margin: 30px 15px 30px 0px;
	background-color: #FFFFFF;
}
.img-l {
	margin: 2px 5px 2px 2px;
	float: left;
}

.cap {
	 padding-left:1em;
	 text-indent:-1em;
}

/*	============ テーブル設定　======================	*/

table.outline {
	font-size:0.9em;
	border-collapse:collapse;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin-top:30px;
}
.outline th {
	padding:5px 5px 7px 5px;
	vertical-align: top;
	border:none;
	width:90px;
	background-color:#e9e0d1;
	font-weight: normal;
	border-bottom:1px solid #ccc;
} 

.outline td {
	padding:5px 5px 7px 5px;
	vertical-align: top;
	border:none;
	border-bottom:1px solid #ccc;
}
/****	相談日のテーブル設定	****/
table.sodan {
	margin-left:10px;
	font-size:0.9em;
	border-collapse:collapse;
	border:1px solid #ccc;
}
.sodan td{
	padding-left: 5px;
	border:1px solid #ccc;
	font-size: 12px;
}
.sodan th{
	background-color: #e9e0d1;
	border:1px solid #ccc;
	font-size: 12px;
}
/****	会社案内のテーブル設定	****/
table.company {
	font-size:0.9em;
	border-collapse:collapse;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin-top:30px;
}
.company td,th {
	text-align:left;
	padding:5px;
	border-bottom:1px solid #ccc;
	font-size: 12px;
}
.company .row1 th{
	background-color: #e9e0d1;
	font-size: 1。2;
}
.company .row2 th{
	background-color: #D1BE9E;
}
.company .row2 td{
	background-color: #e9e0d1;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
}

/*	============ フッダー設定　======================	*/
#footer {
	width:760px;
	height: 35px;
	margin: 0px;
	padding: 0px;
	clear: both;
	background-color: #071d83;
	float: none;
	font-size:0.8em;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #666666;
}
#copyright {
	text-align:right;
	padding-top: 5px;
	margin-right: 30px;
	color:#ffe282;
}
#copyright a {
	text-decoration: none;
	color:#ffe282;
}
#copyright a:hover {
	text-decoration: underline;
	color:#fff;
}
/* ---------------------------------------------*/
.con1 ul li {
	list-style-position: inside;
	margin: 0px;
	padding: 0px;
}

/*	---------- 角丸の枠　-----copy co indexでテスト中---------	*/

.curve-head {
	font-size:1px;
	height:15px;
	background-image: url(../image/gra_blu_t.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.curve-body{
	background-image: url(../image/gra_blu_m.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.curve-bottom{
	font-size:1px;
	height:15px;
	margin-bottom:30px;
	background-image: url(../image/gra_blu_b.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.curve-body p {
	padding:0px 5px;
}
.con .curve-body img {
	margin-right: 20px;
}
.cap {
	text-indent: 10px;
}
.topfont {
	font-size: 15px;
	font-weight: bold;
	text-align: justify;
}
.f-red {
	color: #FF0000;
	font-weight: bold;
}.pink {
	color: #FF00FF;
}
