@charset "utf-8";


/*==================================================================

　1. 事例紹介 共通設定

==================================================================*/

.pagelink-left { margin:15px 0 0 0; }

h2 { margin:30px 0 20px 0; }

.lead { margin:0 0 0 5px; }

/* ==================== Tab menu ==================== */

/* ---------------------------------------------------
　※タブメニューの共通箇所はsecond.cssに記述 
--------------------------------------------------- */

ul.tab { padding-top:20px; }

ul.tab li.on {
	color:#001077;
	background:url(images/btn_tab_01_on.gif) no-repeat;
	width:120px;
	top:1px;
}

ul.tab li.off {
	background:url(images/btn_tab_01_off.gif) no-repeat;
	top:5px;
	width:100px;
}

ul.tab li.other { top:8px; }

/* ==================== Tab menu ==================== */

.frame {
	clear:both;
	border-top:1px solid #E6E4D6;
	border-left:1px solid #E6E4D6;
	border-right:1px solid #E6E4D6;
	width:573px;
	_width:615px;
	padding:25px 20px 10px 20px;
}

.backnumber {
	clear:both;
	font-size:85%;
	background:url(../../common/images/bg_backnumber_01.gif) repeat-x;
	margin:30px 0 0 0;
	padding:10px;
}

.backnumber .list {
	text-align:right;
	float:right;
}


/*==================================================================

　2. 事例紹介（index.html）

==================================================================*/

.Example .case {
	background:url(../../common/images/line_dot_01.gif) repeat-x top;
	padding-top:20px;
	margin-top:20px;
}

.Example .case .photo {
	float:right;
	margin:0 0 0 15px;
}

.Example .case h3 {
	font-size:100%;
	line-height:180%;
	background:url(images/bg_example_desgin_01.gif) repeat-y;
	padding:1px 0 3px 0;
	margin-bottom:15px;
}

.Example .case h3 .number {
	font-size:85%;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	float:left;
	width:30px;
	margin:0 7px 0 0;
}

.Example .case h3 p.title {
	font-weight:normal;
	color:#09A9A9;
	padding-left:38px;
}

.Example .case h3 p.title strong {
	font-size:120%;
	margin:5px 0 3px 3px;
}

.Example .case .btn { margin:15px 0 0 0; }


/*==================================================================

　3. 事例紹介 詳細（detail.html）

==================================================================*/

.Example-Detail .backlink {
	background:url(../../common/images/line_dot_01.gif) repeat-x bottom;
	padding-bottom:10px;
	margin-bottom:20px;
	text-align:right;
}

.Example-Detail .backlink a {
	background:url(../../common/images/icon_arrow_01.gif) no-repeat 0 2px;
	padding-left:14px;
}

.Example-Detail h3 {
	font-size:100%;
	line-height:180%;
	background:url(images/bg_example_desgin_01.gif) repeat-y;
	padding:1px 0 3px 0;
	margin-bottom:15px;
}

.Example-Detail h3 .number {
	font-size:85%;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	float:left;
	width:30px;
	margin:0 7px 0 0;
}

.Example-Detail h3 p.title {
	font-weight:normal;
	color:#09A9A9;
	padding-left:38px;
}

.Example-Detail h3 p.title strong {
	font-size:160%;
	margin:5px 0 3px 3px;
}

.Example-Detail .counseling {
	background:url(images/bg_example_01.gif) repeat;
	border:1px solid #DEDEDE;
	padding:15px;
	margin:10px 0 7px 0;
}

.Example-Detail .counseling h4 {
	margin:0 0 12px 0;
}

.Example-Detail .arrow {
	text-align:center;
	margin-bottom:7px;
}

.Example-Detail h5 {
	clear:both;
	font-size:100%;
	color:#424AB9;
	padding:6px 0 6px 10px;
	background:url(../../common/images/h3_bg_01.gif) repeat-y;
}

.Example-Detail dl.service01 { margin:0 12px 20px 12px; }
.Example-Detail dl.service01 dt {
	font-weight:bold;
	color:#333;
	margin:15px 0 4px 0;
}
.Example-Detail dl.service01 dd { margin:0 0 0 6px; }

.Example-Detail .photo {
	float:right;
	font-size:85%;
	text-align:left;
	margin:0 0 20px 10px;
}

.Example-Detail .photo p { width:150px; }

.Example-Detail .photo img {
	margin:0 0 3px 0;
	display:block;
}

.Example-Detail dl.service02 { margin:0 12px 20px 12px; }
.Example-Detail dl.service02 dt {
	font-weight:bold;
	color:#333;
	margin:15px 0 8px 0;
	clear:both;
}
.Example-Detail dl.service02 dd { margin:0; }


.Example-Detail dl.service03 { margin:0 12px 20px 12px; }
.Example-Detail dl.service03 dt {
	font-size:145%;
	font-weight:bold;
	color:#333;
	margin:15px 0 8px 0;
	clear:both;
}
.Example-Detail dl.service03 dt span {
	font-size:75%;
	font-weight:normal;
	display:block;
}
.Example-Detail dl.service03 dd { margin:0; }