@charset "utf-8";


/*-----------------------------------------------
__all
-----------------------------------------------*/
body{padding:0px; margin:0px; line-height:130%; word-break:break-all; font-family:Verdana,Arial,"Hiragino Kaku Gothic Pro",Osaka,Meiryo,sans-serif;}
img{border-width:0; padding:0px; margin:0px;}
ul{padding:0px; margin:0px;}
li{list-style-type:none; padding:0px; margin:0px;}
p{padding:0px; margin:0px;}
h1,h2,h3{padding:0px; margin:0px; line-height:110%;}
a:link{color:#0063c6; text-decoration:none;}
a:visited{color:#0063c6; text-decoration:none;}
a:active{color:#0063c6; text-decoration:none;}
a:hover{color:#0063c6; text-decoration:none;}


/*-----------------------------------------------
__top
-----------------------------------------------*/
#connect_top{line-height:130%; padding:15px 0px 0px 0px; margin:0 auto; overflow:hidden;}
#connect_top img{width:100%;}

#connect_top ul{margin:3px 3%; overflow:hidden;}
#connect_top ul li{list-style-type:none; padding:0px; margin:0px;}
#connect_top ul li a{
float:left;
display:inline-block;
outline:none;
cursor:pointer;
text-align:center;
text-decoration:none;
width:48%;
font-size:17px; font-weight:bold;
padding:18px 0px; margin:3px;
text-shadow:0 1px 1px rgba(0,0,0,.3);
-webkit-border-radius:.5em; 
-moz-border-radius:.5em;
border-radius:.5em;
-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);
box-shadow:0 1px 2px rgba(0,0,0,.2);
color:#ffffff;
border:solid 2px #005fb2;
background:#0095cd;
background:-webkit-gradient(linear, left top, left bottom, from(#12aafc), to(#005cb2));
background:-moz-linear-gradient(top,  #12aafc,  #005cb2);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
#connect_top ul li a:hover{
text-decoration:none;
background:#007ead;
background:-webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
background:-moz-linear-gradient(top,  #0095cc,  #00678e);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
#connect_top ul li a:active{
position:relative;
top:1px;
color:#4bc0f1;
background:-webkit-gradient(linear, left top, left bottom, from(#005cb2), to(#12aafc));
background:-moz-linear-gradient(top,  #005cb2,  #12aafc);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}
#connect_top ul li a.small{
width:98%;
font-size:15px;
padding:5px 0px;
border:solid 2px #2793d4;
background:#0095cd;
background:-webkit-gradient(linear, left top, left bottom, from(#4bc0f1), to(#2793d4));
background:-moz-linear-gradient(top,  #4bc0f1,  #2793d4);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
#connect_top ul li a.small:hover{
text-decoration:none;
background:#007ead;
background:-webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
background:-moz-linear-gradient(top,  #0095cc,  #00678e);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
#connect_top ul li a.small:active{
position:relative;
top:1px;
color:#4bc0f1;
background:-webkit-gradient(linear, left top, left bottom, from(#2793d4), to(#4bc0f1));
background:-moz-linear-gradient(top,  #2793d4,  #4bc0f1);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}


/*-----------------------------------------------
__header
-----------------------------------------------*/
#connect_header{line-height:130%; padding:0px; margin:0 auto; overflow:hidden;}
#connect_header h1{float:right; line-height:110%; padding:0px 10px 0px 0px; margin:0px;}
#connect_header h2{float:left; width:100%; font-size:22px; color:#444444; line-height:110%; border-top:1px solid #d6d7d7; border-bottom:1px solid #d6d7d7; padding:25px 0px 25px 15px; margin:0px 0px 15px 0px;
background-color:#edeeee; background-size:12px 12px;
background-image:-webkit-linear-gradient(-45deg, #f6f8f8 25%, transparent 25%, transparent 50%, #f6f8f8 50%, #f6f8f8 75%, transparent 75%, transparent);
background-image:linear-gradient(-45deg, #f6f8f8 25%, transparent 25%, transparent 50%, #f6f8f8 50%, #f6f8f8 75%, transparent 75%, transparent);}
#connect_header span.backs{display:block; float:left; padding:0px; margin-top:7px;}
#connect_header span.backs a{
display:block; position:absolute;
color:#ffffff; font-size:13px; text-align:center; font-weight:bold;
z-index:5; line-height:26px;
padding:0 10px; margin:3px 0px 0px 15px;
behavior:url(PIE.htc);}
#connect_header span.backs a:before{
content:""; display:block; position:absolute;
left:2px; top:0; width:17px; height:17px;
-webkit-transform-origin:left top; -webkit-transform:rotate(45deg); -moz-transform-origin:left top; -moz-transform:rotate(45deg);
transform-origin:left top; transform:rotate(45deg);
background:#2992d4; border:#076fb1 solid; border-width:0px 0px 1px 1px; border-radius:3px;
z-index:-1; behavior:url(PIE.htc);}
#connect_header span.backs a:after{
content:""; display:block; position:absolute;
left:0; top:0; width:50px; height:25px;
background:#2992d4; border:#d6d7d7 solid; border-width:1px 1px 1px 0px; border-radius:4px; border-left:none;
box-shadow:0 1px 0 #66b9ee inset;
z-index:-2; behavior:url(PIE.htc);}


/*-----------------------------------------------
__page
-----------------------------------------------*/
#connect_page{width:93%; font-size:14px; color:#444444; line-height:130%; font-weight:bold; padding:10px 0px 40px 0px; margin:0 auto; overflow:hidden;}
#connect_page input[type="text"]{width:96%; font-size:17px; color:#444444; padding:5px; margin:0px 0px 3px 0px;}
#connect_page input[type="text"]:focus,input[type="text"]:hover{background:#effafe;}
#connect_page input[type="submit"]{
display:block; width:100%; background:#005db2; text-align:center;
color:#ffffff; font-size:15px; font-weight:bold;
border:1px solid #444444; border-radius:5px;
padding:5px 0px; margin:12px 0px 20px 0px;
background:-moz-linear-gradient(rgba(68,68,68,0.5), rgba(68,68,68,1));
background:-webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(68,68,68,0.5)), to(rgba(68,68,68,1)));}
#connect_page textarea{width:100%; font-size:17px; color:#444444; padding:5px; height:50px;}
#connect_page textarea:focus,textarea:hover{background:#effafe;}
#connect_page a:link{color:#0063c6; text-decoration:none;}
#connect_page a:visited{color:#0063c6; text-decoration:none;}
#connect_page a:active{color:#0063c6; text-decoration:none;}
#connect_page a:hover{color:#0063c6; text-decoration:none;}


/*-----------------------------------------------
__bookmark
-----------------------------------------------*/
#connect_bookmark{width:93%; padding-top:20px; line-height:130%; margin:0 auto; overflow:hidden;}
#connect_bookmark ul li{float:left; list-style-type:none; padding:0px; margin:0px 7px 0px 0px;}


/*-----------------------------------------------
__footer
-----------------------------------------------*/
#connect_footer{text-align:center; font-size:11px; color:#949494; line-height:130%; padding:0px; margin:0 auto; overflow:hidden;}
#connect_footer ul{margin:0% 3%; overflow:hidden;}
#connect_footer ul li{list-style-type:none; padding:0px; margin:0px;}
#connect_footer ul li a{float:left; display:block; width:31%; border:#989999 1px solid; font-size:13px; color:#444444; text-align:center; padding:1px; margin:5px 2px 4px 1px;}

#connect_footer ul li:last-child{
 list-style-type:none; padding:0px; margin:0px;

}

#connect_footer ul li:last-child a{
	 loat:left; display:block; width:95%; border:#989999 1px solid; font-size:13px; color:#444444; text-align:center; padding:1px; margin:5px 2px 4px 1px;}
	 
#text{
	text-align:center;
	font-size:11px;
	font-weight:bold;
	letter-spacing: -1px;
	
}

#text h2{
	margin-top:3px;
	font-size:19px;
	font-weight:bold;
	
}

@media  screen and 
(min-width : 768px) {
	
	#text{
	text-align:center;
	font-size:20px;
	font-weight:bold;
	letter-spacing: 1px;
	line-height: 30px;
	
}

#text h2{
	margin-top:3px;
	font-size:50px;
	font-weight:bold;
	letter-spacing: 1px;
	
}

}