/*======================================
	Font-size Adjustment
	0.8em  = 10px	| 	1.3em = 16px
	0.85em = 11px	|	1.4em = 18px
	0.9em  = 12px	|	1.5em = 20px
	1em    = 13px	|
	1.1em  = 14px	|
	1.2em  = 15px	|
	line-height: 1.4
	AND
	MARGIN PADDING DEFAULT SET
=======================================*/
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:700italic);

/*Reset*/
h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, caption, th, td, img, form {
	margin: 0;
	padding: 0;
	border: none;
	line-height: 100%;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	text-align: left;
	list-style-type: none;
	border-collapse: collapse;
	vertical-align: top;

}


textarea { font-size: 100%; }
img { vertical-align: bottom; border-style: none; }
hr { display: none; }
em{font-style: normal}
input{line-height:auto;vertical-align:top;}
strong.more{color:#c30}



.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
*+html .clearfix{min-height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*全体------------------------------------------------*/
body {
	margin: 0px;
	padding: 0px;
	font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1em;
}
.centering {
	text-align: center;
}

/*背景グラデーション*/
header div#login {
	 	/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #EEEEEE));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #FFFFFF 0%, #EEEEEE 100%);
}
header div#myPage {
	 	/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #FFFFFF 0%, #696 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #FFFFFF 0%, #696 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #FFFFFF 0%, #696 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #696));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #696 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #FFFFFF 0%, #696 100%);
}



/*リンク----------------------------*/
a:link {
	color: #000;
	text-decoration: none;
}
a:visited {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: none;
}

/*ヘッダ -------------------------------- */
header {
	position:relative;
}
header h1 {
	background-color:#2C4E44;
	padding:2px 0 2px 8px;
}
header div#login,
header div#myPage {
	position:absolute;
	top:7px;
	left:230px;
	border:solid 1px #999;
	border-radius:4px;	
}
header div#myPage {
	left:140px;
}
header div#login p,
header div#myPage p {
	background:url(Img/common/icon_key.png) no-repeat 5px center;
	padding:3px 10px 3px 15px;
	font-size:0.7em;
}
header div#myPage p {
	background:none;
	padding:3px 10px 3px 10px;
}


/*コンテンツ（このサイトについて）*/


div#contents dl.about dt {
	margin:0 10px;
	padding:10px;
	text-align:center;
	border:solid 1px #ededed;
	border-radius:6px;
	box-shadow: 0 0 3px 0 #777;
	-webkit-box-shadow: 0 0 3px 0 #777; /* Safari, Chrome用 */
	-moz-box-shadow: 0 0 3px 0 #777; /* Firefox用 */
	background:url(Img/common/icon_finger.png) no-repeat 2% center, url(Img/common/icon_arrow_under.png) no-repeat 98% center, -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #EEEEEE));/* Webkit (Safari/Chrome 10) */ 
	background:url(Img/common/icon_finger.png) no-repeat 2% center, url(Img/common/icon_arrow_under.png) no-repeat 98% center, -moz-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);/* Mozilla Firefox */ 
}
div#contents dl.about dd {
	margin:10px;
}

