@charset "utf-8";
/* CSS Document */

*{
padding:0;
margin:0;
}

a img{
border:none;
}

a:link{
color:#ff448f;
text-decoration:underline;
}

a:visited{
color:#ff448f;
text-decoration:underline;
}

a:hover{
color:#ff448f;
text-decoration:none;
}

a:active{
color:#ff448f;
text-decoration:underline;
}

h1{
float:left;
}

body{
font-size:14px;
font-weight:400;
color:#616161;
line-height:18px;
background-color:#f5f6f0;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#wrapper_top{
background-image:url(../img/bg_header.jpg);
background-repeat:repeat-x;
background-position:top;
}

#wrapper{
background-image:url(../share/bg_header.jpg);
background-repeat:repeat-x;
background-position:top;
}

#primary{
width:950px;
margin-left:auto;
margin-right:auto;
overflow:auto;
}

#header_top{
height:466px;
overflow:hidden;
background-image:url(../img/header_main.jpg);
background-repeat:no-repeat;
padding-top:18px;
padding-left:10px;
padding-right:10px;
}

#header{
height:176px;
overflow:hidden;
background-image:url(../share/header_main.jpg);
background-repeat:no-repeat;
padding-top:18px;
padding-left:10px;
padding-right:10px;
}

#header_navi{
float:right;
width:339px;
}

#navi{
height:55px;
margin-left:auto;
margin-right:auto;
padding-top:0px;
width:950px;
}

#tel{
float:right;
margin-top:15px;
}

#navi ul {
width:950px;
display:block;
height:55px;
}

#navi ul li{
display:inline;
list-style-type:none;
}

#navi ul li a{
display:block;
float:left;
overflow:hidden;
text-indent:0px;
height:55px;
text-decoration:none;
text-indent:-9999px;
}

li#navi_flow a {
background-image:url("../share/global_navi_flow.jpg");
background-repeat:no-repeat;
background-position:0px 0px;
width:239px;
}

li#navi_flow a:hover {
background-image:url("../share/global_navi_flow.jpg");
background-repeat:no-repeat;
background-position:0px -55px;
width:239px;
}

li#navi_flow_active a{
background-image:url("../share/global_navi_flow.jpg");
background-repeat:no-repeat;
background-position:0px -55px;
width:239px;
}

li#navi_caseandpoint a {
background-image:url("../share/global_navi_caseandpoint.jpg");
background-repeat:no-repeat;
background-position:0px 0px;
width:198px;
}

li#navi_caseandpoint a:hover {
background-image:url("../share/global_navi_caseandpoint.jpg");
background-repeat:no-repeat;
background-position:0px -55px;
width:198px;
}

li#navi_caseandpoint_active a{
background-image:url("../share/global_navi_caseandpoint.jpg");
background-repeat:no-repeat;
background-position:0px -55px;
width:198px;
}

li#navi_price a {
background-image:url("../share/global_navi_price.jpg");
background-repeat:no-repeat;
background-position:0px 0px;
width:133px;
}

li#navi_price a:hover {
background-image:url("../share/global_navi_price.jpg");
background-repeat:no-repeat;
background-position:0px -55px;
width:133px;
}

li#navi_price_active a{
background-image:url("../share/global_navi_price.jpg");
background-repeat:no-repeat;
background-position:0px -55px;
width:133px;
}

li#navi_system a {
background-image:url("../share/global_navi_system.jpg");
background-repeat:no-repeat;
background-position:0px 0px;
width:206px;
}

li#navi_system a:hover {
background-image:url("../share/global_navi_system.jpg");
background-repeat:no-repeat;
background-position:0px -55px;
width:206px;
}

li#navi_system_active a{
background-image:url("../share/global_navi_system.jpg");
background-repeat:no-repeat;
background-position:0px -55px;
width:206px;
}

li#navi_contact a {
background-image:url("../share/global_navi_contact.jpg");
background-repeat:no-repeat;
background-position:0px 0px;
width:174px;
}

li#navi_contact a:hover {
background-image:url("../share/global_navi_contact.jpg");
background-repeat:no-repeat;
background-position:0px -55px;
width:174px;
}

li#navi_contact_active a{
background-image:url("../share/global_navi_contact.jpg");
background-repeat:no-repeat;
background-position:0px -55px;
width:174px;
}

#contents{
width:950px;
overflow:auto;
padding-top:25px;
}

#left_column{
width:250px;
float:left;
margin-right:15px;
}

.left_set{
background-image:url(../share/left_column_middle.jpg);
background-repeat:repeat-y;
margin-bottom:10px;
}

