/* CSS Document */
@import url(app.css) screen and (max-width: 640px);
@import url(pure-drawer.css) screen and (max-width: 640px);

@media screen and (max-width:640px){

body{
font-family: 'Hiragino Kaku Gothic Pro', 'ƒqƒ‰ƒMƒmŠpƒS Pro W3', Meiryo, ƒƒCƒŠƒI, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
height:auto;
padding:0px;
margin:0px;
background:
url(../img/bg.png);}
img{
max-width: 100%;
height: auto;
width /***/:auto;
text-align:center;@
}
#container{
width:100%;
}
.fixed {
    
    top: 0;
    width: 100%;
   
	height:90px;
	clear:both;
	position:relative;
	background:#FFFFFF;
}


.pc{
display:none;
}


.iconbox2{
width:100%;
padding:10px auto;
text-align:center;}


.iconbox2 img{
width:20%;
margin:0px;
}



.iconbox{
display:none;
}
.rogo{
width:40%;
margin:10px auto;
}

#rogo2{
width:26%;
height:auto;
display:block;
}
.pure-container{
width:30%;
margin:1px auto;
}

#navi{
display:none;
}




#header0{
width:100%;
background:#212021;
height:18px;
margin:0px;
padding:3px 0px;
color:ffffff;
font-family:"HiraKakuProN-W6", "ƒqƒ‰ƒMƒmŠpƒS ProN W6",  Meiryo, ƒƒCƒŠƒI, sans-serif;}

#header{
display:none;
}

.clear{

clear:both;
}

#header2{
width:100%;
background:#fff;
height:auto;
color:#2c2a2b;

}

.middlebox{
width:100%;
background:#fff;
height:30px;
text-align:center;
padding-top:5px;
}


.jirei_sbox{
width:47%;
float:left;
height:auto;
overflow:hidden;
margin-right:6px;
font-size:14px;

}


.newpicture img{
margin-right:6px;
display: inline-block;
border:solid #fff 3px;
box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.8);
float:left;
width:47%;
}


.new{
width:100%;
margin-top:15px auto;
padding-top:0px;}


.new img{
float:left;
width:47%;}

.smartbox1{
width:30%;}



.name1{
 font-family: monospace, serif;}
#gallery2{
display:none;
}

.righttext{
width:100%;
margin-top:0px;
padding-top:0px;}




.redtext{
margin:15px 0px 0px;
background-color:#fff;
text-align:center;
padding:5px 1px;
}

.redtext p{
width:100%;
margin:;
line-height:;
font-size:12px;
letter-spacing: 0px;}


.whitetextbox{
text-align:center;
color:#212222;
padding:5px 1px;
}

table{
border:dotted 1px #999999;
background:#FFFFFF;
width:95%;

font-size:14px;
margin:10px auto;}
.whitetextbox p{
width:100%;
margin:;

font-size:12px;
letter-spacing: 0px;}

.blackbox{
background:#000000;
padding:;
width:100%;
height:80px;
clear:both;
}
.innerbox{
width:100%;
margin:;
float:left;
}

.white{
color:#fff;
font-size:20px;}

#bxsliderbox{
padding-top:0px;



}



.nagare1{
border:solid 3px #84d25d;
padding:10px;
text-align:center;
border-radius: 10px;		/* CSS3‘ˆΔ */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome—p */
	-moz-border-radius: 10px;	/* Firefox—p */
	margin:10px auto;
	width:95%;
	float:left;

}

.nagare1 img{
float:left;}

.nagare2{
float:right;
width:40%;
margin-top:30px;
color:#065332;
font:24px;
font-weight:bold;
}


h1{
font-size:12px;
color:#fff;
margin:0px 3px;
padding:0px;
}
h2 {
	position: relative;
	padding:30px;
	background-color: #4f5d75;
	width:100%;
	margin:10px auto;
	color:#FFFFFF;
	text-align:center;
	font-size:18px;
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "Ÿΰ–Ύ’©" , "Yu Mincho" , "Ÿΰ–Ύ’©‘Μ" , "YuMincho" , "ƒqƒ‰ƒMƒm–Ύ’© Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS–Ύ’©E" , "‚l‚r ‚o–Ύ’©" , "MS PMincho" , serif;
}

.jirei_sbox{
display: inline-block;
	box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);
	border:solid 5px #FFFFFF;
	margin-bottom:20px;
}


.jirei_sbox img{
display: inline-block;
	box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);
	border:solid 5px #FFFFFF;
	margin-bottom:20px;
}
.jirei_sbox2{
width:30%;
float:left;
height:;
overflow:hidden;
margin-right:6px;
font-size:14px;
display: inline-block;
	box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);
	border:solid 5px #FFFFFF;
	margin-bottom:20px;
}


