@charset "UTF-8";

/* marginとpadding指定の例 */
/* margin:5px 10px 15px 20px; 上、右、下、左 */
/* margin:5px 10px 20px; 上、左右、下 */
/* margin:5px 20px; 上下、左右 */
/* margin:20px; margin-left:10px; 上下左右20px、左を10pxで上書き */

/* 一括で全ての要素の余白をゼロに指定 */
* {
	padding: 0;
	margin: 0;
}

a:link {
	color: #0000ff;
	text-decoration: underline;
}

a:visited {
	color: #990099;
	text-decoration: underline;
}

a:hover {
	color: #ff0000;
	text-decoration: underline;
}

/*----------------------------------- ○ フォントスタイル フォントサイズ */
body {
	font-size: 0.85em;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 0;
	margin: 0;
}

/*----------------------------------- ○ レイアウトに関する指定 */
#wrapper {
	text-align: left;
	margin: 0.5em auto 0.5em auto;

	/***** 796÷4=199 (メニュー追加(4×2)による変更 *****/
	width: 796px;

	border: 1px solid #00CC99;
}

#header {
	padding: 0px 0px 0px 0px;
}

#globalnavi {
	width: 100%;
	position: relative;
	background-color: #66FFCC;
}

#container {
	width: 100%;
	/*padding-top: 3.5em;*/

	/* メニュー追加で2段組(4×2)のため余白調整) */
	padding-top: 5.5em;	
}

/*----------------------------------- ※ 実質736px (796-30÷2) */
#contents { padding: 0 30px 2em; background-color:#ffffff; }
#toppage { text-align:center;padding: 0 30px 2em; }

#footer {
	clear:both;	/*clear:both;の追加*/
	/*padding: 1em 0em 1.5em 0em;*/
	padding: 0px 0px 0px 0px;
	border-top: 1px solid #00CC99;
}

/*----------------------------------- ○ #header内の指定 */

/* -- 見出しレベル1 -- */
/* -- 概要 -- */
.description {
	padding:0.5em 0.5em 0.5em 1.5em;
	color:#FFFFFF;
	float: right;
	font-size: 1.1em;
	font-weight: normal;
}

/* 事業所名 */
.title {
	color:#FFFFFF;
	font-size:1.8em;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	padding:0.5em 0.2em 0.5em 1.5em;
	background-color: #00CC99;
	text-align:left;
}

/*----------------------------------- ○ #globalnaviの指定 */

#globalnavi ul {
	/***** 796÷4=199 (メニュー追加(4×2)による変更 *****/
	width: 796px;

	list-style-type: none;
	position: absolute;
	background-color: #ffffff;
}

#globalnavi li {
	width: 198px;				/***** 796÷4-1=198 *****/
	float: left;
	text-align:center;
	border-right:1px solid #00CC99;
	border-bottom:1px solid #00CC99;
}

#globalnavi li a {
	text-decoration: none;
	display: block;
	width: auto;
	padding: 0.5em 1em;
	background-color: #66FFCC;
	color: #000000;

	/***** メニュー追加による2段組のためサイズ変更 */
	/* font-size:13px; */
	font-size:1em;
}

#globalnavi li a:hover {
	font-weight:bold;
	background-color: #CCffff;
	color: #0000ff;
	
	/***** メニュー追加による2段組のためサイズ変更 */
	/* font-size:13px; */
	font-size:1em;
}

/*----------------------------------- ○ #contents内の指定 */

/* -- 見出し -- */
h2 {
	color:#009999;
	font-size: 1.5em;
	/*margin-top:0.75em;*/
	margin-bottom: 0.75em;
	padding: 5px 0 5px 5px;
	border-left: 10px solid #00CC99;
	border-bottom: 1px solid #00CC99;
	background-color: #66FFCC;
}

h3 {
	color:#009999;
	font-size: 1.2em;
	margin-top:0.75em;
	margin-bottom: 0.75em;
	padding: 5px 0 5px 10px;
	border-left: 5px solid #00CC99;
	border-bottom: 1px solid #00CC99;
}

h4 {
	color:#009999;
	font-size: 1.2em;
	margin-top:0.75em;
	margin-bottom: 0.75em;
	padding: 5px 0 5px 10px;
	border-left: 1px solid #00CC99;
	border-bottom: 1px solid #00CC99;
}

h5 {
	color:#009999;
	font-size: 1.2em;
	margin-top:0.75em;
	margin-bottom: 0.75em;
	padding: 5px 0 5px 10px;
}

