* {
	margin:0;
	padding:0;
}
h2 {
	padding:1em 0 0 0;
}
p {
	line-height:1.4em;
}
p + p {
	text-indent:2em;
}
body {
	font-size:100%;
        font-family: 'HiraMinProN-W3','HiraMinProN-W6',serif;
	text-align:center;
        background-image:url(../img/g-bg.gif);

}
pre {
	display:block;
	margin:1em 0 0 0;
	width:488px;
}
pre code {
	background:#eee;
	display:block;
	padding:10px;
}
.r {
	float:right;
	padding:0 0 10px 20px;
}

/* Landscape mode (default) */
#wrap {
	margin:0 auto;
	width:1024px;
	position:relative;
	overflow:hidden;
	text-align:left;
	background-color: rgba(250, 250, 250, 0.7);
        border-radius: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px
}
#header {
	margin:0 auto;
	width:100%;
	position:relative;
	overflow:hidden;
	text-align:left;
	padding:5px 0 5px 0;
	background-color: rgba(30, 5, 5, 0.0);
        color: rgb(220, 220, 220);
	border-bottom:0px solid #000;
}
#header h1 {
	padding:10px 30px 0 30px;
}
#header p {
	padding:0 40px;
	line-height:1.4em;
        background-color: #cccccc;
        -webkit-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
        color: transparent;
        text-shadow: rgba(255,255,255,0.7) 0px 3px 3px;
}
#hp1 {
	padding:0 0px;
        background-color: #cccccc;
        -webkit-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
        color: transparent;
        text-shadow: rgba(255,255,255,0.7) 0px 3px 3px;
        padding:0px 0px 0px 30px;
}
#content {
	float:left;
	width:1024px;
	background-color: rgba(250, 250, 250, 0.0);
	position:relative;
	left:840px;
}
#main {
	float:left;
	width:800px;
        height:558px;
	position:relative;
	right:810px;
	padding:20px 0;
	background-color: rgba(250, 250, 250, 0.0);
}
#maina {
	float:left;
	width:400px;
        height:558px;
	position:relative;
	right:810px;
        margin:20px 0 0 0;
	padding:0px 0px 0px 0px;
	background-color: rgba(0, 250, 250, 0.0);
border-top-left-radius: 10px;
border-bottom-left-radius: 10px; 
-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px; 
}
#mainb {
	float:left;
	width:400px;
        height:558px;
	position:relative;
	right:810px;
        margin:20px 0 0 0;
	padding:0px 0px 0px 0px;
	background-color: rgba(250, 250, 250, 0.7);
border-top-right-radius: 10px;
border-bottom-right-radius: 10px; 
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px; 
}
#mainc {
	float:left;
	width:400px;
        height:558px;
	position:relative;
	right:810px;
background-image:url(../img/studio-bg1.jpg);
        margin:20px 0 0 0;
	padding:0px 0px 0px 0px;
	background-color: rgba(0, 250, 250, 0.0);
border-top-left-radius: 10px;
border-bottom-left-radius: 10px; 
-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px; 
}

#side {
	float:right;
	width:123px;
	position:relative;
	right:880px;
	padding-top:20px;
	padding-bottom:20px;
}
#side2 {
	float:right;
	width:123px;
	position:relative;
	right:880px;
	padding-top:20px;
	padding-bottom:20px;
}
#sidea,
#sideb,
#sidec
#sided
#sidee {
	clear:left;
	float:left;
	width:123px;
}
#footer {
	clear:both;
	margin:0 auto;
	width:100%;
	position:relative;
	overflow:hidden;
	text-align:center;
	border-top:1px solid #eee;
	background-color: rgba(30, 5, 5, 0.0);
        color: rgb(180, 180, 180);
}
#copy {
	margin: 30px 0 15px 0;
	font-size: 12px;
	font-family: Arial;
        padding:10px 30px 0 30px;
}
#gaiyou-ti {
	font-size: 12px;
        color: rgb(80, 80, 80);
}
#about-ti {
	font-size: 13px;
        color: rgb(80, 80, 80);
}
#about-ti2 {
	font-size: 16px;
        color: rgb(80, 80, 80);
}
#alink{
        background-color: rgba(120, 120, 120, 1.0);
        border-radius: 5px 5px 5px 5px;
        text-align: center;
        font-size: 12px;
        color: rgb(220, 220, 220);
        border: 1px solid #fff;
}
#footer p {
	padding:0px 20px;
}

@media only screen and (orientation:portrait){
	/* portrait mode */
	#header,
	#footer {
		width:100%;
	}
	#wrap {
		width:768px;
	}
	#content {
		left:0;
	background-color: rgba(250, 250, 250, 0.0);
	}
	#main {
		float:left;
		width:708px;
                height:658px;
		position:relative;
		right:0;
		left:30px;
		padding:20px 0;
	}
	#maina {
		float:left;
		width:708px;
                height:328px;
		position:relative;
		right:0;
		left:30px;
		padding:0px 0;
border-top-left-radius: 10px;
border-bottom-left-radius: 0px;
border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-topright: 10px;
	}
	#mainb {
		float:left;
		width:708px;
                height:330px;
		position:relative;
		right:0;
		left:30px;
                margin:0px 0 0 0;
		padding:0px 0;
border-bottom-left-radius: 10px;
border-top-right-radius: 0px;
border-bottom-right-radius: 10px; 
-webkit-border-bottom-left-radius: 10px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 10px; 
	}
	#mainc {
		float:left;
		width:708px;
                height:328px;
		position:relative;
		right:0;
		left:30px;
background-image:url(../img/studio-bg2.jpg);
		padding:0px 0;
border-top-left-radius: 10px;
border-bottom-left-radius: 0px;
border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-topright: 10px;
	}
	#side {
		clear:left;
		float:left;
		width:768px;
		right:0;
		padding-bottom:20px;
	background-color: rgba(250, 250, 250, 0.0);
	}
	#side2 {
		clear:left;
		float:left;
		width:768px;
		right:0;
                margin:20px 0 0 0;
		padding-bottom:20px;
	background-color: rgba(250, 250, 250, 0.0);
	}
	#sidea {
		clear:none;
		width:116px;
		float:left;
		position:relative;
		left:30px;
		padding-top:0px;
	}
	#sideb {
		clear:none;
		width:116px;
		float:left;
		position:relative;
		left:60px;
		padding-top:0px;
	}
	#sidec {
		clear:none;
		width:116px;
		float:left;
		position:relative;
		left:90px;
		padding-top:0px;
	}
	#sided {
		clear:none;
		width:116px;
		float:left;
		position:relative;
		left:120px;
		padding-top:0px;
	}
	#sidee {
		clear:none;
		width:116px;
		float:left;
		position:relative;
		left:150px;
		padding-top:0px;
	}
}