.jirei_sbox2 img{
display: inline-block;
	box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);
	border:solid 5px #FFFFFF;
	margin-bottom:20px;
}


.bold_j{
font-weight:bold;
font-size:16px;
border-bottom:none;}

.bold_j2{
font-weight:bold;
font-size:14px;
border-bottom:none;}
.menu{
display:none;

}




.snsbox{
margin-top:;
float:left;
width:98%;
height:157px;
margin-left:1px;
border:solid 2px #e3003d;
margin-bottom:5px;
}


#footerinboxleft{
font-size:14px;
width:100%;
}

#footerinboxright{
margin-top:90px;
width:100%;
text-align:right;
font-size:14px;
}
 #footerinbox{
 width:100%;
 color:#FFFFFF;
 height:450px;
padding:0px 10px;
 background:#282828;}
  


.smallt{
font-size:10px;}

#snsarea{
display:block;


}


.page-back {
position: fixed;
bottom: 1px;
right: 1px;
writing-mode:vertical-rl; 
text-orientation:sideways-right;
-webkit-writing-mode: vertical-rl;
text-decoration: none;
}

.page-back img{
width:90px;
}


.redtext2{background:#fff url(../img/bg/bgp1.jpg);
text-align:center;
color:#474646;



padding:5px 1px;
}

.redtext2 p{
width:100%;
margin:;
line-height:;
font-size:11px;
letter-spacing: 0px;}



.redtext3 h3{
color:#2f4370;
margin:1px auto;}


.buttonblue{
  color:#fff;
  padding:8px 20px;
  display:block;
  height:25px;
  width:130px;
 background:#061d58;
 float:right;
 font-size:12px;
 
 
  text-decoration:blink;
border-radius:;
-webkit-border-radius:;
-moz-border-radius:;

/* box-shadow */
box-shadow:rgba(120, 118, 104, 0.39) 0px 0px 8px 6px;
-webkit-box-shadow:rgba(120, 118, 104, 0.39) 0px 0px 8px 6px;
-moz-box-shadow:rgba(120, 118, 104, 0.39) 0px 0px 8px 6px;}



.profibox{
width:100%;
float:left;
background:#CC0033;
margin:0px;}


.profibox img{
width:50%;
float:left;}


.smart2{
clear:both;
border:1px solid #CC0033;
margin:0px;
}



.nameb{
width: 50%; height: 40px;
font-weight:bold;
padding-top:10px;
 background:#101010 ; position: relative; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
clear:both;
color:#fcd72a;
text-align:center;
font-size:16px;}


.nameb:before { content:""; position: absolute; right: 99%; top: 5px; width: 0; height: 0; 
border-top: 16px solid transparent; 
border-right: 30px solid #101010; border-bottom: 16px solid transparent; }



.nameb2{
width: 50%; height: 40px;
font-weight:bold;
padding-top:10px;
 background:#101010 ; 
 position: relative; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
clear:both;
color:#fcd72a;
text-align:center;
float:right;
font-size:16px;}


.nameb2:before { content:""; position: absolute; left: 99%; top: 5px; width: 0; height: 0; 
border-top: 16px solid transparent; 
border-left: 30px solid #101010; border-bottom: 16px solid transparent; }

.qa1{
display:none;
}


.qa2{
width:100%;
margin-top:20px;
text-align:left;



}

.qa2 h3{
width:100%;
height:40px;
text-align:left;
font-size:16px;
font-family:Arial,'‚l‚r ‚oƒSƒVƒbƒN',sans-serif;
border:dotted 2px #0080C0;
padding:10px 30px;
color:#0080C0;
margin-bottom:0px;

}



.qa2 h4{
width:100%;
height:70px;
text-align:left;
font-size:15px;
font-family:Arial,'‚l‚r ‚oƒSƒVƒbƒN',sans-serif;
background-image: url(../img/line/qa.jpg);
padding:5px 10px;
border-bottom:dotted 1px ;
color:#444444;

margin-bottom:10px;
line-height:30px;

}
.qa2 a{
text-decoration:none;
color:#555555;
font-family:Arial,'‚l‚r ‚oƒSƒVƒbƒN',sans-serif;
font-weight: nomal;
font-size:14px;
text-align:right;

}
.qa2 a:hover{
text-decoration:none;
color:#00CCCC;
}

.qa2 a:visited{
text-decoration:none;
color:#555555;}


.qa21{
padding:10px;}

.qa21 p{
padding:10px;}

.nav-primary{
font-size:12px;}

}