/* -- 文字 -- */
#toppage p {
	line-height: 1.5em;
	margin-bottom: 0.75em;
	margin-top: 0.75em;
	white-space:nowrap;
	font-size:16px;
}
#toppage p.photo {
	text-align:right;
	font-size:12px;
	margin-right:50px;
}
#contents p {
	line-height: 1.75em;
	margin-bottom: 0.75em;
	margin-top: 0.75em;
	margin-left: 1.5em;
	margin-right: 1.5em;
	/*white-space:nowrap;*/
}
#contents p.photo{
	text-align:right;
	font-size:12px;
	margin-right:0px;
}

/* -- パン屑リスト -- */
#contents .topic-path {
	line-height: 1em;
	margin-bottom: 2em;
}
#contents .topic-path-lower {
	line-height: 1em;
	margin-top: 2em;
}

/* -- 以下 リスト関係 -- */
#contents ul { 
	margin: 1em 0 1em 2.5em;
	list-style-type: circle; /* 見出し記号の種類 */ 
}
#contents ol {
	line-height: 1.75em;
	margin: 1em 0 1em 2.5em;
	list-style-type: decimal; /* 1から始まる番号付きリスト*/
}
#contents ul.level-2 { margin: 1em 0 1em 1em; }

#contents li { 
	margin-bottom: 0.75em;
	
}
#contents li.level-2 { 
	margin-bottom: 0.75em;
	list-style-type: disc; /* 見出し記号の種類 */ 
}
#contents li.matome { 
	line-height: 1.75em;
	margin-bottom: 0.75em;
	margin-top: 0.75em;
	font-weight:bold;
	list-style-type: circle; /* 見出し記号の種類 */ 
}
/*#contents dl { margin: 1em 0 1em 2.5em; }*/
/*#contents dt,dd { line-height: 1.5em; }*/

/* -- 水平線 -- */
#contents hr {
	height: 1px;
	background-color: #00CC99;
	border: none;
}


/*----------------------------------- ○ #footer内の指定 */
#footer address {
	text-align: center;
	font-style:normal;
	padding: 1em 0em 1.5em 0em;
}
#footer a {
	text-decoration:none;
}
#footer a img {
	border-style:none;
	padding:0px;
}
/* 文法チェック合格証 */
.passed {
	margin:-3em 0.5em 0em 0em;
	float: right;
}

/*----------------------------------- ○ ページ内段組指定 */
/*左右振り分けのクリア(共通)*/
.box-clear {
	clear:both;
	/* width:738px; */
	width:736px; /*崩れ防止 実質736px(796-30÷2)*/
}

/*----------------------------------- ○ 一時的なセンタリング */
.center{
	text-align:center;
}
/*----------------------------------- ○ 一時的な左寄せ */
.left{
	text-align:left;
}
/*----------------------------------- ○ 一時的な右寄せ */
.right{
	text-align:right;
}
/*----------------------------------- ○ リンク */
a { text-decoration:none; }

/*----------------------------------- ○ リンク */
strong { 
	font-weight:bold;
	font-size:120%;
	color: #CC0000;
}

/*----------------------------------- ○ 個別ページ
/********** 01 事業案内のページ **********/
	/* 左右振分け */
		/* 幅 : 350px + 386px =736px */
	.left_01{
		float:left;
		width:350px;
		margin:1em 0em 1em 0em;
	}
	.right_01{
		float:right;
		width:386px;
		margin:1em 0em 1em 0em;
	}

	/* 料金表 */
	.fee {
		width: 500px;
		border-top: solid 2px #00CC99;
		border-right: solid 2px #00CC99;
		border-bottom: solid 0px #00CC99;
		border-left: solid 1px #00CC99;
		margin:0px auto;
	}
	.fee1{
		text-align: left;
		font-weight: bold;
		font-size: 1.2em;
		border-left: solid 1px #00CC99;
		border-bottom: solid 1px #00CC99;
		padding: 10px 10px 10px 10px;
	}
	.fee2{
		text-align: left;
		font-weight: bold;
		font-size: 1.2em;
		border-left: solid 1px #00CC99;
		border-bottom: solid 2px #00CC99;
		padding: 10px 10px 10px 10px;
	}
	.fee3{
		text-align: left;
		font-weight: bold;
		font-size: 1.2em;
		border-left: solid 2px #00CC99;
		border-bottom: solid 2px #00CC99;
		padding: 10px 10px 10px 10px;
	}

/********** 02 アクセスのページ **********/
	/*左右振分け*/
		/* 幅 : 356px + 380px =736px */
	.left_02-1{
		float:left;
		width:356px;
		margin:0em 0em 1em 0em;
	}
	.right_02-1{
		float:right;
		width:380px;
		margin:0em 0em 1em 0em;
	}
	.left_02-2{
		float:left;
		width:380px;
		margin:1em 0em 1em 0em;
	}
	.right_02-2{
		float:right;
		width:340px;
		margin:0.25em 0em 1em 0em;
	}
	.left_02-3{
		float:left;
		width:340px;
		margin:0.25em 0em 1em 0em;
	}
	.right_02-3{
		float:right;
		width:380px;
		margin:1em 0em 1em 0em;
	}

