@charset "UTF-8";

/*Basic*/

body { 
font: font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; line-height: 1.2;font-size: 10pt;margin: 0;
    background-color:#7ba8da;

}

a img { /* このセレクターは、一部のブラウザーでイメージをリンクで囲んだ場合にイメージの周囲に表示される初期設定の青いボーダーを削除します。 */
border: none;
}
img.noborder{
    border-style:none;
}

/*iphone and mac-pc*/
.iphoneonly {
display:none;
}

.erased {
display:none;
}

/*HEADER */



#header{
	position:relative;
	padding-left: 3px;
	padding-top:1px;
	padding-bottom:1px;
        background-image: url("http://www.advansteps.com/macxapps/data/back.gif");
	height: 60px;
	width:100%;

}
#containerheader {
	position:relative;
	width:100%;
	margin: 0 auto; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。 */
}
	
div#headerbelow{
	position:relative;
	width:100%;
	height:24px;
	left:0px;
	padding-top:2px;
	padding-bottom:2px;
        background-image: url("http://www.advansteps.com/macxapps/data/back2.gif");
	text-align:center;
	color: #ffffff;
	padding: 0px 0px;
        }
	
div#headerbelow a{
	color: #ffffff;
}

.contentmenu {
	position: relative;
	width: 1240px;
	height: 100px;
	margin: 0 auto; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。 */
z-index:100;
}

			
div.headerlogo{
		position: absolute;
		padding:0px;
		margin: 0px;
		top:2px;
		left:5px;
		width: 250px;
		height: 52px;
        }
		
img.headerlogo {
    border-style:none;
}
		
div.headerinleft{
		position: absolute;
		padding:0px;
		margin: 0px;
		top:5px;
		left:256px;
        width:23px;
		height: 52px;
		background-image: url("http://www.advansteps.com/macxtreme/data/blueleft.png");
        }
		
div.headerinmid1{
		position: absolute;
		padding:0px;
		margin: 0px;
		top:5px;
		left:278px;
		width:60px;
		height: 52px;
		color: white;
		background-image: url("http://www.advansteps.com/macxtreme/data/bluemiddle.png");
		overflow:hidden;
}
div.headerinmid2{
		position: absolute;
		padding:18px 0px 0px 0px;
		margin: 0px;
		top:5px;
		left:337px;
		right:43px;
		height: 30px;
		color: white;
		background-image: url("http://www.advansteps.com/macxtreme/data/bluemiddle.png");
		overflow:hidden;
}
		
div.headerinmid2 a{
  	color: white;
}

div.headerinmid2 a:hover{
  	color: yellow;
}
		
div.headerinright{
		position: absolute;
		padding:0px;
		margin: 0px;
		top:5px;
		right:20px;
		height: 52px;
        width:23px;
		background-image: url("http://www.advansteps.com/macxtreme/data/blueright.png");
        }


/*MAIN */


#main {
clear:both;
    background-color:#ffffff;
    position: relative;
    text-align: center;
    top: 10px;
    width: 1200px;
    margin: 0 auto; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。 */
}

#zeroplusoneplustwoinmain {
    float:left;
    width: 1000px;
}

#zeroinmain {	
clear:both;

        text-align: left;
	-webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border: solid 4px #0040a2;
        background-color: #ffffff;
        padding: 10px;
        width: 956px;
	color:black;
}
div.gotoapp{
        width:380px;
        text-align: center;
	-webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border: solid 1px #0040a2;
	background-color: #8ab6f3;
        padding: 10px;
	line-height :1.5;
        }


#oneplustwoinmain {
clear:both;
}


#oneinmain {
    float:left;
	width: 500px;
	margin:0px 0px 10px 0px;
}

#twoinmain {
    float:right;
	width: 500px;
		margin:0px 0px 10px 0px;

}

p.folder{
	margin-left: 36px;
	text-indent: -36px;
	line-height: 28px;
}


#threeinmain {
    float:left;
width: 200px;	
}


