@charset "UTF-8";

body, div, p,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre,
form, input, textarea,
table, th, td{  
margin:0px; 
padding:0px; 
}

ul, ol{
list-style-type: none;
}

img{
border:0px;
vertical-align:bottom;
}

table{
border-collapse:collapse;
border-spacing:0px;
}



/* common
------------------------------------*/
body{
font-size:90%;
line-height:1.5;
background-image: url(../image/bg.gif);
background-repeat: repeat-x;
background-position: top;
color:#333333;
text-align:center;
font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", Arial, Helvetica, Verdana,sans-serif;
}

#container{
width:900px;
margin:0px auto;
text-align:left;
}

#header{
margin:20px 0 10px;
}

#header .columnLeft a{
}

#header .columnLeft {
width:565px;
float:left;
margin: 0;
}

#header .columnLeft span {
color:#8C8C8C;
display:block;
/*
float:left;
*/
font-size:45%;
font-weight:normal;
vertical-align:top;
}

#header .columnRight {
width:331px;
float:right;
margin:18px 0 0;
}


#globalNavi {
padding-top: 8px;
padding-right: 0px;
padding-bottom: 4px;
background-image: url(../image/navi_bg.jpg);
background-repeat: repeat-x;
}

#globalNavi li{
display:inline;
width:150px;
}

#pankuzu {
font-size:75%;
margin:12px 0;
}

#pankuzu a {
color:#333333;
}

#contents {
}

#contents #menu {
float:left;
width:180px;
}

#contents #menu #menuMavi {
margin:0 0 23px;
}

#contents #menu #menuBanner .type1 {
margin:0 0 11px;
}

#contents #menu #menuBanner .type2 {
margin:0 0 5px;
}

#contents #mainArea{
float:right;
width:700px;
}

#contents #mainArea h3{
	border: 1px solid #C9D9EA;
	padding:10px 0 13px;
	background-image: url(../image/h3bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

#contents #mainArea h3 #h3Blue {
border-left: 3px solid #1260C9;
padding:0 0 0 17px;
display:block;
}

#contents #mainArea h3 #h3Blue #h3Title {
color:#1260C9;
display:block;
font-size:160%;
}

#contents #mainArea h3 #h3Blue #h3SubTitle {
display:block;
font-size:70%;
font-weight:normal;
}

#contents #mainArea #mainAreaInside {
margin:0 15px;
}

#contents #mainArea #mainAreaInside h4 {
margin:18px 0 20px ;
color:#1260C9;
border-bottom:1px solid #1260C9;
padding:0 0 0 2px;
font-size:130%;
}

#contents #mainArea #mainAreaInside h5 {
margin:0 0 10px ;
font-size:100%;
}

#pagetop {
margin:40px auto 0px;
width:900px;
text-align:right;
}

#footer {
padding:10px 0 10px ;
text-align:center;
background-color: #DFE9F8;
background-image: url(../image/footer_bg.gif);
background-repeat: repeat-y;
background-position: center;
}

#footer div {
width:900px;
margin:0px auto;
text-align:left;
font-size:70%;
}

#footer ul li {
color: #1260C9;
float:left;
width:179px;
}

#footer ul li ul {
padding: 7px 0 0;
}

#footer ul li ul li {
padding: 0 0 7px 18px;
background-image: url(../image/fotter_icon.gif);
background-repeat: no-repeat;
background-position: left 4px;
width:140px;
}

#footer ul li ul li a {
color: #000;
}

#footer ul li ul li a:link,
#footer ul li ul li a:visited {
text-decoration:none;
}

#footer ul li ul li a:hover,
#footer ul li ul li a:active {
text-decoration:underline;
}

#copyright {
padding:10px ;
background-image: url(../image/copyright_bg.gif);
background-repeat: repeat-x;
background-position: top;
}

#copyright div {
width:900px;
margin:0px auto;
text-align:left;
font-size:70%;
}

#copyright div p {
float:left;
width:400px;
color:#666666;
}

#copyright div ul {
float:right;
width:400px;
text-align:right;
}

#copyright div ul li {
border-left:1px solid #1260C9;
display:inline;
margin:0 0 0 5px;
padding:0 0 0 6px;
}

#copyright div ul li.endLi {
border-left:0px;
}

#copyright div ul li a {
color:#1260C9;
}

#copyright div ul li a:,
#copyright div ul li a: {
text-decoration;
}

#footer p{
padding:5px;
}


/* index
------------------------------------*/

#indexImage {
margin:13px 0 10px;
}

#indexMenu {
float:right;
width:180px;
}

.index #columnLeft {
width:500px;
float:left;
}

.index #columnLeft #totalService2 h2,
.index #columnLeft #maker h2 {
background-image: url(../image/top/top_title012.gif);
background-repeat: no-repeat;
background-position: left top;
height:68px;
}

.index #columnLeft #totalService2 h2 span,
.index #columnLeft #maker h2 span {
color:#1260C9;
display:block;
font-size:95%;
font-weight:bold;
padding:20px 0 0 18px;
}

.index #columnLeft #totalService2 p,
.index #columnLeft #maker ul {
padding: 0 18px 18px;
font-size:85%;
border-bottom:1px solid #C9D9EA;
border-left:1px solid #C9D9EA;
border-right:1px solid #C9D9EA;
}