div#contents dl.about dd div#Stage.about {
	background:url(Img/top/bg_about.gif) repeat-x;
	height:250px;
	margin-top:10px;
	padding:2px 10px 10px 10px;
	border-radius:10px;
}
div#how_to {
	margin:10px 0 0 20px;
	position:relative;
}
div#how_to p {
	position:absolute;
}
div#how_to p.woman {
	opacity:1;
	top:60px;
	left:-20px;
}
div#how_to p.office1 {
	opacity:1;
	top:0;
	left:170px;
}
div#how_to p.office2 {
	opacity:1;
	top:80px;
	left:170px;
}
div#how_to p.office3 {
	opacity:1;
	top:160px;
	left:170px;
}
div#how_to p.arrow1 {
	position:absolute;
	overflow:hidden;
	top:42px;
	left:110px;
	width:64px;
	height:166px;
}
div#how_to p.arrow1 img{
	position:absolute;
	top:0;
	left:-64px;
}
div#how_to p.arrow2 {
	position:absolute;
	overflow:hidden;
	top:42px;
	left:110px;
	width:64px;
	height:166px;
}
div#how_to p.arrow2 img {
	position:absolute;
	top:0;
	left:0;
}
div#how_to p.arrow3{
	position:absolute;
	overflow:hidden;
	top:115px;
	left:110px;
	width:64px;
	height:20px;
}
div#how_to p.arrow3 img{
	position:absolute;
	top:0;
	left:-64px;
}
div#how_to p.arrow4{
	position:absolute;
	overflow:hidden;
	top:115px;
	left:110px;
	width:64px;
	height:20px;
}
div#how_to p.arrow4 img{
	position:absolute;
	top:0;
	left:0;
}
div#how_to p.comment1{
	position:absolute;
	opacity:0;
	top:60px;
	left:110px;
}
div#how_to p.comment2{
	position:absolute;
	opacity:0;
	top:60px;
	left:115px;
}
div#how_to p.comment3{
	position:absolute;
	opacity:0;
	top:133px;
	left:110px;
}
div#how_to p.comment4{
	position:absolute;
	opacity:0;
	top:133px;
	left:115px;
}
div#how_to p.answer{
	position:absolute;
	opacity:0;
	top:115px;
	left:120px;
}

div#contents dl.about dd p.text {
	margin:10px;
	font-size:0.8em;
	line-height:1.3em;
}



/*コンテンツ（シミュレーターボタン）*/
div#contents div.simulator {
	background:url(Img/common/bg_simu.gif) repeat-x;
	margin-top:15px;
	padding:10px;
}
div#contents div.simulator ul {
	background:url(Img/common/bg_simu2.gif) no-repeat;
	width:280px;
	padding:10px 10px 15px 10px;
	border-radius:10px;
}
div#contents div.simulator ul li {
	margin-top:15px;
	text-align:center;
}
div#contents div.simulator ul li.margin_top0 {
	margin-top:0;
}
/*コンテンツ（事例紹介）*/
div#contents div#caseBox {
	background:url(Img/top/bg_case.gif) repeat-x;
	margin-top:15px;
	padding:10px 10px 15px 10px;
}
div#contents div#caseBox p {
	text-align:center;
	color:#fff;
}
div#contents div#case {
	position: relative;
	background-color:#FDFEF9;
	margin-top:8px;
	padding-top:17px;
	border-radius:10px;
	box-shadow:2px 2px 2px rgba(0,0,0,0.4) inset;
}
	
div#contents div#case div#ListBox {
	margin:0;
	padding:0;
	width:237px;
	height:350px;
	position: relative;
	left:32px;
	overflow: hidden;
}
div#contents div#case div#ListContents {
	position: absolute;
	width:2760px;
}
div#contents div#case p.ListPrv {
	position: absolute;
	top:87px;
	left:6px;
	width:10px;
	cursor: pointer;
}
div#contents div#case div#ListContents ul.List{
	padding:0;
	margin:0;
	position: absolute;
}
div#contents div#case div#ListContents ul.List li {
	padding:0;
	margin:0;
	float:left;
	text-align:center;
	width:237px;
}

