body {
text-align: center;
}
#header,#contents,.contents_bg,#title,#footer{
width: 100%;
}
#header {
background: url(../img/header_bg.png) left top repeat-x;
}
#title {
background: url(../img/title_bg.png) left top repeat-x;
}
#contents {
background: url(../img/cont_bg.png) 0px 170px repeat;
}
.contents_bg {
background: url(../img/cont_top_bg.png) left top repeat-x;
}
#footer {
background: url(../../common/foot_bg.png) left top repeat-x;
}
.header_inner,.shop,.title_inner,.contents_inner,.footer_inner {
width: 800px;
margin: 0 auto;
overflow: hidden;
position: relative;
text-align: left;
}


.header_inner {
background: url(../img/inner_bg.png) left top no-repeat;
height: 350px;
}
.header_inner ul.gnavi li.about{
position: absolute;
top: 0;
left: 440px;
z-index: 10;
}
.header_inner ul.gnavi li.company{
position: absolute;
top: 0;
left: 630px;
z-index: 10;
}
.header_inner ul.gnavi li.pwee{
position: absolute;
right: 0;
top: 0;
z-index: 5;
}
.header_inner ul.gnavi li.works{
position: absolute;
top: 173px;
left: 144px;
z-index: 30;
}
.header_inner ul.gnavi li.v_ad{
position: absolute;
top: 146px;
left: 480px;
z-index: 30;
}
.header_inner ul.gnavi li.select{
position: absolute;
top: 174px;
left: 622px;
z-index: 20;
}
.header_inner ul.gnavi li.sateiya{
position: absolute;
top: 167px;
left: 52px;
z-index: 20;
}
.header_inner ul.gnavi li.blog{
position: absolute;
left: 313px;
top: 202px;
z-index: 20;
}


.header_inner ul.bg li.pw{
position: absolute;
left: 356px;
top: 74px;
z-index: 15;
}
.header_inner ul.bg li.coaster{
position: absolute;
left: 131px;
top: 120px;
z-index: 10;
}
.header_inner ul.bg li.kanransha{
position: absolute;
left: 480px;
top: 110px;
z-index: 10;
}
.header_inner ul.bg li.bg_foot{
position: absolute;
left: 0;
bottom: 0;
z-index: 100;
}

#header ul.link {
padding: 0 16px;
background: url(../img/link/bg.png) left top no-repeat;
position: absolute;
top: 305px;
left: 66px;
z-index: 200;
}
#header ul.link li {
display: inline;
}

.contents_inner {
width: 800px;
background: url(../img/cont_inner_bg.png) 0px 170px repeat-y;
overflow: hidden;
position: relative;
}

.subL {
width: 200px;
float: left;
overflow: hidden;
background: url(../img/subL_bg.png) left top no-repeat;
}
.main {
width: 400px;
float: left;
position: relative;
overflow: hidden;
}

.subR {
width: 200px;
float: left;
overflow: hidden;
background: url(../img/subR_bg.png) left top no-repeat;
}

.sub_box {
width: 200px;
overflow: hidden;
margin-bottom: 20px;
}
.sub_top,.sub_foot {
width: 200px;
height: 10px;
font-size: 0px;
}
.sub_top {
background: url(../img/sub_top-trans.png) left top no-repeat;
}
.sub_foot {
background: url(../img/sub_foot-trans.png) left top no-repeat;
}
.sub_inner {
background: url(../img/sub_inner-trans.png) left top no-repeat;
padding: 0 5px;
}
.sub_inner h2 {
font-size: 1.1em;
font-weight: bold;
padding-bottom: 5px;
color:  #0033FF;
}
.sub_inner h2 img{
vertical-align: text-bottom;
}
.sub_inner ul li, .sub_inner p {
line-height: 1.2;
padding-bottom: 3px;
position:relative;
width:190px;
}

.twit_box {
width: 190px;
overflow: hidden;
position: relative;
padding-bottom: 10px;
}
.twit_box span img{
width: 40px;
float: left;
}
.twit_box p {
width: 140px;
float: right;
overflow: hidden;
}

.new_blog {
width: 190px;
overflow: hidden;
position: relative;
padding-bottom: 10px;
}
.new_blog span img{
width: 40px;
float: right;
}
.new_blog p {
width: 140px;
float: left;
overflow: hidden;
}
.new_blog p b {
font-weight: bold;
color:  #666;
}

/*blog*/

div.pageswitch {
	font-size: 0.9em;
    text-align: center;
	color: #3080cb;
	margin: 0;
	padding: 5px 0;
	font-weight:bold;
	}


.footer_inner p {
margin: 0;
padding: 0;
line-height: 1;
}
/*-----------------------------------------------------------------------------------------------*/
/*                                         TOOLTIP STYLES                                        */
/*-----------------------------------------------------------------------------------------------*/

.tip {
width: 212px;
padding-top: 26px;
overflow: hidden;
display: none;
position: absolute;
z-index: 1000;
background: transparent url(../img/tipTop.gif) no-repeat top;}
	
.tipMid {
background: transparent url(../img/tipMid.gif) repeat-y;
padding: 0 15px 0 15px;
}
.tipBtm {
background: transparent url(../img/tipBtm.gif) no-repeat bottom;
height: 66px;
}

b.color {
color: #ff6347;
}
span.tTipimg img{
width:40px;
}

/*lightbox*/
.hidden {
display: none;
}