.index #columnLeft #totalService h2 {
background-image: url(../image/top/top_title01.gif);
background-repeat: no-repeat;
background-position: left top;
height:68px;
}

.index #columnLeft #totalService h2 span {
color:#1260C9;
display:block;
font-size:85%;
font-weight:bold;
padding:22px 0 0 78px;
}

.index #columnLeft #totalService p {
padding: 0 18px 18px;
font-size:85%;
border-bottom:1px solid #C9D9EA;
border-left:1px solid #C9D9EA;
border-right:1px solid #C9D9EA;
}

.index #columnLeft #maker ul li {
display:inline;
float:left;
margin:10px 20px 0;
}

.index #columnLeft #news h2,
.index #columnLeft #market h2 {
background-repeat: no-repeat;
background-position: left top;
height:31px;
margin:20px 0 0;
}

.index #columnLeft #news h2 {
background-image: url(../image/top/top_title02.jpg);
}

.index #columnLeft #market h2 {
background-image: url(../image/top/top_title03.jpg);
}

.index #columnLeft #news h2 span,
.index #columnLeft #market h2 span {
color:#1260C9;
display:block;
font-size:75%;
font-weight:bold;
padding:2px 0 0 40px;
}

*html .index #columnLeft #news h2 span,
*html .index #columnLeft #market h2 span {
color:#1260C9;
display:block;
font-size:70%;
font-weight:bold;
padding:0px 0 0 40px;
}

*+html .index #columnLeft #news h2 span,
*+html .index #columnLeft #market h2 span {
color:#1260C9;
display:block;
font-size:70%;
font-weight:bold;
padding:0px 0 0 40px;
}

.index #columnLeft #news h2 span img,
.index #columnLeft #market h2 span img {
vertical-align:middle;
}

.index #columnLeft #news ul,
.index #columnLeft #market ul {
font-size:85%;
margin:10px;
}

.index #columnLeft #news ul li,
.index #columnLeft #market ul li {
margin:0 0 10px;
}

.index #columnLeft #news ul li span.columnLeft,
.index #columnLeft #market ul li span.columnLeft {
float:left;
width:100px;
}

.index #columnLeft #news ul li span.columnRight,
.index #columnLeft #market ul li span.columnRight {
float:right;
width:370px;
}

.index #columnLeft #news ul span.columnRight a,
.index #columnLeft #market ul span.columnRight a {
color:#1260C9;
}

.index #columnRight {
width:180px;
float:right;
}

.index #columnRight h2 {
margin:10px 0 0;
}

.index #columnRight div {
background-image: url(../image/top/top_banner02_bg.gif);
background-repeat: repeat;
background-position: left top;
padding:0 7px 7px 6px;
}

.index #columnRight div br {
}

.index #columnRight div form {
background-color:#FFFFFF;
}

.index #columnRight div form ul {
margin:0 10px;
font-size:70%;
}

.index #columnRight div form ul li {
border-bottom: 1px dotted #333333;
padding:0 0 5px;
margin:0 0 5px;
}

.index #columnRight div form ul li.endLi {
border: 0;
margin: 0;
}

.index #columnRight div form ul li input {
margin:0 5px 0 0;
vertical-align:middle;
}

.index #columnRight div form ul li a {
background-position:1px 2px;
background-repeat:no-repeat;
display:block;
padding:0 0 0 15px;
text-decoration:none;
}

.index #columnRight div form ul li a:link { background-image:url("../image/top/top_icon02.gif");}
.index #columnRight div form ul li a:visited { background-image:url("../image/top/top_icon02.gif");}
.index #columnRight div form ul li a:hover { background-image:url("../image/top/top_icon01.gif"); text-decoration: underline;}
.index #columnRight div form ul li a:active { background-image:url("../image/top/top_icon01.gif"); text-decoration: underline;}

.index #columnRight div form #analyzeBtn {
margin:0 0 10px 18px;
}


/* float
------------------------------------*/
#header:after,
#header .columnLeft:after,
#contents:after,
#footer ul:after,
#copyright div:after,
.index:after,
.index #columnLeft #totalService p:after,
.index #columnLeft #maker ul:after,
.index #columnLeft #news ul li:after,
.index #columnLeft #market ul li:after,
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

#header,
#header .columnLeft,
#contents,
#footer ul,
#copyright div,
.index,
.index #columnLeft #totalService p,
.index #columnLeft #maker ul,
.index #columnLeft #news ul li,
.index #columnLeft #market ul li,
.clearfix {
display: inline-block;
}

/* exlude MacIE5 \*/
* html #header,
* html #header .columnLeft,
* html #contents,
* html #footer ul,
* html #copyright div,
* html .index,
* html .index #columnLeft #totalService p,
* html .index #columnLeft #maker ul,
* html .index #columnLeft #news ul li,
* html .index #columnLeft #market ul li,
* html .clearfix {
height: 1%
}

#header,
#header .columnLeft,
#contents,
#footer ul,
#copyright div,
.index,
.index #columnLeft #totalService p,
.index #columnLeft #maker ul,
.index #columnLeft #news ul li,
.index #columnLeft #market ul li,
.clearfix {
display:block;
}
/* end MacIE5 */