@charset "UTF-8";

/* 
pc.css
Version : 0.1
*/


/*
--------------------------------------------------
MEMO
--------------------------------------------------

***** Font Size *****

09px = 70%
10px = 77%
11px = 85%
12px = 93%
13px = 100%
14px = 108%
15px = 116%
16px = 123.1%
17px = 131%
18px = 138.5%
19px = 146.5%
20px = 153.9%
21px = 161.6%
22px = 167%
23px = 174%
24px = 182%
25px = 189%
26px = 197%
36px = 273.5%
--------------------------------------------------

*/




/* import
================================================== */
@import "init.css";


/* common
================================================== */
body {
	background: #DBD9D7 url(../images/bg.gif); 
	padding: 0;
	margin: 0;
	color: #000;
	min-width: 960px;
	}

a,
a:visited { color:#000; text-decoration: underline; }
a:hover   { color:#888; text-decoration: none; }
a:active  { color:#888; text-decoration: none; position: relative; top:1px; }
a:hover.hoverFilter img{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";
	}
	
.r3  { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
.r5  { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.r10 { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }

#wrapper { margin: 1px 0 ; border-top:#000 solid 1px; }
#wrapperInner { width: 900px; margin: 0 auto 80px; }

footer   { height:105px; width:900px; margin: 0 auto; background: url(../images/line03.png) repeat-x top; }
footer .fltL { width: 500px; position: relative; }
footer .fltL img { float:left; margin: 33px 0 0; }
footer .fltL p   { float:left; margin: 45px 0 0; }
footer .fltL #copy { font-family: Verdana, Helvetica Arial; color:#435B67; margin: 0 0 0 10px; }
footer .fltL a     { margin: 0 0 0 20px; color:#435B67; }
footer .fltL a:hover { text-decoration: none; color: #333; }
footer .fltR { width: 400px; text-align: right; margin: 25px 0 0; }
footer.sp { display: none; }

#wrapper-sp, #pagetop-sp{
	display: none;
}


/* body#home
================================================== */


#home header  { height: 640px; background: #000 url(../images/bg_header1.gif) repeat-x; }
#home header h1 img { width: 400px; height: 140px; }
#home header .description { margin-top: 70px; }
#home header .lead-app-sp { display: none; }
#home header .floatL { float: left; }
#home header .floatR { float: right; }
#home #headerInner { width:960px; margin: 0 auto; background: url(../images/line01.png) no-repeat 0 195px; }
#home #headerInner .floatL { width: 515px; margin: 35px 0 0; text-align: center; }
#home #headerInner p { color: #FFF; font-size: 108%; line-height: 180%; }
#home #headerInner .floatR { width: 445px; position: relative; }
#home #headerInner .floatR #kyotai { position: absolute; top:25px; left: 0; }
#home #headerInner .floatR #screenshots { position: absolute; width: 274px; height: 488px; background: #666; overflow: hidden; top:98px; left:38px; }
#home #colButtons { position: absolute; top:220px; left:355px; }
#home #colButtons a { display: block; width: 100px; height:36px; text-indent: -9999px; overflow: hidden; outline: none; }
#home #colButtons a#col1 { background: url(../images/c1.png) no-repeat; }
#home #colButtons a#col2 { background: url(../images/c2.png) no-repeat; }
#home #colButtons a#col3 { background: url(../images/c3.png) no-repeat; }
#home #colButtons a#col1.activeSlide,
#home #colButtons a:hover#col1 { background: url(../images/c1_on.png) no-repeat; }
#home #colButtons a#col2.activeSlide,
#home #colButtons a:hover#col2 { background: url(../images/c2_on.png) no-repeat; }
#home #colButtons a#col3.activeSlide,
#home #colButtons a:hover#col3 { background: url(../images/c3_on.png) no-repeat; }

/* あとで消す
================================================== */
#home #headerInner .fltL { width: 515px; margin: 35px 0 0; text-align: center; }
#home #headerInner .fltR { width: 445px; position: relative; }
#home #headerInner .fltR #kyotai { position: absolute; top:25px; left: 0; }
#home #headerInner .fltR #screenshots { position: absolute; width: 274px; height: 488px; background: #666; overflow: hidden; top:98px; left:38px; }



#home nav { float: right; width: 180px; margin: 80px 0 0; }
#home nav #sideMenu {}

#home #contents { float: left;  width: 650px; }

#home #contFunc { padding: 80px 0 0; }
#home #contFunc p { width: 320px; line-height: 175%; }

#home #contCol { margin: 80px 0 0; padding: 30px 0 0; background: url(../images/line02.png) repeat-x top; }
#home #contCol h1 { float: left;  width: 200px; }
#home #contCol p  { float: right; width: 450px; line-height: 175%; }




/* body#misc
================================================== */
#misc header { height: 160px; background: #000 url(../images/bg_header2.gif) repeat-x; } 
#misc #headerInner { width:900px; margin: 0 auto; }
#misc #headerInner .fltL { width:300px; margin: 27px 0 0; }
#misc #headerInner .fltR { width:600px; }
#misc #headerInner .fltR nav { float: left; width: 400px; text-align: right;  margin: 57px 0 0; }
#misc #headerInner .fltR div { float: right; width:140px; text-align: center; margin: 37px 0 0; }
#misc nav.sp { display: none; }


/* #term
================================================== */
#term      { width: 840px; margin: 0 auto; }
#term h1   { font-size: 153.9%; text-align: center; margin: 50px 0 0; padding: 0 0 50px; }
#term p   { line-height: 175%; background: url(../images/line02.png) repeat-x top; padding: 30px 0;}
#term p.bold { font-weight: bold; }
#term .num { display: block; float: left;  width: 40px; }
#term .txt { display: block; float: right; width: 800px; }
#term ol { padding: 0 0 30px 20px; }

/* #contact
================================================== */
#contact    { width: 840px; margin: 0 auto; }
#contact h1 { font-size: 153.9%; text-align: center; margin: 50px 0 50px; }
#contact div { border: 1px solid #CCC; background: #DDD; }
#contact iframe { margin: 20px; border: none; }