@charset "utf-8";

/*//////////////////////////////////////////////////

Title : sitetop.css

----------------------------------------

Content

	1. TOP PAGE LAYOUT

//////////////////////////////////////////////////*/

/*--------------------------------------------------
	TOP PAGE LAYOUT
--------------------------------------------------*/
body {
text-align:left;
}


/*	headingSegment
--------------------------------------------------*/
#headingSegment{
width:189px;
height:50px;
background-color:#fff;
position:absolute;
top:313px;
left:4px;
z-index:3;
}

.pageTop #contentsForm{
display:block;
}


/*	visualSegment
--------------------------------------------------*/
#visualSegment{
width:950px;
height:366px;
position:absolute;
top:0;
left:0;
z-index:2;
}


/*	contentsSegment
--------------------------------------------------*/
#contentsSegment{
width:755px;
margin-left:195px;
position:relative;
background-color:#fff;
min-height:550px;
z-index:1;
text-align:left;
font-size:85%;
}

.segmentInner{
padding-top:366px;
zoom:1;
}
#contentsSegment .segmentContent{
padding:18px 20px 89px 20px;
position:relative;
}

#contentsFooter {
bottom:0;
height:89px;
left:0;
position:absolute;
width:550px;
z-index:2;
}

#contentsFooter #contentsFooterInner{
border-top:0;
}
#contentsFooter #simplewebBtn {
display: none;
}
#contentsNav {
top:381px;
left:-187px;
}

/*	mainContents
--------------------------------------------------*/
#mainContents{
width:510px;
padding-bottom:34px;
}

#rightVisual{
width:187px;
height:273px;
position:absolute;
top:18px;
right:20px;
z-index:2;
}


/*	variableContents
--------------------------------------------------*/


#flashMovie {
position: absolute;
top:10px;
left:10px;
}
#variableContents{
margin-bottom:17px;
position:relative;
zoom:1;
}
#variableWrap{
padding-bottom:1px;
}
#variableInner{
position:relative;
}

#variableContents.column01{background:url(/template/img/variableContents_column01_01.gif) no-repeat top left;}
#variableContents.column01 #variableWrap{background:url(/template/img/variableContents_column01_02.gif) no-repeat bottom left;}
#variableContents.column01 #variableInner{background:url(/template/img/variableContents_column01_03.gif) repeat-y;}

#variableContents.column02{background:url(/template/img/variableContents_column02_01.gif) no-repeat top left;}
#variableContents.column02 #variableWrap{background:url(/template/img/variableContents_column02_02.gif) no-repeat bottom left;}
#variableContents.column02 #variableInner{background:url(/template/img/variableContents_column02_03.gif) repeat-y;}

#variableContents.column03{background:url(/template/img/variableContents_column03_01.gif) no-repeat top left;}
#variableContents.column03 #variableWrap{background:url(/template/img/variableContents_column03_02.gif) no-repeat bottom left;}
#variableContents.column03 #variableInner{background:url(/template/img/variableContents_column03_03.gif) repeat-y;}

#variableInner:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#variableInner {display:inline-block;}
/* Hides from IE-mac \*/
* html #variableInner {height:1%;}
#variableInner {display:block;}
/* End hide from IE-mac */


#variableContents .box{
margin-right:7px;
float:left;
border-top:1px solid #e1ded9;
}
#variableContents .box.last{
margin-right:0;
}
#variableContents .boxInner{
padding:10px 10px 12px;
}
#variableContents .box .caption{
margin-top:15px;
}

#variableContents.column01 .box {width:510px;}
#variableContents.column02 .box {width:336px;}
#variableContents.column02 .box.last {width:165px;}
#variableContents.column03 .box {width:165px;}

#selectImage img{
vertical-align:top;
}

#selectList{
width:145px;
background-color:#c7c5df;
}
#selectList:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#selectList {display:inline-block;}
/* Hides from IE-mac \*/
* html #selectList {height:1%;}
#selectList {display:block;}
/* End hide from IE-mac */

#selectList li{
float:left;
text-align:center;
background-color:#9594cd;
}
#selectList li a{
display:block;
width:20px;
height:20px;
color:#fff;
text-decoration:none;
}


/*	attentionArea
--------------------------------------------------*/
.attentionArea{
margin-bottom:17px;
}

/*	contentsHeadInfo
--------------------------------------------------*/
#contentsHeadInfo{
display:none;
}

/*	rightInfo
--------------------------------------------------*/
#rightInfo{
width:187px;
position:absolute;
top:18px;
right:20px;
z-index:2;
}
#rightInfoInner{
border:1px solid #e7e4e0;
background-color:#ebe8e4;
text-align:center;
padding-bottom:4px;
}
#rightInfo dl dt{
height:52px;
}
#rightInfo dl dd p{
margin-top:1px;
}

/*	Banner
--------------------------------------------------*/
.bannerSeg{
width:488px;
}
.bannerSeg:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.bannerSeg {display:inline-block;}
/* Hides from IE-mac \*/
* html .bannerSeg {height:1%;}
.bannerSeg {display:block;}
/* End hide from IE-mac */

.bannerSeg .bannerLeft{
float:left;
}
.bannerSeg .bannerRight{
float:right;
}