/* GoogleAvCAX
------------------------------------------------------------------*/
@charset 'utf-8';

/* Global
------------------------------------------------------------------*/
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, dl, address {
margin:0;
padding:0;
}
ul li {
list-style-type:none;
}
body {
color:#444;
background:#f0f0f0;
font:84%/140% Verdana,Arial,Helvetica,sans-serif;
}
hr {
clear:both;
border:none;
margin-bottom: 30px;
display:none;
}
a:link,
a:visited {
text-decoration:none;
color:#003399;;
}
a:hover {
text-decoration:underline;
}
.clear {
clear:both;
}
.centered, p.centered {
text-align:center;
}
.right {
text-align:right;
}
.center {
text-align:center;
}
img {
border:0;
}


/* Layout
------------------------------------------------------------------*/
#wrapper {
margin: 0 auto;
background:#fff url(images/body.gif) repeat-y;
width: 760px;
}
#content {
margin: 20px 0 0;
padding: 0 20px;

}
#content-primary {
float: right;
width: 500px;
}
#content-secondary {
width:200px;
float:left;
}

/* Header
------------------------------------------------------------------*/
#header {
height:30px;
background:#fff url(images/header.gif) center top;
}
#header ul {
padding: 10px 20px 0;
float:right;
}
#header li {
float:left;
}
#header li a {
margin-right:1.2em;
font-size:76%;
color: #666;
}

/* Main navigation 'active tabs'
------------------------------------------------------------------*/
#navi {
margin: 0 auto;
width:720px;
height:73px;
background:#fff url(images/navi.gif) no-repeat center bottom;
}

#navi_toppage a {
display: block;
width: 140px;
height: 73px;
float: left;
text-indent: -9999px;
}

#navi_google a {
display: block;
width: 202px;
height: 73px;
float: right;
text-indent: -9999px;
}

#navi_menu {
width: 720px;
height:27px;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 20px;
background: url(images/navi_top.gif) repeat-x top;
}

#navi_home a {
color: #003366;
font-weight: bold;
font-size: 12px;
display: block;
height: 27px;
float: left;
text-align: center;
padding: 4px 0px 4px 0px;
width: 88px;
}
#navi_presentation a {
color: #003366;
font-weight: bold;
font-size: 12px;
display: block;
height: 27px;
float: left;
text-align: center;
padding: 4px 0px 4px 0px;
width: 89px;
}
#navi_point a {
color: #003366;
font-weight: bold;
font-size: 12px;
display: block;
height: 27px;
float: left;
text-align: center;
padding: 4px 0px 4px 0px;
width: 89px;
}

#navi_lineup a {
color: #003366;
font-weight: bold;
font-size: 12px;
display: block;
height: 27px;
float: left;
text-align: center;
padding: 4px 0px 4px 0px;
width: 89px;
}

#navi_price a {
color: #003366;
font-weight: bold;
font-size: 12px;
display: block;
height: 27px;
float: left;
text-align: center;
padding: 4px 0px 4px 0px;
width: 89px;
}

#navi_flow a {
color: #003366;
font-weight: bold;
font-size: 12px;
display: block;
height: 27px;
float: left;
text-align: center;
padding: 4px 0px 4px 0px;
width: 89px;
}

#navi_inquiry a {
color: #003366;
font-weight: bold;
font-size: 12px;
display: block;
height: 27px;
float: left;
text-align: center;
padding: 4px 0px 4px 0px;
width: 89px;
}

#navi_camp a {
color: #003366;
font-weight: bold;
font-size: 12px;
display: block;
height: 27px;
float: left;
text-align: center;
background: url(images/camp_back.gif);
color: #ffffff;
padding: 4px 0px 4px 0px;
width: 89px;
}

#navi_home a:hover,
#navi_home_b a,
#navi_home_b a:hover {
color: #009999;
font-weight: bold;
font-size: 12px;
display: block;
height: 27px;
float: left;
text-align: center;
padding: 4px 0px 4px 0px;
width: 88px;
background: url(images/navi_back02.gif);
text-decoration: none;
}

