@charset "utf-8";

/* =========================================================================

Hello!
 ____   ___ ___ _   _ _____  ____      _    ____   ___              
|  _ \ / _ \_ _| \ | |_   _ |  _ \    / \  / ___| |_ _ _ __   ___   
| |_) | | | | ||  \| | | |  | |_) |  / _ \| |  _   | || '_ \ / __|  
|  __/| |_| | || |\  | | |  |  _ <  / ___ \ |_| |  | || | | | (__ _ 
|_|    \___/___|_| \_| |_|  |_| \_\/_/   \_\____| |___|_| |_|\___(_)


POINTRAG Inc.  Nov 2011.                                                                  

========================================================================= */

* { margin: 0; padding: 0; outline: 0; } 

body { background: url(../img/texture-mainback.png); }



#fade { position:absolute; /* ie6 */  position:fixed; top: 0; left: 0; width: 100%; height: 100%; background: #e9f3e7; }  

#contactArea { height: 100%; width:100%; border-bottom: 12px solid #2f3030; overflow: hidden; background: url(../img/back_contact.jpg); text-align: center ; position:relative; }

#contact_center { margin-top: 30px; width:100%; }

#incontact { margin-bottom: 22px; }

.formtable { white-space: nowrap; padding: 1px 12px 7px 7px; margin-bottom: 22px;}

#contact_title { text-align: center; }

form { width: 800px; height: 220px; padding: 25px 5px ; margin: 0 auto; }

#info { float: left; width: 350px; }

#message { float: right; width: 410px; }