div#contents div#case p.ListNext{
	position: absolute;
	top:87px;
	right:6px;
	width:17px;
	cursor: pointer;
	clear:left;
}
/*コンテンツ（ログイン）*/
div#contents ul#login {
	margin:50px 0;
}
div#contents ul#login li {
	text-align:center;
}
div#contents ul#login li input {
	color: #000;
    background: #F4F7D9;
	border:1px solid #999;
	font-size:100%;
	box-shadow: 1px 1px 1px #999 inset;
	-webkit-box-shadow: 1px 1px 1px #999 inset; /* Safari, Chrome用 */
	-moz-box-shadow: 1px 1px 1px #999 inset; /* Firefox用 */
}
div#contents ul#login li input:focus {
    background: #fff;
    border:1px solid #777;
    box-shadow: 1px 1px 1px #999 inset;
	-webkit-box-shadow: 1px 1px 1px #999 inset; /* Safari, Chrome用 */
	-moz-box-shadow: 1px 1px 1px #999 inset; /* Firefox用 */
}
div#contents ul#login li input[type="submit"] {
	margin-top:10px;
	padding:5px 20px;
	font-size:1.2em;
	border:solid 1px #999;
	border-radius:6px;
	box-shadow: 0 0 3px 0 #777;
	-webkit-box-shadow: 0 0 3px 0 #777; /* Safari, Chrome用 */
	-moz-box-shadow: 0 0 3px 0 #777; /* Firefox用 */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #696));/* Webkit (Safari/Chrome 10) */ 
	background:-moz-linear-gradient(top, #FFFFFF 0%, #696 100%);/* Mozilla Firefox */ 
}

/* Visitor */
article#Visitor{
	padding:0 0 10px 0;
	background:#D3DCBF;
}

article#Visitor h2{
	padding:0.6em 0;
	color:#fff;
	background: #A6BA7A url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAwElEQVQ4jbWUQQ0FIQxE54wEbKADG+jABjqwgQ5s8C//Jcske+v20gAN8xgKGmMkSSqlJEnKOSdJqrUmSVprXfNzzmu+tXbVxwdkKEECOSS996uOdSePDxQgRdk93HtfdaxDzAnig53xgAwBmTpO4F5CHh9v/UVmHkL3knzO+YgQRTzxzn/017UO0fd9iCIK3NobmXtHxvP4cA+cFI/x1F8W9dTFB0reZ4w96++pv/HvbhkFvEHZ/0n/uf3WGYfHD+BmkwunG9brAAAAAElFTkSuQmCC");
	text-align: center;
	font-weight: bold;
	text-shadow: 1px 1px 0px #000;
	box-shadow: 0 1px 3px #666;
}
article#Visitor ul#List{
	margin:10px 10px 0 10px;
}
article#Visitor ul#List li{
	margin:10px 0 0 0;
	padding:0.6em 15px 0.6em 10px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 1px 1px 3px #999;
	line-height:1.5;
	position: relative;
}
article#Visitor ul#List li em{
  display: block;
  position: absolute;
	right:30px;
	top:-5px;
  line-height: 16px;
  height: 16px;
  padding: 0 5px;
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size:12px;
  color: white;
  text-shadow: 0 1px rgba(0, 0, 0, 0.25);
  border: 1px solid #fff;
  border-radius: 10px;
 
  box-shadow: 0 1px 2px #999;;
  background: #fa623f;
}

article#Visitor ul#List div.Titling{
	padding-right:20px;
	color:#33230C;
	font-weight: bold;
	display: block;
	background: url(Visitor/Img/ArrowGreen.png) no-repeat right center;
}
article#Visitor ul#List div.Titling.open{

	background-image: url(Visitor/Img/ArrowGreen2.png);
}

article#Visitor ul#List div span{
	font-size:80%;
	color:#9D8D79;
}
article#Visitor ul#List dl{
	width:90%;
}

article#Visitor ul#List dt{
	margin:1em 0 0 10px;
	font-size:75%;
}
article#Visitor ul#List dd{
	margin:0.6em 0 0 0;
	padding:0.6em;
	font-size:80%;
	background: #B6CFDB;
	border-radius: 5px;
	box-shadow: 1px 1px 2px #999;
	line-height: 1.5;

}
article#Visitor ul#List dl.office{
	margin-left:10%;
}
article#Visitor ul#List dl.office dd{
	background: #fff;
	box-shadow: 0px 0px 4px #999;
}
article#Visitor ul#List div#AreaComment{
	margin:1em 0 0 0;
}
article#Visitor ul#List label{
	font-weight: bold;
	font-size:75%;
}
article#Visitor ul#List textarea{
	box-sizing: border-box;
	display: block;
	width:100%;
}


