/* 2010 poares */

/* ------------------------------------------------------
common setting
------------------------------------------------------ */
body{
margin:0;
padding:0;
text-align:center;
background:#fcf4de url(../images/bg_body.gif) repeat-y center top;
}
*:first-child+html body {padding-left: 1px;}
*html body {padding-left: 1px;}

h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, div, form, address, table, td, th, em, strong {
margin:0;
padding:0;
border:0;
font-size:100%;
font-weight:normal;
font-style:normal;
list-style-type:none;
}

img {
border:none;
vertical-align:bottom;
}

/* ------------------------------------------------------
module setting
------------------------------------------------------ */
.clear {clear:both;}
.left {float:left;}
.right {float:right;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt25 {margin-top:25px;}
.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}

/* ------------------------------------------------------
wrapper
------------------------------------------------------ */
#wrapper{
width:800px;
margin:0px auto;
text-align:left;
color:#00000;
}

/* headerArea
------------------------------------------------------ */
#headerArea {
width:800px;
margin:0;
padding:0;
background:#000;
}
#headerArea div.left {width:351px;}
#headerArea div.right {width:449px;}

/* contentsArea
------------------------------------------------------ */
#contentsArea {
width:800px;
background:url(../images/contents_bg_01.jpg) no-repeat top left;
}	
#contentsAreaInner {
width:761px;
margin-left:19px;
}

/* caseSection */
#contentsArea #caseSection {
width:761px;
background:url(../images/casesection_bg_01.gif) repeat-y top left;
}
#contentsArea #caseSectionInner {
padding-bottom:14px;
background:url(../images/casesection_bg_02.gif) no-repeat bottom left;
}
#contentsArea #caseSection ul {float:left;}
#contentsArea #caseSection #case01 {float:left; width:252px;}
#contentsArea #caseSection #case02 {float:left; width:255px;}
#contentsArea #caseSection #case03 {float:left; width:254px;}

#contentsArea #caseSection #applicationBtn {
margin-top:13px;
text-align:center;
}	

/* flow */
#contentsArea #flow {
width:761px;
margin-top:18px;
background-color:#e1edf8;
}

/* notes */
#contentsArea #notes {
width:750px;
margin:10px 0 0 4px;
}
#contentsArea #notes ul li {
line-height:1.4;
font-size:10px;
color:#666;
}

/* ********************************
60min
******************************** */

#cnt60min {
	width:775px;
	margin:10px 12px 10px;
	font-size:12px;
	line-height:18px;
	position: relative;
}


#cnt60min #arr1 {
	position:absolute;
	top:70px;
	left:245px;
	width:19px;
	height:19px;
	z-index: 3;
	display: block;
}

#cnt60min #arr2 {
	position:absolute;
	top:70px;
	left:505px;
	width:19px;
	height:19px;
	z-index: 3;
}

#cnt60min h4 {
	padding-bottom:5px;
}

.box60min {
	width:254px;
	background:url(../images/01_fr_mid.gif) repeat-y left top;
	float: left;
	margin: 0 6px 0 0;
}


.box60min2 {
	width:254px;
	background:url(../images/01_fr_mid.gif) repeat-y left top;
	float: left;
	margin: 0 0 0 0;
}


.box60min p.ph60,
.box60min2 p.ph60{
	width:100px;
	padding-left:5px;
	float:left;
	text-align:left;
}
	
.box60min p.tx60,
.box60min2 p.tx60{
	width:135px;
	float:right;
	padding-right:5px;
}




/* ********************************
present
******************************** */

.pre {
	width: 800px;
	margin: 30px 0 0 0;
}

.preltArea {
	width:453px;
	float:left;
}
.prebtnArea {
	width:317px;
	height:172px;
	float: right;
}

.prebtn {
	width:317px;
	height:54px;
	background:url(../images/present_5.gif) no-repeat left top;
	text-align:center;
}

.prebtn img {
	margin:2px auto 0;
}

.present_1 {
	width:126px;
	height:148px;
	float:left;
}
.present_2 {
	width:327px;
	height:148px;
	float:left;
}


/* ********************************
margin
******************************** */

#couselBox {
	background:url(../images/02_bg.gif) repeat left top;
	width:756px;
	margin: 10px 12px;
	padding: 0 0 10px;
}

.inBox {
	padding:0 10px;
	margin-bottom: 10px;
	height: 70px;
}