.hissu { font-size:5px; color:#F30; margin-left:5px; }

input { margin-bottom: 9px;  color: #4A4A4A; float: right; }

label { float: left; clear: both; }

textarea { padding: 7px 7px; height: 150px; margin-bottom: 15px; color: #4A4A4A; line-height: 20px; font-size: 12px; float: right; }

input { width: 200px; }

textarea { width: 300px; }

label { font-family: arial, sans-serif; font-size: 13px; color: #fff; }

.nihongo { font-family: arial, sans-serif; font-size: 12px; color: #fff; } 

input#submit { float: right; clear: both; cursor: pointer; width: 140px; padding: 7px 7px; background-color: #57ea39; border: 0; color: #fff; }

input, textarea { outline: none; background-color: #f1f1f1; border: 3px solid #b2b2b2; padding: 7px; }

input:focus, textarea:focus { border: 3px solid #2efd04; }

input, textarea { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

#project_logo { height: 122px; margin: 0 auto; position:relative; }

#project_logo dl { position:relative; left:46%; float:left; align: bottom; }

#project_logo dd { position:relative; left:-50%; float:left; }

#logo1 { padding: 25px 20px 35px 150px; }

#logo2 { padding: 25px 20px 35px 20px; }

#logo3 { padding: 25px 20px 35px 20px; }

#logo4 { padding: 25px 20px 35px 20px; }

#logo1 a { background: url(../img/freepapernavi_logo.png) 0px 0px; text-indent: -9999px; width: 72px; height: 65px; display: block; }

#logo1 a:hover { background: url(../img/freepapernavi_logo.png) 0px -65px; -webkit-transform: rotate(-2deg) scale(1.05); -moz-transform: rotate(-2deg) scale(1.05); }

#logo2 a { background: url(../img/samplingnavi_logo.png) 0px 0px; text-indent: -9999px; width: 149px; height: 65px; display: block; }

#logo2 a:hover { background: url(../img/samplingnavi_logo.png) 0px -65px; -webkit-transform: rotate(-2deg) scale(1.05); -moz-transform: rotate(-2deg) scale(1.05); }

#logo3 a { background: url(../img/postingnavi_logo.png) 0px 0px; text-indent: -9999px; width: 138px; height: 65px; display: block; }

#logo3 a:hover { background: url(../img/postingnavi_logo.png) 0px -65px; -webkit-transform: rotate(-2deg) scale(1.05); -moz-transform: rotate(-2deg) scale(1.05); }

#logo4 a { background: url(../img/gekiyasumagnet_logo.png) 0px 0px; text-indent: -9999px; width: 140px; height: 65px; display: block; }

#logo4 a:hover { background: url(../img/gekiyasumagnet_logo.png) 0px -65px; -webkit-transform: rotate(-2deg) scale(1.05); -moz-transform: rotate(-2deg) scale(1.05); }

a.contact { margin-right:auto; margin-left:auto; height: 42px; width: 185px; display: block; text-indent: -9999px; background: url(../img/contactus.jpg) no-repeat 0 0; }

.content { padding: 0 3% 0 4.5% ; }

.liquidcontainer { clear:both; } 

ul.column{ width: 100%; padding: 0; list-style: none; }

ul.column li { float: left; }

.caption { font-size: 14px;  float: right ; font-family:Arial, Helvetica, sans-serif; }

.block { position : relative; overflow: hidden; position: relative; width: 220px; height: 210px; padding-bottom: 30px; }

.block img { position: absolute; top: 0px; left: 0px; border: 0; width: 220px; height: 210px; background:#7cfb00; -ms-interpolation-mode: bicubic; display: block; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; }

.item { width: 100%; height: 100%; overflow:hidden; position:relative;  float:left; }
 
.item .caption { -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; width: 100%; height:100%; background:#6C0; color:#FFF; font-weight:600; font-size:34px; text-align: right; font-family:Verdana, Geneva, sans-serif; background: url(../img/back_contact.jpg);  position:absolute; left:0; display:none; filter:alpha(opacity=75); /* ie */ -moz-opacity:0.75; /* old mozilla */ -khtml-opacity: 0.75; /* old safari */ opacity: 0.75; /* firefox */ }

.item .caption2 { -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; width: 100%; height:100%;  background:#F60; color:#fff; font-weight:600; font-size:34px; text-align: right; font-family:Verdana, Geneva, sans-serif; background: url(../img/back_orange.jpg); position:absolute; left:0; display:none; filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity: 0.75; opacity: 0.75; }

.item .caption3 { -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; width: 100%; height:100%;  background:#F60; color:#fff; font-weight:600; font-size:34px; text-align: right; font-family:Verdana, Geneva, sans-serif; background: url(../img/back_purple.jpg); position:absolute; left:0; display:none; filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity: 0.75; opacity: 0.75; }

div.fadehover { position: relative; }
 
img.a { position: absolute; z-index: 10; }
 
img.b { position: absolute; }

#softbank { height:569px; }

#00893 { height:964px; margin-bottom: 20px; border-bottom: 1px solid #2f3030; }

#rbtshirt { height:569px; }

#barfun { height:971px; }	

#cleaner1{ float: left}

#cleaner2 { float: right; margin-bottom:20px; }

#cleaner3 { float: right; }

#cleaner4 { float: left; margin-top:20px; margin-right:20px; }

#cleaner5 { float: right; margin-top:20px; }

#caption{ clear:both; margin:30px 0 0 0; }

.detailtext { color: #525253; font-size: 15px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight:normal; line-height:19px; text-align:-webkit-auto; word-spacing:0px; text-shadow:rgb(255,255,255) 0px 1px 1px; color:#525253; word-break:normal; }

.detailtexts { color: #525253; font-size: 15px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight:normal; line-height:19px; text-align:-webkit-auto; word-spacing:0px; text-shadow:rgb(255,255,255) 0px 1px 1px; color:#690; word-break:normal; }

.detailtextjp { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:13px; font-weight:300; line-height:19px; text-align:-webkit-auto; word-break:break-all; text-shadow:rgb(255,255,255) 0px 1px 1px; color:#525253; }

.detailtextjps { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:12px; font-weight:300; line-height:19px; text-align:-webkit-auto; word-break:break-all; text-shadow:rgb(255,255,255) 0px 1px 1px; color:#525253; }

.detailtextjpsb { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:12px; font-weight:300; line-height:19px; text-align:-webkit-auto; word-break:break-all; text-shadow:rgb(255,255,255) 0px 1px 1px; color:#690; }

.project_header { border-color: #50534F; border-width: 4px 0 1px 0px; border-style: solid; margin-top:20px; margin-bottom:45px; padding:30px 0; }

.project_title { font-family: raleway-1,raleway-2,sans-serif; color: #50534F; font-size: 35px; font-style:inherit; }

.project_number { font-family: raleway-1,raleway-2,sans-serif; color: #50534F; font-size: 35px; font-style:bold; text-align:right; }   

.project_out { width:800px; }

.project_out_back { width:800px; height:1000px; background: url(../img/message.gif) 0 0 no-repeat; }

.project_out2 { width:550px; padding-left:100px; padding-top: 400px; }
 
.project_contents { padding: 0px 0px 0px 0px ; clear:both; }

.marker { background: url(../img/marker_bg.png); }

.marker_o { background: url(../img/marker_bg_o.png); }

h3 { margin-bottom: 35px; font-size: 13px; font-family:Verdana, Geneva, sans-serif; font-weight:500; color:#333; }

#detail { width: 800px; margin: 0 auto; }

.ticker { width: 800px; margin: 0 auto; }

.ticker p { margin-bottom: 0.8em; }
	
.next { margin-bottom: 5px; margin-top:0px; font-size: 30px; font-family:"Times New Roman", Times, serif; font-weight:100; color:#333; float: right; }
	 
.dot { color:#FFF; }
	 
::selection { background: #96f03e; }

::-moz-selection { background: #96f03e; }

h1#main_title { margin-bottom: 0px; }

h1#main_title a { background: url(../img/main_title.png) 0 0 no-repeat; text-indent: -9999px; width: 641px; height: 37px; display: block; }

#header_title { padding: 40px 6%; margin: 40 auto; }

#titlelogo { margin-bottom:24px; }

#space { clear:both; padding-top:50px; }

#footerbg { background-color:#2f3030; width:100%; min-width:900px; background-repeat: repeat; clear: both; height: 100%; margin-top: 50px; }

a:link { color:#3a3023; text-decoration: none; }

a:visited { color:#3a3023; text-decoration: none; }

a:hover { color:#FF5B29; text-decoration: none; }

.tel a:link { color:#51bb22; text-decoration: none; }

.zip a:link { color:#808080; text-decoration: none; }

#accessimg { width: 400px; margin-bottom: 50px; }

#infoimg { margin-top:40px; margin-bottom: 50px; }

#infosub { margin-bottom: 20px; }

#mapspace { width: 450px; height:267px; float:left; }

#map { width: 367px; height:222px; float:left ; padding: 7px 0 0 7px; background-image: url(../img/mapback.png); } 

#adress { width: 450px; float:right; }

#bar_footer { clear:both; width: 900px; margin-bottom:2px;  border-top: 1px solid #303030; border-bottom: 1px solid black; border-spacing:1px;}

#companyinfo_eg { width:500px; height: 200px; float:left; }

#companyinfo_jp { width:400px; float:right; }

#copytight { width: 900px; clear:both ; padding-top: 20px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#51bb22; -webkit-text-size-adjust: none; text-shadow: 1px 1px 1px #F0F; }

#foot { clear:both; padding-top: 50px; }

#202dandi{ padding: 5px; }		

#footer_bg { min-width:900px; clear:both; height: 100%; width:100%;  overflow: hidden;  background-image: url(../img/texture.png); background-color: #181818; background-repeat:inherit; text-align: center ; }

#footer_container { width: 900px; text-align: left; margin: 0 auto 0 auto }

#footer_bg2 { min-width:900px; clear:both; height: 60px; width:100%; background-image: url(../img/footer-bg2.jpg) ; background-repeat:repeat-x;background-color: #0f0f0f; text-align: center ; }

#footer_container2{ width: 900px; text-align: center; margin: 0 auto; }

.footertext { font-size:12px; color:#959595; line-height:200%; font-family:Arial, Helvetica, sans-serif, Osaka, "ＭＳ Ｐゴシック", "MS PGothic" ; -webkit-text-size-adjust: none; text-shadow:0px 1px 1px #0f0f0f; }

.footertext2 { font-size:12px; color:#5E5E5E; font-family:Arial, Helvetica, sans-serif, Osaka, "ＭＳ Ｐゴシック", "MS PGothic" ; -webkit-text-size-adjust: none; text-shadow:0px 1px 1px #0f0f0f; }

.footertext3 { font-size:12px; color:#cccccc; line-height:200%; font-family:Arial, Helvetica, sans-serif, Osaka, "ＭＳ Ｐゴシック", "MS PGothic" ;-webkit-text-size-adjust: none; text-shadow:0px 1px 1px #0f0f0f; }

.footertext4 { font-size:12px; color:#808080; font-family:Arial, Helvetica, sans-serif, Osaka, "ＭＳ Ｐゴシック", "MS PGothic" ;-webkit-text-size-adjust: none; text-shadow: 0px 1px 1px #0f0f0f; }

.footertext5 { font-size:12px; color:#808080; font-family:Arial, Helvetica, sans-serif;  -webkit-text-size-adjust: none; text-shadow: 0px 1px 1px #0f0f0f; }

#thanks { margin: 15px 0; }

#toPageTop a { display: block; width: 79px; height: 29px; margin: 0 15% 0 auto; background: url(../img/back-to-top-on.png) no-repeat; }

#toPageTop a:hover img { visibility: hidden; font-family: }

#f1_1 { margin-bottom: 25px; }

#f1_2 { float: left; margin-right: 30px; margin-bottom: 25px; }

#sampling { margin: 0px; width:600px; }

#sampling dd { float: left; }

#goods { margin-top: 30px; }

#slider { width: 700px; margin: 0 auto; }

#slider2 { width: 700px; }

#newyeartex { width: 700px; margin: 0 auto; }



#project_contents2 {
width:800px; 
padding-top: 50px;}
	

.wrap {
margin:10px 0 0 -30px ;
width:810px; 
}


ul.reset,
ul.reset li {
display:block;
list-style:none;
padding:0;
margin:0;
}


.gallery ul li {
width:257px;
height:200px;
margin:0 10px 10px 0;
float:left;
position:relative;
}

.wrap2 {
margin:10px 0 0 0 ;
width:810px; 
}

.gallery2 ul li {
width:263px;
height:263px;
margin:0 0 0 0;
float:left;/*
position:relative;*/
}

.gallery2 ul.reset {
display:block;
list-style:none;
padding:0;
margin:0;
}



.holder {
position:absolute;
top:0;
left:0;
margin:-100px 0 0 -100px;
}

a img {
border:none;
}

/*#rbbcr {
	margin-bottom: 50px; } */