@charset "UTF-8";
/*FORM2*/

/*まず、フォーム全体の囲み罫や角丸を指定*/
form#form2{
	color: #666666;
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
	border-width: 3px;
	border-style: solid;
	border-color : #000000;
/*↓ボックスの角丸の指定*/
	-webkit-border-top-left-radius: 15px 15px;
	-webkit-border-top-right-radius: 15px 15px;
	-webkit-border-bottom-right-radius: 15px 15px;
	-webkit-border-bottom-left-radius: 15px 15px;
	-moz-border-radius: 15px;
	border-top-left-radius: 15px 15px;
	border-top-right-radius: 15px 15px;
	border-bottom-right-radius: 15px 15px;
	border-bottom-left-radius: 15px 15px;
}

/*<p>に背景や角丸を指定*/
form#form2 p{
	margin:7px 0 0;
	padding:10px;
	font-size: 12px;
	background : none 0% 0% / auto auto repeat scroll padding-box border-box #ddeeff;
	/*↓ボックスの角丸の指定*/
    -webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
/*最初の<p>にはマージンをつけない（:first-child疑似クラスによる指定）*/
form#form2 p:first-child{
	margin:0;
}

/* span要素をブロック化しフロートでフォーム部品と横に並べる*/
form#form2 p span{
	width: 19em;
	margin:0px;
	display:block;
	float:left;
}

/*「:after」で <p>の末尾でフロートをクリア*/
form#form2 p:after{
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	clear:both;     /*←フロートをクリア*/
}

/* テキスト入力部品の見た目を統一する */
form#form2 p label .txtfiled, form#form2 p select{
	width:300px;
	padding:3px 5px;
	margin:0px;
	color:#666;
	border: solid 1px #ccc;
	background: #fff;
	/*シャドウをつける。*/
    -webkit-box-shadow: 1px 1px 1px #fff;
    -moz-box-shadow: 1px 1px 1px #fff;
	box-shadow: 1px 1px 1px #fff;
	/*角丸にする*/
	border-radius:7px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
}
form#form2 p select{
	/*selectは250では大きすぎるので*/
	width:160px;
}

/*チェックボックス、ラジオボタンのブロックの指定*/
form#form2 p span.check, form#form2 p span.radio{
	display:block;
	width:300px;
}
/*チェックボックス、ラジオボタンの label要素を横に並べる*/
form#form2 p span.check label, form#form2 p span.radio label{
	margin-right: 2em;
	display: block;
	float: left;
	width: 9em;
}
/*ラジオボタンの label要素の幅は9emでは大きすぎるので調整*/
form#form2 p span.radio label{
	width: 4em;
}
/*「:after」で <span>の末尾でフロートをクリア*/
form#form2 p span.check:after, form#form2 p span.radio:after{
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	clear:both;     /*←フロートをクリア*/
}

/*input要素とテキストがくっつかないように右にマージンを少し*/
form#form2 p span.check label input, form#form2 p span.radio label input{
	margin-right:0.5em;
}
/*チェックボックス、ラジオボタンの label要素にロールオーバー時の変化を指定する*/
form#form2 p span.check label:hover, form#form2 p span.radio label:hover{
	background :#ff8080;
	color: #fff;
	font-weight:bold;
}

input:focus, select:focus, textarea:focus{
	background-color:#ffffd9;
}

li{
    display: inline-block;
  font-size : 13px;
}
 
li + li:before{
    margin: 0 5px;
    content: ">";
}