#navi_presentation a:hover,
#navi_presentation_b a,
#navi_presentation_b a:hover {
color: #009999;
font-weight: bold;
font-size: 12px;
display: block;
height: 27px;
float: left;
text-align: center;
padding: 4px 0px 4px 0px;
width: 89px;
background: url(images/navi_back03.gif);
text-decoration: none;
}

#navi_point a:hover,
#navi_point_b a,
#navi_point_b a:hover {
color: #009999;
font-weight: bold;
font-size: 12px;
display: block;
height: 27px;
float: left;
text-align: center;
padding: 4px 0px 4px 0px;
width: 89px;
background: url(images/navi_back01.gif);
text-decoration: none;
}

#navi_lineup a:hover,
#navi_lineup_b a,
#navi_lineup_b a:hover {
color: #009999;
font-weight: bold;
font-size: 12px;
display: block;
height: 27px;
float: left;
text-align: center;
padding: 4px 0px 4px 0px;
width: 89px;
background: url(images/navi_back02.gif);
text-decoration: none;
}

#navi_price a:hover,
#navi_price_b a,
#navi_price_b a:hover {
color: #009999;
font-weight: bold;
font-size: 12px;
display: block;
height: 27px;
float: left;
text-align: center;
padding: 4px 0px 4px 0px;
width: 89px;
background: url(images/navi_back03.gif);
text-decoration: none;
}

#navi_flow a:hover,
#navi_flow_b a,
#navi_flow_b a:hover {
color: #009999;
font-weight: bold;
font-size: 12px;
display: block;
height: 27px;
float: left;
text-align: center;
padding: 4px 0px 4px 0px;
width: 89px;
background: url(images/navi_back01.gif);
text-decoration: none;
}

#navi_inquiry a:hover,
#navi_inquiry_b a,
#navi_inquiry_b a:hover {
color: #009999;
font-weight: bold;
font-size: 12px;
display: block;
height: 27px;
float: left;
text-align: center;
padding: 4px 0px 4px 0px;
width: 89px;
background: url(images/navi_back04.gif);
text-decoration: none;
}

#navi_camp a:hover,
#navi_camp_b a,
#navi_camp_b a:hover {
color: #ffffff;
font-weight: bold;
font-size: 12px;
display: block;
height: 27px;
float: left;
text-align: center;
padding: 4px 0px 4px 0px;
width: 89px;
background: url(images/camp_back02.gif);
text-decoration: none;
}

.navi_line {
float: left;
}



/* Footer
------------------------------------------------------------------*/
#footer {
clear:both;
height:70px;
background:#fff url(images/footer.gif) center bottom;
}
#footer p {
text-align:center;
padding:20px 0 0;
font-size:80%;
color:#666;
}

/* Topimage
------------------------------------------------------------------*/
#topimage { margin: 10px; }

/* Section
------------------------------------------------------------------*/
.section {
	clear:both;
	line-height:1.5em;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 2em;
	padding-left: 0;
}

h1 {
margin-bottom: 10px;
font-size: 120%;
line-height: 25px;
font-weight: bold;
padding: 0 0 0 10px;
clear: both;
border-bottom: 1px solid #003c70;
border-left: 10px solid #003c70;
}

h2 {
margin-bottom: 10px;
font-size: 100%;
line-height: 20px;
font-weight: bold;
text-indent: 5px;
clear: both;
border-bottom: 1px dashed #003c70;
}

h3 {
/*margin: .5em 0;*/
font-size:100%;
color:#0c6cc4;
/*margin: 0 0 .5em;*/
}

/* Side
------------------------------------------------------------------*/
.side {
padding: 0 0 2em;
clear:both;
}

.div_menu {
margin-bottom: 10px;
line-height: 150%;
}

.side_menu1 {
height: 18px;
margin-bottom: 2px;
font-size: 125%;
font-weight: bold;
padding-left: 5px;
padding-top: 8px;
clear: both;
border-right: 2px solid #c0e0f8;
border-bottom: 2px solid #c0e0f8;
border-left: 5px solid #202f7e;
}
.side_menu1 a:hover {
text-decoration: none;
}