article#Visitor section#Status{
	margin:10px 10px 0 10px;
	border:1px solid #2C4E44;
	border-radius: 5px;
	background: #fff;
}
article#Visitor section#Status h3{
	padding:0.6em 10px;
	background: #2C4E44;
	font-size:90%;
	color:#fff;
}
article#Visitor section#Status dt{
	padding:0.4em 0;
	font-size:90%;
	width: 40%;
	float:left;
	clear:both;
	text-align: center;
}
article#Visitor section#Status dd{
	padding:0.4em 0;
	width: 59%;
	font-size:90%;
	float:left;
	text-align: right;
	text-align: center;
}

article#Visitor section#Config{
	margin:10px 10px 0 10px;
	padding:0 0 10px 0;
	border-radius: 5px;
	border:1px solid #999;
	background: #fff;
}
article#Visitor section#Config h3{
	padding:10px 10px 0 10px;
	color:#2B1D07;
	font-weight: bold;
	font-size:90%;
}
article#Visitor section#Config p{
	margin:0.6em 0 0 0;
	padding:0 10px;
	line-height: 1.4;
	font-size: 0.9em;
}
/* to delete Later ユーザー管理画面*/
div#ListBox.visitor {
	background:#EFD8A1 url(Img/common/bg_simu.gif) repeat-x;
	padding-bottom:15px;
}
div#ListBox.detail {
	background-color:#E2EFF7;
	padding-bottom:15px;
}
div#ListBox.detail h2{
	padding:8px 0;
	border-top:5px solid #315249;
	border-bottom:5px solid #315249;
	background: #fff;
}
div#ListBox dl.chosen {
	position:relative;
	height:40px;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #eee));/* Webkit (Safari/Chrome 10) */ 
	background:-moz-linear-gradient(top, #FFFFFF 0%, #eee 100%);/* Mozilla Firefox */
	border:solid 1px #eee;
	border-bottom:1px solid #fff;
}
div#ListBox dl.chosen:nth-of-type(2n){
	background:#eee;
}
div#ListBox dl.chosen.komoku {
	background:none;
	border:none;
}
div#ListBox dl.chosen dt {
	position:absolute;
	top:15px;
	left:15px;
}
div#ListBox dl.chosen dd {
	position:absolute;
	bottom:4px;
	right:15px;
}
div#ListBox dl.chosen.komoku dt,
div#ListBox dl.chosen.komoku dd {
	color:#900;
	font-size:0.9em;
	background:none;
}
div#ListBox dl.chosen dd {
	width:30px;
	height:15px;
	padding:7px 5px 4px 5px;
	border:solid 2px #fff;
	border-radius:15px;
	box-shadow:1px 1px 1px #999;
	font-size:0.8em;
	font-weight:bold;
	color:#fff;
	text-align:center;
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top left, #FF5C72 0%, #A3020C 100%);

	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top left, #FF5C72 0%, #A3020C 100%);

	/* Opera */ 
	background-image: -o-linear-gradient(top left, #FF5C72 0%, #A3020C 100%);

	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #FF5C72), color-stop(1, #A3020C));

	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top left, #FF5C72 0%, #A3020C 100%);

	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom right, #FF5C72 0%, #A3020C 100%);
	box-shadow: 0 0 3px 0 #777;
	-webkit-box-shadow: 0 0 3px 0 #777; /* Safari, Chrome用 */
	-moz-box-shadow: 0 0 3px 0 #777; /* Firefox用 */
}
div#ListBox dl.chosen.komoku dd {
	background-color:#fff;
}

