@charset "shift_jis";
/* CSS Document */

body {
	min-width:980px;
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
	background-color:#E3FDFF;
	background-attachment:fixed;
}


/***************************************
 #head
***************************************/
#head {
	background-color:#fff;
	height: 50px;
	width: 980px;
	margin: 0 auto;
}
#headInner {
	width: 980px;
	height: 50px;
	margin: 0 auto;
	position: relative;
	background: #fff;
}



/***************************************
 #topContents
***************************************/

#topContents h1 {
	width: 980px;
	margin: 0 auto;
}

	
/***************************************
 .mainBox
***************************************/
#mainWrap {
	width: 980px;
	margin: 0 auto;
	position: relative;
}
/* .mainBox */
#mainBox {
	width: 980px;
	position: relative;
	margin: 0 auto;
	background-color:#fff;
	}
	
#mainBox1{
	width: 980px;
	margin: 0 auto;
	}


.tantou {
	 margin: 0 auto;
     width:980px;
     height:231px;
	 background-image:url(../img/tantou.png);
	 position: relative;
	 
}

.blogbon {
	position: absolute;
	width:231px;
    height:95px;
	top: 110px;
	right: 50px;

}

p.down {
	width:980px;
	height:89px;
	padding-top:50px;
	padding-bottom:50px;
}
p.foom {
	padding-bottom:30px;
}


/* #mainbox5 */

#mainBox5 {
	clear:both;
	 background: #fff;
	 margin: 0 auto;
	width: 980px;
	padding-top:50px;
	 }
	 

.main5_img01 {
	margin: 0 auto;
	width: 980px;
}

main5_img02 {
	margin: 0 auto;
	width: 1272px;
}





/* #mainBox5 */
	 
#mainBox5 {
	clear:both;
	 background: #fff;
	 margin: 0 auto;
	width: 980px;
	padding-top: 50px;
	 }
.foom {
	background: #fff;
	 margin: 0 auto;
	 width: 779px;
	 height:105px;
}

*{
font-size:100%;
font-family:EญEณ ใ‚ดใ‚ทใƒE‚ฏ;
}
.textClass, .areaClass{
ime-mode : active;
width : 450px;
height: 30px;
}
.textClass[name="cs_url"]{
ime-mode : disabled;
}
.textClass[name="cs_code"], .textClass[name="cs_tel"], .textClass[name="cs_fax"], .ps_code, .ps_cphone, .ps_ctel, .ps_cfax, .ps_cemail{
ime-mode : disabled;
width : 240px;
}
.textClass[name="cs_shihon"], .textClass[name="cs_nensho"], .textClass[name="cs_jyugyo"]{
ime-mode : disabled;
width : 120px;
}
.textClass[name="cs_zip"], .ps_czip{
ime-mode : disabled;
width : 80px;
}
.pulldownClass{
width : 180px;
}
p.title{
font-size : 20px;
padding : 5px;
font-weight : bold;
}

input[type="button"],input[type="reset"]{
height : 2em;
width : 15em;
}
table{
border-collapse : collapse;
margin: auto;
}

.approach {
	width:770px;
	margin: auto;
}

td{
padding : 10px;

}

td.titleClass{
	border-top : #cccccc 1px solid;
	border-bottom : #cccccc 1px solid;
	border-right : #cccccc 1px solid;
	font-weight: bold;
	text-align : center;
	background-color: #FFDFFB;
	width: 200px;
}

td.inputClass{
	width: 570px;
	border-top : #cccccc 1px solid;
	border-bottom : #cccccc 1px solid;
	border-left : #cccccc 1px solid;
	background-color: #DDFBFF;
	widows: 80%;
}

td.titleClass2 {
border-top : #cccccc 1px solid;
border-bottom : #cccccc 1px solid;
border-right : #cccccc 1px solid;
font-weight: bold;
text-align : center;
background-color:#e7e7e7;
width:200px;
}

td.inputClass2 {
	width:570px;
border-top : #cccccc 1px solid;
border-bottom : #cccccc 1px solid;
border-left : #cccccc 1px solid;
background-color:#fff;
widows: 80%;
}


dt.titleClass{
margin-top : 10px;
padding : 5px;
color : #738fbf;
font-weight: bold;
}

table.privacy {
 	width: 770px;
	margin: auto;	
	
}


table.privacy th{
	color:#ffffff;
	background-color:#738fbf;
}


.privacy_text {
	width: 770px;
	margin: auto;
	
	}
	
	 
#image-btn {
    border: 0px;
    width: 240px;
    height: 60px;
    background: url(http://royze.co.jp/crea/img/ap_submit_btn.png) left top no-repeat;
	margin-right: 30px;
	opacity: 0.8;
}

.button_back {
	margin-top: 20px;
	}
	
	
.main3_img07{
	margin-top: 80px;

	}
	
/* #mainBox5 */
#mainBox5 {
	clear:both;
	padding-bottom: 20px;
	width:980px;
	background-color:#fff;
}
#mainBox5 h1 {
	height: 200px;
	padding-bottom: 20px;	
}
#mainBox5 .main5_txt01 {
	margin-top: -35px;
	padding: 35px 0 35px 130px;
	line-height: 120%;
	font-size: 18px;
	color: #F00;
	background: url(http://royze.co.jp/crea/img/bg_head09.png) no-repeat 50% 100%;
}
#mainBox5 .main5_txt01 span {
	font-size: 13px;
	color: #000;
}
#mainBox5 .main5_txt01 a {
	color: #069;
}
#mainBox5 .main5_txt01 a:hover {
	color: #999;
	text-decoration: none;
}
#mainBox5 .main5_txt02 {
	padding: 20px 0 20px 30px;
	line-height: 20px;
	font-size: 16px;
	font-weight: bold;
}

