@charset "UTF-8";
body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	background-image:url(../images/background.jpg);
	background-repeat:repeat-x;
	background-color:#d4e1eb;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #333;
}
.container {
	width: 930px;
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left;
}

img {
   border:none;
}

a:link{color:#3366CC; text-decoration: none;}
a:visited{color:#6699FF; text-decoration: none;}
a:hover{color:#CB6600;text-decoration:underline;} 


/* ----------------ヘッダー部分------------------ */

.header {
    width: 900px;
	margin:0 15px;
	padding: 10px 0 ;
	text-align:right;
	height:60px;
	display:table;
}

.header p #headermenu {
    border:none;
    width: auto;
    height: 17px;
	display:inline-table;
    background-image:url(../images/navi/listmarkDF.gif);
	background-repeat:no-repeat;
	background-position:0 1px ;
	float:right;
	margin-left:10px;
	margin-top:30px;
	font-size:65%;
	padding-left:14px;
	padding-top:0;
}

.header p #headermenu:hover {
    background-image:url(../images/navi/listmarkOV.gif);
}

.header a:link{color:#333; text-decoration: none;}
.header a:visited{color:#333; text-decoration: none;}
.header a:hover{color:#000; text-decoration:underline;} 


/* ----------------左メニュー部分------------------ */

.side {
    float:left;
	width:190px;
	margin:10px auto 10px 15px;
}

.side #cost {
    width:190px;
	height:30px;
	display:block;
	background-image:url(../images/menu/costDF.jpg);
	background-repeat:no-repeat;
	margin:0 0 5px 0;
	padding:0;
}

.side #cost:hover {
	background-image:url(../images/menu/costOV.jpg);
}

.side #menu {
    width:177px;
	height:26px;
	display:block;
	background-image:url(../images/menu/menuBarDF.jpg);
	background-repeat:no-repeat;
	margin:0;
	padding-left:13px;
	padding-top:4px;
}

.side #menu:hover {
	background-image:url(../images/menu/menuBarOV.jpg);
}

.side #menu p {
    font-size:75%;
	margin:0;
}

.side #menu span {
    font-size:110%;
	font-weight:bold;
	color:#003399;
	margin:0;
}

.side #newsHeader {
	margin-top:10px;
}

.side #newsHeader {
	margin-top:10px;
}

.side a:link{color:#333; text-decoration: none;}
.side a:visited{color:#333; text-decoration: none;}
.side a:hover{color:#000; text-decoration:underline;} 

.news {
	padding: 0 ;
	margin-top:5px;
	width: 190px;
	max-height:190px;
	display:block;
	overflow:auto;
	font-size:75%;
	line-height:140%;
	margin-bottom:10px;
}

.news li {
    list-style-image:url(../images/navi/listmark_newDF.gif);
	margin-left:20px;
	margin-bottom:5px;
}

.news #big {
    font-size:120%;
	font-weight:bold;
	line-height:160%;
}

.news a:link{color:#3366CC; text-decoration: underline;}
.news a:visited{color:#6699FF; text-decoration: none;}
.news a:hover{color:#CB6600;text-decoration:underline;}

.side #topic {
	margin-top:10px;
	margin-bottom:10px;
	width:190px;
	height:190px;
	background-image:url(../images/topixbanner.gif);
	display:block;
}

/* ----------------コンテンツ部分------------------ */

.mainContent {
    float:right;
	margin:0 15px 10px auto;
	width:670px;
}

.mainContent h1 {
    font-size:26px;
	font-weight:900;
	color:#000;
	border-bottom:3px solid #039;
	margin-top:10px;
}

#subtitle {
   font-size:14px;
   color:#f6b400;
   font-weight:bold;
}

.mainContent h2 {
    font-size:16px;
	font-weight:bold;
	color:#000;
    border-left:10px solid #d65e10;
	background-color:#ececec;
	padding-left:5px;
	padding-right:5px;
	margin-top:30px;
}

.mainContent h3 {
    font-size:15px;
	font-weight:bold;
	color:#039;
	margin-bottom:10px;
}

.text {
    font-size:80%;
	line-height:180%;
	width:98%;
	display:table;
	margin-bottom:10px;
}

.textR {
    color:#d65e10;
}

#cap {
    font-size:80%;
	line-height:150%;
	color:#000;
}

#lead {
    font-size:110%;
	line-height:150%;
	color:#000;
}

.box {
    font-size:75%;
	line-height:180%;
	color:#000;
	width:670px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	margin-top:10px;
	display:table;
	text-align:left;
	border-collapse:collapse;
}

.box th {
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:5px 0 5px 5px;
}

.box #listhead {
	background-image:url(../images/boxheaderback.jpg);
	background-repeat:repeat-x;
}

