@charset "shift_jis";

/*------------------------------------------------------------
import css
------------------------------------------------------------*/

@import url("../import.css");

/* CSS Document */
.column {
	line-height: 1.5em;
}

.expage-tit {
	margin: 0;
	padding: 0;
	height:24px;
}

.main-flimg, .main-flimg2 {
	margin: 10px 0 0 0;
	padding: 0;
}

.main-flimg .fl-l {
	width: 348px;
	margin: 0;
	padding: 0;
}

.main-flimg2 .fl-l {
	width: 348px;
	margin: 0;
	padding: 0;
}

.main-flimg3 .fl-l {
	width: 310px;
	margin: 0;
	padding: 0;
}

.main-flimg2 .fl-l .txt-l {
	margin: 10px 0 0 0;
}

.main-flimg3 .fl-r {
	width: 390px;
	margin: 0;
	padding: 0;
}	

.fl-lin {
	width: 450px;
}

.fl-lin2 {
	width: 310px;
}


.caption {
	text-align: left;
	color: #000;
}

.r-ph {
	width: 245px;
	padding:0 0 0 25px;
}

.r-ph2 {
	width: 255px;
	padding:0;
}

.r-ph3 {
	width: 226px;
	padding:0;
}

.con-inner {
	margin-top: 20px;
}

.con-inner .tdph {
	margin: 0;
	padding: 0;
}

.help {
	margin: 25px 0 0 0;
}

.help2 {
	margin: 25px 10px 0 0;
}

.help3 {
	margin: 0 10px 0 0;
}

.help .fl-l {
	width: 235px;
	text-align: left;
}
	
.help2 .fl-l {
	width: 215px;
	text-align: left;
	margin: 0;
	padding: 0;
}

.help .fl-r {
	width: 200px;
}

.help2 .fl-r {
	width: 230px;
	margin: 0;
	padding: 0;
}

.case07ph {
	margin: 10px 0 0 0;
}

.block01 {
	padding-bottom: 18px;
}

/*2012-04-27 SEO*/
.top_exa {
width:719px;
height:54px;
background:url(../../example/images/main_title_bg.gif);
}
.top_exa h1 {
color:#404040;
font-size:26px;
line-height:28px;
font-weight:bolder;
position:relative;
top:10px;
left:10px;
}
.catch {
text-align:center;
}
.catch h2 {
font-size:16px;
font-weight:bold;
border-bottom:2px solid;
padding-bottom:5px;
}
.catch h3 {
font-size:13px;
font-weight:bold;
margin-top:5px;
}
a .case {
width:282px;
_width:292px;
height:125px;
margin:5px;
margin-left:0;
border:#B8D5DC 5px solid;
font-size:13px;
line-height:16px;
color:#333333;
text-decoration:none;
}
a:hover .case {
color:#333333;
text-decoration:none;
}
.case .left {
display:block;
width:150px;
height:125px;
float:left;
margin:0px;
margin-left:6px;
_margin-left:3px;
}
.case .right {
float:right;
width:125px;
height:125px;
padding:0;
overflow: hidden;
}
.case .right img {
width:125px;
height:125px;
margin: 0;
padding:0;
}
span.case {
width:90px;
height:20px;
display:block;
text-indent:4px;
color:#488CC3;
font-size:16px;
font-weight:bold;
border:#488CC3 solid 2px;
border-left:#488CC3 solid 20px;
margin-bottom:5px;
vertical-align:baseline;
}
a:hover span.case {
color:#488CC3;
}
.owner{
text-align:right;
color:#C04141;
font-weight:bold;
font-size:12px;
position:relative;
bottom:0;
right:5px;
display:block;
}
a .case img {
float:right;
}
.add_txt {
text-align:left;
}