#formid {
	width: 830px;
	margin: 0 auto;
	background: url(http://royze.co.jp/crea/img/bg_08.png) repeat-y 0 0;
}

#mainBox5 .main5Tbl {
	width: 770px;
	margin: 0 auto;
	border: 1px solid #CCC;
	border-collapse: collapse;
	border-spacing: 0;
}
#mainBox5 .main5Tbl th,
#mainBox5 .main5Tbl td {
	padding: 10px 0 10px 10px;
	text-align: left;
	border: 1px solid #CCC;
}
#mainBox5 .main5Tbl th {
	width: 180px;
	font-weight: bold;
	background: #F3F3F3;
}
#mainBox5 .main5Tbl th span {
	color: #F00;
}
#mainBox5 .main5Tbl td {
	line-height: 18px;
	padding-top: 5px;
}
#mainBox5 .main5Tbl td input,
#mainBox5 .main5Tbl td select,
#mainBox5 .main5Tbl td textarea {
	margin-top: 5px;
}
#mainBox5 .main5Tbl td textarea {
	resize: vertical;
}
#mainBox5 .main5Tbl td label {
	padding-top: 5px;
}
#mainBox5 .main5Tbl td label input {
	margin-top: 0;
}
#mainBox5 .main5Tbl td p {
	padding-top: 5px;
}

.w90 { width: 90%;}
.w50 { width: 50%;}
.w30 { width: 30%;}
.w20 { width: 20%;}

#mainBox5 #submitBtn {
	padding: 26px 0 31px 0;
	background: url(http://royze.co.jp/crea/img/bg_foot09.png) no-repeat 0 100%;
}
#mainBox5 #submitBtn p input {
	width: 300px;
	margin: 0 auto;
	padding: 0;
	height: 62px;
	text-indent: -9999px;
	border: none;
	cursor:  pointer;
	background: url(http://royze.co.jp/crea/img/submit_btn.png) no-repeat 0 0;
	display: block;
}
#mainBox5 #submitBtn p input:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
}

#mainBox5 .main5_box01 {
	width: 850px;
	margin: 25px auto 0 auto;
	background: url(http://royze.co.jp/crea/img/img/bg10.png) repeat-y;
	position: relative;
}
#mainBox5 .main5_box01 h1 {
	height: 32px;
	line-height: 32px;
	padding: 0 0 0 15px;
	font-size: 13px;
	background: url(http://royze.co.jp/crea/img/bg_head10.png) no-repeat 0 0;
}
#mainBox5 .main5_box01 figure {
	position: absolute;
	left: 10px;
	top: 46px;
}
#mainBox5 .main5_box01 div {
	height: 310px;
	padding: 0 0 0 528px;
	background: url(http://royze.co.jp/crea/img/bg_foot10.png) no-repeat 0 100%;
}
#mainBox5 .main5Foot_logo {
	padding: 33px 0 29px 0;
}
#mainBox5 .main5Foot_tel {
	width: 300px;
	text-align: center;
}
#mainBox5 .main5Foot_add {
	width: 300px;
	padding: 18px 0 8px 0;
	line-height: 16px;
	text-align: center;
}
#mainBox5 .main5Foot_btn {
	height: 30px;
	padding-left: 6px;
}
#mainBox5 .main5Foot_btn li {
	padding-right: 10px;
	float: left;
}
#mainBox5 .main5Foot_btn li a {
	background: #999;
	display: block;
}

/***************************************
 #foot
***************************************/
#foot {
	width: 980px;
	margin: 0 auto;
	color: #E64133;
}
#foot .copyright {
	color: #E64133;
	padding: 25px 35px;
	text-align: right;
	line-height: 14px;
	font-size: 11px;
}
#foot .pagetop {
	padding: 0 17px 18px 0;
	text-align: right;
}



/***************************************
 #totop
***************************************/

#page-top {
	position: fixed;
	bottom: 200px;
	left: 15px;
	z-index: 100;
}
#page-top a {
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 30px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
}





.banner { position: relative; overflow: auto; }
    .banner li { list-style: none; }
        .banner ul li { float: left; }





	
@-webkit-keyframes flash {
  0% { background-position: -73px 0; }
  20% { background-position: 195px 0; }
  100% { background-position: 195px 0; }
}

.mainbtn {
  position: relative;
  z-index: 3;
}

.mainbtn span {
  display: block;
  background: url(../../crea/style/bnr_lighting.png) -73px 0 no-repeat;
  -webkit-animation-duration: 10s;
  -webkit-animation-timing-fanction: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-name: flash;
}

.mainbtn img {
  position: relative;
  z-index: -1;
}

/***************************************
 #btn
***************************************/
.mainFoot_btn{
	width:729px;
	height: 85px;
	margin:auto
	}
.mainbtn{
	width: 938px;
	position: relative;
	top: 230px;
	left: 150px
}

.button {
	width: 729px;
	height: 85px;
	margin: 0 auto;
	overflow:hidden;
}
.button a {
	position: relative;
	overflow: hidden;
	width: 729px;
	height: 85px;
	}


.antext {
	font-size:16px;
	font-weight:bold;
	background: #fff;
}




.t_10 {
	font-size:13px;
	padding-top:5px;
}

.attentio {
	width:980xpx;
	height:353px;
	padding-bottom:30px;
}

.support {
	width:980px;
	height:426px;
	padding-top:50px;
	padding-bottom:50px;
}
.bn_itiran {
	height:118px;
	width:892px;
	margin: 0 auto;
	padding-top:50px;
}