div#ListBox div.Err{
	margin:10px 10px 0 10px;
}
div#ListBox div.Err p{
	margin:1em 0 0 0;
	text-align: center;
	color:#c30;
	font-weight: bold;
}
/*メールやりとり*/
div#ListBox.detail p.back {
	position:absolute;
	top:45px;
	left:10px;
}
div#ListBox.detail p.back_under {
	margin:10px 0 10px 10px;
}
div#ListBox.detail div#mail_area {
	width:100%;
}
div#ListBox.detail div#mail_area dl {
	width:93%;
	margin:15px 20px 0 0;
}
div#ListBox.detail div#mail_area dl dt {
	margin-top:10px;
	font-size:0.8em;
}
div#ListBox.detail div#mail_area dl dd {
	background-color:#b6cfdb;
	margin-top:5px;
	padding:10px 15px;
	font-size:0.8em;
	color:#333;
	line-height:1.6em;
	border-radius:10px;
	box-shadow: 0 0 3px 0 #777;
	-webkit-box-shadow: 1px 1px 1px 0 #999; /* Safari, Chrome用 */
	-moz-box-shadow: 1px 1px 1px 0 #999; /* Firefox用 */
}
div#ListBox.detail div#mail_area dl.office {
	margin:15px 0 0 20px;
}
div#ListBox.detail div#mail_area dl.office dt {
	text-align:right;
}
div#ListBox.detail div#mail_area dl.office dd {
	background-color:#eee;
}
div#ListBox.detail div#comment_area {
	width:300px;
	margin-top:20px;
}
div#ListBox.detail div#comment_area p {
	margin-top:10px;
	font-size:0.9em;
	text-align:center;
}
div#ListBox.detail div#comment_area p textarea {
	width:90%;
	 background: #F4F7D9;
	border-radius:10px;
	font-size:100%;
	box-shadow: 2px 2px 5px #eee inset;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	 box-sizing: border-box;
}
div#ListBox.detail div#comment_area p.send {
}

/*事務所一覧*/
div#contents p.pickup {
	margin:10px;
}
div#ListBox {
	padding:10px 10px 5px 10px;
}
div#ListBox h2 {
	font-size:1.3em;
	font-weight:bold;
	text-align:center;
}
div#ListBox p.Count {
	margin:10px;
	font-size:0.8em;
	color:#369;
}
div#ListBox ul.List {
	margin-top:10px;
}
div#ListBox ul.List li.Item {
	background-color:#FFC;
	margin-top:10px;
	padding:5px 8px 10px 8px;
	border-radius:6px;
}
div#ListBox ul.List li.Item ul {
	position:relative;
}
div#ListBox ul.List li.Item ul li {
	margin-top:5px;
	font-size:0.8em;
}
div#ListBox ul.List li.Item ul li.pickUp {
	margin-top:0;
}
div#ListBox ul.List li.Item ul li.name {
	padding-bottom:5px;
	font-size:0.9em;
	font-weight:bold;
	border-bottom:dotted 1px #999;
}
div#ListBox ul.List li.Item ul li.detail {
	position:absolute;
	bottom:0;
	right:10px;
	width:50px;
	padding:5px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	border-radius:4px;
	box-shadow: 0 0 3px 0 #777;
	-webkit-box-shadow: 0 0 3px 0 #777; /* Safari, Chrome用 */
	-moz-box-shadow: 0 0 3px 0 #777; /* Firefox用 */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #ededed));/* Webkit (Safari/Chrome 10) */ 
	background:-moz-linear-gradient(top, #FFF 0%, #ededed 100%);/* Mozilla Firefox */
}
div#ListBox p.Next,
div#ListBox p.Back {
	/*background-color:#696;*/
	margin:10px 0;
	padding:5px;
	font-size:1.1em;
	color:#fff;
	text-align:center;
	border-radius:4px;
	box-shadow: 0 0 3px 0 #777;
	-webkit-box-shadow: 0 0 3px 0 #777; /* Safari, Chrome用 */
	-moz-box-shadow: 0 0 3px 0 #777; /* Firefox用 */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #696), color-stop(1, #363));/* Webkit (Safari/Chrome 10) */ 
	background:-moz-linear-gradient(top, #696 0%, #363 100%);/* Mozilla Firefox */
}
div#ListBox p.Next a:link,
div#ListBox p.Back a:link {
	color:#fff;
}
div#ListBox p.Next a:visited,
div#ListBox p.Back a:visited {
	color:#fff;
}