.box td {
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:5px;
}

.halfbox {
    font-size:70%;
	line-height:180%;
	color:#000;
/*	width:320px;*/
	width:200px;
	padding:5px;
	border:1px solid #ccc;
	margin-top:10px;
	display:inline-table;
}

.halfbox:hover {
    background-color:#ececec;
}

.navibtn {
    font-size:11px;
	width:150px;
	height:19px;
	padding-left:10px;
	padding-top:2px;
	margin-top:10px;
	display:inline-table;
	background-image:url(../images/navibtnDF.jpg);
	background-repeat:no-repeat;
}

.navibtn:hover {
	background-image:url(../images/navibtnOV.jpg);
	color:#fff;
}

.agencyBanner {
    width:670px;
	height:80px;
	margin-top:20px;
	display:table;
	background-image:url(../images/lookagencyDF.jpg);
	background-repeat:no-repeat;
}

.agencyBanner:hover {
	background-image:url(../images/lookagencyOV.jpg);
}

.pagetop {
    font-size:65%;
	padding:5px;
	margin-top:10px;
	margin-bottom:10px;
	float:right;
	display:table;
	border:1px solid #ccc;
	text-align:right;
	clear:left;
}

.releaseTopic {
   width:580px;
   height:61px;
   display:block;
   background-image:url(../images/release/releasetopic.png);
   background-repeat:no-repeat;
   padding:10px 10px 7px 80px;
   font-size:75%;
   line-height:160%;
}

.releaseTopic p {
   font-size:120%;
   font-weight:bold;
   color:#d65e10;
   margin:0 0 5px 0;
}

.faqTopic {
   width:600px;
   height:38px;
   display:block;
   background-image:url(../images/FAQ/q_banner.jpg);
   background-repeat:no-repeat;
   padding:12px 10px 0 60px;
   font-size:100%;
   font-weight:bold;
   color:#039;
   margin-bottom:10px;
}



/* ----------------サブナビゲーション------------------ */

.naviFrame {
   width:644px;
   height:87px;
   display:block;
   border:3px solid #f6b400;
   background-color:#FFFFCC;
   padding:10px;
   text-align:center;
}

#sub_tech {
   width:210px;
   height:87px;
   display:inline-block;
   background-image:url(../images/menu/sub/technicalDF.png);
   background-repeat:no-repeat;
   float:left;
   margin-right:5px;
}

#sub_tech:hover {
   background-image:url(../images/menu/sub/technicalON.png);
}

#sub_usercase {
   width:210px;
   height:87px;
   display:inline-block;
   background-image:url(../images/menu/sub/usercaseDF.png);
   background-repeat:no-repeat;
   float:left;
   margin-right:5px;
}

#sub_usercase:hover {
   background-image:url(../images/menu/sub/usercaseON.png);
}

#sub_mainte {
   width:210px;
   height:87px;
   display:inline-block;
   background-image:url(../images/menu/sub/maintenanceDF.png);
   background-repeat:no-repeat;
   float:left;
   margin-right:5px;
}

#sub_mainte:hover {
   background-image:url(../images/menu/sub/maintenanceON.png);
}

#sub_advan {
   width:210px;
   height:87px;
   display:inline-block;
   background-image:url(../images/menu/sub/advantageDF.png);
   background-repeat:no-repeat;
   float:left;
   margin-right:5px;
}

#sub_advan:hover {
   background-image:url(../images/menu/sub/advantageON.png);
}