.cf:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.cf {
	min-height: 1px;
}
* html .cf {
	height: 1px;/*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.detailTitle {
	padding-top: 10px;	
}
.detailTitle .catTitle {
	margin-bottom: 17px;
}
.detailTitleArea {
	background:url(../../images/example/detail_title_bg.gif) repeat-y left top;
	margin-bottom: 17px;
}
.detailTitleArea .number {
	width: 45px;
	float: left;
	font-weight: bold;
	text-align: center;
	font-size: 130%;
	line-height: 1.5em;
	color: #fff;
}
.detailTitleArea .number .innerBox {
	font-family: 'PT Serif', serif;
	padding: 15px 5px 5px;
}
.detailTitleArea .text {
	width: 663px;
	float: right;
	font-weight: bold;
	line-height: 1.5em;
}
.detailTitleArea .text .innerBox {
	padding: 10px 10px 10px 5px;
}

span.textNormal {
	font-weight: normal;
}
span.textSmall {
	font-size: 80%;
	line-height: 1.3em;
	letter-spacing:0px;
}

.exampleTop {
	padding-left: 10px;
}
.exampleList {
	width: 709px;
	overflow: hidden;
}
.exampleList .layoutBlock{
	width: 729px;
}
.exampleList .box{
	width: 362px;
	float: left;
	padding-bottom: 30px;
}
.exampleList .box .displayBox{
	width: 345px;
	border: solid 1px #CCC;
	box-shadow: 0px 6px 2px -3px rgba(150,150,150,0.5);
	-webkit-box-shadow: 0px 6px 2px -3px rgba(150,150,150,0.5);
	-moz-box-shadow: 0px 6px 2px -3px rgba(150,150,150,0.5);
}
.exampleList .box .phBox{
}
.exampleList .box .detailTitleArea{
	margin-bottom: 0px;
	width: 344px;
}
.exampleList .box .detailTitleArea .text {
	width: 290px;
	padding-top:5px;
}
.detailTitleArea .text .innerBox p.leadTxt {
	font-size: 1em;
}
.detailTitleArea .text .innerBox p.subtxt {
	font-weight: normal;
	font-size: 0.8em;
	line-height: 1.5em;
	letter-spacing:0px;
	color: #ea5a26;
	padding-bottom:8px;
	border-bottom:1px solid #ddd;
}
.detailTitleArea .text .innerBox .pointTxt {
	padding-top:10px;
}
.detailTitleArea .text .innerBox .pointTxt span{
	color:#fff !important;
	font-size:11px;
	font-weight:normal;
	letter-spacing:normal;
	margin-right:7px;
	padding:4px 5px 3px;
}
.detailTitleArea .text .innerBox .pointTxt span.categoryA{
	background-color:#e97652;
}
.detailTitleArea .text .innerBox .pointTxt span.categoryB{
	background-color:#5fc762;
}
.detailTitleArea .text .innerBox .pointTxt span.categoryC{
	background-color:#61bfe9;
}

.exampleList .boxNew{
	width: 709px;
	margin-bottom: 30px;
}
.exampleList .boxNew .borderBox{
	border: solid 1px #CCC;
	box-shadow: 0px 6px 2px -3px rgba(150,150,150,0.5);
	-webkit-box-shadow: 0px 6px 2px -3px rgba(150,150,150,0.5);
	-moz-box-shadow: 0px 6px 2px -3px rgba(150,150,150,0.5);
}
.exampleList .boxNew .detailTitleArea{
	margin-bottom: 0px;
	width: 707px;
	background:url(../../images/example/index/new_title_bg.gif) repeat-y left top;
}
.exampleList .boxNew .detailTitleArea .text {
	width: 365px
}
.exampleList .boxNew .phBox{
	width: 275px;
	float: right;
}
.exampleList .boxNew .detailTitleArea .number .innerBox {
	padding: 38px 5px 5px;
	font-family: 'PT Serif', serif;
}
.exampleList .boxNew .detailTitleArea .text .innerBox {
	padding: 15px 5px 2px;
}

.exampleList .boxNew .detailTitleArea .text {
	font-size: 1.6em;
	line-height: 1.3em;
}
.exampleList .boxNew .detailTitleArea .text span.textSmall {
	font-size: 60%;
	line-height: 1.4em;
}
.exampleList .boxNew .detailTitleArea .text .subSection01 {
	padding-top: 14px;
}
.exampleList .boxNew .detailTitleArea .text .subSection01  p.subtxt {
	font-weight: normal;
	font-size: 0.7em;
	line-height: 1.5em;
	letter-spacing:0px;
	color: #ea5a26;
	padding-bottom:5px;
}
.exampleList .boxNew .detailTitleArea .text .subSection02 {
	padding-top: 20px;
	text-align: right;
}
.exampleList .boxNew .detailTitleArea .text .pointTxt{
	margin-top:7px;
}
.exampleList .boxNew .detailTitleArea .text .pointTxt span{
	color:#fff !important;
	font-size:11px;
	font-weight:normal;
	letter-spacing:normal;
	margin-right:7px;
	padding:4px 5px 3px;
}
.exampleList .boxNew .detailTitleArea .text .pointTxt span.categoryA{
	background-color:#e97652;
}
.exampleList .boxNew .detailTitleArea .text .pointTxt span.categoryB{
	background-color:#5fc762;
}
.exampleList .boxNew .detailTitleArea .text .pointTxt span.categoryC{
	background-color:#61bfe9;
}

.helpBlock {
	margin-bottom: 30px;
}
.helpBlock .helpTitle {
	background:url(../../images/example/help_title_bg.gif) repeat-y left top;
}
.helpBlock .helpTitle .helpIc {
	float: left;
	width: 150px;
}
.helpBlock .helpTitle .helpName {
	float: left;
	padding: 8px 10px;
}
.helpBlock .helpTitle .helpName h3 {
	color: #ffffff;
	font-size: 140%;
	_font-size: 120%;
	line-height: 1.5em;
	font-weight: bold;
}
.helpBlock .helpContents {
	background:url(../../images/example/help_bg.gif) repeat-y left top;
}
.helpBlock .helpContents .helpPh {
	float: left;
	padding: 20px 0px 20px 15px;
}
.helpBlock .helpContents .helpText {
	float: left;
	padding: 20px 15px;
}
.helpBlock .helpContents .helpText p {
	color: #6d410d;
	font-size: 100%;
	_font-size: 80%;
	line-height: 1.5em;
	width: 550px;
}

.rightArea .inner{
	font-size:100%;
}

.txt-small{
	font-size: 94%;
}

.txt-large{
	font-size: 125%;
	line-height:1.5em;
}
.colorOrange {
	color:#ea5a26 !important;
}