/********** 04 設計事例のページ **********/
	/*左右振分け*/
		/* 幅 : 490px + 246px =736px */
	.left_04{
		float:left;
		width:490px;
		margin:1em 0em 1em 0em;
	}
	.right_04{
		float:right;
		width:246px;
		margin:0.25em 0em 1em 0em;
	}
	/* デザイン諸元 */
	dl.spec-04 dt {  
		float:left;  
		width:120px;    
		clear:both;  
		font-weight:normal;
	}  
	dl.spec-04 dd {  
		width:80px;  
		margin-left:100px;
	}

/********** 05 ごあいさつのページ **********/
	/* 名前 */
	dl.namae-05,dl.keireki-05 {
		margin: 1em 0 1em 2.5em;
	}
	dl.namae-05 dt {  
		float:left;
		line-height: 1.75em;
		width:140px;    
		clear:both;  
		font-weight:normal;  
	}  
	dl.namae-05 dd {
		line-height: 1.75em;
		width:300px;  
		margin-left:100px;    
	}

	/* 経歴 */
	dl.keireki-05 dt {  
		float:left;
		line-height: 1.75em;
		width:140px;    
		clear:both;  
		font-weight:normal;
	}  
	dl.keireki-05 dd {
		line-height: 1.75em;  
		width:400px;  
		margin-left:120px;
	}

/********** 06 お問い合わせのページ **********/
	/* 連絡先 */
	dl.contact dt {  
		float:left;  
		width:120px;    
		clear:both;
		font-size:1.2em;
		font-weight:bold;
		margin-left: 1.5em;
		color:#00CC99;
	}  
	dl.contact dd {  
		width:250px;  
		margin-left:80px;
		font-size:1.2em;
		font-weight:bold;
		color:#00CC99;
	}
	/* メールフォーム */
	form#mailform {
		padding: 5px;
	}
	table.mailform {
		/*width: 100%;*/
		margin:auto;
		border-top: solid 1px #00CC99;
		border-right: solid 1px #00CC99;
	}
	table.mailform tr th,table.mailform tr td {
		text-align: left;
		font-weight: normal;
		/*font-size: 12px;*/
		border-left: solid 1px #00CC99;
		border-bottom: solid 1px #00CC99;
		padding: 7px 5px 7px 5px;
	}
	table.mailform tr th {
		width: 150px;
	}
	table.mailform tr th span {
		color: #CC0000;
		font-size: 18px;
	}
	table.mailform tr th p {
		margin: 0px;
		padding: 0px;
		font-size: 10px;
		color: #999999;
	}
	table.mailform tr td textarea {
		width: 100%;
		height: 120px;
	}

/********** 07 フォーム送信後のページ **********/
	/*左右振分け*/
		/* 幅 : 376px + 360px =736px */
	.left_07{
		float:left;
		width:376px;
		margin:1em 0em 1em 0em;
	}
	.right_07{
		float:right;
		width:360px;
		margin:0.25em 0em 1em 0em;
	}

/******************************************** 2014/2/20追加 */

/*画像は上端揃え*/
img {
	vertical-align:top;
}
/*コラムのリンク、前ページ、次ページを左右端寄せ並列配置*/
.left_00{
	float:left;
	margin-bottom: 0.75em;
	margin-top: 0.75em;
}
.right_00{
	float:right;
	margin-bottom: 0.75em;
	margin-top: 0.75em;
}

/* テーブル(仕様書) */
table.spec {
	width: 500px;
	border-top: solid 1px #00CC99;
	border-right: solid 1px #00CC99;
	margin:20px auto 40px auto;
}
table.spec tr th {
	width: 167px;
	text-align: center;
	font-weight: normal;
	border-left: solid 1px #00CC99;
	border-bottom: solid 1px #00CC99;
	padding: 10px 5px 10px 5px;
	background-color: #ccffff;
}
table.spec tr td {
	width: 168px;
	text-align: center;
	font-weight: normal;
	border-left: solid 1px #00CC99;
	border-bottom: solid 1px #00CC99;
	padding: 10px 5px 10px 5px;
}
/*仕様書の追記コメントのみ<p>タグを用い左寄せとする。*/
table.spec tr td p ,table.spec tr td ul li{
	text-align:left;
	/*line-height: 1.75em;*/
	margin-bottom: 0.75em;
	margin-top: 0.75em;
	/*margin-left: 1.5em;*/
	margin-right: 1.5em;
	padding: 0px;
	white-space:normal;
}