/* ----------------フッター部分------------------ */

.advantage {
   width:330px;
   height:120px;
   display:inline-block;
   background-image:url(../images/menu/advantageDF.jpg);
   background-repeat:no-repeat;
   margin:20px 10px 10px 0;
   float:left;
}

.advantage:hover {
   background-image:url(../images/menu/advantageON.jpg);
}

.technical {
   width:330px;
   height:120px;
   display:inline-block;
   background-image:url(../images/menu/technicalDF.jpg);
   background-repeat:no-repeat;
   margin:20px 0 10px auto;
   float:left;
}

.technical:hover {
   background-image:url(../images/menu/technicalON.jpg);
}

.usercase {
   width:330px;
   height:120px;
   display:inline-block;
   background-image:url(../images/menu/usercaseDF.jpg);
   background-repeat:no-repeat;
   margin:0 10px 10px 0;
   float:left;
}

.usercase:hover {
   background-image:url(../images/menu/usercaseON.jpg);
}

.maintenance {
   width:330px;
   height:120px;
   display:inline-block;
   background-image:url(../images/menu/maintenanceDF.jpg);
   background-repeat:no-repeat;
   margin:0 0 10px auto;
   float:left;
}

.maintenance:hover {
   background-image:url(../images/menu/maintenanceON.jpg);
}


.footmenu {
    width:900px;
	height:165px;
	margin-left:15px;
	padding-top: 10px;
	background-image:url(../images/footmenuFrame.jpg);
	background-repeat:no-repeat;
	text-align:center;
	display:table;
}

.footmenu #inquiry {
    border:none;
    width: 670px;
    height: 80px;
	display:block;
    background-image:url(../images/infobanner.png);
	background-repeat:no-repeat;
	margin:0 auto;
	padding:0;
}

.footmenu #dirictsale {
    border:none;
    width: 130px;
    height: 20px;
	display:inline-block;
    background-image:url(../images/navi/dirictsaleDF.jpg);
	background-repeat:no-repeat;
	margin-top:10px;
	margin-right:10px;
}

.footmenu #dirictsale:hover {
    background-image:url(../images/navi/dirictsaleOV.jpg);
}

.footmenu #agencylist {
    border:none;
    width: 130px;
    height: 20px;
	display:inline-block;
    background-image:url(../images/navi/agencylistDF.jpg);
	background-repeat:no-repeat;
	margin-top:10px;
	margin-right:10px;
}

.footmenu #agencylist:hover {
    background-image:url(../images/navi/agencylistOV.jpg);
}

.footmenu p #footermenu {
    border:none;
    width: auto;
    height: 14px;
	display:inline-table;
    background-image:url(../images/navi/listmarkDF.gif);
	background-repeat:no-repeat;
	background-position:0 1px ;
	margin-top:0;
	margin-right:5px;
	font-size:65%;
	padding-left:14px;
	padding-top:0;
}

.footmenu p #footermenu:hover {
    background-image:url(../images/navi/listmarkOV.gif);
}

.footmenu p #mail {
    border:none;
    width: auto;
    height: 14px;
	display:inline-table;
    background-image:url(../images/mail.png);
	background-repeat:no-repeat;
	background-position:0 1px ;
	margin-top:0;
	margin-right:5px;
	font-size:65%;
	padding-left:14px;
	padding-top:0;
}

.footmenu a:link{color:#333; text-decoration: none;}
.footmenu a:visited{color:#333; text-decoration: none;}
.footmenu a:hover{color:#000; text-decoration:underline;} 


.footer {
    width:880px;
	margin-left:15px;
	padding: 10px 10px;
	text-align:center;
}
.footer p {
	margin: 0;
	padding: 0 ;
	font-size:65%;
}


/* ----------------フロート------------------ */ 

.fltrt {
	float: right;
	margin-left: 15px;
	margin-bottom: 8px;
}
.fltlft {
	float: left;
	margin-right: 15px;
	margin-bottom: 8px;
}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.clearfloatl {
	clear:left;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.clearfloatr {
	clear:right;
    height:0;
    font-size: 1px;
    line-height: 0px;
}