@charset "UTF-8";

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

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

/* ---------- header ---------- */
#header2{
	/*height: 108px;*/
	/*height: 120px;*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BEBEBE;
	position:relative;
}

#header2 h1 {
position:absolute;
/*top:27px;*/
top:5px;
left:22px;
font-size:120%;
color:#666666;
}

#header2 #header-trial-2 {
position:absolute;
top:1px;
left:694px;
}

#header2 #header-login {
position:absolute;
top:1px;
left:825px;
}

#header2 div{
	float: left;
}

#header2 #header-logo {
width:256px;
}

#header2 #header-logo img {
/*margin-top:51px;*/
margin-top:64px;
margin-left:32px;
}

#header2 #add-favorite {
	/*padding-left:171px;
	padding-top:14px;
	padding-right: 10px;*/
	/*padding-left:425px;
	padding-top:85px;
	padding-right: 10px;*/
	position:absolute;
	top:160px;
	left:20px;
}

#header2 #bookmark-box {
	/*padding-top: 85px;*/
	position:absolute;
	top:160px;
	left:119px;
}

#header2 #header-bnr {
	position:absolute;
	top:20px;
	left:470px;
}

/* ---------- main-header ---------- */
#main-header{
	margin-top: 30px;
	/*border:1px solid #CCCCCC;*/
}

.txt-style01 {
font-size:160%;
line-height:150%;
}

.txt-style02 {
font-size:150%;
line-height:150%;
}

#bg01 {
background-image:url(../../images/pro/110705_pro_img02.jpg);
background-repeat:no-repeat;
height:737px;
position:relative;
font-size:170%;
line-height:125%;
}

#bg01 .point01 {
position:absolute;
top:535px;
left:150px;
}

#bg01 .point02 {
position:absolute;
top:591px;
left:150px;
}

#bg01 .point03 {
position:absolute;
top:665px;
left:150px;
}

#faq-box {
width:750px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
}

#faq-box .title-box {
color:#003366;
font-weight:bold;
padding:5px 5px 5px 10px;
border:1px solid #66CCCC;
font-size:180%;
}

#faq-box p {
font-size:180%;
background-image:url(../../images/pro/110705_pro_img04.jpg);
background-repeat:no-repeat;
background-position:0 0;
padding-left:35px;
line-height:150%;
margin-top:10px;
}

.pro-topimg-bg {
background-image:url(../../images/pro/111011_pro_img02.jpg);
background-repeat:no-repeat;
height:295px;
position:relative;
}

.pro-topimg-bg .p-01 {
font-size:220%;
color:#003366;
font-weight:bold;
position:absolute;
top:130px;
left:115px;
letter-spacing:-0.01em;
}

.pro-topimg-bg .p-02 {
font-size:220%;
color:#003366;
font-weight:bold;
position:absolute;
top:175px;
left:115px;
letter-spacing:-0.1em;
}

.pro-topimg-bg .p-03 {
font-size:220%;
color:#003366;
font-weight:bold;
position:absolute;
top:220px;
left:120px;
letter-spacing:-0.1em;
}

.pro-topimg-bg .btn {
position:absolute;
top:191px;
left:498px;
}

.bg-img01 {
background-image:url(../../images/pro/111011_pro_img06.jpg);
background-repeat:no-repeat;
height:180px;
width:800px;
margin-left:auto;
margin-right:auto;
position:relative;
margin-top:15px;
}

.bg-img01 span {
color:#FF6600;
font-weight:bold;
}

.bg-img01 .bg-txt01 {
font-size:160%;
position:absolute;
top:37px;
left:142px;
}

.bg-img01 .bg-txt02 {
font-size:160%;
position:absolute;
top:82px;
left:142px;
}

.bg-img01 .bg-txt03 {
font-size:160%;
position:absolute;
top:127px;
left:142px;
}

.title-box {
border-left:7px solid #3366CC;
border-bottom:1px solid #CCCCCC;
font-size:160%;
padding-bottom:7px;
padding-top:5px;
margin-top:20px;
margin-left:20px;
margin-right:20px;
}

.title-box .box {
background-color:#CC3333;
padding:3px;
font-size:90%;
color:#FFFFFF;
font-weight:bold;
border:1px solid #E79C9C;
margin-left:10px;
margin-bottom:10px;
}

.title-box .txt {
color:#FF6600;
font-weight:bold;
margin-left:10px;
}

.txt-style55 {
line-height:150%;
font-size:160%;
margin-left:40px;
margin-right:40px;
}

#flow {
border:1px solid #89C6DC;
background-color:#F3F8FA;
width:460px;
margin-left:40px;
margin-right:40px;
margin-top:5px;
}

#flow ul {
margin:10px;
}

#flow ul li {
background-image:url(../../images/pro/111011_pro_img07.gif);
background-repeat:no-repeat;
background-position:0 7px;
padding-left:15px;
line-height:125%;
font-size:160%;
color:#003366;
font-weight:bold;
}

#table-box01 {
border:2px solid #CCCCCC;
border-collapse:collapse;
margin-left:auto;
margin-right:auto;
margin-top:10px;
}

#table-box01 th {
border:1px solid #CCCCCC;
background-color:#375E62;
padding:5px;
color:#FFFFFF;
font-weight:bold;
}

#table-box01 td {
border:1px solid #CCCCCC;
padding:5px;
text-align:center;
}

.jirei-box {
border:1px solid #CCCCCC;
background-color:#F9F9F9;
font-size:160%;
padding:10px;
width:610px;
margin-left:40px;
margin-right:40px;
margin-top:10px;
}

.jirei-box p {
margin-bottom:0px;
line-height:125%;
color:#666666;
}

.j-title {
font-weight:bold;
}

.j-title img {
vertical-align:middle;
margin-right:7px;
}

.b-title {
color:#1C5AC1;
font-weight:bold;
font-size:180%;
}

.b-title img {
vertical-align:middle;
margin-right:7px;
}

.txt-title {
padding:5px;
font-size:160%;
}

.txt-title span {
background-color:#55A9F4;
color:#FFFFFF;
padding:3px 5px;
font-weight:bold;
width:100px;
display:block;
text-align:center;
float:left;
}

.txt-title p {
float:left;
padding-top:4px;
padding-left:5px;
margin-bottom:0px;
}

.app-bnr a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}