.side_menu2 {
height: 18px;
margin-bottom: 2px;
font-size: 125%;
font-weight: bold;
padding-left: 5px;
padding-top: 8px;
clear: both;
border-right: 2px solid #c0e0f8;
border-bottom: 2px solid #c0e0f8;
border-left: 5px solid #ff171e;
}
.side_menu2 a:hover {
text-decoration: none;
}


.side_menu3 {
height: 18px;
margin-bottom: 2px;
font-size: 125%;
font-weight: bold;
padding-left: 5px;
padding-top: 8px;
clear: both;
border-right: 2px solid #c0e0f8;
border-bottom: 2px solid #c0e0f8;
border-left: 5px solid #ffcb15;
}
.side_menu3 a:hover {
text-decoration: none;
}


.side_menu4 {
height: 18px;
margin-bottom: 2px;
font-size: 125%;
font-weight: bold;
padding-left: 5px;
padding-top: 8px;
clear: both;
border-right: 2px solid #c0e0f8;
border-bottom: 2px solid #c0e0f8;
border-left: 5px solid #339900;
}
.side_menu4 a:hover {
text-decoration: none;
}



#submenu li {
border-bottom: 2px solid #fff;
padding: 8px 15px 8px;
background:#ffffff;
}
#submenu .top {
background:#e9f2f6 url(images/submenu_top.gif) no-repeat top;
}
#submenu .bottom {
background:#e9f2f6 url(images/submenu_bottom.gif) no-repeat bottom;
}

#banner li {
margin: 0 0 5px 0;
overflow:hidden;
}

/* text
------------------------------------------------------------ */

.text_01{
 border-bottom: 1px dashed;
 border-bottom-color: #999999;
 }
 
.text_02{
 border: 1px solid;
 border-color: #666666;
 padding: 1%; 
 }

.text_03{
border: 1px solid;
border-color: #669999;
background-color: #FFFFCC;
padding: 4px;
margin-bottom: 5px;
}

.flow-primary {
width: 200px;
float: left;

}
.flow-secondary {
width: 290px;
float: right;
}

.inqury-primary {
width: 200px;
float: right;
}

.inqury-secondary {
width: 300px;
float: left;
}

/* table------------------------------------------------------------ */
.price_table {
width: 500px;
padding: 5px;
margin-top: 10px;
border-collapse: collapse;
border-style: solid;
border-color: #999999;
border-width: 1px;
}

.price_table th {
padding: 5px;
border-style: solid;
border-color: #999999;
border-width: 1px;
}

.price_table td {
padding: 5px;
border-style: solid;
border-color: #999999;
border-width: 1px;
}


/* clearfix
------------------------------------------------------------ */
.clearfix:after {
content: '.';
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* 機能比較 */
.text_table {
font-size: 80%;
border: none;
}
.text_center {
text-align: center;
border-left: 1px dotted #c0e0f8;
border-bottom: 1px solid #c0e0f8;
line-height: 20px;
}
.text_info {
color: #999999;
font-weight: normal;
font-size: 90%;
}
.text_func {
font-weight: bold;
font-size: 90%;
border-bottom: 1px solid #c0e0f8;
line-height: 20px;
}

/* 画像配置 */
.image_right {
float: right;
margin: 0px 0px 20px 20px;
}
.image_left {
float: left;
margin: 0px 20px 20px 0px;
}
.image_center {
float: center;
margin: 0px 20px 20px 0px;
}
h2 {
clear: clear;
}

.pan {
margin-bottom: 20px;
}

/* sitemap */
.sitemap01 {
padding: 5px 0px 5px 10px;
margin: 10px 0px !important;
background: #ededed;
}
.sitemap02 {
padding: 5px 0px 5px 10px;
margin: 10px 0px 10px 20px !important;
background: #ededed;
}

/* 会社情報 */
.about th {
width: 80px;
padding: 5px;
}
.about td {
padding: 5px;
}