.left_box{
padding:10px 0px 5px 0px;	
}

.left_sec01{
padding:0px 28px 0px 28px;
}

.left_sec02{
padding:0px 31px 0px 31px;
}

.left_sec03{
padding:10px 28px 10px 28px;
}

.left_sec04{
padding:10px 28px 0px 28px;
font-size:12px;
line-height:16px;
}

.left_line{
width:230px;
border-bottom:#cfd4b9 dotted 1px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
margin-bottom:10px;
}

.btn{
text-align:center;
margin-top:6px;
}

#right_column{
width:685px;
float:left;
background-image:url(../share/right_column_middle.jpg);
background-repeat:repeat-y;
line-height:18px;
}

.right_box{
padding:0px 21px 0px 21px;	
}

.right_tit{
margin:10px 0px 20px 0px;
}

.right_sec{
margin-bottom:30px;
list-style:outside;
list-style-type:disc;
}

.right_sec ul{
margin-left:23px;
}

.right_sec ul li{
margin-bottom:5px;
}

ol{
margin-left:23px;
}

ol li{
margin-bottom:12px;
}

.point{
background-image:url(../share/right_sec_middle.jpg);
background-repeat:repeat-y;
margin-bottom:10px;
}

.point_box{
padding:0px 15px 0px 15px;
}

#footer{
clear:both;
width:100%;
background-image:url(../share/bg_footer.jpg);
background-repeat:repeat-x;
height:178px;
margin-top:20px;
}

#footer_contents{
width:950px;
margin-left:auto;
margin-right:auto;
height:127px;
text-align:center;
}

#pagetop{
margin-bottom:20px;
}

#footer_navi{
padding-bottom:20px;
color:#FFFFFF;
background-image:url(../share/line_footer.jpg);
background-repeat:no-repeat;
background-position:bottom;
margin-bottom:14px;
}


#footer_navi a:link{
color:#FFFFFF;
text-decoration:underline;
}

#footer_navi a:visited{
color:#FFFFFF;
text-decoration:underline;
}

#footer_navi a:hover{
color:#FFFFFF;
text-decoration:none;
}

#footer_navia:active{
color:#FFFFFF;
text-decoration:underline;
}

#copyright{
color:#FFFFFF;
}

.flow{
background-image:url(../flow/img/flow_middle.jpg);
background-repeat:repeat-y;
}

.flow_sec{
padding:10px 0px 10px 15px;
}

div.flow_sec div{
vertical-align:middle;
display:table-cell;
}

div.flow_sec_left{
color:#FFFFFF;
width:30px;
margin:10px 0px 10px 15px;
}

div.flow_sec_right{
width:580px;
margin:10px 0px 10px 15px;
}

/* IE 6 */
* html div.flow_sec div {
display:inline;
zoom:1;
}
 
/* IE 7 */
*:first-child+html div.flow_sec div {
display:inline;
zoom:1;
}

/*dddd*/
* html div.flow_sec div {
display: inline-block;
}

.arrow{
text-align:center;
margin:10px 0px 10px 0px;
}

.paragraph{
margin-bottom:20px;
}

.paragraph table{
margin-top:10px;
}

.paragraph th{
padding:10px 20px 10px 0px;
text-align:left;
border-top:#ccc dotted 1px;
font-weight:400;
}

.paragraph td{
padding:10px 0px 10px 0px;	
border-top:#ccc dotted 1px;
}

.paragraph ul{
list-style:none outside;
margin-top:10px;
margin-left:0px;
}

.paragraph p{
margin-top:10px;
text-indent:1em;
}

.paragraph .protection ol{
margin-bottom:20px;
}

.paragraph .protection li{
color:#18abff;
font-size:18px; 
padding:0px 0px 2px 0px;
margin-bottom:3px;
}

#contact{
margin-top:20px;
}


#contact th{
padding:20px 20px 20px 0px;
text-align:left;
border-top:#ccc dotted 1px;
font-weight:400;
}

#contact td{
padding:10px 0px 10px 0px;	
border-top:#ccc dotted 1px;
}

.red{
color:#ee4a4a;
}

#btn_submit_and_reset{
width:264px;
margin-left:auto;
margin-right:auto;
margin-bottom:20px;
}

#btn_back{
width:87px;
margin-left:auto;
margin-right:auto;
margin-bottom:20px;
}

#btn_send_and_back{
width:219px;
margin-left:auto;
margin-right:auto;
margin-bottom:20px;
}