#three_oneinmain {
width: 200px;
	    background-image: url("http://www.advansteps.com/macxapps/data/back.gif");
	color: #e4e8ea;
    padding: 5px;
    border: 2px solid #0040a2;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    margin:0px 0px 10px 0px;
}

#three_twoinmain {
    position: relative;
width: 200px;
text-align:left;	
	      background-image: url("http://www.advansteps.com/macxapps/data/back.gif");
	color: #e4e8ea;
    padding: 5px;
    border: 2px solid #0040a2;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    margin:0px 0px 10px 0px;
	
}


#fukiofthreeinmain{
    position: absolute;
    right:10px;
    top:0px;
    width:65px;
    height:61px;
background-image: url("http://www.advansteps.com/macxapps/data/fuki.png");
text-align:center;
}
#infukiofthreeinmain{
padding:20px 0px;
}

div#footerbefore{
clear:both;
background-color:#123456;
position: relative;
text-align: center;
width: 1220px;
margin: 10px auto; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。 */
}

div#footerbefore1{
float:left;
background-color:#ffffff;
width: 300px;
height:100px;
text-align: left;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border: dotted  3px #dddddd;
background-color: white;
padding: 10px;
color:black;
margin:10px 0px;
vertical-align:middle;

}
div#footerbefore3{
float:left;
background-color:#ffffff;
width: 500px;
height:100px;
text-align: left;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border: dotted  3px #dddddd;
background-color: white;
padding: 10px;
color:black;
margin:10px 20px;
vertical-align:middle;
}
div#footerbefore2{
float:right;
background-color:#ffffff;
width: 300px;
height:100px;
text-align: left;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border: dotted  3px #dddddd;
background-color: white;
padding: 10px;
color:black;
margin:10px 0px;
vertical-align:middle;

}
			
		
div#footer{
clear:both;
width:100%;
text-align:right;
		border: solid  3px #dddddd;
        background-color: white;
        padding: 10px;
        }
		


  
.main4google{
     background-image: url("http://www.advansteps.com/macxapps/data/bzzz.gif");
    text-align: center;
    position: relative;
    top: 5px;
    width: 820px;
    margin: 0 auto 0px auto;
    min-height:1500px;
  }
#cse-search-results{
    min-height: 1500px;
} 
  
/*Main Space Layout */

.gooad {
    width: 135px;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border: solid 2px #0040a2;
    padding: 10px;
	background-color: white;

  }
		
.googlemain{
    background-color: #cfd1d4;
    text-align: center;
    position: relative;
    top: 0px;
    width: 100%;
    margin: 0 auto 0px auto;
  }

div.roundsky {
		margin:10px 0px 10px 0px;
        text-align: left;
		-webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border: solid 1px skyblue;
        background-color: skyblue;
        padding: 10px;
        width: 440px;
        }
		
div.roundwhite {
		margin:10px 0px 10px 0px;
        text-align: left;
		-webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border: solid 1px white;
        background-color: white;
        padding: 10px;
        width: 440px;
        }

div.roundblack {
		margin:10px 0px 10px 0px;
        text-align: left;
		-webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border: solid 1px #555555;
        padding: 10px;
        width: 440px;
		background-image: url("http://www.advansteps.com/macxtreme/data/yyy.gif");
		color: white;
        }
		
div.roundblack a{
		color: white;
}

div.roundblack a:hover{
		color: white;
		background-image: url("http://www.advansteps.com/macxtreme/data/trans.png");
}
	
div.roundgreen {
		margin:10px 0px 10px 0px;
        text-align: left;
		-webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border: solid 2px #0040a2;
        background-color: white;
        padding: 10px;
        width: 460px;
		color:black;
        }

div.roundgreenwide {
		margin:10px 0px 10px 0px;
        text-align: left;
		-webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border: solid 2px #0040a2;
        background-color: white;
        padding: 10px;
        width: 800px;
		color:black;
        }
	
div.roundgreen a:hover {
        background-color: #d1ddff;
        }
		
img.imgcap{
        padding: 5px;
		-webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border: solid 2px #cfd1d4;
}

