/* ----------header navi & footer >> ---------- */	
body {
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	color: #363636;
  	font-size: 15px;
	background: url(../images/logo-ss5bg.png) repeat-x;
	padding: 0px;
	margin:0;
	}

div#logo-ss	{
	width:960px;
	height:27px;
	margin:0 auto;
	}
div#logo-ss img	{
	border:0;
	float:left;
	}
div#logo-ss div.navi-ss	{
	float:left;
	height:17px;
	margin-top:5px;
	font-size:12px;
	}
div#logo-ss div.navi-ss span	{
	padding-left:3px;
	}
div#logo-ss div.navi-ss a	{
	text-decoration: none;
	color:#666;
	}
div#logo-ss div.navi-ss a:hover	{
	color:orangered;
	}
#footer	{
	position: fixed;
	_position: absolute;
	bottom: 0;
	left:0;
	width:100%;
	height:26px;
	background: #ffffff url(../images/logo-ss3footer-bg.png) repeat-x;
	}
#footer span	{
	display:block;
	width:300px;
	margin:0 auto;
	font-size:12px;
	color:#777;
	padding:5px 0 0 0;
	}
/* ---------- >>style(201409) end ---------- */	

#wrap1	{
	max-width: 35%;
	margin:10px auto 0 auto;
	text-align: left;
}
#wrap3	{
	max-width: 600px;
	margin:50px auto 10px auto;
	text-align: center;
	color: green;
	z-index:20;
	font-size:13px;
}
#wrap3 a	{
	color: green;
	text-decoration: none;
}
#wrap3 a:hover	{
	color: orangered;
	text-decoration: underline;
}
/* ---------- >>duplicate end ---------- */

.mar-l15	{
	margin-left:15px;
	}
.mar-l287	{
	margin-left:287px;
	}
.cont01wrap	{
	width:100%;
	padding:0 0 10px 0;
	background:#ffffff;
	}
.cont01	{
	width:800px;
	margin:0 auto;
	padding:8px;
	color:#444;
	background:#fff;
	text-align: left;
	font-size: 15px;
	line-height:1.5;	
}
.main	{
	width:550px;
	margin:0 auto;
	padding:15px;
	text-align: left;	
	border:2px solid #ccc;
	background:#efefef;
	border-radius:5px;
}
pre	{
	display:block;
	text-align:left;
	width:500px;
	padding:10px 15px;
	color:#ddd;
	border-left:1px solid orange;
	background:#777;	
	margin:0 auto;
	font-size: 14px;	
	white-space: pre;
}
.prewrap {
	padding-left:2px;
	border-left:5px solid orange;
	width:502px;
	margin:0 auto 10px auto;
}
input,select,textarea	{
	font-size:14px;
	padding:4px;
	margin:5px 0;
	border:2px solid #ccc;
	}
input[type="button"] ,button  { 
	cursor: pointer; 
	margin: 4px; 
	color:#fff;
	background: url(../images/bt_bg-darkblue2.png) repeat-x; 
	border: solid 1px #222; 
	padding: 5px 15px 7px 15px;
	border-radius:4px;
	}
input[type="button"].btn2 ,button.btn2  { 
	cursor: pointer; 
	margin: 4px; 
	color:#333;
	background: url(../images/bt_bg-gray3.jpg) repeat-x; 
	border: solid 1px #999; 
	padding: 5px 15px 7px 15px;
	border-radius:4px;
	}
h2.title	{
	margin:5px 0 15px 0;
	font-size:18px;
	color:#D01010;
	text-align:center;
	}
h3.title	{
	width: 602px;
	margin:15px auto 0 auto;
	font-size:16px;
	color:#999;
	text-align:left;
	}
p	{
	margin:8px 0;
	}
li	{
	list-style-type:circle;
	}

label {
  cursor: pointer;
  display: inline-block;
  padding: 10px 20px;
  border-radius: 4px;
  background: #4169e1;
  color: #FFF;
  transition: 0.1s;
}
label:hover {
  background: #6677ff;
}
.panel {
  transition: .3s ease;
  height: 0;
  overflow: hidden;
  background: #99ff99;
  margin-top: 10px;
  padding: 0;
  border-radius: 5px;
}

/*----------------------*/
#dialog	{
	line-height:1.6;
	}
#dialog span	{
	color:#44aadd;
	/*font-weight:bold;*/
	}