/*事務所詳細*/
div#ListBox ul.office ,
div#ListBox dl.form{
	background-color:#FFC;
	margin:10px 0;
	padding:5px 8px 10px 8px;
	border-radius:6px;
}
div#ListBox ul.office li {
	margin-top:5px;
	padding-bottom:5px;
	font-size:1em;
	line-height:1.3em;
	border-bottom:dotted 1px #999;
}
div#ListBox ul.office li.pickUp {
	margin-top:0;
	border:none;
}
div#ListBox ul.office li.name {
	font-size:1.2em;
	font-weight:bold;
}
div#ListBox ul.office li.phone {
	padding:10px;
	font-size:1.2em;
	font-weight:bold;
	color:#900;
	text-align:center;
}
div#ListBox ul.office li.phone a:link {
	color:#900;
}
div#ListBox ul.office li.phone a:visited {
	color:#900;
}
div#ListBox ul.office li.comment p {
	line-height:1.3em;
}
div#ListBox ul.office li#map{
	width:280px;
	min-height:200px;
	margin-top:10px;
	border:none;
}
/*事務所へ相談フォーム*/
div#ListBox dl.form dt {
	margin:10px 0 0 0;
	line-height:1.3em;
	font-family:'Hiragino Mincho ProN',serif;
	font-weight: bold;
	font-size:14px;
}
div#ListBox dl.form dd{
	margin-top:3px;
	line-height:1.3em;
	position: relative;
}
div#ListBox dl.form dd span.unit{
	position: absolute;
	color:#666;
	right:0.6em;
	top:0.3em;
}
div#ListBox dl.form dd ul.radio{
	display: table;
	width:100%;
}
div#ListBox dl.form dd ul.radio li,
div#ListBox dl.form dd ul.radio label{
	display: table-cell;
	width:49%;
	vertical-align: middle;
	line-height: 2;
}
div#ListBox dl.form dd.Method ul.radio li,
div#ListBox dl.form dd.Method ul.radio label{
	display: inline;

}

div#ListBox dl.form input[type="password"],
div#ListBox dl.form input[type="email"],
div#ListBox dl.form input[type="text"],
div#ListBox dl.form input[type="number"],
div#ListBox dl.form input[type="tel"],
div#ListBox dl.form textarea,
div#ListBox dl.form select {
	width: 100%;
	border:1px solid #999;
    padding: 0.3em 0.3em;
    color: #000;
    background: #F4F7D9;
	border-radius:10px;
	font-size:100%;
	box-shadow: 2px 2px 5px #eee inset;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	 box-sizing: border-box;
}
div#ListBox dl.form input[type="radio"] {
	padding:1em;
}
div#ListBox dl.form textarea {
	margin:5px 0 0 0;
	padding:5px;
	height:100px;
}
div#ListBox dl.form input:focus, 
div#ListBox dl.form textarea:focus {
    background: #fff;
    border:1px solid #777;
    box-shadow: 1px 1px 1px #999 inset;
}
div#ListBox dl.form select {
	padding: 0.4em;
	border:1px solid #999;
	border-radius:10px;
   	font-size:1.1em;
	background: #fff;
	box-shadow: 0px 0px 3px #999;
}

div#ListBox dl.form dd.send {
	text-align:center;
	padding:5px 0 8px 0;
}
div#ListBox dl.form dd.send input[type="submit"],
div#ListBox.detail div#comment_area p.send input[type="submit"] {
	width:100px;
	height:30px;
	margin-top:10px;
	font-size:1.1em;
	text-align:center;
	border-radius:4px;
	box-shadow: 0 0 3px 0 #777;
	-webkit-box-shadow: 0 0 3px 0 #777; /* Safari, Chrome用 */
	-moz-box-shadow: 0 0 3px 0 #777; /* Firefox用 */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #eee));/* Webkit (Safari/Chrome 10) */ 
	background:-moz-linear-gradient(top, #fff 0%, #eee 100%);/* Mozilla Firefox */
}