img.imgcap:hover{
        padding: 5px;
		-webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border: solid 2px #cfd1d4;
        background-color: #b9cbff;
}
		
div.roundgoogle {
		margin:10px 0px 10px 0px;
        text-align: left;
		-webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border: solid 2px #0040a2;
        background-color: white;
        padding: 10px;
        width: 440px;
		height: 250px;
		color:black;
        }
	
div.ad1{
        position:relative;
        top:0px;
		left:5px;
		width: 260px;
		height: 250px;
		 }
		 
div.ad2{
        position:relative;
        top:-250px;
		left:270px;
		width: 260px;
		height: 250px;
		 }


		
div.softtitle {
        text-align: left;
		-webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border: solid 2px #0040a2;
        background-color: #d9e8fd;
        width: 430px;
		color:black;
		vertical-align:middle;
        }
		

div.backback{
        width: 114px;
		padding: 10px;
	   margin: 5px;
		-webkit-border-radius: 10px;
        -moz-border-radius: 10px;
		background-image: url("http://www.advansteps.com/macxtreme/data/trans.png");
        text-align: middle;
vertical-align:middle;
}

div.roundsnow {
		margin:10px 0px 10px 0px;
        text-align: center;
		-webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border: solid 2px white;
		background-image: url("http://www.advansteps.com/macxtreme/data/trans.png");
        padding: 10px;
        width: 440px;
		color:black;
        }
		
div.roundgray {
		margin:10px 0px 10px 0px;
        text-align: center;
		-webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border: solid 2px white;
        background-color: #cfd1d4;
        padding: 10px;
        width: 440px;
		color:black;
        }
		
div.pricegraph{
        text-align: left;
		-webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border: solid 1px #dddddd;
		 background-color: #ffffff;
        padding: 10px;
        margin: 10px;
		line-height :1.5;
        }
		
		
div.marklist{
        text-align: right;
        margin: 8px;
        }
	
div.setumei{
font-size:9pt;
        text-align: left;
		-webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border: solid 1px #dddddd;
		 background-color: #dddddd;
        padding: 10px;
        margin: 10px;
		line-height :1.5;
        }
		
div.pricesetumei{
		display:none;
        }
		
div.ownersetumei{
font-size:9pt;

        text-align: left;
		-webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border: solid 1px #dddddd;
		 background-color: #fdd3ec;
        padding: 10px;
        margin: 10px;
		line-height :1.5;
        }
		

		
.formnotifier {
  color: #a0a0a0;
  font-size: 12px;
  font-style: italic;
  overflow: hidden;
  padding:0 5px;
  position: absolute;
  text-align: left;
  z-index: 100;
  }
  
.slideshow2 {
position: relative;
height: 320px; width:420px; margin: auto; 
background-color: #eee;
padding: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border: solid 1px #cfd1d4;
z-index:0; 
}

.leftinslide {
position: absolute;
left:0px;
bottom:0px;
z-index:10; 
}

.rightinslide {
position: absolute;
right:0px;
bottom:0px;
z-index:10; 
}

.slideshow3 {
padding: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border: solid 2px #cfd1d4;
}

.yoko { padding: 10px 10px;  }
.tate { padding: 10px 10px;  }
.slideshowunder { padding: 5px;  }


.min8 { font-size: 8pt }
.min9 { font-size: 9pt }
.min10 { font-size: 10pt}
.min11 { font-size: 11pt}
.min12 { font-size: 12pt}

.relatedcontents{
font-size: 8pt;
background-color: #dddddd;
padding: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
margin: 5px 0px 0px 0px;
}

.twcomment{
font-size: 8pt;
color:#000000;
background-image: url("http://www.advansteps.com/macxtreme/data/trans.png");
padding: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
margin: 5px 0px 0px 0px;
}
div.twcomment a{
color:#000000;
}
div.twuser a{
color:#ffffff;
}


.twdate{
text-align: right;
font-size: 8pt;
color: #b1b8fd;
margin: 2px 0px 5px 0px;
}