@charset "utf-8";

* {
margin: 0;
padding:0;
}

html {
background-:#FFF;
}

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

body {
font-size:12px;
color:#636363;
text-align:left;
background:url(../imgs/bg.gif) repeat-x;
}

a {
color:#636363;
text-decoration:underline;
outline:0; /* prevent dotted border in Firefox */
}

a:hover {
color:#999;
text-decoration:underline;
}

#wrapper {
margin:0px auto;
padding-top:13px;
width:850px;
height:auto;
}

#titleImg {
width:350px;
height:55px;
}


#header{
background:url(../imgs/title.gif) no-repeat center;
width:350px;
height:55px;
}

h1{
text-indent: -20000px;
}

#header h1 a{
display:block;
width:350px;
height:55px;
}



/* navigation */
#naviset {
width:850px;
height:95px;
overflow:hidden;
}

#naviset ul{
overflow:hidden;
text-indent:-3000px;
list-style:none;
}

#naviset li {
float:left;
}

#sol01 {
display:block;
width:202px;
height:95px;
background:url(../imgs/navi01.gif) no-repeat;
margin-right:14px;
}

#sol01:hover{
background:url(../imgs/navi01.gif) no-repeat;
background-position:left bottom;
margin-right:14px;
}

#sol02 {
display:block;
width:202px;
height:95px;
background:url(../imgs/navi02.gif) no-repeat;
margin-right:14px;
}

#sol02:hover{
background:url(../imgs/navi02.gif) no-repeat;
background-position:left bottom;
margin-right:14px;
}

#sol03 {
display:block;
width:202px;
height:95px;
background:url(../imgs/navi03.gif) no-repeat;
margin-right:14px;
}

#sol03:hover{
background:url(../imgs/navi03.gif) no-repeat;
background-position:left bottom;
margin-right:14px;
}

#sol04 {
display:block;
width:202px;
height:95px;
background:url(../imgs/navi04.gif) no-repeat;
}

#sol04:hover{
background:url(../imgs/navi04.gif) no-repeat;
background-position:left bottom;
}


#solhome {
display:block;
width:202px;
height:95px;
background:url(../imgs/navi01.gif) no-repeat;
background-position:left bottom;
margin-right:14px;
}

#solpickup {
display:block;
width:202px;
height:95px;
background:url(../imgs/navi02.gif) no-repeat;
background-position:left bottom;
margin-right:14px;
}

#solfeature {
display:block;
width:202px;
height:95px;
background:url(../imgs/navi03.gif) no-repeat;
background-position:left bottom;
margin-right:14px;
}

#solmobile {
display:block;
width:202px;
height:95px;
background:url(../imgs/navi04.gif) no-repeat;
background-position:left bottom;
}


/* container */
#container {
width:850px;
height:auto;
overflow: hidden;
}

#container:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

/*\*/
* html #container {
height: 1em;
overflow: visible;
}
/**/


/*main contents*/

#mainCont {
float:left;
margin-top:50px;
width:522px;
height:auto;
}

#mainCont h2 {
margin:20px 0px 3px 6px;
font-size:15px;
line-height:17px;
color:#636363;
}

#mainCont h3 {
margin-bottom:15px;
padding:15px 0px 0px 15px;
font-size:15px;
font-weight:normal;
line-height:17px;
color:#FFF;
background:url(../imgs/titleBg.gif) no-repeat;
width:507px;
height:32px;
}

.honbun {
margin-bottom:0px;
padding:0px 0px 30px 20px;
font-size:12px;
line-height:20px;
width:502px;
}

.honbun strong{
color:#171C3D;
font-size:13px;
}




/*side bar*/
#sideBar {
float:right;
margin-top:70px;
width:268px;
height:auto;
}


#sideBar ul {
margin:8px 0px 30px 20px;
line-height:20px;
}

#sideBar ul a{
text-decoration:none;
}

#sideBar ul a:hover{
text-decoration:underline;
}




/*footer*/
#footer {
width:100%;
margin-top:20px;
height:69px;
background:url(../imgs/footer.gif) no-repeat #171C3D center;
}