/*運営者情報・お問い合わせ*/
div#ListBox dl.company {
	background-color:#E2EFF7;
	margin:10px 0;
	padding:5px 8px 10px 8px;
	border-radius:6px;
}
div#ListBox dl.company dt {
	margin-top:10px;
	font-size:0.9em;
	color:#C60;
}
div#ListBox dl.company dd {
	margin-top:10px;
	padding-bottom:5px;
	font-size:0.9em;
	line-height:1.3em;
	border-bottom:dotted 1px #333;
}
div#ListBox dl.form.Company {
	background-color:#E2EFF7;
}
div#ListBox dl.form.Company input,
div#ListBox dl.form.Company textarea,
div#ListBox dl.form.Company select {
    background: #F4F7D9;
	border-radius:10px;
	font-size:100%;
	box-shadow: 2px 2px 5px #eee inset;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	 box-sizing: border-box;
}
div#ListBox dl.form.Company input:focus, 
div#ListBox dl.form.Company textarea:focus {
    background: #fff;
    border:1px solid #777;
    box-shadow: 1px 1px 1px #999 inset;
}
div#ListBox dl.form.Login{
	background: #fff;
}

/*利用規約*/
div#contents div#ListBox h3 {
	background:none;
	margin-top:20px;
	padding-left:0;
	font-size:0.8em;
	color:#C56520;
}
div#contents div#ListBox ol {
	margin-top:10px;
	padding-bottom:10px;
	border-bottom:dotted 1px #666;
}
div#contents div#ListBox ol.end {
	border-bottom:none;
}
div#contents div#ListBox ol li {
	margin-left:1.6em;
	font-size:0.8em;
	color:#333;
	line-height:1.3em;
	list-style-type:decimal;
	list-style-position:outside;
}

/*フッタ--------------------------*/
footer ul.menu {
	margin:20px 10px 0 10px;
}
footer ul.menu li {
	padding:10px;
	border-bottom:solid 1px #999;
}
footer ul.menu li a {
	display:block;
}
footer ul.menu li.home {
	border-top:solid 1px #999;
}
footer ul.back {
	width:300px;
	margin:10px auto;
}
footer ul.back li {
	float:left;
	margin:0 5px;
	padding:10px 15px;;
	border:solid 1px #ededed;
	border-radius:6px;
	box-shadow: 0 0 3px 0 #777;
	-webkit-box-shadow: 0 0 3px 0 #777; /* Safari, Chrome用 */
	-moz-box-shadow: 0 0 3px 0 #777; /* Firefox用 */
	font-size:0.9em;
}
footer ul.back li.backHome {
	padding-left:30px;
	background:url(Img/common/icon_house.png) no-repeat 5% center, -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #EEEEEE));/* Webkit (Safari/Chrome 10) */ 
	background:url(Img/common/icon_house.png) no-repeat 5% center, -moz-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);/* Mozilla Firefox */ 
}
footer ul.back li.backTop {
	padding-right:30px;
	background:url(Img/common/icon_arrow_top.png) no-repeat 95% center, -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #EEEEEE));/* Webkit (Safari/Chrome 10) */ 
	background:url(Img/common/icon_arrow_top.png) no-repeat 95% center, -moz-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);/* Mozilla Firefox */ 
}
address {
	clear:left;
	margin:20px 0 10px 0;
	font-size:0.9em;
	text-align:center;
}


/*ページナビ*/
div.pagenavi{
	text-align: center;
}
div.pagenavi ul{
	margin:0 auto;
	display: table;
}
div.pagenavi li{
	padding:0.5em 0.2em;
	display: table-cell;
}