/* ********************************
try
******************************** */
#tryReport{
	background:url(../images/03_bg.gif) no-repeat right top #FFC;
	margin: 0 0 0 12px;
	width:772px;
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
	border-bottom:1px solid #CCC;
	font-size:12px;
	line-height:18px;

}



.tryBox {
	width:743px;
	background-color:#FFF;
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
	margin:0 0 0 16px;
}

.tryBox2 {
	width:743px;
	background-color:#FFF;
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
	border-top:1px solid #CCC;
	margin:0 0 0 16px;
	padding-top: 17px;
}

.tryBox3 {
	width:743px;
	background-color:#FFF;
	border:1px solid #CCC;
	margin:0 0 0 16px;
	padding-top: 17px;
	padding-bottom:17px;
}

.tryArrow {
	width:743px;
	margin:0 0 0 16px;
}

.dot {
	margin:15px 0 15px 17px;
}

.tryBox p.tx,
.tryBox2 p.tx,
.tryBox3 p.tx{
	padding-left:15px;
	padding-top: 5px;
}
	
	
.tryBox p.photo,
.tryBox2 p.photo{
	width:192px;
	float:left;
	padding-left:14px;
}
	
	
.tryBox3 p.photo{
	width:196px;
	float:right;
	margin-right: 10px;
}
.tryBox2 p.photo_rt,
.tryBox3 p.photo_rt{
	width:192px;
	float:left;
	margin-left: 10px;
}
	
.tryBox .try_rt {
	width:513px;
	float:right;
	position: relative;
	left: 1px;
}
	
.tryBox2 .try_rt,
.tryBox3 .try_rt {
	width:502px;
	float:right;
	margin-right:16px;
}

.tryBox2 .try_lt,
.tryBox3 .try_lt{
	width:502px;
	float:left;
	padding-left: 15px;
}

p.sheet {
	width:130px;
	text-align:center;
	float:right;
	margin-bottom:10px;
}

p.sheet span {
	display:block;
	font-size:10px;
	line-height:13px;
}

/* ********************************
margin
******************************** */

.mt1{margin-top:1px;}
.mt2{margin-top:2px;}
.mt3{margin-top:3px;}
.mt4{margin-top:4px;}
.mt5{margin-top:5px;}
.mt6{margin-top:6px;}
.mt7{margin-top:7px;}
.mt8{margin-top:8px;}
.mt9{margin-top:9px;}
.mt10{margin-top:10px;}
.mt11{margin-top:11px;}
.mt12{margin-top:12px;}
.mt13{margin-top:13px;}
.mt14{margin-top:14px;}
.mt15{margin-top:15px;}
.mt16{margin-top:16px;}
.mt17{margin-top:17px;}
.mt18{margin-top:18px;}
.mt19{margin-top:19px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt45{margin-top:45px;}
.mt50{margin-top:50px;}
.mt55{margin-top:55px;}
.mt60{margin-top:60px;}	

#footer a:link {
color: #666;
text-decoration: none;
}

#footer a:visited {
text-decoration: none;
}

#footer a:hover,
#footer a:active {
color: #666;
text-decoration: underline;
}

#pointarea {
margin-top:15px;
text-align: center;
}

#point3 {
width:800px;
height:194px;
margin: 0 auto;
}
#point3 p.p1 {
width:265px;
height:186px;
float:left;
}
#point3 p.p2 {
width:270px;
height:186px;
float:left;
}

#point2 {
width:800px;
height:228px;
margin: 10px auto 0;
}
#point2 p.p1 {
width:405px;
height:252px;
float:left;
}
#point2 p.p2 {
width:395px;
height:252px;
float:left;
}

/* ********************************
フッター（#footer）
******************************** */
#footer {
padding-bottom: 0;
text-align: left;
}

p#note {
font-size: 0.7em;
text-align: left;
color: #666666;
padding-right: 15px;
padding-left: 15px;
padding-top: 25px;
padding-bottom: 15px;
}

p#note02 {
width:780px;
margin-bottom:10px;
font-size: 0.7em;
text-align: left;
}

#footerLeft {float: left;}

#footerLeft address {
margin-bottom: 6px;
font-size: 10px;
}

#footerLeft li {
float: left;
margin-right: 6px;
padding-left: 7px;
background: url(../images/foot_line.gif) no-repeat 0% 3px;
font-size: 12px;
}

#footer p {	font-size: 10px;}

#footer p.tel {margin-left: 12px;}

#bottomClear {
clear: both;
height: 0;
}

#bottomClear hr {display: none;}

.ct {text-align:center;}