div.pagenavi li a{
	border-radius: 8px;
	display:block;
	background: #eee;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	padding:0.6em;
	box-shadow: 1px 1px 2px #fff inset;
	color:#333;
}
div.pagenavi li span{

	border-radius: 8px;
	display:block;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #696), color-stop(1, #363));/* Webkit (Safari/Chrome 10) */ 
	background:-moz-linear-gradient(top, #696 0%, #363 100%);/* Mozilla Firefox */
	border:1px solid #363;
	padding:0.6em;
	box-shadow: 1px 1px 2px #fff inset;
	color:#fff;
}


/* Login */
body#Login{
	background: #EFD8A1;
}
p.Centering{
	margin:1em 0 0 0;
	text-align: center;
}
body#Login h1{
	margin:0;
	padding:5px 0;
	border-top:5px solid #FF9900;
	border-bottom:5px solid #FF9900;
	background: #fff;
	text-align: center;
	font-size:15px;
	color:#CC3333;
}
body#Login h2{
	margin:0 auto;
	padding: 0;
	background: url(Evaluation/Img/H2Back.gif) repeat-x left bottom;
}
body#Login div.Table{
	margin:5px 10px 10px 10px;
	padding:10px;
	background: #fff;
	border-radius: 10px;
}
body#Login div.Table div.Text{
	margin:20px auto 0 auto;
}
body#Login div.Table div.Text p{
	margin:0.8em 0 0 0;
	line-height: 1.5;
}
body#Login div.Table table{
	width:100%;
	border-collapse: collapse;
}
body#Login div.Table tr{
	border-bottom:1px solid #ccc;
}
body#Login th{
	padding:10px 0;
	font-family:'Hiragino Mincho ProN',serif;
	vertical-align: top;
}
body#Login td{
	padding:10px 0;
	vertical-align: top;
}
body#Login td a{
	font-size:80%;
}
body#Login td input{
	font-size:80%;
}
body#Login dl{
	padding:10px 0;
	background: #fff;
	border-radius: 10px;
}
body#Login dt{
	margin:0 10px;
	font-family:'Hiragino Mincho ProN',serif;
}
body#Login dd{
	margin:0 10px;
	padding:0.4em 0;
}
body#Login dl.Confirm dd{
	border-bottom:1px solid #999;
}
body#Login dl.Confirm span{
	color:#009;
}
body#Login dd.Centering{
	text-align: center;
}
body#Login div.Text{
	margin:10px;
	padding:10px 0 0 0;
	background: #fff;
	border-radius: 10px;
}

/* visitor */
body#Visitor section{
	margin:10px 0 0 0;
	padding:10px 0;
	background: #fff;
	border-radius: 10px;
}
body#Visitor section h2{
	margin:0 10px;
	padding:5px 0;
	border-top:5px solid #FF9900;
	border-bottom:5px solid #FF9900;
	background: #fff;
	text-align: center;
	font-size:15px;
}
body#Visitor div.Table{
	margin:5px 10px 10px 10px;
	padding:10px;
	background: #fff;
	border-radius: 10px;
}
body#Visitor table{
	width: 100%;
}
body#Visitor div.Table tr{
	border-bottom:1px solid #ccc;
}
body#Visitor th{
	padding:10px 10px 10px 0;
	font-family:'Hiragino Mincho ProN',serif;
	vertical-align: top;
	font-weight: bold;
}
body#Visitor td{
	padding:10px 0;
	vertical-align: top;
}

/* config  */
body#Visitor section#config h3{
	padding:0;
	margin:0;
	color:#333;
	text-align: center;
	font-size:0.8em;
}
body#Visitor section#config p{
	margin:0.8em 0 0 0;
	padding:0 10px;
	font-size:0.8em;
	line-height:1.3;
}
body#Visitor section#config input[type="submit"]
{
	padding:0.8em 1em;
	border-radius: 15px;
}